Diseño de movimiento para desayunar: animación fácil de personajes en Adobe After Effects | Tyler Bennett | Skillshare

Velocidad de reproducción


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Diseño de movimiento para desayunar: animación fácil de personajes en Adobe After Effects

teacher avatar Tyler Bennett, Motion Graphics Designer & Photographer

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      INTRODUCCIÓN

      0:29

    • 2.

      Puesta en marcha

      0:24

    • 3.

      Dibujo de las piernas

      1:56

    • 4.

      El ciclo de caminata básico

      4:10

    • 5.

      Perfeccionar el ciclo de caminata

      2:05

    • 6.

      Animación del cuerpo

      1:12

    • 7.

      Extiende el ciclo de caminata

      1:39

    • 8.

      Anima el fondo

      1:40

    • 9.

      Parpadeo de ojos

      1:34

    • 10.

      Sombra

      2:14

    • 11.

      Efecto de ebullición(apariencia dibujada a mano)

      1:25

    • 12.

      Reflexiones finales

      1:07

    • 13.

      Exportación con Adobe Media Encoder

      1:10

    • 14.

      Outro

      0:10

    • 15.

      Lección adicional: sigue tu curso

      1:10

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

47

Estudiantes

2

Proyectos

Acerca de esta clase

Esta clase de animación de personajes es muy simple y te enseñará a animar un ciclo de caminatas en Adobe After Effects. No se requieren plugins. Animaremos usando la opción de trazado, así como animaciones básicas de posición y escala.

La animación de personajes es una de las cosas más complejas que tendrás que hacer como diseñador de movimiento. Por esta razón, te recomiendo esta clase para estudiantes intermedios. Para los principiantes absolutos, te sugiero tomar una de mis clases para principiantes, como "Conceptos básicos del diseño de movimiento: comienza a animar en Adobe After Effects".

En esta clase, aprenderás lo siguiente:

  • Anima un ciclo de caminata
  • Anima un personaje con propiedades simples de trazado, posición y escala
  • Crea un efecto de ebullición (aspecto dibujado a mano)
  • Cómo exportar tu animación para compartirla en la galería de proyectos

Crearás lo siguiente:

  • Una animación de personajes con las técnicas que se enseñan en esta clase

Adobe, After Effects y Media Encoder son marcas comerciales registradas o marcas comerciales de Adobe Systems Incorporated en Estados Unidos y/o en otros países.

Conoce a tu profesor(a)

Teacher Profile Image

Tyler Bennett

Motion Graphics Designer & Photographer

Profesor(a)

Hello, I'm Tyler. I'm a motion designer & photographer based in Ottawa, Canada. I make simple and easy to follow classes for beginners.

You can find me at tylerbennettvideo.com/

Connect with me at @tytyttheguy or @learnmotionwithty

or on YouTube: @tylerbennett3601

Ver perfil completo

Level: Intermediate

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. Introducción: La animación de personajes es una de las cosas más complejas que tendrás que hacer como diseñador de movimiento. Por eso he creado esta clase muy sencilla y fácil de seguir. Te enseñaré a animar un ciclo de caminata todo dentro de D después de los efectos Recomiendo esta clase para alguien que conoce su camino, pero nunca ha hecho animación de personajes. Para principiantes absolutos, recomiendo tomar una de mis clases para principiantes. Tu proyecto de clase es crear tu propia animación de personajes. No puedo esperar a ver lo que creas. 2. Comienzo: Para esta clase, vas a necesitar adobe Aftereffects, Adobe Media encoder para exportar Descarga la obra de arte desde la página Proyecto y Recursos. También se me incluirá una versión terminada de la clase. Siéntete libre de descargar eso también. El proyecto de tu clase es crear tu propia animación de personajes y no dudes en publicar tus proyectos en la galería de proyectos para que todos puedan ver lo que has creado. 3. Dibujo de las piernas: Lo primero que vamos a hacer es dibujar las piernas. Zoom al 200%. Enciende la rejilla. Consigue la herramienta de pluma. Estoy usando un trazo negro, 15 pixeles. Asegúrate de que no haya relleno. Haga clic en algún lugar por aquí. Recuerda mantener presionada la tecla Mayús para dibujar una línea recta. Algo así se ve bastante bien. Desactiva el contenido de la capa, la forma, la ruta. Cámbielo a tapa redonda. Ahora tenemos nuestro primero. Para crear el partido de vuelta, sólo vamos a duplicar nuestro partido de ida. Haz clic en Control D. Ahora presiona P para abrir la posición, y la arrastraremos por aquí. Mueve la capa de donas a la parte superior de las capas. Ahí. Creo que eso se ve bastante bien. I 4. El ciclo de caminata básico: Ahora vamos a animar el ciclo básico de caminata. Vuelva a encender nuestra nota. Amplíe al 200%. Podemos apagar nuestro partido de vuelta. Alterna nuestra pierna uno, el camino uno. Asegúrate de haber seleccionado la ruta uno. Seleccione los dos puntos de pie. la tecla Mayús, arrastra sobre el pie hasta por aquí. Bien. Presiona el cronómetro para poner un fotograma clave. Ahora pasa a exactamente 1 segundo en la línea de tiempo. Coloca otro marco clave. Queremos que nuestro primer y último fotogramas clave sean exactamente los mismos. Ahora se movió a mitad de camino a 15 fotogramas en la línea de tiempo. De nuevo, asegúrate de que tu ruta esté seleccionada. Seleccione los dos puntos. Mantenga presionada la tecla Mayús, arrastre el pie sobre. Ahora tenemos nuestro pie moviéndose de un lado a otro. Alrededor de la mitad de nuestro pie avanzando, vamos a levantar nuestro pie. Nuevamente, asegúrese de que la ruta esté seleccionada. Seleccione los fotogramas clave de dos pies y levántelos aproximadamente un cuadrado en la cuadrícula Creo que se ve bien. Entonces ahora tenemos cuatro marcos clave, nuestros pies moviéndose hacia adelante y hacia atrás y nuestro pie levantando. Nuestro partido de ida está hecho. Ahora podemos apagar la pierna número uno y activar la pierna número dos. Esencialmente vamos a hacer exactamente lo mismo. Alternar hacia abajo el contenido, dar forma. Asegúrese de que la ruta uno esté seleccionada. Seleccione nuestros puntos de dos pies. Sujeta la tecla mayúscula, muévela hacia adelante. Actívela hacia abajo, presiona el cronómetro. Ir exactamente a 1 segundo en la línea de tiempo. Coloca otro marco clave. Mover a 15 cuadros. Selecciona nuestros dos puntos. Ahora, manteniendo pulsada la tecla mayúscula, la vamos a arrastrar hacia atrás. Creo que en algún lugar por ahí debería quedar bien. Ahora, alrededor de la mitad de nuestro pie avanzando. Vamos a volver a levantar el pie. Seleccione los dos puntos de pie. Levántalo alrededor de un cuadrado. Ahí vamos. Podemos encender nuestra otra pierna, y ahora podemos previsualizar cómo es nuestro ciclo de caminata. Recortemos nuestra área de trabajo a 1 segundo para previsualizar nuestro ciclo de caminata. Ahora tenemos nuestro ciclo básico de caminata. 5. Perfeccionar el ciclo de caminata: Ahora vamos a refinar nuestro ciclo de caminata. Apaga la pierna dos. Vuelva a acercar al 200%. Enciende la rejilla. Selecciona la etapa uno, pasa al segundo fotograma clave, el fotograma clave donde nuestro pie se mueve hacia arriba Alternar hacia abajo la capa. Seleccionar ruta uno, esta vez, solo vamos a seleccionar este fotograma clave, y vamos a arrastrarlo un poco hacia arriba para que parezca que nuestro pie se está doblando. Ahora, selecciona tu herramienta de pluma para crear un nuevo punto en la mitad de nuestra pierna. Arrástralo solo un poquito. Para que parezca que nuestra rodilla se mueve. De nuevo, vamos a apagar la pierna uno, encender la pierna dos, y vamos a hacer lo mismo. En el fotograma clave donde nuestro pie se mueve hacia arriba, seleccione este punto Arrástralo hacia arriba solo un poquito. Seleccione de nuevo la herramienta de pluma. Alrededor de la mitad de nuestra pierna, vamos a colocar un nuevo punto Ahí vamos. Vamos a previsualizar. Creo que eso agrega un aspecto un poco más realista a un ciclo de caminata. 6. Animación del cuerpo: Ahora vamos a animar nuestro donut moviéndose hacia arriba y hacia abajo. Seleccione la capa de donut y presione P para abrir la propiedad position Pasar al segundo fotograma clave en nuestra pierna uno. Ahora, selecciona nuestra capa de donas, presiona el cronómetro. Ahora pasemos al segundo último fotograma clave en nuestra etapa dos. Presione el botón de fotograma clave. Esta va a ser nuestra posición superior para la rosquilla. Ahora ve a 15 fotogramas en la línea de tiempo. Seleccione la capa de donut. Ahora usando la tecla de flecha hacia abajo, vamos a mover nuestro cuerpo de donas hacia abajo. O puedes escribir cinco 50 en la posición y. Ahora pasa al inicio de la línea de tiempo. Seleccione nuestro fotograma clave central. Control C, Control V. Ahora vamos al final de nuestro ciclo de caminata. Control C, Control V. Ahí, ahora nuestro Delonut se mueve hacia arriba y hacia abajo mientras camina. 7. Extiende el ciclo de caminata: Lo primero que vamos a hacer es facilitar fácilmente nuestros marcos clave. Hará que nuestro ciclo de caminata sea un poco más suave. Para extender nuestro ciclo de caminata, vamos a estar copiando y pegando mucho Ahora, extendamos nuestra área de trabajo hasta el final de la composición. Asegúrate de estar en el último marco clave de la dona presionando las flechas aquí Ahora, seleccione todos los fotogramas clave. Control C, Control V. Haz lo mismo. Mover al último fotograma clave. Seleccione todos los fotogramas clave. Continúa haciendo esto hasta que cubra toda la línea de tiempo. Asegúrate de hacer solo una capa a la vez. After ffects no te permite copiar y pegar varias capas. Entonces, para nuestra pierna dos, vamos a hacer lo mismo. Mover al último fotograma clave. Copiar y pegar. Y finalmente, vamos a hacer lo mismo por nuestra pierna uno. Ahora, nuestro ciclo de caminata recorrerá a lo largo de la línea de tiempo. 8. Animación del fondo: Antes de animar nuestro fondo, solo quiero darte una mirada a cómo creé el fondo Sube a los ajustes de composición de composición. Se puede ver el tamaño de nuestra composición principal, 1920 por diez 80. Ahora, vamos a adentrarnos en nuestra capa de fondo. Dirígete al fondo original. Puedes ver que creé una composición del mismo tamaño que nuestra composición principal. Vamos a cerrar fondo original. Aquí en la composición de fondo. Puedes ver que lo que he hecho es crear una composición el doble tiempo que nuestra composición principal con un fondo, una alineada a la izquierda y una línea a la derecha. Ahora, vamos a animar el fondo. Arrastre nuestra capa de fondo hasta la parte inferior de las capas. Presiona P para subir la posición. Dirígete al inicio de la línea de tiempo. Ahora, vamos a alinearlo a la izquierda usando el panel de alineación. Presiona el cronómetro para poner un fotograma clave. Ahora pasemos al final de la línea de tiempo. Ahora vamos a alinearlo a la derecha. Esto coloca otro fotograma clave en la línea de tiempo automáticamente. Ahora, veamos qué pasa si tenemos una vista previa de nuestra animación. 9. Parpadeo de los ojos: Para esta bendición, vamos a animar el sí parpadeando Vamos a entrar en nuestra capa de donas. Selecciona nuestra capa yes. Asegúrate de que nuestro punto de anclaje esté en el centro de los ojos. Presione S para sacar a colación la propiedad de la escala. Asegúrese de que la báscula esté vinculada haciendo clic en este botón aquí. Presiona el cronómetro para poner un fotograma clave. Mover sobre tres fotogramas, tipo de valor de cinco en la propiedad y. Muévete sobre otros tres fotogramas. Y volvamos a poner el valor a 100. Seleccione los fotogramas clave, presione F nine, para agregar algunas Es fáciles. Haga clic con el botón derecho. Vamos a la velocidad del fotograma clave y al tipo de valor del 50% en ambos valores Esto agregará un poco más de energía a nuestro espacio en blanco. Y eso es más o menos todo. copiar y pegar a lo largo la línea de tiempo para agregar tantos parpadeos como te gustaría 10. Sombra: Otra cosa que quizás quieras hacer es crear una sombra. Para dibujar nuestra sombra, solo vamos a usar nuestra herramienta pluma. Recuerda mantener presionada la tecla Mayús para dibujar una línea recta. Podemos renombrarlo. Recuerda presionar enter para renombrar una capa. Muévelo al fondo de nuestro personaje. Presiona T para sacar a colación la opacidad. Lo bajaremos a algo así como 20%. Pero podemos abrir nuestros contenidos de capa. Forma, trazo. Vamos a cambiarlo a tapa redonda. Entonces, para animar la sombra, vamos a asegurarnos de que nuestro punto de anclaje esté en el centro Puede utilizar la herramienta de ajuste para asegurarse de que el punto de anclaje se ajusta al centro A partir de ahí, podemos presionar S para que suba la escala, desvincularla. Con la capa de donas seleccionada, presiona P para subir la posición Y nuestro carácter donut está en su posición abajo, vamos a querer nuestra sombra en su Entonces pongamos un fotograma clave para nuestra báscula. Y pasemos a cuando nuestro donut esté en la posición arriba. Podemos reducir nuestro valor x a algo así como 75%. Creo que eso se ve bastante bien. Y a partir de ahí, sólo es cuestión de copiar y pegar. Pasar a la siguiente posición de donas. Copia y pega nuestro primer fotograma clave. Y podemos seguir haciendo eso hasta que cubra toda nuestra línea de tiempo. Si lo desea, puede facilitar fácilmente los fotogramas clave. Ahí vamos. Tenemos una sombra. 11. Efecto de ebullición(aspecto dibujado a mano): En esta lección, vamos a crear el efecto Boyle. Esto le dará a nuestra animación un poco más de un aspecto caricaturesco Vamos a crear una nueva capa de ajuste. Renombrarlo Boyle. I efectos y presets, busca pantallas turbulentas. Agrega eso a nuestra capa de ajuste. Podemos bajar nuestra cantidad a cinco. Bajar nuestra talla a diez. Complejidad a dos, Alternar opciones de evolución. Voy a hacer clic en el cronómetro de semillas aleatorias. En el campo aquí, podemos escribir en nuestra expresión. Al azar, 10,000. Esto agrega un poco de animación a nuestro efecto de ebullición. Para hacerlo aún mejor, vamos a duplicar nuestra capa de desplazamiento turbulento. Girar los montos a 30. Cambiar el tamaño a dos, complejidad a cuatro. Y eso es prácticamente todo. 12. Reflexiones finales: Otra cosa que quizás quieras hacer es darle un poco más de estilo a tu ciclo de caminata. Una forma práctica de hacerlo es que puedes seleccionar todos tus fotogramas clave Haga clic derecho, diríjase a la velocidad del fotograma clave, y puede subir estos números a algo realmente alto, digamos, 80% Eso le da un poco más de energía a tu ciclo de caminata. Depende de ti si quieres hacer eso o no. Y tal vez tu efecto hervor no sea tan extremo como te gustaría. A lo mejor te gustaría ir con un look línea más squiggly. Siempre puedes entrar en tu capa de ebullición y cambiar estas cantidades. Juega con ellos hasta conseguir una mirada que te guste. Le voy a dar un aspecto más extremo de línea squiggly. Pero depende de ti lo que quieras hacer. De todos modos, eso es casi todo. Siéntase libre de publicar su proyecto en la galería de proyectos. Me encanta ver las cosas que ustedes crean. Y eso es casi todo. 13. Exportación con Adobe Media Encoder: Ahora podemos exportar nuestra animación para compartirla en la galería del proyecto. No es necesario exportar la animación completa de diez segundos. Sólo voy a exportar los primeros 5 segundos de la animación. Voy a arrastrar el final de mi área de trabajo. Ahora podemos ir a Archivo, Exportar, agregar a Adobe Media y Coder Q. Haremos clic en uno de estos enlaces para que salgan a colación las propiedades Además de los presets, voy a elegir Tube ten 80 P full HD Haga clic en Bien. Ahora, haz clic en la flecha verde para Exportar. 14. Conclusion: Enhorabuena. Acabas de completar tu propia animación de personaje. Ahora puedes compartir tu proyecto en la galería de proyectos. 15. Lección adicional: sigue el curso: Digamos que quieres que el personaje de donut se anime en la pantalla Entonces, el mayor inconveniente de este tipo de animación es que nuestras piernas en realidad no están conectadas a nuestra rosquilla La solución más fácil a esto es simplemente precomponer nuestro personaje Seleccione las tres capas de caracteres, haga clic derecho, precomponga Trae nuestra propiedad de posición, puede arrastrar a nuestro personaje fuera de la pantalla. Pon un fotograma clave, pasa por la línea de tiempo. Arrastra nuestro personaje . Ahí vamos. Obviamente, tendrás que jugar con los fotogramas clave para decidir qué tan rápido quieres que camine tu personaje