Transcripciones
1. Introducción: Hola, soy JD y bienvenido a mi primera clase de habilidade. En esta clase estará haciendo esto. Empezaremos por crear todas nuestras ilustraciones en Illustrator, llevándolas a las secuelas y creando capas de formas, animando y afinando con el editor de gráficos. Por último, renderizarlo y traerlo a Photoshop para exportar como regalo de bucles. Entonces tómate un momento, lanza ilustrador, y te veré en el siguiente video.
2. Dibujar el personaje: Comencemos esto creando un color de fondo para nuestro proyecto. Sólo voy a título este fondo de capa PG. Si hace clic, puede escribir las dimensiones. Es 1920 por 1080, y vamos a encontrar, queremos un bonito color azulado aquí. Vamos a cambiarlo un poco. Voy a dejarlo así. Lo primero que voy a hacer es bloquear la capa de fondo, y ahora vamos a crear nuestra burbuja. Herramienta de elipse, crearemos una nueva capa, y solo voy a llamar a esta burbuja de capa. Entonces vamos a hacer el color blanco, y estamos dibujando nuestra burbuja. Nuestra burbuja sería algo así de grande, y entonces sólo quiero alinearla con el tablero de arte. Ahí vamos, y tenemos nuestra burbuja, y eso es literalmente todo lo que quiero hacer por la burbuja ahora mismo. Voy a bloquear esa capa. Ahora vamos a empezar a crear nuestro personaje. Voy a crear otra capa, y por ahora, sólo la
dejaremos capa 3, porque voy a tomar este personaje y dividirlos en
pedazos para animarlos más adelante. Empecemos con la forma de la cabeza y en realidad voy a usar una Herramienta Rectángulo y arrastrarla aquí. Algo así. Encuentra el tipo de tono de piel que quieras usar, y sube como un tono de piel durazno, meñky para esta herramienta de bordes redondos, y empezamos nuestra cabeza. Voy a agarrar mi herramienta de elipse para traerla aquí y aquí. Entonces vamos a poner un poco de pelo, y quiero que mi cabello sea como, tal vez un color marrón negruzco como este. Digamos que no sé qué va a ser esto todavía. Aquí voy a conseguir algo divertido. Así. Algo así, y poner esa oreja encima. El frente, ahí vamos. Eso se ve bien, y luego haremos otra pequeña parte marrón aquí en la parte de atrás. Algo así va. Voy a descifrar como un par de ojos para este tipo. Sus ojos los voy a hacer negros por ahora. Sí, mira de esta manera. Redondear un poco de nariz aquí y ir con el tono de piel, y luego sólo voy a subir y añadir un poco más de saturación. Ahí vamos, un poco de nariz, y hacemos que esta nariz sea un poco más notoria. Ahí vamos. Hagamos una boca. La boca va a ser así. Probablemente lo hagan del mismo color que los ojos. Hazlo alineado aquí. Voy a encogerlo un poco. Rectángulo redondo en la parte inferior. Adelante con una linda sonrisa aquí, allá vamos. Añadamos algunos dientes, también será un blanco. Cómo voy a hacer los dientes es que solo voy a usar herramienta constructor de
formas mantenga presionada la “Opción” y se puede hacer clic fuera, la verdad quiere hacer lo mismo para la lengua. Vayamos aquí. Arrastra en el lugar donde estaría la lengua. Voy a hacer que sea un bonito color rojo. Algo así tal vez, y ahí vamos y seleccionamos esto como la forma de la boca, constructor de
formas y Opción o Alt y hacer clic en él, sin menos, ahí vamos, y tenemos un buen comienzo para nuestro chico aquí. Volvamos a entrar. Lo mismo que hicimos antes, herramienta de
rectángulo, averigüe cómo quiero que sea su cuello. Se lo pondrá en la espalda, rectángulo
redondo como su cuello. Vamos a hacer su cuerpo ahora. Ponle ese todo el camino hasta atrás, y hagamos el cuerpo, hagamos la camiseta como si no lo supiera. En realidad, hagámoslo del mismo color que la lengua. Justo así. Eso me gusta. Sube un poco los hombros. Así. Se ve bastante bien. En realidad podemos tomar estas partes inferiores aquí. Estos no necesitan ser redondeados. En realidad se van a enmascarar más tarde así que no lo vas a ver de todas formas, y me gusta seguir ajustando estas cosas hasta que consiga algo que me guste, así. Bastante bien. Creo que tal vez la cabeza podría ser demasiado alta, así que vamos a mover todo esto un poco hacia abajo. Esto es realmente solo empujar y moverlo hasta que se te caiga algo así, las orejas hacia abajo. Todo esto puede bajar. Sí, eso me gusta más. Entonces solo seguimos jugando con esto hasta conseguir algo que nos guste. Sólo necesitamos una sombra rápida para el cuello, necesito mi herramienta de bolígrafo, y vamos a empezar aquí. Aquí, ve a aquí, aquí, ve a aquí. Va a ser de este color, y vamos a oscurecerlo así. Aquí vamos. Voy a cortarlo, pegarlo frente al cuello. Entonces lo que voy a hacer es acercar un poco, y solo voy a estirar esto, y voy a usar mi herramienta de constructor de formas para obtener la forma como yo la quiero, así. Si quieres para el constructor de formas, Shift M, es el atajo para ello, y ahora tenemos un inicio bastante decente aquí, y tal vez tengo a este tipo mirando demasiado a un lado. Aquí podemos arreglarlo un poco. Algo así. Ahí vamos tal vez necesita cejas. Vamos a darle cejas, a ver qué pasa. Herramienta de borde redondo, tapa redonda. Ahí vamos, eso está bien. Nos llevaremos todo esto. Solo imprimamos solo un poquito, tomemos esto y solo lo voy a machacar un poquito así, ahí vamos. Ahora, me voy a llevar a nuestro tipo, lo
voy a mover por aquí y vamos a escalarlo para que quepa como queremos que esté en nuestra burbuja. Precioso, ese es un inicio bastante bueno. Ahora, voy a hacer un par de brazos aquí, y los brazos que voy a hacer con la herramienta de pluma. Voy a voltearlo para acariciar. Hagámosla una gorra redonda, y sólo saquémosla arriba. Vamos a ponernos un poco más gruesos. Eso es bueno. Vamos a agarrarlo y ponerlo atrás así, ahí vamos. Vamos a hacer sólo unos ajustes aquí creo. Le traeré el codo un poco más. Brazo fuera sólo un poquito. Creo que lo que voy a hacer es que le voy a hacer el
brazo del mismo color que la camisa. Vamos a agarrar ese número de color realmente rápido. Vamos a cambiar el color. Daremos mangas largas, ahí vamos. Entonces quiero a este punto, vamos a sacarlo del camino. También lo que voy a hacer es que esto sea un poco más
oscuro que el rojo que usamos, así. Perfecto. Entonces vamos a tomar esto y vamos a duplicarlo. Nosotros lo vamos a rotar. Ponlo así como esto. Lo vamos a llevar al frente, y vamos a hacer que sea del mismo color que la camisa roja. Sólo ajústalo un poco como si estuviera en su cadera, ahí vamos. Ahora tenemos ambos brazos hechos. Voy a tomar, y hacer un poco de mano aquí. Entonces toma nuestro rectángulo, haz algo como esto. Tono de piel, metamos un poco más, redondearlo, algo así. Entonces otro como éste, redondearlo y este es nuestro pulgar para nuestros pulgares arriba. Ahora, tenemos a un tipo dándonos un pulgar arriba. Ahora, lo que quiero hacer es que quiero tener la mayoría de estas cosas en su propia capa para animar. Voy a llevarme aquí a estos dos tipos. Empecemos con lo que va a ser en la parte de atrás, así que necesitamos algunas capas aquí. Voy a llamar a esta capa tres. En realidad voy a cambiar el nombre lo voy a llamar cuerpo, y eso va a ser para nuestro cuerpo principal,
cuello, cabeza, probablemente la boca, nariz, cabello, todas esas cosas. De verdad voy a sacar algunas capas, quizá las cejas, los ojos, y los brazos. Debajo de eso vamos a tener un brazo y probablemente poner el pulgar en su propia capa. Vamos a tener brazo y pulgar izquierdo. El brazo izquierdo va a ser esto y la mano, por lo que el brazo y la mano. Vamos a cortar eso. Ponga eso en el brazo izquierdo basado en su lugar. Agarra el pulgar, corta eso, pon eso en la capa del pulgar. Lo que eso hace es que eso nos va a permitir animar el pulgar que aparece más tarde. Después nos dieron el brazo derecho. Voy a hacer ojos, y luego voy a hacer uno llamado parpadeo, y luego voy a hacer uno más por las cejas. Tengo cejas. Creo que eso lo cubrirá, así que pongamos los ojos en su capa. Pegar en su lugar. Pongamos este brazo en su capa, pasta del brazo
derecho en su lugar. Cejas, córtala, pega en su lugar. Por último, hagamos un parpadeo. Copiémoslos, péguelos en un abrir y cerrar de ojos. Ocultemos la capa de ojos. Agradable y cerca. Queríamos que estuviera ahí pero va a ser algo así. Ese será nuestro parpadeo. Ahora podemos apagar el parpadeo, así que tenemos capa de parpadeo. Creo que este es probablemente un buen momento para ahorrar. Yo sólo voy a “Archivo”, “Guardar como” y lo voy a guardar como “Chico de la burbuja” y “Guardar”. Tenemos a nuestro chico, está listo para la animación. A continuación, crearemos el diamante y pondremos todo en después de efectos.
3. Crear el diamond: En este video, solo vamos a hacer un pequeño diamante rápido para el chico pueda hacer como un flip 3D 180 para revelar el diamante. Lo que vamos a hacer es esconder al tipo, así que solo se está mostrando nuestra burbuja. Cómo voy a hacer el diamante es crear una nueva capa y llamar a esta capa diamante. Con eso seleccionado, básicamente vamos a hacer un triángulo aquí. Un bonito triángulo como este. Perfecto. Podría hacer esto sólo un poco más alto, así. Vamos a duplicarlo una vez, duplicarlo dos veces, traerlo, y duplicarlo de nuevo. Tráelo para que sea centro esté ahí. Gírala alrededor, una vez más y tenemos la parte superior de nuestro diamante. Entonces vamos a tomar la herramienta Pluma, encontrar el centro, dibujar la mitad inferior y bajar un poco. Creo que eso es bastante bueno. Herramienta Pluma de nuevo. Ahí vamos a dibujar esta pieza. Ahí está nuestro diamante, o donde debe estar nuestro diamante. Trae eso al frente. Lo dibujé en la parte de atrás de alguna manera. Tenemos que conseguir los contornos. Hagámoslo un color de diseño plano. Haré un color azulado así que voy a entrar y buscar otro buen azul. No lo sé. Veamos algo así sólo para ver cómo resulta esto. Está bastante bien. Sólo voy a copiar todo esto, seleccionar todo, cambiar todo al mismo color. Toma este, lo haremos un poco más brillante. Algo así. Voy a tomar este y éste y igualar ese color. Escoge el centro y hazlo el más brillante. En realidad me voy a llevar a estos dos y sólo sacarlos un poco más, como ahí mismo. Yo quiero que éste sea aún más brillante. Ahí está nuestro diamante. Entonces lo que voy a hacer es llevarme este diamante, lo voy a agrupar, “Comando G”, y sólo lo vamos a meter dentro de nuestra burbuja así. El tipo está rompiendo la forma de la burbuja. El diamante se va a sentar en la burbuja. Justo así. Perfecto. Nuestro diamante está hecho. En el siguiente video, iniciaremos una composición de After Effects y pondremos todo esto ahí adentro hay tan [inaudible] para animar.
4. Importar a After Effects: Lo que vamos a hacer ahora es crear una nueva composición en After Effects y luego importar en nuestra ilustración de Illustrator y prepararla para la animación. Empezaremos con solo hacer clic aquí en el botón de nueva composición. Se abrirá nuestra configuración de composición. Voy a nombrar esta animación principal. Aquí es donde se llevará a cabo la animación principal. Va a ser 1,920 por 1,080 y tasa de cuadros 2,997. Voy a dejarlo a 25 segundos de largo con el color de fondo blanco. Haga clic en OK. Ahora, lo siguiente que haremos es importar nuestra obra de arte de Illustrator. Voy a mi buscador y solo arrastra y suelta el archivo de Illustrator justo en After Effects así. Tipo de importación, lo vamos a dejar como composición. Metraje, tamaño de capa, clic bien. Eso trae todo nuestro trabajo en una composición. Hacemos doble clic en él si queremos. En realidad sólo voy a copiar por ahora todo esto en nuestra animación principal. Tengo una animación principal, pegarlo. Ahí vamos. Entonces en realidad solo voy a eliminar al tipo de la burbuja por ahora. Todavía tenemos todas nuestras ilustraciones de Illustrator justo aquí en las capas de chico de la burbuja. Lo que quiero hacer ahora es que quiero tomar todo esto ya
que, son todos archivos AI ahora mismo. Lo que quiero hacer es convertir estos en capas
de forma y eso es realmente fácil de hacer. Todo lo que tenemos que hacer es, puedes encender todas estas si quieres, no importa. Tenemos los antecedentes. En realidad voy a dejar el fondo como está. Podríamos simplemente bloquear eso para que no lo puedas mover. Entonces la burbuja, vamos a simplemente hacer clic derecho ella y hacer clic en crear formas a partir de capa vectorial. De esa manera, obtenemos una burbuja vectorial o obtenemos formas de nuestra capa vectorial. Entonces solo podemos eliminar la capa de burbuja. Vamos a hacer eso por cada uno de estos. Haga clic fuera para eso. Dos más. Sigue haciendo clic en vasto. Voy a revisar y eliminar todos los archivos de Illustrator. Ahora tenemos todas las mismas capas,
son justo ahora capas en forma de After Effects en su lugar. Voy a deshacerme de contornos en cada una de estas burbujas. Tenemos brazo izquierdo, pulgar, contornos del cuerpo, contornos del brazo
derecho, ojos, guiño, cejas, y el diamante. Ahora tenemos todo llamado, en capas. Lo bueno de esto es si queremos hacer algún cambio en todos. Si decidimos no nos gustó el color de su camisa ni nada por el estilo, no
tenemos que volver a saltar a Illustrator, cambiar el color, guardarlo, y luego saltar de nuevo a After Effects, podemos ir a nuestra capa corporal, activarlo, contenidos, pasar por nuestros grupos y puedes tomarte el tiempo para nombrar todos estos grupos. Al igual que esto es cuerpo, esto es sombra de cuello. Se puede ver lo que se está resaltando aquí cuando se le hace clic. Simplemente puedo agarrar la camisa y puedo ver
aquí arriba es el color y la sensación y puedo
cambiarlo a lo que quiera, realmente fácilmente aquí. Nos dieron todo esto luego dispuestas. Está bastante listo para empezar a averiguar cómo lo vamos a animar. El siguiente video, lo que haremos es animar al chico. Te mostraré cómo configurar la máscara para que aquí esconda la parte inferior de la misma. Después haremos el flip 3D que revela una forma de diamante. Nos vemos en el siguiente video.
5. Animación de personaje: De acuerdo, bienvenido de nuevo. Lo primero que vamos a hacer antes de empezar a animar es, probablemente
deberíamos “Guardar” porque no hicimos eso en el último video. Entonces vamos a ir, "Archivo”,
“Guardar como”, y lo vamos a guardar como Bubble Guy Animation y “Click Save”. Ahora, tenemos el proyecto guardado y lo que vamos a hacer es solo averiguar cómo queremos animar al tipo. Entonces nos preocuparemos por enmascararlo. Escondemos el diamante por ahora. Basta con echar un vistazo a nuestro tipo que tenemos aquí. De acuerdo, así que probablemente queremos hacer es llevar las cejas, el parpadeo, los ojos, el brazo derecho y el brazo izquierdo y los padres todos esos al cuerpo. Entonces me voy a llevar el pulgar y lo voy a padres al brazo izquierdo. De esa manera puedo mover el cuerpo y todo lo sigue. Entonces lo primero que voy a hacer es, creo que quería barrer desde abajo izquierdo y entrar y asentarme en el centro. Entonces en realidad voy a empezar esta animación a la marca de un segundo. Voy a tomar el cuerpo si uso la tecla Y, podemos cambiar donde está el punto de anclaje. Voy a bajar el punto de anclaje en la esquina aquí y V nos
lleva de vuelta a nuestra herramienta normal y lo que voy a hacer es, voy a ir a la rotación y sé que quiero que lo rote así. Entonces va a volver a cero así. Por lo que vamos a añadir un fotograma clave. Vamos a sacar ese fotograma clave, digamos 10 fotogramas o 12 fotogramas por ahora. Puedes hacerlo haciendo Opción y Mayús con el marco seleccionado y puedes moverlo diez a la vez. Sólo tienes que mantener Opción de un fotograma a la vez. Entonces de vuelta en donde estamos, lo vamos a girar de nuevo. A lo mejor, intentemos 30 grados y eso es demasiado lento. Vamos a acercar. Usa el plus, acerque y ya sé que eso va a ser demasiado lento para ir diez. De acuerdo, ahí vamos. Está bien, ahora no me preocupa lo suave que es el movimiento. Yo sólo quiero ver qué tan rápido es el movimiento. El tiempo sabio así. Entonces vamos a posicionar el marco clave aquí y sólo decir entonces adelante diez y queremos que esté abajo así. Sólo vamos a ver cómo se ve. Entonces quiero que suba y luego así. Entonces si le pegas a U podemos ver todos nuestros fotogramas clave y lo que quiero pasar ya que quiero que la rotación quede detrás de los otros movimientos
para que sea como si se estuviera moviendo hacia arriba y luego se balancea. Sólo pongamos este movimiento fácil y un poco. Nos vamos a llevar todo esto y función F-9. F-9 agrega un poco de flexibilización y ahí vamos. Ahora estoy pensando también que tal vez esta rotación debería ser, vamos por unos fotogramas. Haz clic en el pequeño hover aquí. En realidad agrega exactamente el mismo key-frame que ya tienes y voy a volver a rebasar esto un poco, tal vez por como cinco y luego jugaré con esto un poco más en el editor gráfico en un minuto, pero déjanos conseguir que vaya el movimiento básico. Entonces lo que quiero hacer es dejarnos coger la cabeza para que estemos en el cuerpo. De hecho, expandamos un poco más esto y encontremos la cabeza. Ahí está la cabeza. Voy a nombrar esto para que sepamos que es, cabeza. El cabezal en realidad tiene una transformación. Ahora aquí es donde tenemos un problema. Yo quiero que el cabello y los ojos y todo se mueva con la cabeza así que lo que voy a hacer es realmente voy a tomar la cabeza, el pelo, la oreja, nariz, una boca todo esto. Entonces me voy a llevar todo esto. Vamos a cortar eso. Entonces es por eso que es agradable crear este material como capas en forma. Voy a ir a la capa superior, nueva Shape Layer y voy a pegar la cabeza de nuevo,
entonces lo que podemos hacer es que en realidad solo puedo tomar esta cabeza y moverla de nuevo arriba y un lugar donde la teníamos así como así y ahora podemos renombrar esta capa de forma Cabeza. Ahora podemos rotarlo así y lo que puedo cambiar es,
puedo tomar el parpadeo, las cejas y los ojos y tener estos emparejados a la cabeza en su lugar. Ahora cuando gire la cabeza, todo lo que sigue. Entonces lo que a re vamos a hacer es que vamos a volver a cuerpo. Se acerca el Cuerpo. Creo que está haciendo lo suyo. Tenemos la cabeza pegada al cuerpo de esa manera va con y mientras la cabeza, bueno, el cuerpo tiene impulso subiendo de esta manera, lo que vamos a hacer es que vamos a tomar la cabeza. Vamos a hacer exactamente lo mismo que hicimos antes. Vamos a utilizar la herramienta Y y poner nuestro punto de anclaje justo aquí al fondo. Entonces vamos a volver un poco así. Ponga un fotograma clave y a medida que
avancemos se va a ir un poco, tal vez más dos y luego nos vamos a sentar de nuevo en cero. Tendremos un poco de rebasamiento con la cabeza también y luego vamos
a “fundir F-9" fácil sus marcos y ahora vamos y entonces puedo compensar esto por unos fotogramas. Ahí vamos. Está bien. un buen inicio a la animación con la cabeza moviéndose hacia arriba con un poco de rebote. No noté un pequeño problema con la sombra en el cuello para que podamos hacer igual que antes. Podemos entrar al cuerpo, abrirlo,
codificar los contenidos, encontrar la siguiente sombra ahí mismo abrirla. Haga clic en el camino y si hacemos zoom, seleccione el punto y simplemente arrástrelo hacia arriba así y ahora no hay ruptura en la sombra en el cuello. Podemos volver a tocar la animación y nos dieron un bonito rebote. Creo que es un buen comienzo. En el siguiente video lo que haremos es trabajar en animar los brazos y la mano
y luego enmascararemos a este tipo con el círculo y trabajaremos en el editor gráfico.
6. Animación de el personaje continuado: [ MÚSICA]. Muy bien, bienvenido de nuevo. Echemos un vistazo rápido a lo que tenemos hasta ahora. Yo sólo voy a ir el primer fotograma aquí, presiono la tecla B mientras muevo algunos de estos fotogramas clave justo para que iniciaran el que
voy a salir a dos segundos y presionar la tecla Enter. Entonces nos limitaremos a dar vueltas para ver qué tenemos. De acuerdo, vamos a animar estos brazos y en realidad va a ser fácil. Entonces en realidad vamos a empezar por el final aquí. Vamos a ir a nuestro brazo derecho muy rápido aquí y cambiarlo hacia abajo. Quieres ir al camino. En realidad vamos a salir, digamos 10 y luego retrocederemos 10, y lo que voy a hacer es, agarrar el punto de abajo, sólo vamos a bajarlo un poco. Agarra este punto trayéndolo un poco, se va a mover esto alrededor y vamos a ver lo que hace es, sacarlo como ponerlo en su cadera. Casi. Basta con mirarlo. Muy bien, vamos a aliviar esos traerlos de vuelta un par de marcos. Trae de vuelta más. Vamos por aquí. Simplemente decide lo que más me gusta y
eso me gusta un poco más. Está bien. Me voy a quedar con eso por ahora mismo. A lo mejor lo moveremos, solo un poquito más. Mucha de esta cosa está jugando con ella, hasta que lo consigues de la manera que me gusta. Simplemente sigo jugando con él y jugando con él. Está bien. Entonces eso lo conseguimos. Ahora, vamos a coger el otro brazo. El otro brazo está abajo aquí. Entonces a esto, quiero que el pulgar esté unido al brazo izquierdo, que ya tienen, vale y vamos a hacer que esta parte suceda después de que salga y luego aquí mismo vamos a tener que la otra mano empiece a aparecer. Entonces vamos contenidos, camino y nosotros en realidad, no
quiero el camino para el pulgar, mi mal. Yo quiero el camino para el brazo, aquí vamos. Entonces tenemos la mano y tenemos el brazo. De acuerdo, lo que vamos a hacer es, sólo
vamos a tomar estos puntos y animarlos. Voy a bajar lo mismo que hacíamos antes. Yo quiero que el punto final sea así. Voy a golpear para crear un marco clave en el camino y luego traigo esto un poco,
le traigo esto un poco, y luego lo que vamos a hacer es, y luego lo que vamos a hacer es,retrocedamos 10 y sólo vamos a
posicionarlo para que su brazo está abajo. Entonces tiraremos este hacia abajo, tiraremos éste hacia abajo y lo
enderezaremos hacia atrás así y quizá tengamos que ajustarlo un poco, pero solo veamos qué pasa. Podría meterme en el medio y solo ajustar mi brazo para allá vamos eso se ve mejor. Está bien, eso es fácil, solo mírelo muy rápido. Démosnos un poco más de marco. Salgamos tres segundos aquí. Voy a sacar estos. ¿ Qué hace ese 10, 11, 12 pone esto a seis marca. Está bien, así que vamos a conseguir eso. Animemos la mano para seguir. El mano va a ser este otro grupo que está aquí. Aquí está la mano. Entonces lo que podemos hacer con esta mano es, bajaríamos a la transformada y tenemos una posición. Para que podamos ir hasta el final. Vayamos al final. Sabemos que queremos que se haga y en un marco clave de posición todo el camino de regreso. En realidad voy a añadir un marco clave de rotación también. Añadamos rotación y tengo ambos. Volvamos atrás. Yo quiero que la mano esté abajo y no estoy demasiado preocupado por el pulgar ahora mismo y lo voy a girar. Veamos cómo se ve esto. Ve en el medio, abajo, toma la rotación está bien en eso. De acuerdo, vamos a tranquilizarlo, revísalo una vez más, ahí vamos. Vamos a verlo. Está bien, así que una vez que lleguemos hasta aquí, lo que haremos es agarrar nuestro pulgar y golpear el soporte izquierdo y
podemos animar el pulgar y el pulgar se va a posicionar, saldremos, digamos 10. Añade un fotograma clave de posición de nuevo al principio y vamos a acercar para que podamos ver, asegurarnos de que lo estamos moviendo bien y lo que vamos a hacer es, sólo
vamos a deslizarlo hacia abajo así, fácil y traerlo de vuelta hacia arriba. Vamos a verlo de nuevo. Yo quiero tomar todo este moverlo un poco así y no me gusta del todo la rotación de la mano todavía. Voy a rotarlo un poco más. Me deslizé esto hacia atrás sobre el fotograma clave para que no se y
me deshago de ese fotograma clave muy rápido. Echemos un vistazo. Voy a hacer algunos ajustes más y así es realmente como funciona. Simplemente haces ajustes constantemente hasta conseguir algo que te guste. Ahí vamos, eso fluye mejor. Retrocedamos esto un par de marcos. A punto de conseguirlo, debe tomar todo esto. Vamos a mover esto, un poco más. No contento con el tiempo aquí dentro, tal vez un poco antes. Queremos que la miniatura salga más rápido. Muy bien y cuando nos metamos en el editor de gráficos, vamos a hacer estallar este material un poco más, pero creo que este es un buen comienzo. Vamos a añadir sólo un poco más de animación a esto. ¿ De acuerdo? Te voy a pegar que me encogeré eso, se nos esconde, te pego en esto para esconder algunas de las otras cosas. De esa forma nos condensamos aún más y sólo me muestra mis fotogramas clave. Entonces lo que voy a hacer es ponernos en marcha el parpadeo. Tenemos los ojos, los ojos van a estar ahí todo el tiempo. Entonces tal vez por aquí. Ahí lo vamos a cortar. Entonces vamos al soporte izquierdo. Parpadea y parpadea por 1,2, 3, 4 tal vez y tres porque entonces [inaudible] soporte izquierdo lo cortará. Eso será de cuatro marcos. Después vamos a Comando Duplicado o Control Duplicado, Comando D. Trae el ojo de vuelta. Eso será un pequeño pestañecito y ahí vamos. Ahora está parpadeando y entonces lo que podría hacer también es una vez que el pulgar salga, solo
haremos un poco de levantamiento de cejas. Go key, en un marco clave, adelante. Cinco, subirlo 1,2,3,4, luego ir 1,2,3,4,5 y bajarlo 1,2,3,4, y nos fácil [inaudible]. Está bien, vamos a Ahorrar y tomar un reloj rápido. Dejemos espacio a esos fuera un poco más. En lugar de cinco, hagamos 5,6,7,8, y éste es 5,6,7,8. Hazlo otra vez. Eso es demasiado lento, así que vamos a siete. Ahí vamos y en realidad, creo que lo que quiero hacer es que quiero mover el parpadeo después de la carrera de cejas. Sólo vamos a mover esto por mucho tiempo. Vigílala de nuevo. Un poco más tarde, Pops up. “ Levantar la ceja”, click. Está bien. Creo que esto ha ido bastante bien. De acuerdo, entonces creo que acabamos de tener una cosa más que hacer aquí y eso es agregar la máscara para que podamos mantenerlos dentro del círculo. De acuerdo, entonces vamos a poner esta máscara en marcha. Lo que voy a hacer es que voy a llevar a todo mi personaje en este punto, seleccionar todo. Vamos a darle click derecho, “Pre-componer”. Vamos a llamar a este tipo de burbuja animación. Eso va a tomar toda la animación que acabo y meterla en su propia composición y ahora no está en la animación principal. Ahora puedo tomar este círculo,
duplicarlo, Comando D, ponerlo por encima de nuestro chico y lo que voy a hacer con esto ahora es
convertirlo en una estera de pista y ahí hay dentro del círculo, así que puedo decirle a la diferencia con mi tapete de pista, lo voy a llamar Bubble Mat. A mí me gusta colorear mis colchonetas, fucsia, para que pueda ver dónde están. Está bien. Ahora al igual que nuestro personaje, somos capaces de modificar las partes de este tipo. Lo que puedo hacer es solo sumar, decir un par de puntos más sobre él aquí, y aquí. De acuerdo, y probablemente voy a añadir uno. A lo mejor aquí. Yo quiero ver cómo va esto. De acuerdo, entonces tengo mis puntos y necesito pensar en cómo va a venir por aquí. Podría agregar un par de puntos extra aquí. Creo que voy a añadir un par más aquí, tal vez aquí y aquí y aquí. Porque lo que quiero hacer es que quiero poder retener la forma hasta que llegue, supongo hasta que llegue a gustarle aquí mismo. De acuerdo, entonces aquí mismo sé que voy a añadir un camino. Entonces aquí mismo, sé que al menos quiero este punto fuera del camino. Voy a dar click en “Mi camino”. Voy a sacar este punto del camino. Él va a entrar y quiero este punto fuera del camino. Ahora que lo estoy pensando, tal vez debería bajar más de esta manera para que cuando llegue no le esté cortando la cabeza. Lo que vamos a hacer es que vamos a saltar aquí. Ya estamos en ese mismo punto. Voy a agarrar el cuerpo. Puedo ver mi fotograma clave de posición. Bajen en la posición. En realidad voy a tirarlo un poco más de esta manera para que salga así. Volvamos atrás y echémosle un vistazo. De acuerdo, así que voy a jalarlos todavía sólo un poco más y en realidad puedo ajustarlo aquí. En este punto, sólo vamos a ajustarlo un poco más aquí y volver a verlo. Yo quiero conseguir este. Vamos a tirarlo aún más. A ver dónde estamos. Ahí vamos. Eso es perfecto. Está bien. A veces solo tienes que jugar un poco
con él para conseguirlo donde lo quieras y luego sé que yo quiero esto, para que se salga de la forma aquí arriba. Ahora, y en realidad ni
siquiera necesito estos fotogramas clave ahora solo lo hago así. Aquí vamos. Ahora sólo está saliendo del fondo. ¿Todo bien? Después se le subió la mano. Nosotros vamos a hacer esto. Muy bien, vamos a hacer lo mismo que hacíamos antes. Voy a añadir un punto aquí y sólo vamos a sacar esta máscara del camino. Voy a ver cómo sale su mano. ¿ De acuerdo? Agrega un punto aquí. Eso es todo lo que necesita ser. Lo que quiero hacer. En realidad voy a animar este. Saquemos el camino y animémoslo. Vamos a conseguirlo. Aquí es donde quería fuera del camino. ¿ De acuerdo? Como viene aquí abajo. Esto un poco más. Está bien. Eso es llegar ahí. Va bastante rápido. Es sólo un chasquido en su lugar después de que su mano llegue allí. Podría ajustar un poco la mano. En el siguiente video, veremos solo retocar algunas de estas animaciones en el editor de gráficos.
7. El editor gráfico: Bienvenido de nuevo. Tenemos, solo recapitando, un inicio bastante guapo a nuestra animación. Se sale del círculo, se levanta las manos, se mete el pulgar, levanta un poco de ceja. Lo enmarcamos con un mate Alpha, y ponemos nuestra animación de personajes dentro de su propio pre-comp. Vamos a seguir adelante y golpear “U” en esto para que veamos los fotogramas clave, y hagamos doble clic en nuestra pre-comp y echemos un vistazo a toda nuestra animación. Voy a seleccionar todo, pega a “U”. Echa un vistazo a todos nuestros marcos clave. Empecemos con sólo el cuerpo que viene y volteando. Voy a seleccionar estos fotogramas clave para el cuerpo, y voy a dar click en el editor de Graph. Aquí estamos. Si bajas en la parte inferior de aquí y haces clic en esto, Ajustar todos los gráficos a ver, te mostrará tus gráficos a la vista tal como dice, y podemos echar un vistazo a nuestros dos conjuntos de fotogramas clave. Una es posición, la otra es rotación. Hagamos posición primero. En realidad sólo voy a usar el gráfico de velocidad para esto ahora mismo. Voy a seleccionarlo. Voy a agarrar este pequeño mango, y quiero tener un poco de retraso, quiero que se enganche, y luego cuando entre, quiero que se ponga un poco más en su lugar. Va a tomar un poco de tiempo, rampar a toda velocidad, empezar a bajar y luego empezar a disminuir un poco la velocidad. Vamos a ver que se ve así. Entonces va a pasar lo mismo con nuestra rotación. Cómo quiero que suceda la rotación es lo mismo. Voy a agarrar la rotación, voy a jalarla. Yo quiero que de verdad tome un tiempo para rampar y luego quiero voltear y chasquear atrás, retroceder rápido. A ver. Ahí vamos. Volvamos un poquito en eso. En realidad podría tener esto ir un poco menos. Podría tener esto resolver sólo un poquito más. Ahí vamos. Se puede volver a ver. Creo que eso me gusta. Volvamos a salir, e hicimos la cabeza a continuación. Hagamos la cabeza. Agarremos sus fotogramas clave, vayamos al Editor de Gráficos, y quiero que pase lo mismo, esto es realmente lineal en este momento, así que quiero que la cabeza se retrase un poco. Se va a retrasar hacia atrás, va a empezar a chasquear hacia adelante, y luego lo que quiero que haga es tomar un poco más de tiempo viniendo hacia adelante y luego retroceder. A ver cómo se ve eso. Hagámoslo llegar a un descanso un poco más lento. En realidad voy a reventar esto. Vayamos dos cuadros más. No, me gustó más la forma en que era. Vuelve a verlo. Está bien, me llevo eso. Hagamos brazo derecho. Sólo tienes que hacer clic así de lado y yo sólo poblaré aquí. No tenemos que seguir yendo de ida y vuelta. Yo voy a hacer lo mismo. Yo quiero que el brazo derecho tome un segundo. Ahí vamos. Yo me llevo eso, y sólo tendremos que venir solo un poco más de descanso. Vamos al brazo izquierdo, y podemos seleccionar todos estos porque queremos verlos todos. Eso se ve bien. Entonces vamos a ir al pulgar, y hacer lo mismo. Queremos que el pulgar solo salga. Ahí vamos. Yo sólo voy a añadir sólo un poco de flexibilización al final ahí. Ahí vamos. Haremos las cejas también. Como queremos que hagan las cejas es queremos que suba rápido y venga a descansar. Ahí vamos. Creo que una de las cosas que quiero hacer mientras estamos aquí, volvamos a la cabeza y vayamos al contenido, y encontremos ese pedazo de pelo ahí mismo, es nuestra herramienta Y, y voy a mover el punto de anclaje hacia ella, y digamos aquí mismo, justo abajo en este pequeño lugar de ahí. Voy a volver a nuestra vista regular, y voy a añadir un marco clave de rotación. Yo quiero que sea como si estuviera aquí. Aquí mismo. Volvamos a la normalidad aquí. Retrocedamos 1,2,3,4,5. Vamos a rotarlo un poco hacia adelante, y retrocedamos 10, así que vamos todo el camino de regreso al principio. Vamos a rotarlo un poco. En realidad, eso lo conseguí al revés. Va a estar abajo a medida que suba, y a medida que baje, va a subir un poco, y luego ir a un punto de descanso final, y vamos a relajar eso. Ir al Editor de Gráficos, y quiero que venga rápido y luego entre en un descanso rápido también, así que vamos a ver. Añadamos un poco más de movimiento. Veamos cómo se ve esto en nuestra animación principal, ahora
va a estar apagado un poco. Vamos a asegurarnos de que este tipo, me mudé algo aquí. Podemos agregar tal vez otro marco clave aquí para evitar que vaya a donde no queremos que vaya. A lo mejor algo así. Frente al camino de esto todos deben estar abiertos. Echémosle un vistazo. Creo que voy a poner otra herramienta aquí. Ahí vamos. Aunque sigue subiendo demasiado alto. Aquí mismo. Ve que está demasiado alto. Justo aquí solo vamos a bajar justo aquí al final, ahí así, y luego solo rotas. Entonces podemos ver, problema resuelto. Sí tenemos un poco de rareza pasando aquí. Supongo que aún podríamos mantener eso así, y luego aquí, ponerlo en su lugar. Esta vez nos ponemos un poco mejor. Ahí vamos. En el siguiente video, trabajaremos en hacer el flip de la moneda y revelar el diamante.
8. Girar y exportar la moneda y: Ahora que el editor de gráficos está hecho, vamos a trabajar en el flip de moneda. Primero que quiero hacer es entrar en la animación de Bubble Guy. Yo quiero estirarlo por cuatro segundos, vamos un poco más allá, por si
acaso porque hay un poco más de espacio para jugar, y él solo se quedará congelado ahí. Volvamos a la animación principal, conseguimos esto y ahora podemos recalcar esto un poco más. Lo estiraremos durante cinco segundos. Lo que tenemos que hacer es, el mate de burbujas necesita ser parentado al chico de la burbuja, y el chico de la burbuja necesita ser parentado a la burbuja, y el diamante necesita ser una capa 3D, realidad todos necesitan estar en capas 3D. Dibujemos en capas 3D y en realidad vamos a encender el diamante. Pero el diamante va a estar detrás de nuestra capa de burbuja, lo que vamos a hacer es ir al diamante y ir a la posición, y vamos a hacer éste, y uno sólo lo va a poner detrás de la burbuja. Ahora que tenemos eso, vamos a echar un vistazo aquí donde queríamos voltear, va a subir y poner su pulgar hacia arriba. En cuanto se pone el pulgar arriba, justo en la marca de dos segundos aquí, obtiene una suma. Entra un poco, le daremos un poco más de tiempo así. Ahora nos vamos a preparar para el flip y en realidad vamos a voltear la burbuja. enciende la burbuja si golpeas “R” va a traer la rotación, y queremos rotarla en “Y”. puede ver que gira aquí en “Y”. Ahora vamos a conseguir una falla rara con el diamante, es porque el diamante no está parentado en nada y queremos que el diamante sea parentado a la burbuja también. Ahora si rotamos esto, el diamante está detrás de ser perfecto. “ Deshacer” y vamos a poner una llave de rotación para n, y voy a ir 1,2,3,4,5 fotogramas y vamos a hacer una anticipación. Vamos a traerlo de vuelta un poco así, y luego quiero que salga adelante 10 tal vez 12 y quiero que haga un 180 completo de vuelta al revés. Solo vamos a darle al “180", y ahí están los 180 completos, así que vamos a tener cool. A lo mejor cuando golpee aquí irá 1,2,3,4,5 y pondrá ese fotograma clave,
solo ve y haz clic en el “KEY-FRAME”, pone al amigo clave correcto que ya está ahí, de nuevo en su lugar. Nos vamos a llevar este, sólo vamos a rebasarlo un poco. Entonces lo que quiero hacer es cuando empieza a voltear y llega a estar justo ahí. En realidad antes de hacer esto, vamos a relajar esto, aquí vamos y viendo que ya estamos familiarizados con el editor de gráficos, solo
hagamos el editor de gráficos ahora. Lo que queremos hacer es queremos que se tome un poco mientras lo [inaudible] entonces queremos, por lo que va a tomar una segunda anticipación y se va a llenar muy rápido, va a empezar a desahogarse en ello, entonces quiero que se asiente en un poco. Echemos un vistazo a eso. A lo mejor demasiado, vamos a retroceder un poco. Entonces si queremos podríamos en realidad, cuando golpeamos aquí, queremos que el tipo y la máscara se vayan rápidamente y es solo el diamante, y así,
tenemos un tirón de moneda,
y queremos que tenemos un tirón de moneda, esto sea un animación de bucle, así que después de que tengamos el flip de la moneda, que eso se siente por un segundo entonces vamos a “KEY-FRAME” 1,2,3,4,5, poca anticipación, 10,11,12, voltearlo de nuevo a cero. Quizás 1,2,3,4,5. Vuelve a poner eso y retrocede, rebasarlo un poco, y haremos lo mismo aquí en el editor de gráficos. Voy a liberar eso. Simplemente vamos a imitar lo mismo que hicimos en el otro, y luego vamos a verlo una vez más. Ahí vamos.. Estableced, y tenemos animación que bucles. Tenemos una animación de bucle. El último que hay que hacer es renderizar esto y convertirlo en un GIF. Lo que vamos a hacer es agregar esto a nuestra cola de render, podemos subir a la composición, agregar a la cola de render y luego lo que queremos hacer es bajo formato de configuración, lo
voy a poner como un H.264. Haga clic en “Aceptar” y
vamos a poner dos y a la carpeta en la que esté guardando. Voy a llamarlo burbuja chico animación y haga clic en “GUARDAR”. Ahora, todo lo que tenemos que hacer ahora es hit render. Pero antes de hacerlo, lo
tenemos fijado en 1920 por 1080. Si estabas configurando esto para dribble o Instagram, necesita ser ajustado a algo un poco más pequeño, 800 por 600 es el más grande que toma el dribble, y luego Instagram tomará más grande, pero tiene que ser cuadrado. Podrías hacer 600 por 600 o 800 por 800. Preparemos esto para tonterías muy rápido. Volvamos a nuestra animación principal antes de renderizar esto, voy a golpear “COMAND"OK, o puedes subir a composición y hacer ajustes de composición, y entonces solo vamos a cambiar esto a 800 por 600. Ya sabemos que todo está apegado a la burbuja, solo
voy a escalar esto para que quepa aquí bonito. En realidad, movámoslo un poco más hacia abajo para que esté un poco más centrado, y ahora esto en realidad está listo para el regate. Como dije, si querías en Instagram, solo lo haces cuadrado. Ahora volveremos a nuestra configuración, y tenemos este set en H.264. Tenemos un conjunto listo para renderizar, y solo haremos clic en “RENDER” y ya está. Ahora podemos abrirla en photoshop. Aquí tenemos photoshop abierto, lo que vamos a hacer es ir a donde ponemos nuestro video, y vamos a bajar y simplemente arrastrar
esto a la derecha al ícono de photoshop o a Photoshop. Ahora que el video está en Photoshop, lo
podemos ver aquí. Vamos a subir a Archivo, Exportar,
Exportar para web y nos va a abrir este menú para que creemos un GIF. Voy a asegurarme de que GIF sea elegido aquí arriba, y podemos previsualizar cómo se va a ver. Se ve bastante bien. Entonces queremos que las opciones de Looping se establezcan para siempre para que sea un bucle continuo, y solo hacemos clic en “GUARDAR” y luego lo guardamos en la misma carpeta que
ya hemos estado guardando el resto de nuestros archivos de proyecto, haga clic en “GUARDAR” y eso es. Ahora podemos entrar a nuestra carpeta donde acabamos de guardar nuestro GIF de bucle, click en él, y ahí está, bucle continuo. Ahora esto está realmente listo y listo para que subas, para regatear o si lo hiciste cuadrado, podrías subirlo a Instagram o a cualquier otro sitio web de tu elección. Gracias por ver.
JD McNeil, Sr. Motion Graphics Designer
