3d y animación

Tutorial Adobe After Effects: cómo animar un emoji en 6 minutos

Crea un gif de guiño usando After Effects, con el ilustrador y animador Moncho Massé

After Effects es un software útil para la creación de personajes animados. Su interfaz y herramientas te permiten diseñar y dar vida a creaciones de todo tipo y de todos los niveles de dificultad.

Si lo que estás buscando son lecciones fáciles y rápidas para principiantes, animar un emoji de guiño puede ser un gran primer paso. Descubre cómo hacerlo en el tutorial que Moncho Massé (@moncho_masse), ilustrador y animador profesional, ha preparado para ti. ¡Disfrútalo en el siguiente video!

Haz clic en el enlace de abajo para descargar el archivo de After Effects que se usa en este tutorial. Lo encontrarás ubicado en la carpeta de Descargas de tu ordenador.

Descarga el archivo a continuación:

Regístrate y descarga

Archivo_After_Effects_Moncho_Masse.zip

o regístrate con tu email
Al hacer clic en "Crear cuenta" certifico que tengo 16 años o más y acepto las Condiciones de Uso, la Política de Privacidad, la Política de Cookies y recibir novedades y promociones.
¿Ya tienes cuenta? Entrar

1. Crea un controlador para la cara

Ve a “Layer”, luego a “New” y finalmente a “Null Object”. Luego, renombra el layer en tu timeline, emparenta todos los elementos de la cara con el Null Object y conéctalo con la cabeza, de forma que al moverlo esté todo agrupado.

Tutorial Adobe After Effects: cómo animar un emoji en 6 minutos 6
Crear un controlador para la cara es el paso inicial.

2. Añade el efecto Set Matte

Este efecto te ayudará a que las mejillas y las pupilas siempre se vean dentro de la cabeza cuando la imagen esté en movimiento. Encontrarás la herramienta “Set Matte” en el panel de efectos, y deberás aplicarlo a las capas de elementos por separado.

Tutorial Adobe After Effects: cómo animar un emoji en 6 minutos 8
Este efecto permitirá que elementos extra permanezcan dentro del contorno principal.

3. Anima la posición y la escala de la cabeza

Crea un keyframe y cópialo cada 8 cuadros. Es importante que la figura siempre regrese a la posición original en la que comienza la animación, para que ésta se mantenga natural. Para que no se vea lineal, puedes crear una curva de acelerado y frenado seleccionando todos los keyframes y aplicándoles la opción “Easy Ease”. Luego, podrás modificar las curvas en el Graph Editor y ajustarlas para que la animación se vea más fluida.

Tutorial Adobe After Effects: cómo animar un emoji en 6 minutos 10
Modifica las curvas hasta lograr un efecto natural en la animación.

4. Anima el face control

Es importante que los elementos de la cara sigan también el movimiento de la cabeza, por tanto, cuando ésta suba, deberás mover hacia arriba también el Null Object. Esto añadirá un efecto tridimensional a la animación.

Tutorial Adobe After Effects: cómo animar un emoji en 6 minutos 12
Modifica el Null Object que creaste al inicio cada vez que añadas movimiento a la cara.

5. Anima el guiño

Para ello, debes seleccionar el momento exacto en que quieres que cierre el ojo y modificar la forma adaptándola a la capa del guiño. Luego, vuelve a modificar las curvas en el Graph Editor de forma que el ojo se cierre a buena velocidad para que la animación se vea mucho más realista.

Tutorial Adobe After Effects: cómo animar un emoji en 6 minutos 14
Ajusta las curvas del guiño hasta conseguir un efecto natural.

6. Anima las cejas y la rotación de la cabeza

Selecciona las dos cejas, presiona la tecla P y crea dos keyframes. Cuando la cabeza vaya hacia arriba, exagera el movimiento de las cejas subiéndolas un poco más, y haz lo contrario cuando la cabeza baje, haciendo énfasis en la ceja del ojo que está guiñando. Luego, selecciona todos los keframes, haz click derecho, selecciona “Keyframe Assistant” y conviértelos también en “Easy Ease”.

Para mejorar la rotación de la cabeza, vuelve al layer correspondiente, conviértela en “Easy Ease” y dale un toque de movimiento hacia la izquierda cuando suba, y a la derecha cuando baja y guiña el ojo.

Tutorial Adobe After Effects: cómo animar un emoji en 6 minutos 16
Las cejas y la rotación de la cabeza son detalles que darán fluidez a la animación.

7. Desincroniza la cara y la cabeza

Esto ayudará a que la animación se vea más dinámica. Para hacerlo, deberás seleccionar todos los keyframes del Face Control y del ojo que guiña, así como de las cejas, y desfasarlos.

Tutorial Adobe After Effects: cómo animar un emoji en 6 minutos 18
Vista final del guiño.

Si te ha gustado este tutorial y te interesa aprender a diseñar y dar vida a personajes en 2D, no te pierdas su curso online After Effects: anima los primeros pasos de tu personaje.

También te puede interesar:

- Animación y diseño de personajes en After Effects, un curso de Moncho Massé
- Tutorial modelado 3D: cómo convertir un diseño 2D en 3D
- 9 webs gratis de animación 2D y 3D con stock para tus proyectos
- 5 curiosidades sobre los dibujos animados

0 comentarios

Entra o crea tu cuenta para comentar

Recibe en tu email las novedades de Domestika