Transcripciones
1. Introducción: En este sencillo curso de
animación de personajes, juntos
animaremos a un personaje corriendo en adobe after effects Esta clase es para
cualquiera que busque dar un paso en la animación de
personajes. No puedo esperar a
verte lo que creas.
2. Primeros pasos/Proyecto de clase: Para esta clase,
necesitarás Adobe After Effects, Adobe Media encoder para exportar. Puedes descargar la obra de arte en la página del proyecto y recursos, o puedes crear
tu propia obra de arte. También incluiré una
versión completa de la clase. Así que siéntete libre
de comprobarlo también. Tu proyecto de clase es
tomar lo que has aprendido y aplicarlo
a tu propia animación. Y por favor publica tus proyectos en
la galería de proyectos para que todos
puedan ver lo que creaste.
3. Dibujo de las patas: Antes de empezar a animar, solo
quiero hacerte
saber que si no tienes ganas de animar
al personaje donut, hay otras dos obras de
arte de personajes que
puedes encontrar En esta lección,
vamos a dibujar nuestras piernas. Enciende nuestra cuadrícula. Zoom al 200%.
Obtenga nuestra herramienta de bolígrafo. Asegúrate de que no haya relleno. Estoy usando 15 pixeles, trazo
negro. Para nuestro partido de ida, haremos
clic en algún lugar por aquí. Recuerda mantener presionada la
tecla Mayús para dibujar una línea recta. Eso
se ve bastante bien. Cambiaremos el nombre de nuestra
capa a la pierna uno. Cambia hacia abajo el contenido, forma, trazo, cámbialo a tapa redonda. Para crear nuestro partido de vuelta, solo
vamos a
duplicar nuestro tramo de ida, presionar el control D, presionar P
para subir la posición, y arrastraremos sobre
la posición y. Y ahí vamos. Mueve nuestra capa de donas
a la parte superior de las capas.
4. Animación de la pierna 1: Ahora podemos empezar a animar. Podemos apagar nuestra pierna dos. Enciende nuestra grilla.
Zoom al 200% Vamos a abrir nuestra pierna una capa, y seleccionar la ruta uno. Seleccione estos dos puntos de pie. Arrastraremos el pie por encima. Recuerda mantener presionada la
tecla Mayús cuando estés arrastrando el pie para que
se mueva en línea recta Alrededor de un cuadrado se ve bien. Alternar por nuestro camino uno. Presiona el cronómetro
para poner un marco clave. Ahora pasemos más de diez
fotogramas en la línea de tiempo. Selecciona de nuevo nuestros puntos de dos
pies. Esta vez lo vamos
a arrastrar hacia atrás. Ahora vamos a
pasar por otros cinco fotogramas en la línea de tiempo. Vamos a agregar un nuevo
punto en la mitad de nuestra pierna seleccionando
la herramienta pluma. Ahora, selecciona de nuevo nuestros puntos de dos
pies, y levantaremos el pie alrededor de tres cuadrados
en la parrilla. Ahora vamos a arrastrar el punto de 1 pie. En algún lugar por ahí se ve
bien, y ahí vamos. Tenemos nuestra
posición arriba para nuestro pie. Ahora vamos a pasar a 1
segundo en la línea de tiempo, y vamos a copiar y
pegar nuestro primer fotograma clave. Recortemos nuestra
área de trabajo a 1 segundo. Y eso es
más o menos para la pierna uno.
5. Animación de la pierna 2: Solo pensé en una
forma más fácil de crear nuestra pierna dos. Como ya tenemos la
animación hecha para la primera etapa, solo
vamos a
duplicar nuestra pierna uno y compensar los fotogramas clave. Entonces, seleccionemos la pierna uno, presione Control D para duplicarlo. Vamos a sacar a colación la posición. Arrastraremos sobre la posición. En algún lugar por
ahí se ve bien. Ahora vamos a sacar a
colación los fotogramas clave pulsando U. Nos dirigiremos al último fotograma clave
haciendo clic en esta flecha Selecciona todos nuestros
marcos clave para Leg two. Control C Control V. Ahora vamos a seleccionar todos nuestros
fotogramas clave para la etapa dos Asegúrate de estar
al principio de la línea de tiempo, y vamos a arrastrarlos hacia atrás hasta que este fotograma clave esté al principio
de la línea de tiempo Si tu pierna dos no
se ve así, sabrás que estás en
el marco clave equivocado. Este último fotograma clave,
solo podemos eliminarlo porque no vamos a necesitar eso. Y ahí vamos.
6. Animación del cuerpo: Ahora vamos a animar
nuestro cuerpo de donas moviéndose hacia arriba y hacia abajo mientras corre. Seleccionemos nuestra capa de donas, presionemos P para
subir la posición Ahora usando la tecla de flecha hacia abajo, vamos a dar un codazo a nuestro cuerpo de
donas O puedes escribir 550
en la posición y. Presionemos el cronómetro
para poner un fotograma clave. Esta será la
posición a la baja para nuestra rosca. Vamos a sacar a colación nuestros
fotogramas clave de pierna presionando. Vamos a usar
estos como guía. Un poco antes de nuestro
segundo tramo un marco clave. Marco siete en la línea de tiempo. Movamos nuestro cuerpo
hacia arriba presionando 540 a la posición x. Pasemos a la
mitad de nuestro ciclo de carrera. Copia y pega nuestro
primer fotograma clave, para poner otra posición abajo. Ahora pasemos a justo antes del segundo último
marco clave de nuestra etapa dos. fotograma 23 en la línea de tiempo, copiará y pegará
nuestro segundo fotograma clave, para poner otra posición arriba Ahora pasemos al
final de nuestro ciclo de ejecución, y copiemos y peguemos nuestro
primer fotograma clave porque queremos que nuestro primer y último fotogramas
clave sean exactamente los mismos. Y ahí vamos.
7. Aumenta el ciclo de carrera: En esta lección,
vamos a acelerar nuestro ciclo de carrera porque me
parece que está animando un
poco demasiado lento. Seleccionemos nuestras capas, presionemos U para que
suban los fotogramas clave. Como puedes ver, está
animando un
poco demasiado lento
para un ciclo de ejecución Lo primero que
vamos a hacer es seleccionar nuestros fotogramas clave, presionar F nueve es. Esto hará que la animación sea
un poco más suave. Ahora vamos a ir a 15
fotogramas en la línea de tiempo. Arrastremos el final
de nuestra área de trabajo. Ahora, seleccionemos nuestros marcos clave de posición de
rosquilla y mantengamos la tecla Ault Vamos a arrastrar los
fotogramas clave dentro de nuestra área de trabajo. Asegúrese de que el último
fotograma clave esté en el fotograma 15. Ahora vamos a hacer lo
mismo con la pierna dos. Seleccione los fotogramas clave, mantenga presionada la tecla Ault y arrastre. Y por último,
lo mismo para la pierna uno. Ahí vamos. Creo que
eso se ve mucho mejor.
8. Sombra: Ahora, dibujemos una sombra. Acerque de nuevo al 200%. Enciende nuestra grilla.
Consigamos nuestra herramienta para bolígrafo. Los mismos ajustes que usamos
para dibujar nuestras piernas. Recuerda mantener presionada la
tecla Mayús para dibujar una línea recta. Cambiaremos el nombre de la sombra de capa. Recuerda presionar enter para
renombrar una capa. Presiona para sacar a colación la opacidad, y la cambiaremos a
algo así como 20% Podemos alternar
nuestro contenido de capa, forma, trazo, y lo
cambiaremos a tapa redonda. Vamos a mover nuestra capa de sombra
al fondo de las capas. Antes de comenzar a animar, tenemos que asegurarnos de que nuestro
punto de anclaje esté en el centro Puede usar la herramienta de ajuste para asegurarse de que se
ajusta al centro Para animarlo, vamos
a usar la propiedad scale. Presiona S para subir
la báscula, desvincularla. En nuestro primer fotograma,
queremos que esté al 100%. Presionemos el cronómetro
para poner un marco clave. Pasar a nuestra segunda
posición, marco clave. Cambiar el porcentaje y a 75. Pasar a nuestra siguiente posición. Vuelva a cambiar nuestra escala a 100. Y para rellenar el resto, sólo
copiaremos y pegaremos. Como puede ver, nuestros marcos clave no están alineados con el
resto de nuestro ciclo de ejecución. Lo que haremos es
seleccionar nuestros fotogramas clave, presionar el botón alt y arrastraremos nuestros fotogramas clave hasta que se alineen con
el resto de nuestro ciclo de ejecución Seleccione nuestros fotogramas clave, presione F nueve, y ahí vamos.
9. bucle: Antes de que hagamos un bucle de nuestra animación, quiero mostrarte
una manera fácil de
asegurarnos de que tu
animación se reproduzca perfectamente. Aquí arriba debajo de la ventana de
composición, puedes encontrar el botón Tomar
Instantánea. Podemos hacer clic en eso
para tomar una instantánea. Ahora pasemos al
final de nuestra línea de tiempo, y justo al lado, puedes hacer clic en el botón Mostrar Instantánea. Lo que queremos es que ambas
fotos sean exactamente iguales. Si por alguna razón, tu animación no es
un loop perfecto. Toma el primer fotograma clave de
cada capa y cópialo y
pegarlo porque queremos que nuestro primer y último fotogramas clave
del ciclo de ejecución sean
exactamente los mismos. En esta lección,
voy a mostrarte una manera más fácil de hacer un
bucle de tu animación. Lo primero que
vamos a hacer es seleccionar todas nuestras
capas, click derecho, precomponer, voy a ponerle
nombre carácter donut Hagamos clic derecho en nuestra capa de caracteres de
donut. Ir a tiempo, habilitar la redistribución de
tiempo. Ahora vamos a pasar al último fotograma con animación en él, que es el fotograma 15
en la línea de tiempo. Vamos a colocar un fotograma clave presionando el botón del fotograma
clave Ahora alejemos el zoom y eliminemos el último fotograma clave
en la línea de tiempo Entonces ahora solo debes tener
los dos primeros fotogramas clave. Mantenga pulsada la tecla alt y
presione el cronómetro. Escriba la
expresión, bucle hacia fuera. Asegúrese de que la expresión de tipo exactamente como se
muestra en la pantalla. Y ahí vamos. Así de fácil. Ahora nuestros bucles de animación.
10. Hervir/Fondo: Ahora voy a añadir un
poco de fondo. Vamos a obtener nuestra herramienta de rectángulo, crear un nuevo rectángulo. Vamos a deshacernos de nuestro derrame cerebral. Voy a poner un relleno sólido. Voy a hacer que
el color de relleno sea el mismo color que este rojizo. Ve a renombrar la capa. Recuerda presionar enter
para renombrar una capa, moverla al fondo
de las capas. Ve a empujar hacia abajo
usando la tecla de flecha. Ahí vamos. Creo
que se ve bien. Ahora voy a
agregar un fondo. Voy a ir al
ayer, nuevo, sólido. Creo que voy a mantener este color
morado como fondo. Muévelo al fondo de las
capas, va a renombrarlo. Ahora voy a
agregar un efecto hervor,
tal como aprendimos
en la primera parte. Voy a ir a
nueva capa de ajuste. Podemos renombrarlo hervir. En nuestra nueva capa de ebullición, vamos a agregar el efecto de
desplazamiento turbulento. Podemos comenzar cambiando
nuestra cantidad a ocho, tamaño a 15. Vamos a alternar las opciones de
evolución. Voy a hacer clic en la semilla aleatoria. En este campo, vamos
a escribir nuestra expresión. Al azar 10,000. Eso agrega un poco de
animación a nuestro hervor. Y al igual que en la primera parte, vamos a mejorarla
duplicando nuestra capa de
desplazamiento turbulento Y vamos a
cambiar estos números. Cambiemos nuestra cantidad a 30. Cambia nuestra talla a dos. Ahí vamos. Eso se ve
un poco mejor. Le da un aspecto más dibujado a mano. Una cosa más que podemos hacer
para que sea un poco mejor es cambiar estos números de
complejidad. Voy a cambiar
esta complejidad a dos, y voy a cambiar esta
complejidad a cuatro. Ahí vamos. Hace que parezca un poco menos generado por
computadora.
11. Animación de la boca: En esta lección, vamos a animar la respiración
bucal de nuestro personaje porque no estoy convencido de que nuestro personaje estaría
sonriendo mientras corre Lo primero que
vamos a hacer es entrar en nuestra capa de
caracteres de donas Entra en la capa de donas. Seleccionemos nuestra capa bucal. Enciende nuestra cuadrícula.
Zoom al 200% Consigamos nuestra herramienta para bolígrafo. Aquí vamos a
colocar un nuevo punto. Levantemos nuestro nuevo punto alrededor de un
cuadrado en la cuadrícula. Consigamos nuestra herramienta de
conversión de vórtices. Al arrastrar estas asas aquí, podemos convertir nuestra
boca en un círculo No tiene que ser perfecto. Asegurémonos de que nuestro
punto de anclaje esté en el centro. Abra la báscula
presionando la tecla S. Voy a reducir el
porcentaje al 60%. Coloque un fotograma clave. Muévase sobre tres fotogramas
en la línea de tiempo, ingrese un porcentaje de 40%. Muévete sobre otros
tres fotogramas clave. Vuelva a poner nuestro porcentaje a 60. Ahora podemos copiar y
pegar estos fotogramas clave. Control C, Control V, pasar al último fotograma clave Copiar y pegar, Eso
debería ser suficiente. Porque recuerda que tenemos
una expresión loop out en nuestra composición principal, selecciona nuestros fotogramas clave, presiona F nine para Easy Es. Ahora vamos a hacer clic derecho y
entrar en velocidad de fotograma clave, estos números al 60% Ahora volvamos a
nuestra composición principal. Ahí, creo que eso
se ve un poco más natural para un ciclo de carrera.
12. Lleva el ciclo de carrera un paso más allá: Aquí hay una
lección opcional para estudiantes que quieran llevar su
ciclo de carrera un paso más allá. Podemos apagar la pierna uno por ahora. Seleccione la etapa dos. Trae
los fotogramas clave presionando. Entonces, antes de que el pie
toque el suelo, me gustaría que estuviera
en la posición arriba. Así que vamos a
alternar nuestras opciones de ruta, acercar al 200% y
activar nuestra cuadrícula Ahora, seleccionemos nuestro camino uno. Podemos seleccionar estos
tres puntos. Voy a levantarlo alrededor de
un cuadrado en la rejilla. Ahora voy a seleccionar
estos dos puntos, moverlos un poco. Ahora, seleccionaré
el último punto. Este punto, va a
inclinar el pie hacia arriba. Ahí vamos. Veamos cómo
se ve eso. Ahí vamos. Creo que eso se ve
un poco mejor. Ahora vamos a hacer
esto al partido de vuelta. Sólo podemos copiar
este marco clave. Y luego entraremos en la primera etapa. Trae los
fotogramas clave presionando. Vamos a 13 fotogramas
en la línea de tiempo y peguemos nuestro fotograma clave. Ahora nuestro otro pie
tiene la posición arriba. Ahora veamos cómo se ve
eso. Apaga nuestra red. Ahí vamos. Otra cosa que podemos hacer es seleccionar los
marcos clave de posición para nuestra dona Entra en la velocidad del fotograma clave. Vamos a subir estos números
a algo así como 60%, y veamos cómo se ve
eso. Y ahora que lo pienso, podemos entrar en nuestra capa de
donas y hacer lo mismo con
nuestros marcos clave de boca Haga clic con el botón derecho en la velocidad del fotograma clave. Intentemos subir estos
números al 100%. Sí, creo que se ve
un poco mejor.
13. Fondo en movimiento opcional: Esta lección es opcional
para estudiantes que desean un fondo en movimiento,
como en la primera parte. Arrastremos nuestra
capa de fondo a nuestro panel de capas. Podemos eliminar estas dos capas. Seleccionemos nuestra capa
de fondo. Alinear hacia la izquierda usando el panel de alineación.
Coloque un marco clave. Queremos que el fondo
se anime un poco
más rápido que en la primera parte Pasemos a 5 segundos
en la línea de tiempo. Asegúrate de recortar tu área de
trabajo a 5 segundos. Ahora podemos alinear nuestros
antecedentes a la derecha. Esto coloca otro fotograma clave en la línea de tiempo automáticamente. Ahora vamos a previsualizar
cómo se ve. Ahí vamos. Creo que
eso se ve bastante bien.
14. Exportación: Aquí tienes una lección rápida sobre
cómo exportar tu animación. Dado que nuestra composición ya está recortada a 5 segundos de duración, podemos ir a archivo, exportar, agregar a Adobe Media Encoder cue Una vez que el codificador de medios está abierto, podemos hacer clic en cualquiera de estos enlaces
para mostrar nuestras propiedades. En la pestaña de presets, podemos seleccionar YouTube, Full HD Aquí podemos cambiarle el nombre y elegir dónde
vamos a exportar. Haga clic. Y ahora podemos
dar click a Flecha verde para exportar.
15. Conclusión: Enhorabuena por completar la animación de
tu personaje. Ahora puedes publicar tu proyecto en
la galería de proyectos. Me encanta ver las cosas
que ustedes crean.
16. Lección adicional (opcional): zapatos: Aquí tienes una lección extra sobre cómo agregar zapatos
a tu personaje. Una vez que tengas el ciclo de carrera de
la manera que te guste, puedes duplicar una de las capas de tus piernas.
Cambiaremos el nombre. Cambiaremos el color. Ahora podemos alternar hacia abajo el
contenido de la capa. Aquí podemos agregar una ruta de recorte. Cambiar el valor inicial a 80%. Si quieres, puedes cambiar
el tamaño del trazo. Para que sea un poco
más visible, podemos ir a estilos de capa, y podemos agregar un trazo.
Tyler Bennett, Motion Graphics Designer
