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]