Transcripciones
1. Introducción: [ MÚSICA] Sé que la animación puede parecer un poco intimidante, pero realmente
no tiene por qué serlo. Una vez que entiendas lo básico, verás un mundo de infinitas posibilidades y
no podrás mirar hacia atrás. Hola. Soy Anya Perepelkina, y soy
ilustradora digital y animadora. Como freelancer,
he trabajado con marcas como Adobe y 99designs, y he hecho ilustración editorial
y de marca, promoción del
diseño, y
otros proyectos impresionantes. Llevo haciendo animación
fotograma por fotograma hace un tiempo, y todavía
me sorprende cada vez. Siempre hay algo
nuevo que aprender al respecto, y siempre cosas nuevas que
explorar y crear. Ha redefinido mi arte y
mi práctica de tantas maneras. Tener habilidades básicas de animación puede ser un gran activo para ti, si ya estás trabajando
en la industria creativa, o si es algo que
quieres hacer en tu tiempo libre. Una nueva habilidad tiene el poder transformar la forma en que
miras tu trabajo. También en mi experiencia personal, aprender cosas nuevas es
lo mejor que puedes hacer si alguna vez te encuentras
en una caída creativa. Porque siempre es
tan emocionante cuando
intentas algo diferente y de repente tienes todas estas nuevas ideas
en tu cabeza. El mejor sentimiento de la historia. En esta clase, te
mostraré cómo crear tu primera
animación de personajes en Procreate. Empezaremos con un par
de ejercicios para ayudarte a entender el funcionamiento interno de la animación marco a fotograma. A continuación, te daré consejos
sobre cómo elegir qué animar y obtener
una referencia para ello. Entonces esbozaremos a tu personaje y trabajaremos en crear un borrador. Posteriormente, agregaremos
color y por último, exportaremos tu animación de personajes. Mucho tiempo y cuidado se dedica a crear una
animación fotograma a fotograma, porque esencialmente se trabaja en cada
fotograma por separado. A pesar de que es un reto, créeme cuando te diga que todo tu arduo trabajo
valdrá la pena. Estarás tan orgulloso de ti mismo. Espero que estés listo para saltar a esta clase y
aprender nueva habilidad. Estaré contigo en cada
paso del camino. Nos vamos a divertir tanto. Empecemos. [ MÚSICA]
2. Proyecto de la clase: [ MÚSICA] Hoy, crearemos tu primera animación de
personajes
en Procreate. Seré honesto contigo. Antes de empezar a aprender acerca
de la animación fotograma a fotograma, parecía demasiado complicado y así que pensé que
nunca lo probaría. Me alegra tanto que me equivoqué. Si estás aquí,
espero que estés
en algún lugar al borde
ahora mismo y confía en mí cuando te
digo que te vas a alegrar tanto que hayas dado el salto. Usualmente ilustro a la gente, así que naturalmente comencé
con la animación de personajes. Cuando digo animación de personajes, no
me refiero solo a la gente. Puedes, por supuesto,
explorar dibujos animales o personajes compuestos si
eso es lo que prefieres. Los personajes solo
te dan mucho espacio para la exploración ya que hay muchas cosas
que puedes mover, sea esa expresión facial, pelo, extremidades, ropa, y así sucesivamente. Esta clase fue creada
específicamente para principiantes. Por eso comenzaremos
con un par de ejercicios para ayudarte a
comprender mejor todo el proceso
de animación fotograma a fotograma. Si no eres principiante, esta clase será genial para ti si quieres repasar los conceptos básicos o agilizar tu proceso y
hacerlo más efectivo. Te ayudaré a
elegir un movimiento para animar que va a
ser fácil y efectivo. Entonces comenzaremos a
dibujar y planear toda
la animación
y te
quedarás con el borrador
de tu futura pieza. Entonces podrás elegir
tus propios colores o usar una de las paletas de colores que
he creado para esta clase y con eso, dar vida a tu animación. Al final, te
guiaré a través exportación de tu animación, y para mostrarte
cómo la convierto en un archivo MP4 que
puedes compartir en cualquier lugar. Para esta clase,
necesitarás un iPad, un lápiz Apple, más Procreate. Deberías tener algunos
conocimientos de trabajo de la app, porque no
voy a ir demasiado lejos en cómo utilizarla además de las características de
animación. Procreate tiene una interfaz realmente
simple y limpia para la animación, por lo
que creo que es
tan genial para principiantes. Pero hay alternativas. Yo diría que generalmente
cualquier software con características básicas de animación
funcionaría bien. También quiero que tengas en
cuenta que la
animación fotograma a fotograma es un proceso que
consume mucho tiempo. Sé que puedo ver en
mi mesa durante horas en fin trabajando en una animación
y eso no es genial. Por favor, asegúrate de
tomar algunos descansos para beber agua y caminar alrededor tu mesa mientras
trabajas en tu animación. Con todo lo dicho, espero que estés
entusiasmado con esta clase. Vamos a saltar a la derecha en ella.
3. Entendiendo la animación de marco por marco: Antes de saltar a la parte
principal de la clase, necesitamos tomarnos
un tiempo para
comprender mejor los conceptos básicos de la animación
fotograma a fotograma. Una explicación simple de la animación
fotograma a fotograma, también conocida como
animación cel o animación 2D, es que se trata de un montón de fotogramas
separados que muestran uno tras otro para
crear una imagen en movimiento. velocidad de fotogramas de una animación
puede ser diferente, pero 12 y 24 fotogramas
por segundo son lo que normalmente
utilizarías para el tipo de animación que
vamos a estar haciendo. Si una animación es de 12
fotogramas por segundo, significa que te está mostrando 12 fotogramas en el
lapso de un segundo. Esto también significa que la
misma animación será más lenta a seis fotogramas por
segundo en comparación con 12. Veamos las características de
animación. Primero, ve a Ajustes, luego selecciona “Canvas” y
activa la asistencia de animación. Verás esta pequeña ventana
emergente en la parte inferior aquí. Da click en “Capas” y
hagamos estas capas. Tengo visible. Cada capa visible también aparece en la parte inferior aquí como un marco, y van a la inversa. Entonces el primer fotograma
en la parte inferior es en
realidad la última capa de la lista de capas. Si hacemos clic en “Jugar”, se
mostrarán como animación
una tras otra. Entonces en Ajustes, verás diferentes opciones de
avión. ping-pong aquí te muestra animación del primer
al último fotograma, luego a la inversa, una sola toma la
muestra una vez. Normalmente tengo bucles seleccionados
para todos mis proyectos. Puedes establecer la velocidad de fotogramas justo aquí solo
arrastrando el mango. Lo mejor que puedes hacer aquí
es simplemente tomarte tu tiempo, cambiar la cantidad,
jugar y ver cómo funciona. Entonces por último pero no
menos importante, es piel de cebolla. Déjame subir esto todo el
camino y ya verás. Básicamente, la piel de cebolla te
permite ver todos los marcos que vienen antes y después del que
has seleccionado. Los marcos que vienen después son color verde y los marcos que
vienen antes son rojos. Esto es lo más
sorprendente que estarás usando un 100
por ciento del tiempo. También puedes cambiar la
opacidad de los marcos de color. Usualmente lo mantengo en
torno al 60 o 70 por ciento. Ahora que tenemos hora que
quiero que practiquemos juntos para ayudarte a
entender mejor todo el proceso. He preparado algunos expedientes de
práctica para ti. encontrarás en la
sección debajo de la clase. Adelante y descárgalas. Para abrir los archivos, haz clic en “Importar” en la pantalla
principal de Procreate, luego encuentra donde los
guardaste y elige primero la flor
titulada. Ya las tengo aquí mismo, así que no voy a
importarlas de nuevo. El primer archivo tiene seis fotogramas. Ya deben ser
seleccionados y visibles. Vamos a jugar primero la animación. Ahora recrear
esta animación juntos. Eliminemos primero todas las capas
numeradas. Asegúrate de mantener el
tallo y
las capas de referencia porque las necesitaremos
absolutamente. Ahora, enciende ambos, luego baja la opacidad de la referencia a
lo que prefieras. Ahora porque es
el primer fotograma, puedes configurarlo como fondo. De esta manera permanecerá en el
fondo de cada capa. Ahora cambie el nombre de la
capa madre como número 1. organización es la parte más
importante de la animación, y quiero
que hagas de
inmediato un hábito renombrar
todas tus capas. Hagamos la primera capa ahora. Para ello, sólo tenemos que
retroceder el primer
pétalo de la flor. Ahora duplica esa misma capa
y renombrala como número 2. Después retroceda el segundo pétalo. Estamos llegando allí.
Hagamos la tercera capa ahora. Una vez más, duplica
segunda capa y retroceda. [ MÚSICA] Para las siguientes dos capas, estoy dibujando todo el
pétalo para que no parezca
que falta un trozo. [ MÚSICA] Juguemos ahora la animación. Impresionante. Ese es el
primer ejercicio realizado. Segundo ejercicio es
el título del archivo, Cherry, y
lo estamos tomando aquí una muesca. Aquí verás solo
tres capas. Estaremos creando esta
animación casi desde cero. La cereza de la
derecha y la hoja
van a estar moviéndose a
lo largo de estas guías. Asegúrate de que el llamado guías sea el primer
fotograma aquí en la parte inferior para que podamos configurarlo
como fondo una vez más. Esta capa la
usaremos como plantilla, así que vamos a duplicarla y
renombrarla como número 2. Ya tenemos el
primer marco en el expediente. Ahora haga clic en este
icono aquí mismo. Se abrirá este panel de control de
rotación. Vamos a fijarlo a cinco grados. También se puede establecer esto
a vecino más cercano, va a ayudar
con la distorsión. Ahora vamos a moverlo a lo largo de
la guía solo un poquito. Ahora de nuevo, duplica esta capa, renombrala enseguida, trabajando duro, y
creando un hábito aquí. Rotación y
moverlo a lo largo de la guía. Ahora puedes seguir
haciéndolo de esta manera, o si la imagen distorsiona
demasiado y te molesta, puedes duplicar cinco veces la capa de
cereza inicial, y en lugar de girarla
cinco grados cada vez, puedes hacer cinco, luego 10, luego 15 grados y así sucesivamente. [ MÚSICA] Ahora que tenemos
seis cuadros en total, vamos a poner esta primera
capa en la parte inferior. Una vez más, la última capa es el primer marco y
pasar a la hoja. Lo que vamos a hacer
aquí es poner un punto a lo largo la guía para marcar a dónde va a ir
la hoja. Asegúrate de que estás seleccionando un marco diferente cada
vez que dibujas un punto. Además, trate de espaciarlos más o menos a una distancia igual el uno
del otro. Ahora podemos empezar a
unir las hojas. Lo último que hay que hacer aquí es
redibujar la segunda
cereza en cada fotograma. Asegúrese de que el
segundo tallo también se esté moviendo junto con la
cereza a la derecha. Ahí vas.
Estaremos usando la rotación para crear nuestra animación
más adelante en la clase. Eso definitivamente
será útil. Ahora, en ese último
archivo titulado Cat, verás un solo fotograma. Eso es porque en
éste vas a usar toda la información
que acabas aprender para crear
tu propia animación basada en este fotograma. Déjame mostrarte lo que
tenía en mente para éste. En mi caso, hay
seis cuadros en total, y así se ve el
movimiento. Puedes usarlo como guía. hay tres puntos
de movimiento diferentes Aquíhay tres puntos
de movimiento diferentescomo se puede ver. Bueno, haz algo
completamente diferente. Ya sabes qué hacer ahora, así que es hora de poner tus
habilidades a la práctica. Ahora, ve a buscar esos
archivos de práctica y pruébalo tú mismo, sobre todo si esta
es tu primera vez haciendo cualquier tipo de animación, sugiero encarecidamente que
en realidad te tomes tu
tiempo y hagas esto. Realmente te ayudará a
entender cómo funciona la animación, y eso definitivamente te va a hacer más fácil
más abajo de la línea. En la siguiente lección, elegiremos un movimiento
para tu animación y descubriremos formas de conseguir
una gran referencia para ello.
4. Cómo elegir qué animar: [ MÚSICA] Ahora ojalá
entiendas lo básico. El siguiente paso es elegir
qué animar. Cuando trabajo en una nueva animación, muchas veces en
realidad no sé cuál
va a ser el movimiento cuando empiezo. Ese no es el
lugar más sabio para empezar. Hoy vamos
a ser responsables y vamos a planear con anticipación. Ahora, dado que todo se trata hacer tu primera animación de
personajes, definitivamente
sugeriría comenzar con un movimiento realmente pequeño
que sería fácil de hacer. Para la animación que voy a estar
haciendo en esta clase, he elegido un
movimiento simple que implica mover un brazo e
interactuar con la flor. El idea es que
el personaje le levante la flor a la
cara y la olerá. Para asegurarme de que
puedas seguirme fácilmente, sugiero movimientos que también implican levantar un brazo o una pierna. Considera agregar un elemento con
el que el personaje pueda
interactuar de alguna manera. Eso hará que tu animación sea
más atractiva y divertida. Intenta evitar algo
que implique todo
el cuerpo y
sobre todo los cuerpos que se mueven
por el espacio como caminar. Eso es un poco demasiado complicado
por primera vez. Cuando acababa de empezar, uno de los principales
problemas para mí era que podía tener una idea pero nunca podía imaginar ciertos movimientos
sin referencia. He tenido que
encontrar formas de conseguir esas referencias y ahora las
estoy compartiendo contigo. Lo primero que hago
cuando tengo una idea es que voy en YouTube
o simplemente google palabras clave
extremadamente específicas
como mujer feliz corriendo o un gato oliendo flores o inserto lo que estés
tratando de encontrar aquí. Si estás de suerte, habrá metraje
de stock u
otros videos útiles. Puedes vigilarlos una y otra vez cuando intentas
descifrar el movimiento. Eso es una cosa que puedes hacer. Pero mi consejo número 1 es
en realidad muy, muy simple. Es solo
filmarte cuando ya sabes qué movimiento necesitas es la solución más flexible. Yo hice esto por mi
trabajo de ilustración todo el tiempo también. Sé que puede ser incómodo
filmarte haciendo
movimientos de techo así, pero honestamente, solo
necesitabas descifrar las cosas. Entonces obviamente no tiene que
ser perfecto ni pulido, es solo para ti. Por último, siempre es genial rodearte
de grandes ejemplos. Siempre recomiendo
encontrar gente en el campo a
seguir en Instagram, Behance, y otras plataformas
y no solo para animación. Ahora que conoces la forma funciona la animación
fotograma por fotograma, puedes ver tus películas animadas
favoritas, televisión o dibujos animados, y estudiar los movimientos allí. También a pesar de que es genial planear todo
meticulosamente, sigue siendo un proceso creativo. Asegúrate de dejar algo de espacio para experimentos y
tomar decisiones sobre el momento. Una referencia es una gran
y algo muy útil para estudiar el movimiento y tal vez averiguar
la composición, pero eso no significa
que tu animación tenga que lucir exactamente igual. Ahora es tu turno de averiguar qué movimiento
vas a animar, pero también siéntete libre de
seguirme y hacer el
movimiento exacto que estoy haciendo. No hay ninguna presión en absoluto. En la siguiente lección, comenzaremos a esbozar a
nuestro personaje.
5. Cómo bocetar tu personaje: [ MÚSICA] Ahora que tenemos una referencia, podemos empezar a dibujar. Primero creemos un nuevo Canvas. En la pantalla principal,
haz clic en el ícono Plus, luego éste justo aquí. Normalmente voy por un
cuadrado 2500 Canvas, 600 DPI para una mejor calidad de
imagen, y también se puede ver el
número de capas disponibles. A continuación, asegúrate de que tu perfil de
color esté configurado en RGB. Es el primero aquí. También puedes cambiar el nombre de tu archivo. En cuanto a los pinceles, recomiendo este conjunto True Grit
Texture Supply. Se llama Slipple Studio, y tiene un montón de pinceles
preciosos. Mi pincel favorito aquí
es el trazador de líneas rugoso. Es increíble para la animación
porque la textura del pincel te dará un hermoso movimiento
en cada fotograma. Lo último antes de empezar, déjame mostrarte una característica más
increíble. Cuando en la configuración se puede seleccionar esta opción
“Referencia”. Traerá una ventana donde podrás
ver tu referencia. También puedes acercar la imagen misma y luego puedes
mover toda la ventana a través de la pantalla para que sea una pequeña
herramienta útil para hacer bocetos. Ahora por fin podemos empezar. Estoy dibujando una línea para
ayudarme con la composición, ya que mi personaje
va a estar sentado. Yo sí elegí aquí una
referencia particular, así que la voy a
estar usando mucho para averiguar a dónde deben ir las piernas
y los brazos. [ MÚSICA] Ahora tengo mi boceto rudo y si mirabas el metraje, viste que era
mucho probar las cosas, de esta y de esa manera, para que veas qué funciona mejor. Mantengo cada parte del
personaje en una capa separada para que pueda cambiar las
cosas si necesito. Trato de mantener estas cosas
separadas todo el tiempo que pueda, honestamente hasta el punto voy a empezar realmente a animar, para que pueda darme la
oportunidad de mover las cosas. Voy a bajar la opacidad
de todas estas capas a alrededor del 20 por ciento para que pueda ver debajo de las nuevas capas y
empezar a limpiar mi boceto. [ MÚSICA] El boceto ya está listo. El siguiente paso es crear
el segundo extremo. extremos en la animación son fotogramas donde el movimiento
alcanza su pico. En mi caso, ya tengo el primer extremo
donde está abajo el brazo, por lo que necesito crear un marco
donde se levante el brazo y cambiaremos
también la flor para que coincida con el
movimiento del brazo. Voy a redibujar ahora la
cabeza de la flor para poder moverla. Yo sí quiero que sea ligeramente
diferente en este marco, así que estoy cambiando los
pétalos solo un poquito. [ MÚSICA] Ahora puedo rotarlo ligeramente y acercarlo a su rostro. Honestamente no hay un método
científico para esto. Simplemente asegúrate de que no esté demasiado
lejos del primer fotograma y que tenga sentido
estar ahí en el nuevo marco. Ahora dibujemos el nuevo tallo. Dado que la cabeza de la flor es más alta, el tallo tendría
que estirarse. [ MÚSICA] Para el brazo, he dibujado estas guías
[inaudibles] para ayudarme a ver a dónde necesita ir
la mano. Ahora es totalmente opcional, pero sí creo que ayuda. He duplicado la capa
con el brazo en ella. Sólo voy a borrar
todo lo que no necesito. Ahora podemos usar la herramienta Lasso
para seleccionar solo la mano. Sólo va a rotarlo un poco y moverlo de
acuerdo a la guía. También asegurándose de que se alinea con la
flor que tenemos. [ MÚSICA] Ahora podemos redibujar
el brazo para que coincida con la mano. [ MÚSICA] Ahí vas. Aquí están los dos extremos que necesitaremos para crear
la animación. Sigo guardando todo en capas
separadas en este punto. Cada grupo actúa como un
solo marco aquí. Es hora de que
vayas a esbozar a tu personaje, y recuerda que lo
vamos a animar más tarde así que asegúrate de estar dibujando con tu movimiento de plan en mente. En la siguiente lección,
comenzaremos a desarrollar nuestra animación.
6. Redacción de tu animación: Aquí es donde empezamos a redactar
la animación real. Esa es definitivamente la parte
más importante de todo el proceso. Piensa en ello como la
base de tu pieza. Una vez que
termines esto, todo es fácil
navegar desde allí. Vamos a enrollarnos las
mangas y ponernos a trabajar. Antes de empezar, veamos los dos extremos que tenemos ahora. Tenemos que determinar exactamente
qué partes se
van a mover. Para mi personaje y la
forma en que lo planeé, primero, ella va a mover el
brazo hacia arriba y con eso, la flor también sube. Una vez que la flor esté
cerca de su rostro, se va a inclinarse
y olerla. Debido a que está moviendo la cabeza, el pelo de su cabeza también
se va a mover. En mi caso, es la
mano y el brazo, el tallo y la flor, su cabeza, y el cabello. Es importante ordenar los
movimientos en secciones así y determinar también
el orden correcto. Te ayudará a sentirte más organizado y menos abrumado. Empecemos con
el primer movimiento. Uno que hay que
recordar aquí es que un movimiento como este
seguirá un arco. Para ayudarte y para
ayudarme a entender, hagamos todo el asunto en primero
hagamos todo el asunto en
una
versión de boceto muy áspero. Sólo estoy dibujando un
círculo para el codo, luego una línea desde el
hombro hasta el codo, y otra línea desde
el codo hasta la muñeca. Entonces en una capa diferente, misma para el otro extremo. También puedes agregar
círculos más grandes para las manos. Sólo voy a apagar todas las
demás capas por ahora. A continuación, haremos el que está
exactamente en el medio. Una vez más, asegúrate de
ponerlo todo en capas separadas. Voy a encender
Animation Assist para que podamos verlo todo. Todo el movimiento, diría yo, debería poder encajar
dentro de siete cuadros. Ahora podemos sumar los
fotogramas en el medio. Ahora, si te miras en
el espejo
haciendo el mismo movimiento
o si te filmas, notarás que la velocidad
a la que te estás moviendo en
realidad no es consistente
en todo el asunto. Comienza despacio, entonces debería ser
más rápido en el medio, y de nuevo terminar lentamente. Vamos a replicar eso. Debido a eso, el
siguiente marco debe estar más cerca del extremo que
el marco en el medio. Si tuviéramos que poner todos los marcos a distancias iguales el uno
del otro, no
se vería natural en absoluto. Ahora vamos a duplicar eso
del otro lado. Entonces, por último, vamos a apretar en un marco adicional a cada
lado entre estos dos. Ahora podemos jugarlo. Admito que se ve raro
porque solo son palos, pero ahora ya conoces el principio. Un pequeño truco que
uso para ayudarme en este siguiente paso es que conecto cada punto de estos dos
extremos para darme guías que puedo seguir
con cada nuevo marco. Aquí estoy conectando
los nudillos, entonces este punto entre
la mano y la camisa. Todas estas guías también
necesitan seguir un arco, igual que el movimiento mismo. Dependiendo de tu
personaje y tu boceto, tómate un momento para
tratar de determinar todos estos puntos que
se van a estar moviendo. Todos estos se pueden hacer en
la misma capa, por cierto. Podrás verlo
debido a la piel de cebolla. Me he tomado un momento para organizar
las cosas un poco aquí. Ahora sólo voy a apagar
estas guías de palo. Siempre podemos volver
a ellos si es necesario. Ya tenemos nuestro primer marco, es el primer extremo. Empecemos por el segundo fotograma. Estamos siguiendo la guía aquí. Recuerda que este
marco aún debe estar muy cerca del primero. Estas guías hacen que el
trabajo sea mucho más fácil. [ MÚSICA] Es hora de ese marco en
el medio y es fácil. Sólo tenemos que posicionarlo justo en medio
de las guías. Podría llevarte un poco de
tiempo pasar por este paso. Refiere el
movimiento del palo que hicimos antes si es
necesario o podría ser
sólo un caso de
prueba y error para entender
lo que hay que hacer aquí. Todo es parte del proceso. [ MÚSICA] Ahora que todo lo que se hace, necesitamos redibujar el resto
del cuerpo para que coincida con esos cuadros. Lo único que está
cambiando aquí de marco a marco es la parte del brazo
desde el codo a la mano. Vamos a jugar esto. Está empezando a
parecer algo. Ahora, si puedo darte una
sola pieza de sabiduría, te
digo que
sumes tus marcos. Eso es lo que
vamos a hacer ahora. Después de eso, necesitaremos
redibujar el resto
del personaje para que coincida con
todos los siete cuadros. [ MÚSICA] primer paso ya está completo. Pasemos al siguiente,
que es el tallo
y la cabeza de la flor. En mi diseño, este tallo
sí tiene ese bucle. Básicamente lo que
voy a hacer aquí es dibujar primero el marco medio, que es el punto más cercano
al bucle casi desapareciendo. [ MÚSICA] Entonces desde el primer fotograma
hasta ese marco medio, voy a hacer ese
bucle más pequeño y más pequeño, y desde el medio
hasta el último fotograma, voy a hacerlo
un poco más rectos. También es importante
aquí alinear el tallo con la mano
que lo sostiene. El tallo ya está listo. Creo que podemos pasar
a la cabeza de la flor. Busqué videos de flores en YouTube aquí para ayudarme a
entender el movimiento. Estoy imaginando que los pétalos de
flores sean realmente livianos y rebotantes, lo que significa que
no van a permanecer en la misma posición a
lo largo del movimiento. Se acercarán
al tallo a medida que viaja hacia arriba. Déjame mostrarte
lo que quiero decir aquí. No soy científico, así que ni siquiera voy a tratar explicar las fuerzas que tenemos aquí. Vas a tener que confiar un poco en el proceso aquí. [ MÚSICA]
Añadí dos fotogramas adicionales aquí para ese rebote al final. Ese es un marco
para que los pétalos
vayan un poco
más altos que el extremo. Entonces un marco para que regrese a la posición original. La cabeza de flor está hecha. Aquí está la flor completa
y terminada. A continuación, animaremos la cabeza. Esta parte es exactamente la razón por la que
estaba diciendo que tal vez
quieras mantener todo en capas
separadas durante el mayor tiempo
posible. Vamos a tomar
la capa con sólo la cabeza en
ella y vamos a crear el
movimiento arrastrando la capa a poco
hacia la flor. [ MÚSICA] La cantidad de marcos aquí
dependerá de la distancia entre
la cabeza y la flor. Me llevó tres marcos. Dependiendo del tipo de
movimiento que elijas, es posible que te salgas con
solo arrastrar tu capa. Pero en mi caso, creo que no se cruza
que se esté inclinando. También voy a añadir
rotación a cada fotograma. puedes probar diferentes cosas Aquípuedes probar diferentes cosasy ver qué funciona para ti. Veamos ahora. En realidad creo que se ve mucho mejor
con la rotación. He duplicado la
última capa tres veces para darme espacio para
cerrar los ojos. Creo que va
a dejar en claro que está disfrutando el olor de
la flor y darle a la animación más
de una vida pacífica. Ahora para enfatizar que voy
a duplicarlo un
par de veces más. Esto es algo que
vas a tener que
decidir por tu cuenta
en tu animación. Vea lo que tiene más sentido. Definitivamente
recomiendo duplicar tus fotogramas al menos un par de veces después de que
termine un movimiento y comienza otro. La gente tiende a tomar un momento entre una
cosa y otra. Eso va a hacer que tu
animación se vea más natural. Ahora, para la última parte, el cabello. Mirando a mi personaje, estoy viendo un par de lugares
donde su cabello podría moverse. Ese es el mechón de pelo
frente a su oreja, el moño en la parte superior de su cabeza, y luego la parte posterior de su cabello. Desde que está avanzando, el moño necesita moverse hacia atrás. Lo mismo va para el arco aquí, y es lo mismo con
este mechón de pelo también. Sólo moviendo todo
un poco a la izquierda. [ MÚSICA] Cuando se trata de la
parte posterior de su cabello, creo que no necesita
moverse demasiado en absoluto. Solo un ligero aumento de la
renuncia debe verse bien. [ MÚSICA] Ahora, sí
usamos rotación, lo que reduce un poco
la calidad de los trazos. También duplicamos muchos
marcos aquí. Eso va a parecer
raro en la final. Tenemos que volver a dibujar todos
esos fotogramas para
asegurarnos de que todavía haya movimiento de fotograma a fotograma aunque el personaje no
se esté moviendo. Es por eso que recomendé un pincel texturizado como
el que estoy usando, porque va a
asegurarse de que
todavía haya movimiento en las líneas, aunque sea esencialmente
el mismo marco. [ MÚSICA] ¿
Recuerdas lo que hicimos con la flor para
equilibrarla al final? Hagamos
lo mismo al cabello. Tenemos que sumar dos marcos más. Uno para que
avance y otro para que regrese a
la posición original. Déjame mostrarte el desglose
de la capa para el movimiento del cabello. fotograma número 10 es
donde comienza todo. fotograma número 15 es donde
el bollo hace los límites. Siguiente marco, vuelve, luego la cerradura hace
los bollos en el marco 17. Siguiente marco
vuelve también. Es un milagro, pero ya hemos
terminado con la parte dura. El borrador está terminado
o casi terminado. Te voy a dar
un poco más de un reto en la siguiente lección, y vamos a llevar
esto aún más lejos. También puedes dejarlo aquí. Ya has hecho un trabajo
increíble. Ahí lo tienes. Es hora de que trabajes
en tu borrador ahora. Esta es la parte que
tomará bastante tiempo. No voy a
mentir. Tómalo con calma, recuerda descansar y estoy seguro que
el resultado será increíble. En la siguiente lección, trabajaremos en convertir
tu animación en un bucle.
7. Hacer el bucle: [ MÚSICA] Si estás aquí, significa que has
decidido
valirlo y hacer tu bucle de
animación. Me alegra tanto que lo hicieras. Vamos a estar usando
todas las mismas técnicas que ya hemos utilizado. Sólo te va a
llevar un poco más tiempo pero el resultado
valdrá la pena. Básicamente por el momento tenemos la mitad de la figura del
movimiento. Vamos a
revertirlo duplicando fotogramas lo
que necesitamos averiguar de qué marco debemos partir. Echa un vistazo a tus marcos. En mi caso, creo que todo
empieza alrededor del marco 11. Su cabeza sigue cerca la flor hasta el último marco. A continuación necesita inclinarse hacia atrás. Eso significa que tenemos que empezar
a duplicar desde el momento en que termina de
inclinarse en la flor, que es una vez más el
marco 11 en mi caso. Lo estoy arrastrando todo el
camino hasta la cima. A continuación, voy a
duplicar fotograma número 10 y arrastrarlo encima
del fotograma número 11. Seguiremos haciendo lo mismo con el resto
de los marcos. Con todos los marcos duplicados, obviamente
se ve
funky porque
pasamos todo el tiempo en
la flor y el cabello. Para asegurarnos de que se
vea bien a la inversa,
eso es en lo que necesitamos volver
a trabajar. Ya nombré a todos
los nuevos marcos duplicados y usted debe absolutamente hacer lo
mismo. Veamos aquí. marco 25 es donde empieza
a levantar la cabeza de nuevo. Con eso, su cabello
necesita seguir adelante. Hagamos primero la banda. Tenemos que moverlo
ligeramente hacia la derecha, igual que lo hicimos la última
vez, pero a la inversa. Este mechón de cabello también necesita moverse un poco hacia la derecha. Después siguiente cuadro, de nuevo, banda ligeramente hacia la derecha. El arco se mueve
junto con él también. Estoy mirando el fotograma
anterior para asegurarme de que
no sea demasiado agitado. Honestamente, estamos haciendo
lo mismo absoluto aquí que hicimos por
el movimiento inicial. Sólo que esta vez estamos moviendo
las cosas de la manera opuesta. Podrías tener un cabello muy
diferente o partes móviles
muy diferentes en tu personaje. Basta con mirar por encima de tu animación, reproducirla una y otra vez y ver qué cosas hay que cambiar para completar el bucle. Aquí está el desglose
de capas del movimiento una vez más. marco 25 es donde comienza todo. marco 28 es donde la
banda hace las bandas. El mechón de cabello tardó un
poco más en traer de vuelta, por lo que rebota en el marco 31, y luego
se completa el movimiento. Vamos a jugar, a ver si
algo necesita cambiar. Creo que se ve bastante suave
y el bucle es sin fisuras. Podemos pasar a la flor. Empieza a
retroceder en el cuadro 28. Déjame borrar los
pétalos de esos marcos. [ MÚSICA] Esta vez alrededor, los pétalos necesitan subir
porque la flor baja. Una vez más, no hay
absolutamente ninguna regla a esto además de probar las cosas y ver
cómo se ven. Todos estos
marcos individuales se verán tan raros, pero ya sabes que
juntos se verán geniales. [ MÚSICA] Es casi increíble que prácticamente
hayamos terminado. Solo quiero sumar un
par de fotogramas más al final para ayudar al ritmo. Ya que es un bucle,
estoy duplicando los dos primeros fotogramas y los estoy arrastrando encima
del último fotograma. Eso debería hacer que el
movimiento se apresure menos. Ahora que finalmente estamos aquí, veamos el borrador. Creo que se ve genial y
estoy seguro que el tuyo también lo hace. Ver que no fue tan malo. Ahora que ya sabes cómo hacerlo, ve y haz tu bucle de animación. En la siguiente lección, agregaremos color y trabajaremos
en terminar la animación.
8. Trabajando en la Animación: [ MÚSICA] Por último, con la parte más dura
hecha, podemos relajarnos. Ya que nos estamos enfocando en la parte de animación del proceso
creativo en esta clase, he preparado un par de paletas de
colores para que las uses en tu proyecto para que no
tengas que
pensar cualquier cosa menos
nivelar tus habilidades. Puedes acceder a ellos
por debajo de la clase, y obviamente puedes usar tus propias paletas de colores
para esto también. He duplicado mi archivo, y eliminé todos los
marcos además de uno. Ahora agrega una nueva capa, y aquí tienes
que asegurarte de que todas las nuevas capas estén por
debajo de tu trabajo de línea. Vamos a estar creando
una composición de color. Este es un paso que es 100 por ciento esencial
en mi proceso. Voy a usar una de las paletas de colores que
creé para esta clase. Solo voy a agregar un color de
fondo ahora, y luego empezar a trabajar en
la composición del color. Una composición de color es
básicamente un boceto muy rudo, pero para los colores, suelo
hacer el pincel más grande, y solo voy por ello. No me preocupo por
ser ordenada en absoluto. Este es un paso extra, pero te permite probar todas las diferentes
combinaciones de colores antes de
empezar a trabajar realmente
en los marcos finales. Lo único importante aquí es mantener cada objeto
en una nueva capa, o en mi caso aquí, sé que su rostro, y su mano va
a ser del mismo color. Haré las dos
en la misma capa, y luego agregaré nuevas capas
para todo lo demás. [ MÚSICA] Esta es mi composición de color. Sé que se ve áspera, pero he probado todas las
diferentes combinaciones de colores, y esta me gusta más. Ahora puedo usarlo para empezar a
trabajar en los marcos finales. He insertado la composición
de color como una sola capa aquí para
poder referirla rápidamente. También he agregado capas vacías, y las agrupé juntas. Tengo una capa con trabajo de línea, y una capa vacía
en cada grupo ahora. Estamos todos listos para empezar a
colorear el primer fotograma. Estamos trabajando en esa capa
vacía ahora, y estoy usando el mismo pincel, y del mismo tamaño. En realidad hay muchas maneras
diferentes de hacer esto. Me parece colorante así
bastante terapéutico en realidad. Pero si quieres
acelerar el proceso, puedes dibujar las formas, y luego llenarlas de color. Si tu estilo artístico
es un poco más plano, y no usas el trabajo de línea, es hora de tal vez probarlo. De lo contrario,
vas a tener que crear cada
fotograma desde cero. Eso puede, y probablemente te
volverá loco, especialmente si esta
es tu primera vez haciendo animación fotograma por fotograma. [ MÚSICA] Una cosa que me encanta
hacer es usar texturas como
elemento móvil adicional en la animación. Lo que tenía en mente para los pantalones
es hacer el pincel un poco más pequeño, y empezar a colorearlos muy
rudo, dejando pequeños huecos. También puede hacer clic en el pincel para abrir los ajustes, y establecer esta
cantidad aerodinámico en cero. De esta manera el pincel se
sentirá más natural. [ MÚSICA] Ahora
el patrón en la camisa también puede traer
un poco de movimiento. Estoy usando una máscara de recorte
y con el mismo pincel, solo para hacerla un poco más grande. Voy a crear un
patrón que tenía en mente. Si también estás haciendo un patrón, diría que algo simple
va a recorrer un largo camino. [ MÚSICA] Ese es el primer marco listo. Ahora puedes seguir así
así, coloreando cada fotograma,
pero te va a llevar mucho tiempo. Una cosa que podemos hacer para acelerar un poco
las cosas es duplicar las capas
que no se están moviendo, como este tallo aquí. [ MÚSICA] Dado que el pincel tiene textura, tendrás que entrar y
llenar los huecos allí, pero eso es mucho más rápido que
colorear de nuevo. [ MÚSICA] Depende, sí necesitamos
colorear desde cero porque queremos que se estén
moviendo de marco a fotograma. Esas diminutas brechas crearán ese movimiento porque serán diferentes en cada fotograma. Lo mismo va para
el patrón de rejilla. Acabo de
salir la capa con el color de
la camisa para poder ver el patrón anterior con
nuestro viejo amigo, Cebolla Skin. Yo diría que traten de no moverlo demasiado porque
no queremos
alejar la atención de todos los demás movimientos en los que
hemos trabajado tan duro. Pero eso también depende, como si no tienes
mucho contraste
entre los colores de la
camisa y el patrón, creo que podrías salirte con la suya con un poco más de movimiento. Definitivamente dale una oportunidad. Se trata de experimentar. [ MÚSICA] Ahora tenemos dos primeros marcos. A partir de aquí, puedes seguir duplicando fotogramas a
medida que avanzas. A medida que el movimiento cambia, vas a tener que borrar un poco aquí y
allá y llenar los vacíos. Ahora en cuanto a los bolígrafos
y el patrón, vas a tener que
duplicar cualquier otro marco. Estarán alternando
entre
sí y creando un
hermoso movimiento. Voy a ir aún más allá y duplicar cada tercer fotograma. Te invitamos a hacer lo mismo. Ya que tenemos muchos marcos, solo
introducirá un
poco más de variación. Ten en cuenta que para eso, necesitas tres capas únicas para los bolígrafos y
para el patrón. Vas a tener que crear una capa más para cada una de ellas. [ MÚSICA] Aquí están los primeros
tres marcos hechos. Mira, esos tres marcos crean hermoso movimiento continuo, y solo agrega un poco más de
algo y lo mismo
va para el patrón. Ahora para el cuarto marco, estoy tomando los bolígrafos
del primer marco. [ MÚSICA] Aquí hay un
poco de brecha. Simplemente entraré con
el pincel más pequeño de
nuevo y lo llenaré. Básicamente desde aquí,
tendremos que seguir haciendo lo
mismo una y otra
vez hasta que tengamos todos
los marcos coloreados. [ MÚSICA] Eso tomó bastante tiempo, pero todo valió la pena. ¿ No fue así? Vamos a
jugar la animación. En realidad estoy muy contento con el resultado y no puedo esperar
a ver lo que creaste. [ MÚSICA] Ahora, ya he terminado. Ahora es tu turno de
diseñar tus marcos. Es sólo la parte divertida que queda. Aquí puedes dejar que tu
creatividad se vuelva loca. Prueba algunos pinceles nuevos, o experimenta con
tu paleta de colores. En la siguiente lección, te
mostraré cómo
exportar tu animación.
9. Cómo exportar tu archivo: Por fin estamos aquí. Es hora de exportar
tu animación. Exportar es en realidad
muy, muy fácil. En ajustes, ve a la pestaña de compartir y luego
necesitamos dos cosas principales, un archivo GIF y un archivo MP4. Vamos a hacer clic en GIF animado primero. Todo es tan
simple como se pone. Lo más importante
es mantener los fotogramas por segundo aquí
igual que tu animación. Entonces, si haces clic en “Web Ready”, hará
que tu
GIF sea más pequeño en tamaño. Realmente no deberías
preocuparte por todo el resto, así que entonces simplemente haz clic en “Exportar”. Aquí está tu cosa habitual. Diferentes opciones para compartir. Sólo vamos a
salvarla. Eso es todo en realidad. Hagamos lo mismo
para el MP4 animado. Aquí, lo único, de nuevo, es mantener los fotogramas por segundo
igual que tu animación. Vamos a exportarlo. Lo mismo aquí,
solo guarda video. Veamos ahora, aquí tienes
tu archivo GIF. Está jugando en un bucle una y
otra vez, y aquí está tu archivo MP4. Ahora, lo que pasa con esto
es que es realmente corto y sólo
va a jugar una vez. A veces quiero un video más largo, así que déjame mostrarte cómo
lo hago habitualmente en Photoshop. El motivo por el que uso Photoshop en particular es
porque ya lo
tengo en mi escritorio
y siento hay una buena posibilidad de
que también lo tengas. De no ser así, creo que podría usar cualquier software de edición de video. En primer lugar, vas a
querer abrir tu video. Se puede hacer eso en
File luego Open, ya lo tengo listo para ir. Ya que es un archivo MP4, se va a sacar la
línea de tiempo en la parte inferior. Si eso no sucedió, puedes encontrarlo en
Ventana, luego Timeline. Las cosas son bastante
sencillas desde aquí, voy a copiar
el grupo de video y pasarlo un par de veces. Puedes hacer cualquier número
que quieras. Ahora, moviéndose a la línea de tiempo, basta con hacer clic y arrastrar cada grupo para que
vayan uno tras otro. Ahora ve a Archivo, luego Exportar, y
elige “Render Video”. Aquí este debería ser el formato. Esto es sólo un archivo MP4. Puedes elegir de
alta calidad aquí. Entonces 1080 por 1080 es lo que necesitarías
publicar en Instagram, por
ejemplo, así que hagamos eso. Documentar la velocidad de fotogramas , de
nuevo, igual que su animación. Asegúrate de
habilitar Color Administrar
y, a continuación, haz clic en
“Render”. Ahí vas. Aquí tienes tu video un poco
más largo. Estoy tan orgullosa de ti. Esto no fue fácil, pero lo lograste. Ahora ve y exporta tu animación y te
veré en un segundo.
10. Conclusión: [ MÚSICA] Eso es todo. Me alegra tanto que hayas
decidido llevarte esta clase conmigo y no
tengo dudas de que tu
animación se ve increíble. Este fue todo un viaje, hicimos de todo, desde aprender sobre la animación
fotograma a fotograma y elegir un movimiento hasta redactar tu animación y luego
trabajar en los marcos finales. Espero que hayas aprendido muchas cosas
nuevas y que estés repleto de nuevas ideas para
futuros proyectos de animación. Una cosa que quiero
que recuerdes de esta clase es que la
animación es divertida. Una vez que superes
el miedo inicial a desconocido y te
pongas algún esfuerzo, estarás tan impresionado
por tu propio trabajo. Esta es una nueva
habilidad increíble que tienes ahora y espero que continúes
tu viaje de animación. No puedo agradecerte
lo suficiente por tomar esta clase y espero que valga la
pena tu tiempo. Te animo a compartir
tu trabajo en todas partes que puedas pero sobre todo
aquí en Skillshare. Puedes hablar de tu proceso,
compartir bocetos iniciales, referencias o
inspiraciones, y
por supuesto tu animación final
en la sección de proyectos de clase. Si estás compartiendo en Instagram, recuerda etiquetarme @Wildanya. No puedo esperar a ver
tus creaciones. Este ha sido un gran momento, muchas gracias por
acompañarme hoy. Adiós.