Animación de personajes: simula giros en 3D con Adobe After Effects | Carminys Guzmán | Skillshare
Buscar

Velocidad de reproducción


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

Animación de personajes: simula giros en 3D con Adobe After Effects

teacher avatar Carminys Guzmán, Motion grapher

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.

      Introduccion

      2:15

    • 2.

      PROYECTO

      1:16

    • 3.

      Elaboración de archivos

      3:41

    • 4.

      Primeros pasos

      3:18

    • 5.

      Rotación de la cabeza 1

      5:41

    • 6.

      Rotación de la cabeza 2

      9:22

    • 7.

      Animación de los brazos

      4:28

    • 8.

      Animar las piernas

      6:59

    • 9.

      Proyecto final 1

      7:34

    • 10.

      Proyecto final 2

      3:08

    • 11.

      Haciendo el loop de la animación

      1:38

    • 12.

      Renderización

      1:18

    • 13.

      Reflexiones finales

      1:28

  • --
  • 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.

592

Estudiantes

9

Proyectos

Acerca de esta clase

Sube de nivel tus animaciones de personajes al crear fantásticas giras en 3D de ilustraciones 2D con Adobe After Effects.

Únete a la clase de Carminys Guzmán y aprende a crear gráficos de movimiento fantásticos, simular giras en 3D de carácter con la animación 2D, fácil y sin usar ningún plugins.

¿Qué aprenderás?

Comenzaremos por organizar las ilustraciones en Adobe Illustrator para que funcione de manera eficiente en After Effects.

Luego, nos pondremos en contacto con la interfaz de After Effects y veremos los métodos abreviados de teclado principales de este curso.

También aprenderás cómo preparar tu personaje para animarlo simplemente en After Effects.

Una vez que esto esté hecho, comenzará la parte más divertida, ¡creando maravillosos giros de 360º de tus personajes!

Finalmente, crearemos el proyecto final, donde aprenderás a integrar tu personaje con un escenario animado.

¿A quiénes está dirigida esta clase?

Este curso es ideal para animadores, ilustradores, diseñadores gráficos, artistas creativos y, en general, cualquier persona que quiera aprender a hacer lazos impresionantes basados en caracteres de forma rápida y fácil.

Este es un curso de nivel intermedio. Entonces, si no has usado After Effects antes, te recomiendo que hagas mi curso de principiante, "Anima tus ilustraciones en un tiempo record con Adobe After Effects", primero

Requisitos:

Para completar este curso, debes tener Adobe After Effects y Adobe Illustrator instalado en tu PC y, sobre todo, un deseo de aprender.

Si quieres aprender a crear ilustraciones increíbles para la animación 2D desde cero, te recomiendo que tomes mi nuevo curso, "Ilustración para la animación: crea diseños hermosos y animes".

Conoce a tu profesor(a)

Teacher Profile Image

Carminys Guzmán

Motion grapher

Top Teacher

Hi, my name is Carminys, and I'm the cofounder of Operary.com; We are an animation studio with over 8 years of experience, based in Spain.

The main goal of our courses is to share our knowledge simply and without complications.

If you really want to make professional animated videos from scratch, you will need to master 3 skills: Scriptwriting, Illustration, and of course, Animation.

Stop getting overwhelmed; save time, and start with our Animation Fundamental Courses.

Follow me on instagram: @operary_sl

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. Introduccion: Hola. Mi nombre es Carminys Guzmán. [MÚSICA] Nací, y crecí en República Dominicana, y ahora vivo en Portugal. Soy el cofundador de Operary, un estudio de animación, donde trabajo como animador, ilustrador y guionista. Llevamos más de una década produciendo video de subredes. Tenemos el placer de trabajar con algunas compañías increíbles como Intel, Deloitte, Bayer, Porsche, y muchas más. Ahora, estamos decidiendo compartir nuestros conocimientos contigo. En este curso, descubrirás cómo simular giros 3D a partir de ilustraciones 2D con Adobe After Effects, sin usar ningún complemento. La mejor manera de impresionar y impresionar a tu audiencia. Comenzaremos por organizar los diseños en Adobe Illustrator para que podamos trabajar manera eficiente en After Effects. Después nos pondremos en contacto con la interfaz de After Effects, y veremos los atajos de teclado que usaremos durante el curso. Te enseñaré a preparar al personaje para poder animarlo de una manera sencilla. Una vez hecho esto, comenzará la mejor parte; creando maravillosos giros 360. Por último, crearemos el proyecto final, donde aprenderás a integrar al personaje con un escenario animado. Tendrás la opción de descargar todos los archivos que usaremos durante el curso. De esta manera, podrás seguir las instrucciones en tiempo real, y te será mucho más fácil aplicar lo que estás aprendiendo. Este curso es ideal para animadores, ilustradores, diseñadores gráficos, artistas creativos, y en general, cualquier persona que quiera dar vida a sus ilustraciones. Se trata de un curso de nivel intermedio. Si no has usado After Effects antes, te recomiendo que tomes mi curso de principiantes, animes tus ilustraciones en tiempo récord usando Adobe After Effects primero. Con los pacientes, una actitud positiva y perseverancia, tendrás éxito. Tu tiempo es ahora. Acompáñate al curso. 2. PROYECTO: [MÚSICA] Hola. Estoy muy contenta que hayas decidido tomar este curso. Me encantaría conocerte mejor. Así que, por favor, hágame saber de dónde se une a nosotros y su motivación para aprender animación a través del tablero de discusión. Como tu proyecto final, crearás una fantástica rotación de personajes de 360 grados y la incorporarás a una escena. Por lo general, este tipo de animación se realiza con software 3D o animación tradicional fotograma a fotograma. En este curso, aprenderás otro método más sencillo que la animación 3D y sin la necesidad de tener buenas habilidades de ilustración para la animación fotograma a fotograma. Siéntase libre de usar mi obra de arte para practicar si no tienes tiempo para crear tu diseño desde cero. Después de cada lección, te daré algunas pautas para asegurarte de seguirlas y practicar para obtener los mejores resultados. Me emociona ver tu trabajo, así que por favor subirlo a la galería de proyectos del curso. Si tiene algún comentario o pregunta, por favor colóquelos en el tablero de discusión. No puedo esperar a ver lo que se te ocurre. Que se diviertan. [MÚSICA] 3. Elaboración de archivos: [MÚSICA] Hola. En esta lección, echaremos un vistazo a nuestro diseño de personajes y veremos cómo organizar las capas. Hemos utilizado Adobe Illustrator para diseñar el personaje. Puedes descargar el archivo de Illustrator desde los proyectos en sección Recursos para aplicar todo lo aprendido durante el curso en tiempo real. En animación, la organización es clave. Es por eso que necesitamos separar todos los elementos que vamos a animar en capas antes comenzar a animar en After Effects. Esto hará que nuestro trabajo sea mucho más fácil y nos ayudará a trabajar más rápido. Si miras al personaje, puedes ver que se trata de un diseño muy sencillo. Cuanto más simple sea nuestro personaje, más fácil será de animar. Por eso los diseños de personajes son básicos en la mayoría de los videos explicativos animados. Para ver mejor la organización de las capas iremos al Panel de Capa y daremos clic en “Opciones de Panel de Capa”. En Tamaño de fila, ingresaremos un valor de 50 píxeles y haremos clic en “Aceptar”. Ahora se ve mucho más grande. Genial. Veamos cómo hemos organizado las capas. Primero, tenemos las cejas. Los hemos combinado en una sola capa, igual que los ojos. Si seguimos adelante, nos encontramos con la boca y las orejas. A diferencia de las cejas o los ojos, las orejas se han separado en dos capas independientes. ¿Por qué? Bueno, porque los estaremos animando de forma independiente. Desactivaremos la capa capilar por ahora. Lo dejaremos para el final, ya que es la parte más compleja del diseño. Si continuamos, podemos ver que hemos separado la cabeza, la diadema y el moño en capas ya que necesitamos animarlo de forma independiente. Del mismo modo, nos hemos separado en ese cuerpo, brazos y piernas. Como puedes ver, es una configuración muy sencilla. Ahora, activemos la capa capilar. En After Effects, aplicaremos una mascarilla para que solo podamos ver las partes del cabello dentro de la cabeza. Como queremos crear un giro completo, necesitamos que el cabello funcione en todas las posiciones frontal, lateral y posterior. Es por eso que el cabello necesita continuar en ambos lados, izquierdo y derecho, para que pueda expandirse fácilmente en cualquier dirección. Si podemos borrar esto, se puede ver que es una forma muy sencilla. Hemos dibujado el pelo y cuando va detrás de las orejas, hemos hecho una curva hacia abajo para dibujar la parte detrás de la cabeza. Voy a esconder los oídos por un momento para que veas mejor. Una vez que se dibuja el cabello, necesitamos duplicar el cabello en ambos lados. No creo que sea necesario, pero por si acaso vamos a rellenar los espacios vacíos con un rectángulo. Recuerda que estas partes aquí corresponden a la parte posterior de la cabeza por lo que necesitamos que sea más o menos del mismo tamaño que la cabeza. Podemos seleccionar la capa de pelo y arrastrarla sobre la cabeza para comprobar que funciona bien. Genial. Eso es perfecto. Eso es todo, tenemos a nuestro personaje listo para comenzar a animarse en After Effects. [MÚSICA] 4. Primeros pasos: [MÚSICA] Hola. Antes de comenzar a animar el proyecto, pongamos en contacto con la interfaz de After Effects. Trabajaremos con el espacio de trabajo estándar, pero puedes elegir tu opción preferida. El primer paso es crear una nueva composición. Vamos a ir a Composición, Nueva Composición. Abre una nueva composición de 1920 por 1080 a 24 cuadros. Dale tres segundos y nombra. Como segundo paso, importaremos nuestro diseño de Adobe Illustrator. Vaya a Archivo, seleccione “Importar”, “Archivo” y seleccione el archivo deseado. Cuando importamos un archivo en capas en la opción Importar como, debemos seleccionar “Composición Conservar tamaños de capa”. Como puedes ver, se ha creado una composición y una carpeta con capas . Vamos a trabajar en la composición. Primero, arrastre la composición importada a la composición principal. Activaremos la opción “Toggle Transparency Grid” haciendo clic aquí para ver mejor el diseño. Además, cerraré la pestaña Render Queue. Ahora echemos un vistazo rápido a la interfaz de After Effects. El panel donde se ve el personaje es la ventana gráfica. Este panel mostrará los resultados de nuestros diseños y animaciones. En la parte inferior, podemos ver el panel Línea de tiempo. Este panel es donde pasaremos más tiempo creando nuestras animaciones. A partir de aquí, podemos modificar fácilmente las propiedades de transformación de la capa. Si miramos a la izquierda, podemos ver el panel del proyecto donde aparecerá toda la composición que creamos y todos los archivos que importamos. En la parte superior, podemos encontrar las herramientas esenciales. Perfecto. Ahora echaremos un vistazo a los atajos de teclado imprescindibles para este curso. Los accesos directos hacen referencia a las propiedades de las capas y a las herramientas de uso común. Veamos cómo abrir las propiedades de capa con un solo clic. Presione “A” para el punto de anclaje, “P” para la posición, “S” para la escala, “R” para la rotación y “T” para la opacidad. Además, si mantenemos pulsada la “tecla Mayús”, podremos abrir varias propiedades simultáneamente. Ahora veremos cómo acceder a las herramientas principales con un toque de llave. Presione “V” para la herramienta de selección, mantenga presionada “Espacio” para la herramienta manual, “Z” para la herramienta de zoom, “W” para la herramienta de rotación e “Y” para la herramienta de encuadre detrás. Se trata de la práctica. En Proyectos y Recursos, tienes un archivo PDF disponible para descargar con los atajos más útiles 5. Rotación de la cabeza 1: [MÚSICA] Hola. Es momento de comenzar a animar al personaje. Primero, entraremos en la composición del personaje. Podemos ver todas las capas que conforman el personaje desde aquí. Ahora, vamos a crear varios marcadores en la línea de tiempo para definir el tiempo de las animaciones. Para ello, asegúrate de colocarlo al inicio de la línea de tiempo y crear el primer marcador con la clave de asterisco. Necesitamos asegurarnos de que no tenemos ninguna capa seleccionada porque si seleccionamos una capa, el marcador se aplicará a la capa. A continuación, hacemos doble clic en el “Marcador” para entrar en su configuración y escribimos frente. De esta manera, definimos que nuestro personaje estará de cara al frente al inicio. Avanzamos 12 fotogramas, equivalentes a medio segundo y con la clave asterisco, creamos otro marcador. Accedemos a su configuración con un doble clic y lo llamamos, “Lado”. A partir de esta pantalla, podemos ver en qué marco nos encontramos. Avanzamos otros 12 fotogramas al segundo y creamos otro marcador llamado, “Atrás”. Una vez más, avanzamos 12 fotogramas, creamos un nuevo marcador y también lo llamamos “Side”. Para terminar, avanzamos 12 fotogramas nuevamente, creamos el último marcador y lo llamamos “Frente”. Genial. Hemos definido los tiempos de animación y podemos usar los marcadores como guías para evitar cometer errores. En resumen, vamos a crear un giro completo, que terminará en la misma posición en la que inicia, y tendremos una duración de dos segundos. No te preocupes por la duración de este giro. En futuras lecciones, te mostraré cómo jugar con el tiempo de los giros fácilmente. Antes de configurar el carácter, aplicaremos continuamente rasterizados en todas las capas. Simplemente hacemos clic y arrastramos hacia abajo en todas las capas. Al aplicarlos, nos aseguramos que nuestro personaje no se pixele. Adicionalmente, toman mate de capa de hecho que aplicaremos más adelante, necesita esta opción para estar activa. Genial. Ahora vamos a precomponer los elementos de la cara en una nueva composición. Si seleccionamos las cejas, los ojos y la boca, mientras mantenemos presionada la tecla “Shift”, podemos seleccionar varias capas simultáneamente, y con el botón derecho, hacemos clic en “Pre-componer”, lo nombramos y presionamos, “Bien”. Ahora es más fácil modificar los elementos de la cara. Adicionalmente, en lecciones futuras, necesitaremos duplicar estos elementos. Agruparlos en una composición nos ayudará a trabajar más cómodamente. Por supuesto, con un doble clic, podemos acceder a los elementos de la cara. Vamos a volver a la composición principal y vamos a crear un objeto nulo para controlar los movimientos de la cara y el cabello al mismo tiempo. Para ello, vamos a, capa, nuevo, objeto nulo. Lo seleccionamos, presionamos la tecla “Enter” y lo llamamos “Controlador facial”. Los objetos nulos son capas invisibles en los efectos posteriores que se pueden utilizar para un control eficiente de los movimientos de otras capas. Colocamos un objeto nulo encima de la cabeza y simplemente vinculamos la nueva composición precompuesta y el cabello con el controlador facial. Para ello, arrastre el látigo de selección desde estas capas hasta el controlador de cara. Ahora bien, si movemos el controlador facial todos los elementos vinculados también se moverán. Para terminar esta lección, aplicaremos un efecto para que solo podamos ver el cabello cuando está dentro de la cabeza. Para ello, seleccionamos la capa de cabello y vamos a, efecto, canal, set matte desde los controles de efecto en la opción take matte from layer, elegimos la capa de cabeza ya que solo queremos ver el cabello cuando está dentro de la cabeza. Genial. Nuestro personaje ahora se ve más hermoso. Si no puedes ver la ventana de controles de efectos, actívala desde la ventana. Ahora, queremos aplicar el mismo efecto en la cara. Seleccionamos el efecto y lo copiamos con “Control C” o “Comando C” en Mac para ahorrar tiempo. Después seleccionamos la capa facial y pegamos con “Control V” o “Comando V” en Mac. Ahora bien, si nos movemos a la posición de la capa controladora facial, hemos configurado el movimiento de la cara. Vaya, hay un error, los elementos faciales no deben salir de la cabeza. ¿Recuerdas que te dije que teníamos que activar la opción rasterizada continuamente en la capa para que el efecto de toma mate de capa funcione Al precomponer los elementos faciales, olvidé activar esta opción en la nueva composición. Simplemente lo activaremos y ahora solo podremos ver los elementos faciales cuando están dentro de la cabeza. En la siguiente lección, animaremos la rotación de cabeza de nuestro personaje. No te lo pierdas. Nos vemos ahí. [MÚSICA] 6. Rotación de la cabeza 2: [MÚSICA] Hola otra vez. En esta lección, vamos a empezar a animar. Empecemos con la parte más complicada de la animación; la rotación de la cabeza. Antes de comenzar apagaremos las orejas, la diadema y el moño, para que no se interpongan en el camino. Para animar la rotación de la cabeza, solo necesitamos crear tres fotogramas clave. Nos aseguramos de estar al inicio de la línea de tiempo donde se encuentra el primer marcador que corresponde a la posición frontal. Abrimos la propiedad position de la capa del controlador facial, y creamos un fotograma clave haciendo clic en el cronómetro. Después avanzamos hasta el marcador central llamado back, y movemos la posición hasta que la parte posterior del cabello quede centrada en la cabeza. Por último, avanzamos para definir nuestro marcador llamado front, y modificar la posición hasta que el cabello se vuelva a centrado en la cara del personaje. Observe que no podemos ver los elementos faciales del personaje en la pose final. No te preocupes, es una solución fácil. Vamos al inicio de la línea de tiempo, y seleccionamos la capa Face y la duplicamos con Control D o Comando D en Mac luego vamos a la opción [inaudible], y movemos el enlace de la nueva capa duplicada. Por último, avanzamos hasta el último marcador, y vinculamos la capa con el controlador facial. Ahora si tenemos una vista previa, tenemos la rotación completa. Así de fácil. Lo bueno de este método es que una vez que entiendas la dinámica, puedes crear una rotación 3D en unos minutos. Ahora es el momento de animar el movimiento de las orejas. Nuevamente, solo necesitamos crear tres poses. Vamos. Ahora podemos activar las capas que habíamos desactivado. Seleccionamos la oreja derecha, abrimos la propiedad Posición y creamos un marco clave haciendo clic en el cronómetro. Avanzamos hacia el marcador central, y arrastramos la oreja hacia el lado opuesto. Por último, avanzamos al último marcador. Seleccionamos el primer fotograma clave, y lo copiamos con Control C o Comando C en Mac y con Control V o Comando V en Mac, pegándolo. Hacemos exactamente lo mismo con la oreja izquierda. Crea un fotograma clave al comienzo de la línea de tiempo, avanza al marcador central y arrastra la oreja hacia el lado opuesto. Por último, avanza al último marcador, selecciona el primer fotograma clave, y copiarlo, y luego pegarlo. Si tenemos una vista previa, vemos que aún quedan algunos detalles que debemos mejorar. Ahora mismo las orejas están siempre delante de la cabeza lo que debería parecer extraño. Para resolverlo vamos a duplicar las orejas, pero antes de continuar me acabo dar cuenta de que había llamado mal las orejas. Están invertidos. Voy a arreglarlo rápido. Solo necesitamos seleccionar la capa, y presionar la tecla Enter para modificar el nombre de la capa. Hecho. Volviendo al problema de las orejas, vamos a duplicar las orejas. Seleccionamos una oreja, duplicamos con Control D o Comando D en Mac, y hacemos lo mismo con la otra oreja. Seleccionamos las capas duplicadas mientras mantenemos pulsada la tecla Control, y las arrastramos debajo de la cabeza. Para mantener todo organizado, las capas detrás de la cabeza siempre serán las identificadas con el número 2. Durante la primera mitad de la animación que es hasta llegar al marcador central que define la postura de la espalda, queremos que la oreja derecha esté por encima de la cabeza. Vamos a la capa del oído derecho y animamos su opacidad. Creamos un fotograma clave en el fotograma 23; un fotograma antes del marcador central, luego avanzamos un fotograma y bajamos la opacidad a cero. Durante los primeros 23 fotogramas la oreja será visible, y en el marco 24 será invisible. Para trabajar más rápido seleccionamos los fotogramas clave, y los copiamos con Control C o Comando C en Mac. Durante la segunda mitad de la animación, queremos que la oreja pase detrás de la cabeza. Vamos a la Oreja Derecha 2. Nuevamente, colocamos un fotograma antes del marcador central, y pegamos la animación. Con los fotogramas clave seleccionados, haga clic con el botón derecho en “Key frame Assistant” , “Time-Reverse Key frames”. De esta manera, creamos la animación opuesta. Cuando la capa superior es visible, la capa inferior es invisible, y cuando la capa superior se vuelve invisible, la capa inferior se vuelve visible. Si tenemos una vista previa, podemos ver que la animación funciona a la perfección. Ahora vamos a hacer lo contrario con la oreja izquierda. En este caso, queremos que la oreja izquierda esté detrás la cabeza durante la primera mitad de la animación. En otras palabras, queremos que la capa de la oreja izquierda sea invisible durante la primera, la segunda. Vamos al fotograma 23, y animamos su opacidad. Bajamos la opacidad a cero, avanzamos un fotograma y la elevamos al 100%. Al igual que hicimos con la otra oreja, copiamos el fotograma clave, vamos a la capa detrás de la cabeza, y los pegamos. Haga clic con el botón derecho en “Key frame Assistant”, “Time-Reverse Key frames”. Echemos un vistazo. Genial. Lo tenemos chicos. Desactivemos temporalmente la diadema y el moño. Ahora tenemos nuestra rotación de cabeza casi terminada. Si nuestro personaje no tenía moño, habremos terminado de configurar la rotación de la cabeza. Ahora, todo lo que tenemos que hacer es animar la diadema y el moño. Vamos a activar las capas. El proceso es similar a lo que hemos hecho con los oídos. Vamos a crear un fotograma clave en la posición de ambas capas al inicio de la línea de tiempo, luego avanzamos al segundo marcador que hemos llamado lado, y movemos los elementos hacia la derecha. Avanzamos al cuarto marcador, y movemos el moño y la diadema hacia el lado opuesto. Genial. Por último, pasamos al último marcador. Capa por capa, copiamos el primer fotograma clave y lo pegamos. Es importante hacerlo capa por capa porque si copiamos y pegamos fotogramas clave de diferentes capas al mismo tiempo, las capas se duplicarán. Echemos un vistazo. Casi lo tenemos. Ahora tenemos que ver cuándo tienen que estar arriba, y cuándo tienen que estar debajo de la cabeza. En este caso queremos que estén por encima la cabeza en la parte central de la animación, es decir, de lado a lado, del segundo marcador al cuarto marcador. Vamos a empezar a animar la capa de moño. Movemos un fotograma antes del segundo marcador y creamos un fotograma clave en la opacidad. Avanzamos un fotograma y bajamos la opacidad al 0%. Seleccionamos los fotogramas clave y los copiamos. Avanzamos al cuarto marcador, retrocedemos un fotograma y pegamos los fotogramas clave. Haga clic con el botón derecho en “ Asistente de fotogramas clave”, “Fotogramas clave inversos de tiempo”. Para ir más rápido, podemos copiar la animación de opacidad, y pegarla en la diadema. Para ello, pasamos al primer fotograma clave que aplicamos a la opacidad. Seleccionamos todos los fotogramas clave y los copiamos, y luego con la diadema seleccionada los pegamos. Bien, chicos. Ahora vamos a duplicar las capas. Arrastramos las capas originales por encima de la cabeza. Recuerda que las capas numeradas con el número 2 deben ir a continuación para mantener todo organizado. Ahora, sólo tenemos que seleccionar los dos primeros fotogramas clave aplicados a la opacidad de ambas capas, y con un click derecho, aplicar fotogramas clave de tiempo inverso y luego hacemos lo mismo con los dos últimos fotogramas clave. Veamos cómo se ve. La capa de moño debe estar por encima de la capa de diadema. Voila, tenemos nuestra animación de cabeza terminada. En este momento la animación parece robótica. No te preocupes por ello. Lo arreglaremos más tarde. Si quieres animar al personaje con el pelo largo, sigue exactamente el mismo proceso que hemos realizado durante esta lección. En la siguiente lección, continuaremos con la rotación de los brazos. Nos vemos ahí. [MÚSICA] 7. Animación de los brazos: [MÚSICA] Hola chicos. Ahora que hemos animado la cabeza, es momento de animar el cuerpo del personaje. Vamos a empezar con los brazos. El proceso es muy similar a lo que hicimos para animar las orejas. Pero antes de comenzar a animar, vamos a colocar los puntos de anclaje en los brazos con la ayuda de la Herramienta Pan Behind. Los puntos de anclaje serán el eje sobre el que girará el brazo al animar la rotación. vamos a colocar en el cruce entre los hombros y el cuerpo. Genial. Ahora vamos a animar la posición de los brazos. Agregamos un fotograma clave al inicio de la línea de tiempo. Avanzamos al marcador central, y movemos los brazos hacia el lado opuesto. Por último, pasamos al último marcador. Copiamos el primer fotograma clave y lo pegamos. Nosotros hacemos lo mismo con el otro brazo. Nuevamente, vamos al inicio de la línea de tiempo y creamos un fotograma clave. Avanzamos al marcador central y movemos el brazo hacia el lado opuesto. Por último, vamos al último marcador y copiamos y pegamos el primer fotograma clave. Echemos un vistazo. Para que la animación sea más natural, también necesitamos animar la rotación del brazo. Simplemente animamos la rotación de manera natural, para que los brazos se abran y agreguen los extremos. Por último, copiamos el primer fotograma clave y lo pegamos. Por supuesto, hacemos lo mismo con el otro brazo también. [MÚSICA] Echemos un vistazo. Perfecto. Ahora solo necesitamos duplicar los brazos y decidir cuándo deben estar arriba y cuándo abajo, mismo que hicimos en la lección anterior. Seleccionamos las capas de brazo y las duplicamos con Control D o Comando D o Mac. En este caso, queremos que las capas de brazo sin números estén por encima del cuerpo, y las capas con el número 2, deben permanecer por debajo. Simplemente colocamos las capas para lograr esto. En este caso, para que la rotación sea natural, el brazo derecho estará arriba durante la primera mitad de la animación. En la lección anterior, usamos la opacidad para decidir cuándo debían ser visibles, y cuándo debían ocultarse. En este caso, lo jugaremos con la longitud de las capas para ver diferentes métodos de hacer lo mismo. Como queremos que el brazo derecho esté arriba durante la primera mitad de la animación, colocamos en la segunda y simplemente arrastramos desde el extremo derecho de la capa hasta la marca central de la línea de tiempo. Hacemos lo mismo con la capa del brazo derecho que está debajo. Pero en este caso arrastramos desde el lado izquierdo para que la capa se active desde el marcador central. Eso es para que sea visible cuando la capa superior es invisible. Por otro lado, queremos que el brazo izquierdo comience detrás del cuerpo. Vamos a la capa superior y arrastramos desde el lado izquierdo para que quede invisible al principio. Nuevamente, hacemos lo contrario con el brazo izquierdo que está debajo del cuerpo. En este caso, arrastramos desde el tamaño correcto para que permanezca activo durante la primera mitad de la animación. Vamos a previsualizar. Lo tenemos. Al principio, puede parecer un método tedioso, pero una vez que lo aprendes, es una forma relativamente rápida darle una tercera dimensión a tus personajes. En tan solo 20 minutos, podrás crear increíbles animaciones. En la siguiente lección, veremos cómo animar las piernas del personaje. Nos vemos ahí. [MÚSICA] 8. Animar las piernas: [MÚSICA] Es momento de animar las piernas. En esta lección, aprenderemos a animar caminos para animar fácilmente los movimientos de los pies, pero primero, necesitamos animar la posición de las piernas de la misma manera que lo hicimos con los brazos. Colocaremos los puntos de anclaje de las patas con la ayuda de la herramienta Pan Behind. Los colocaremos en la unión entre las piernas y el cuerpo. Seleccionamos la pata derecha, abrimos la propiedad position y creamos un fotograma clave al comienzo de la línea de tiempo. Después avanzamos al marcador central y movemos la pierna hacia el lado opuesto. Finalmente, pasamos al último marcador y copiamos y pegamos el primer fotograma clave. Por supuesto, hacemos exactamente el mismo proceso con la pierna izquierda. Creamos un fotograma clave al inicio de la línea de tiempo, avanzamos al marcador central y movemos la pierna hacia el lado opuesto. Finalmente, pasamos al último marcador y copiamos y pegamos el primer fotograma clave. Echemos un vistazo. Genial. Ahora, igual que hicimos con los brazos, animaremos la rotación de las piernas. Creamos un fotograma clave en la rotación en el primer marcador, avanzamos al marcador central, y abrimos un poco las piernas para darle al personaje una postura más natural. Finalmente, avanzamos al marcador final y copiamos y pegamos el primer marcador. Por supuesto, tenemos que hacer exactamente lo mismo con la otra pierna. Genial. Ahora vamos a animar los pies del personaje. Para hacerlo rápida y fácilmente, vamos a animar las partes de las piernas. Para acceder a las partes, necesitamos seleccionar las capas, hacer clic derecho, Crear, Crear formas a partir de capas vectoriales. Al hacer esto, se han creado las capas de forma y las capas originales ahora se están ocultando. Los vamos a arrastrar para que estén juntos. Si seleccionamos las capas de forma y en la barra de búsqueda de línea de tiempo, escribimos path, podemos acceder a las rutas más rápidamente. Perfecto. Ahora solo necesitamos animarlos. Vamos a acercar un poco para poder verlo mejor. Voy a crear una pauta para que los pies estén siempre en contacto con el suelo. Vamos a desactivar la opción cuadrícula de transparencia conmutada para poder ver todo mejor. Para animar los trazados, necesitamos tener activada la opción shape path visibility. Vamos a seleccionar el camino. Ahora, si hacemos clic en uno de los puntos de control del camino que conforman el pie, el camino que necesitamos seleccionará el camino que necesitamos animar en la línea de tiempo. En este caso, el camino 1 permanece seleccionado, por lo que este es el que necesitamos animar. Colocamos al comienzo de la línea de tiempo y creamos un fotograma clave. Si no tienes mucha experiencia animando caminos, puedes seleccionar todos los caminos. De esta manera, te aseguras de seleccionar la ruta que quieres animar. Avanzamos al marcador central y con la herramienta de selección, modificamos los puntos de control del camino a nuestro gusto. Primero, seleccionamos los puntos de control del trazado y luego lo modificamos. En este caso, estamos buscando que el pie mire hacia el lado opuesto, por lo que simplemente cambiamos la posición del pie, asegurándonos de que la base del pie siempre permanezca en contacto con el suelo. Finalmente, avanzamos al último marcador y copiamos y pegamos el primer fotograma clave. Hecho. Ahora haremos lo mismo con el otro pie. Seleccionamos uno de los caminos y luego hacemos clic en uno de los puntos de control que pertenecen al pie. Nuevamente, el camino 1 permanece seleccionado, por lo que es el que debemos animar. Crearemos un fotograma clave al comienzo de la línea de tiempo. Avanzamos hacia el marcador central y modificamos el camino para que el pie mire hacia el lado opuesto. Recuerda, primero, seleccionamos los puntos de control del trazado y luego lo modificamos. Finalmente, avanzamos al último marcador y copiamos y pegamos el primer fotograma clave. Veamos cómo está saliendo. Fantástico. Me gusta mucho. Reduciremos un poco el zoom de la parte de vista y reactivaremos la cuadrícula de transparencia de toggle para poder verla mejor. Bueno, es momento de duplicar las piernas. Como suele ser, queremos que la capa que no tiene números esté por encima del cuerpo y las capas con el número 2 deben permanecer por debajo. De manera similar con los brazos, queremos que la pierna derecha permanezca frente al cuerpo sobre el marcador central. Por lo tanto, la pierna derecha número 2 será invisible en [inaudible] el marcador central. Con la pierna izquierda, ocurre lo contrario. Estará detrás [inaudible] del marcador central. Lo ocultaremos durante la primera parte de la animación y activaremos la pierna izquierda número 2 en el marcador central. Vamos a echar un último vistazo, casi ahí. Tenemos que reorganizar un poco las capas porque las piernas y los brazos se están interponiendo en el camino. Ves que el brazo está entre el cuerpo y el cuello, parece antinatural. Para resolver esto chicos, simplemente arrastraremos el brazo izquierdo número 2 debajo las capas de las piernas. A ver. También tenemos que arrastrar el brazo derecho número 2 por debajo de las capas de las piernas, es decir, ambos brazos deben estar por debajo. Genial. Lo conseguimos. Tenemos el giro completo de nuestro personaje. En la siguiente lección, veremos cómo integrar al personaje en una escena y crear un giro mucho más fluido y dinámico. Nos vemos ahí. 9. Proyecto final 1: [MÚSICA] Hola chicos. En esta lección, comenzaremos a crear la animación que ves en la pantalla. Primero, quiero mostrarte el archivo de Adobe Illustrator. Se trata de un diseño sencillo compuesto por varios elementos separados en capas. Una flecha del ratón, un botón dividido en dos capas, y finalmente, el fondo. El archivo tiene un tamaño de 1920 por 1080 píxeles, el mismo tamaño con el que estamos trabajando en After Effects. Volvamos a nuestro proyecto After Effects. A partir de aquí, iremos a Archivo, Importar, Importar como Composición-Retener Tamaños de Capa. Con un doble clic, ingresamos a la composición del proyecto 1. Antes que nada, modificaremos la duración de la composición. Pasaremos a Composición, Ajustes de composición y estableceremos una duración de cuatro segundos. Arrastraremos las capas hasta el final de la composición. Seleccionamos la primera capa, y después manteniendo pulsada la tecla Mayús, seleccionamos la última capa y arrastramos las capas hasta el final. Empecemos a animar el movimiento de las plantas. Para ello, antes que nada, colocaremos los puntos de anclaje de todas las plantas en su base con la ayuda de la herramienta Pan Behind. El punto de anclaje será el eje sobre el que girarán las plantas. Perfecto, ahora, animaremos las plantas muy rápidamente con la ayuda de una expresión muy sencilla. Abrimos la rotación de la primera planta, y mientras mantenemos pulsada la tecla Alt, hacemos clic en el cronómetro y escribimos la expresión de meneo que ves en la pantalla. Gracias a la expresión meneo, las plantas se moverán aleatoriamente sin necesidad de crear fotogramas clave. Con el primer valor, definimos cuántas veces se moverían por segundo, y con el segundo valor, definimos las amplitudes de los movimientos. Hemos establecido la frecuencia en 0.5 y la amplitud en cinco, pero se puede jugar con los valores. Seleccionamos la expresión, haga clic con el botón derecho, Copiar solo expresión. Después seleccionamos el resto de las plantas y la pegamos, y previsualizamos. Al animar las plantas, se cortan las partes que están afuera. Para arreglarlo, vamos al archivo de Illustrator y nos aseguramos de que todas las plantas estén dentro del área de trabajo, y guardamos. Después volvemos a After Effects y vista previa. Me encanta usar esta expresión para animar el movimiento de la planta. Es súper fácil y se ve muy bien, perfecto. Ahora vamos a animar la flecha del ratón. Abrimos la propiedad Position y creamos un fotograma clave, y sacamos la flecha del mouse de la pantalla. Después avanzamos un segundo y colocamos la flecha encima del botón. Una vez aquí, creamos un fotograma clave en la escala. Avanzamos tres o cuatro cuadros y reducimos la escala a 80 por ciento. Avanzamos cuatro fotogramas más y copiamos y pegamos el primer fotograma clave. Ahora vamos a animar la interacción de la flecha del ratón con el botón. Para ello, coincidiendo con un momento en el que animamos la flecha del ratón, vamos a crear un fotograma clave en la propiedad position del botón. Avanzamos cuatro fotogramas y movemos el botón para que quede justo encima de la capa del botón 2. Finalmente, avanzamos cuatro fotogramas más y copiamos y pegamos el primer fotograma clave. Vamos a previsualizar y ver cómo funciona. Perfecto, ahora, todo lo que tenemos que hacer es mejorar el movimiento de la flecha del ratón. Seleccionamos los fotogramas clave, y con la tecla F9, aplicamos Easy Ease. Al hacer esto, aplicamos alisado a la aceleración y desaceleración del movimiento para que sea más fluido y orgánico. A continuación, hacemos clic derecho en uno de los fotogramas clave seleccionados, Velocidad de fotogramas clave y establecemos la influencia en 60 por ciento. Cuanto mayor sea el valor de influencia, mayor será el suavizado de la aceleración y desaceleración. Echemos un vistazo. Ahora, se ve mucho mejor. Por último, vamos a aplicar un efecto para agregar más profundidad a nuestro proyecto. Primero, seleccionamos las capas de la planta, clic derecho, PreComp, le renombramos el nombre y presionamos “Bien”. Con la nueva composición seleccionada, vamos a Efecto, Desenfoque & Enfocar, Desenfoque Gaussiano. Coincidiendo con el momento en que hacemos clic, creamos un fotograma clave en borrosidad. Avanzamos algunos fotogramas y cambiamos el valor a 20. Al hacer esto, la planta se vuelve borrosa. Pasamos a la opción de borrosidad y hacemos un clic derecho sobre ella y seleccionamos “Revelar en Línea de Tiempo” para poder ver los fotogramas clave que hemos aplicado. Ahora seleccionamos los fotogramas clave y los copiamos con Control C o Comando C en Mac. Volvemos al momento en que creamos el primer fotograma clave. Selecciona la capa de flecha del ratón y pega la animación con Control V o Comando V en Mac. También vamos a seleccionar la capa inferior y volver a pegar la animación. Si tenemos una vista previa, vemos que al principio, los elementos de primer plano están enfocados y luego se vuelven borrosos. Vamos a seleccionar el botón a capa y pegar la animación en esta capa, también. Ahora vamos a hacer lo mismo con los elementos de fondo. Seleccionamos la capa de fondo, y con Control V o Comando V, pegamos los fotogramas clave. Vamos a arrastrar al personaje a la escena. Lo colocamos y ajustamos su escala. Nuevamente, pegamos el efecto de animación de desenfoque gaussiano en el personaje también. Con la capa de caracteres seleccionada, hacemos clic derecho en la borrosidad y seleccionamos “Revelar en línea de tiempo”. Después seleccionamos la clave, y con el botón derecho, aplicamos fotogramas clave de tiempo inverso. Hacemos el mismo proceso en la capa de fondo. De esta manera, al inicio de la animación, cuando los elementos de primer plano están enfocados, damos prioridad a estos elementos. Después, cuando hacemos clic con el ratón, nos enfocamos en el personaje y la animación de fondo. Este es un recurso que nos gusta usar en nuestro estudio y le da un aspecto muy profesional a las animaciones. Como puedes ver, el personaje desaparece del segundo árbol. Esto sucede porque su composición sólo dura tres segundos. En la siguiente lección, veremos cómo resolver esto y terminar de animarlo todo. Nos vemos ahí. [MÚSICA] 10. Proyecto final 2: [MÚSICA] Hola a todos. Sigamos animando el proyecto final. Habilitaremos la opción de reprogramación de tiempo. Esta opción nos permitirá hacer que el personaje gire más rápido o más lento, e incluso podremos suavizar la animación para que el movimiento sea mucho más fluido. Seleccionamos el carácter, pulsamos botón derecho, habilitamos la reprogramación de tiempo. Cuando lo aplicamos, se crean automáticamente dos fotogramas clave. Pasaremos al último marcador y crearemos un fotograma clave haciendo clic en este pequeño diamante aquí. De esta manera tenemos dos fotogramas clave, uno en el primer marcador y el otro en el último marcador. Podemos eliminar la última clave clave y extender la capa hasta el final. [MÚSICA] Volveremos a previsualizar antes de hacer nada. La magia es que ahora podemos modificar la velocidad a la que se juega la animación del personaje simplemente moviendo los fotogramas clave. Por ejemplo, podemos mover el segundo fotograma clave al marcador central. Ahora bien, si la rejugamos, podemos ver que gira en la mitad del tiempo. El problema es que el movimiento es demasiado rígido. [MÚSICA] Para resolverlo, seleccionamos ambos fotogramas clave y con tecla F9, aplicamos Easy Ease y podemos suavizarlo aún más. Nuevamente, seleccionamos los fotogramas clave, botón derecho en Velocidad de fotogramas clave y modificamos el valor de influencia. Al igual que antes, podemos dejarlo al 60% por ejemplo. Ya ves ahora el movimiento es mucho más dinámico y atractivo. Moveremos los fotogramas clave al momento en que hagamos clic con el ratón. [MÚSICA] Ahora solo necesitamos agregar un segundo turno al giro de los personajes. Para hacerlo fácilmente, movemos un fotograma después del último fotograma clave y copiamos los fotogramas clave. Después los pegamos con Control V o Comando V en Mac. Si tenemos una vista previa, podemos ver que la animación hace una parada entre spin y spin. Eso rompe la respiración del giro. Esto se debe a que la animación hat se está moviendo aplicada a la aceleración y desaceleración en todos los fotogramas clave. Para resolver esto, eliminaremos esta mudanza. Para ello, seleccionamos los dos marcos clave centrales y damos clic en uno de ellos manteniendo pulsada la tecla Control o Comando en Mac. Ahora, sí, vamos a tener el doble giro funcionando a la perfección. A partir de aquí, puedes usar los giros de personajes de 1,000 formas. Es una manera increíble de hacer que tus animaciones sean más llamativas y atractivas. El único límite eres tú. [MÚSICA] 11. Haciendo el loop de la animación: [MÚSICA] Hola, otra vez. En esta lección, aprenderemos a crear un bucle de nuestra animación de manera muy simple. Para poner un bucle en contexto, hemos creado una escena simple de 8 segundos. Arrastramos la animación del personaje y la colocamos en la escena. A continuación, como ya vimos en la lección anterior, seleccionamos el carácter, clic derecho, tiempo, habilitamos la remapeación de tiempo. Creamos un fotograma clave en el último marcador. Seleccionamos y eliminamos el último fotograma clave, y finalmente, arrastramos la capa hasta el final. Hasta el momento estamos repitiendo lo que hemos visto en la lección anterior. Perfecto. Ahora aplicaremos la expresión loop out a tiempo y remapearemos. Para crear la expresión, hacemos clic en el Cronómetro mientras mantenemos presionada la tecla Alt, y escribimos una expresión loop out que ves en la pantalla. Si tenemos una vista previa, podremos ver a nuestro maravilloso personaje girando sin cesar. Para mejorar el aspecto del giro, vamos a aplicar un efecto con la capa seleccionada, vamos a efecto, tiempo, tiempo de posterización, y reducimos la velocidad de fotogramas a 12. Al reducir la velocidad de fotogramas, obtenemos un look más caricatura que me gusta. Nos vemos en la siguiente lección. [MÚSICA] 12. Renderización: [MÚSICA] Ahora que tenemos nuestros proyectos listos, podemos exportarlos. Teniendo en cuenta que la composición que actualmente tenemos abierta será exportada. Para estos, vamos a Composición y seleccionamos “Agregar a Adobe Media Encoder”. Media Encoder nos ayuda a exportar proyectos de manera más eficiente. Primero, elegimos el códec. En este caso, usaremos H264. Exporta el video en MP4, el formato más utilizado para la web. En cuanto a la resolución de salida, podemos elegir la opción Match Source, bitrate alta o media para evitar errores y exportarla en el mismo tamaño que hemos trabajado en el proyecto. Por último, elegimos la ubicación donde exportaremos el video y le daremos un nombre al archivo. Para terminar, haz clic en el botón de reproducción aquí. Con estos tipos, todo estará listo. Una vez finalizado el proceso, puedes abrir tu video y compartirlo con todos nosotros en la galería del proyecto del curso. Tengo tantas ganas de ver su trabajo. [MÚSICA] 13. Reflexiones finales: [MÚSICA] Enhorabuena por completar el curso. Estoy muy orgullosa de todo lo que has logrado y del progreso que has logrado. Tu arduo trabajo y dedicación han dado sus frutos, y ahora estás equipado con las habilidades para crear rotaciones de personajes de 360 grados. Como profesor, ha sido un placer guiarte en este viaje y me entusiasma que apliques todo lo que has aprendido creando tu animación desde cero. Puedes usar los archivos del curso o mejor aún, animar tus propios diseños. Por favor, comparte tus proyectos en la galería o etiquétame en tus publicaciones de Instagram. Estaré muy feliz de darte comentarios y ayudarte a mejorar. Recuerda que la práctica es la clave, y no te desanimes si tienes que repetir el proceso o cometer errores. El proceso de aprendizaje de la animación no es fácil, pero es increíblemente gratificante. Te invito a visitar mi perfil para mantenerte actualizado sobre nuevas clases y descubrir otras clases relacionadas con el mundo de la animación. Tus comentarios son muy importantes para mí, así que por favor tómate un momento para dejar una reseña del curso y dejar que otros conozcan tu experiencia. Se lo agradeceré. Gracias por formar parte de esta clase y espero verte pronto en mis otros cursos. Feliz aprendizaje. [MÚSICA]