Buen día, queridos steem lovers. En esta ocasión les estaré enseñando una animación bastante kawaii de un pollito — que mentiría si dijera que no me he divertido con él — con un efecto monísimo llamado «Walk cycle» (conocido en español como «ciclo de caminata»). Esta clase de ediciones se ven en todo tipo de cartoon. Es sorprendente como el simple hecho de hacer caminar a un personaje puede llevar varias horas. ¡Espero les guste!
¿Qué necesitamos?
Necesitamos tener instalado After Effects.
Al final les dejaré el link de descarga.
Proceso de creación:
PARTE 1: Composición
Empezaremos creando una nueva composición.
En la ventana emergente modificaremos los valores de la composición.
En mí caso el tamaño es 1920px x 1080px, color negro.
PARTE 2: Importar archivos
Presionamos Archivo/Importar/Archivos...
Seleccionamos la imagen, presionamos importar.
Arrastramos nuestros archivos importados hacía la mesa de trabajo.
PARTE 3: Crear vínculos y enlaces
Seleccionamos la imagen «wing Outlines»:
En el apartado Principal y enlace, cambiamos Ninguno a body Outlines
Seleccionamos las imágenes «eye Outlines», «beak Outlines»:
En el apartado Principal y enlace, cambiamos Ninguno a head Outlines
Seleccionamos la imagen «head Outlines»:
En el apartado Principal y enlace, cambiamos Ninguno a body Outlines
Nos posicionamos en el frame 040, presionamos la letra "B".
Se reducirá el tiempo de visualización (inicio) a dicho (seg).
Nos posicionamos en el frame 057, presionamos la letra "N".
Se reducirá el tiempo de visualización (fin) a dicho (seg).
Presionando clic derecho sobre el área de reproducción.
Seleccionamos Separar composición del entorno de trabajo.
Desactivamos la visualización del archivo «Legs Outlines»
Presionando el símbolo del ojo.
PARTE 4: Editar cuerpo
Teniendo seleccionado «Body Outlines», presionamos la letra "P".
Se abrirán los frames de posición.
Nos posicionamos en el fotograma 040, creamos un frame en Posición.
Presionando el símbolo del reloj.
Nos posicionamos en el fotograma 044, cambiamos Posición Y a 575.
Nos posicionamos en el fotograma 048, cambiamos Posición Y a 564.4.
Seleccionamos los fotogramas creados:
Presionamos clic derecho, Desaceleración/Aceleración suave o F9.
Seleccionamos Posición, presionamos Alt + el símbolo del reloj.
Copiamos el siguiente código en la línea de diálogo:
loopOut(Type = "cycle", numbKeyframes = 0)
PARTE 5: Editar boca y ojos
Seleccionamos «Eye y break Outlines», presionamos la letra "P".
Se abrirán los frames de posición.
Nos posicionamos en el fotograma 048:
Creamos un frame en Eye Outlines y Beak Outlines.
Presionando el símbolo del reloj.
Nos posicionamos en el fotograma 040:
Movemos manualmente la imagen Eye Outlines y Beak Outlines.
Hacia el lado izquierdo.
Seleccionamos los dos primeros frames, presionamos ctrl + C.
Con este comando lo que haremos será copiarlos.
Nos posicionamos en el fotograma 056, presionamos ctrl + V.
Con este comando lo que haremos será pegar los frames en ese (seg).
Seleccionamos los fotogramas creados:
Presionamos clic derecho, Desaceleración/Aceleración suave o F9.
PARTE 6: Editar brazos
Seleccionamos la capa «Wing Outlines», presionamos la letra "R".
Se abrirán los frames de rotación.
Nos posicionamos en el fotograma 040, cambiamos Rotación a 25°.
Creamos un frame, presionando el símbolo del reloj.
Nos posicionamos en el fotograma 048, cambiamos Rotación a -50°.
Nos posicionamos en el fotograma 056, cambiamos Rotación a 25°.
Seleccionamos los fotogramas creados:
Presionamos clic derecho, Desaceleración/Aceleración suave o F9.
Seleccionamos la capa «Wing Outlines», presionamos la letra "P".
Se abrirán los frames de posición.
Nos posicionamos en el fotograma 040, cambiamos Posición X a 35.
Creamos un frame, presionando el símbolo del reloj.
Nos posicionamos en el fotograma 048, cambiamos Posición X a 60.
Seleccionamos los dos primeros frames, presionamos ctrl + C.
Con este comando lo que haremos será copiarlos.
Nos posicionamos en el fotograma 056, presionamos ctrl + V.
Con este comando lo que haremos será pegar los frames en ese (seg).
Seleccionamos los fotogramas creados:
Presionamos clic derecho, Desaceleración/Aceleración suave o F9.
Seleccionamos la capa «Wing Outlines», presionamos ctrl + D.
Movemos «Wing Outlines 2» bajo la capa «Body Outlines».
En la línea de tiempo.
Seleccionamos la capa «Wing Outlines 2», presionamos la letra "S".
Se abrirán los frames de escala.
Cambiamos el valor Escala a -100.
Seleccionamos la capa «Wing Outlines 2», presionamos la letra "R".
Se abrirán los frames de rotación.
Cambiamos el valor Rotacion a -25°.
Seleccionamos la capa «Wing Outlines 2», presionamos la letra "P".
Se abrirán los frames de posición.
Nos posicionamos en el fotograma 040, cambiamos Posición X a 95.
Nos posicionamos en el fotograma 048, cambiamos Posición X a 45.
Nos posicionamos en el fotograma 056, cambiamos Posición X a 95.
PARTE 7: Editar patas
Activamos la visualización del archivo «Legs Outlines»
Presionando el símbolo del ojo.
Al lado derecho de «Legs Outlines», desplegamos sus valores.
Desactivamos la visualización del archivo «Group 1»
Presionando el símbolo del ojo.
Seleccionamos la opción Ver/Mostrar cuadrícula
Seleccionamos la capa «Legs Outlines», presionamos la letra "P".
Se abrirán los frames de posición.
Nos posicionamos en el fotograma 040:
Creamos un frame en el valor Posición X.
Creamos un frame en el valor Posición Y.
Presionando el símbolo del reloj.
Nos posicionamos en el fotograma 044:
Cambiamos el valor Posición Y 700.
Nos posicionamos en el fotograma 048:
Cambiamos el valor Posición X a 1040.
Cambiamos el valor Posición Y 727.3.
Seleccionamos los dos primeros frames, presionamos ctrl + C.
Con este comando lo que haremos será copiarlos.
Nos posicionamos en el fotograma 056, presionamos ctrl + V.
Seleccionamos los fotogramas creados:
Presionamos clic derecho, Desaceleración/Aceleración suave o F9.
Seleccionamos la capa «Legs Outlines», presionamos ctrl + D.
Seleccionamos la capa «Legs Outlines 2», presionamos la letra "P".
Se abrirán los frames de posición.
Seleccionamos Posición, presionamos Alt + el símbolo del reloj.
Copiamos el siguiente código en la línea de diálogo:
loopOut(Type = "cycle", numbKeyframes = 0)
PARTE 8: Crear fondo
Seleccionamos todos las capas creadas, presionamos clic derecho:
Vamos hasta la opción precomponer y le damos aceptar.
Le colocaré como nombre «Ducky».
Presionando clic derecho sobre el área de trabajo.
Seleccionamos Nuevo/Sólido
PARTE 9: Editar movimiento
Seleccionamos la composición «Ducky»., presionamos clic derecho:
Vamos hasta la opción Tiempo/Activar remapeo de tiempo.
En Remapeo de tiempo, presionamos Alt + el símbolo del reloj.
Copiamos el siguiente código en la línea de diálogo:
loopOut(Type = "cycle", numbKeyframes = 0)
Seleccionamos la composición «Ducky», presionamos la letra "P".
Se abrirán los frames de posición.
Nos posicionamos en el (seg) 1.16, cambiamos Posición X a 0.
Creamos un frame, presionando el símbolo del reloj.
Nos posicionamos en el (seg) 1.16, cambiamos Posición X a 1980.
Coloque un suelo negro para que se distinguiera más.
PARTE 10: Exportar nuestro GIF
Presionamos Composición/Añadir a cola de Adobe Media Encoder...
Nos aseguramos que el formato de salida sea en .gif animado, y le damos al botón de exportar.
Y éste es el resultado final:
Hasta aquí el tutorial, espero les resulte útil. @rpcaceres se despide. ;)
