Transcripciones
1. Introducción: Oigan, todos y bienvenidos a la clase de arte del sketch. Mi nombre es Leah y soy ilustradora y animadora de Alemania. En esta clase, aprenderás a hacer tu propia tarjeta de felicitación animada en Procreate para Navidad. Necesitarás un iPad Pro y un Apple Pencil, y por supuesto, Procreate. Aprenderás a animar varios textiles, animaremos algunos motivos navideños, y por supuesto, alguna animación de fondo. Al final, combinaremos todo junto y lo exportaremos para que se lo envíes a tus amigos. Espero que disfruten de esta clase. Asegúrate de subir tu proyecto de clase y compártelo con nosotros. Estoy tan emocionado de ver todos tus resultados y empecemos.
2. Configura tu plantilla: Al principio vamos a mirar la configuración. Abre Procreate. Vamos a generar una plantilla GIF que podrás utilizar más adelante. Presiona el plus por aquí y pulsa este botón. Para las dimensiones, vamos a usar 1080,1080, eso está bien. Para el DPI 72 también está bien porque no queremos
imprimirlo, es solo para online. Para el perfil de color vamos a usar RGB también porque no queremos imprimirlo. Ajustes de lapso de tiempo, lo que quieras. Propiedades del lienzo, voy a elegir un gris claro para el fondo porque tal vez vamos a hacer algo en blanco. Vamos a revisar eso más tarde. Vamos a llamar a esta plantilla GIF. Perfecto, crear. Ahora ya estamos listos para irnos.
3. Texto 01: Navidad: En las próximas lecciones, vamos a aprender a animar texto de varias maneras. Para eso, al principio, vamos a empezar realmente simple agregando una capa de texto. Puedes añadirlo aquí, en texto. A lo mejor empezamos con la Navidad. Aquí, puedes cambiar la configuración del texto, elegir una fuente, tocarla dos veces y luego seleccionarla, luego puedes elegir un estilo que te guste. Sí, vamos con esta fuente, luego presione “Hecho”, y voy a hacerlo un poco más grande, centrarlo. Perfecto. Ahora, lo puse abajo como mi primera capa y bajé un poco la opacidad,
así que solo la tengo como guía para más adelante. Ahora empecemos a animar. Vamos a activar aquí la Ayuda de Animación. A continuación se puede ver la línea de tiempo. Hay un montón de configuraciones diferentes que puedes elegir en este momento, vamos a hacer clic en la A, que es nuestra capa de texto y ponerla en Fondo. Por lo que ahora se puede ver con la caja azul, este es el fondo y siempre será visible. Más tarde, lo vamos a apagar. Ahora mismo, estamos en la capa 1, que es ésta de aquí. Ahora elige un pincel. A mí me gusta el de tinta seca, esto es alemán, que es un pincel por defecto en Procreate. Para la primera animación, vamos a hacer líneas wiggly, animación de texto
wiggly que es realmente fácil. Solo tienes que
dibujar sobre tu texto varias veces. Voy a reescribir la Navidad y añadimos otro marco. Vamos a la configuración y ponemos los marcos de piel de cebolla a uno, y la opacidad del marco de piel de cebolla baja al 25 por ciento. Todavía podemos ver nuestra capa de referencia bastante bien y luego lo hacemos de nuevo. No tiene por qué ser perfecto. Es incluso bueno si no lo es. Hacemos meneos un poco más. Genial. Ahora vamos a apagar la capa de fondo. Nos vamos a la configuración y elegimos Loop y también Frames Por Segundo, tal vez ocho. Echemos un vistazo y oprima “Play”. Ahí lo tienes. Te primera animación de texto y se ve bastante bonito. Probemos algo más difícil en la siguiente lección.
4. Texto 02: alegría: En esta lección, vamos a animar el texto mientras usamos una máscara y llenamos la máscara con nieve para que el texto aparezca con un efecto especial. Al principio, por supuesto, necesitamos nuestra capa de texto como referencia. Si eres un cartero, solo
puedes anotar tu hermoso texto. No puedo. Vamos por Merry esta vez. Toca dos veces para seleccionar. Estoy usando el Futura negrita y realmente grande y le agrego algo de kerning, así que más adelante, lo puedes leer un poco mejor. Perfecto. Esto se ve genial. Pero no te preocupes, vamos a dibujar sobre él, y luego se va a quedar un poco más agradable. Deja poner esto en la parte inferior, baja la opacidad, y dibuja sobre ella. También puedes usar la herramienta de selección para este. Basta con usar el texto que utilizamos como guía, no
tienes que pegarte a él perfectamente. Estoy haciendo esto un poco más por mi cuenta, y selecciona tus cartas. Perfecto. Ahora vamos a usar aquí un color blanco, arrástrelo sobre esto, mantenga su bolígrafo en la tableta y empuje hacia la derecha hasta que todo esté lleno. Perfecto. Ya puedes ver que cometí un error aquí con la e. usaré la herramienta de selección y tú la borras. Perfecto. Ahora podemos eliminar nuestra capa de texto, y esta va a ser nuestra máscara. Ahora a animar. Seleccionemos todo en esta capa haciendo clic en ella y elijamos Seleccionar. Ahora todo está seleccionado. Eso se apaga. Agrega una nueva capa, haz clic en ella, y selecciona “Máscara”. Perfecto. Si dibujo en esta capa, no será visible
todo lo que esté fuera de la máscara, como puedes ver. Activemos el Animation Assist y pongamos nuestra capa de fondo a fondo y bajemos la opacidad bastante bien. Nombremos a éste para mantenerlo limpio. Voy a duplicar esto varias veces con la máscara, así que no tengo que borrar lo que hay en ella más adelante. Apenas a veces renombralo para mantenerlo limpio. Empecemos por el primero. Vayamos a la Configuración y bajamos nuevamente los marcos de piel de cebolla, también los marcos por segundo a ocho, y la opacidad de la piel a 20. Creo que se vería bien si
aparece nieve y todo será visible al final. Estoy haciendo unos puntos dentro de mi máscara en la primera capa. Espero que esto no sea demasiado alto para ti, en el micrófono. Acude a la siguiente capa y empieza a hacer algunos puntos más. Entonces voy a duplicar algunas capas vacías más libres y seguir haciendo esos puntos. Es importante que aumentes el número de puntos con cada capa. Ahora podemos fregar a través de la línea de tiempo y podemos ver lo que ya hicimos. Ya se ve bastante bien, pero si apagamos la capa de fondo, probablemente aún no sea del todo legible. Entonces duplicemos las últimas capas que hicimos. Nieva un poco más, y luego vamos a animar algo
de relleno de nieve de abajo a arriba para que podamos leer mejor. Selecciona esa, selecciona “Duplicar”. Bueno, se puede duplicar con el deslizamiento hacia la izquierda. Estoy presionando “Duplicar” como puedes ver aquí. No, solo seleccionando uno. Pon esto encima de esto, y esto, y éste de aquí. Ya ves que el nombre de las capas es bastante bueno, así que ahora sabes que 4, 5, 6, 4, 5, 6 está duplicado. Ahora, lo tenemos un poco más. Creo que podríamos empezar a llenarlo en el cuarto cuadro. Estamos en el cuarto cuadro, y vamos a activar de nuevo nuestro fondo para poder verlo un poco mejor. Ahora solo dibujemos un poco de nieve en la parte inferior, y tal vez ahora encienda la opacidad de la piel de cebolla un poco más grande para que veas lo alta que
estaba tu nieve en el último cuadro y seguir llenando eso. A lo mejor empezar despacio solo añadiendo un poco de nieve con cada cuadro y yendo un poco más alto hacia el final. A lo mejor ni siquiera tenemos que llenarlo hasta la parte superior. A lo mejor se ve bien así ya. Echemos un vistazo. Bueno, eso se ve bastante bonito. Presionemos “Play”. Agradable. Creo que eso se ve bien. No quiero llenarlo todo el camino porque se ve simplemente realmente dulce. Entonces voy a agregar un nuevo marco duplicando mi último, y ahora tenemos que eliminar todo lo que está dentro de ese marco 6 aquí. También podríamos renombrar nuestras capas duplicadas. Te digo, a veces, más tarde, estarás feliz de que hayas nombrado tus capas. Ahora, en realidad, solo algo de ello sabemos que vamos a sumar la nieve, pero la parte inferior seguirá siendo la misma básicamente. Vamos a duplicar esa tal vez cinco veces, así que hay un poco de fin. ¿ Por dónde empezamos? Aquí, con un 10. Añadamos una nueva parte de nieve en la parte superior y algunos copos de nieve más a ella. Ahora repite este paso varias veces hasta llenar todas las capas. Impresionante. Echemos un vistazo a lo que hicimos. Apague esa capa de fondo y presione “Reproducir”. Pero aún podemos ver esa capa de fondo. Me perdí la casilla de verificación. Vamos a intentarlo de nuevo. Agradable. Prueba esto
y comparte tu progreso con la clase y muéstranos en tus proyectos de clase.
5. Texto 03: de partir de partir: Ahora, para el último ejemplo, vamos a animar la propia capa de texto. Para eso, vamos a añadir otra capa de texto. Usemos la palabra de, doble-tap, y voy a elegir una forma de batido de fresa, y la voy a hacer más grande para que podamos verlo mejor y añadir un poco de kerning para poder separarlos más fácilmente el uno del otro. Queremos cada letra por separado, así que vamos a presionar “Hecho”, y podemos eliminar nuestra primera capa, tocarla y luego elegir rasterise. De esta manera ya no es una capa de texto. Se pueden editar sus píxeles. Pongámoslo en medio del lienzo. Estamos en esta capa, elige la herramienta de selección, a mano alzada, y luego selecciona la primera letra y pulsa “Copiar y pegar”. Ahora tiene su propia capa, y lo vamos a hacer con cada letra. Al principio los vamos a reorganizar para que ya no estén tan alejados. A lo mejor le agreguemos un toque ON. Añadamos otra capa y llamemos a esto “línea”. Pongamos una bonita línea wiggly debajo de ella. Ahora al paso importante, vamos a poner todo en un grupo arrastrando hacia la derecha, puedes seleccionar múltiples capas, y luego presionar aquí arriba en grupo. Nombramos a este “1" porque nombramos a nuestras cosas con cuidado. Ahora vamos a hacer lo que hemos hecho ya dos veces. Vamos a activar el Asistente de Animación. Ahora cada cuadro va a ser el grupo. Puedes tener múltiples capas en un grupo y cambiarlas, pero aún así va a ser un fotograma. Vamos a duplicar esto y vamos a renombrar esto a “ref” y apagarlo. Simplemente si necesitamos volver a ello, podemos usar esto. Porque quiero empezar con ellos ya moviéndose, voy a elegir esta herramienta y darle la vuelta un poco. Gire la r a la derecha para que todo ya esté un poco loco. Perfecto. El motivo por el que hicimos esa capa de ref, si haces zoom y puedes ver que nuestros píxeles están un poco locos en este momento, no se ven tan bien. Eso es porque si le das la vuelta a algo o lo arrastras o lo escalas en Procreate, utiliza calidad. No copiaría aquí la capa número 1 y la transformaría de nuevo porque perdería más calidad con cada vez que la duplicamos. Duplicaremos el ref uno en su lugar, lo
pondremos encima, lo encenderemos, renombrarlo en “2", entramos en la configuración, bajamos los marcos de piel de cebolla a uno, la opacidad hacia abajo. También ya podemos bajar los cuadros por segundo aquí y darle la vuelta un poco a este lado para que podamos verlo mejor. Empezamos con el f y vamos a darle la vuelta sólo un poco a la derecha. Podemos ver en la anterior se giró un poco a la izquierda. Hagamos lo contrario de lo que hizo en el último fotograma. Está bien, perfecto. En la línea puedes borrarla o puedes hacer una nueva capa para ella, lo que quieras. Yo sólo voy a hacer una línea que es lo contrario a esa línea que teníamos antes. Perfecto. Bajemos el fotograma por segundo a dos. Echemos un vistazo ya. Ves esto funciona. Podrías repetir los pasos que
acabamos de hacer varias veces para que se mueva con más veridad. Pero creo que eso ya funciona bastante bien para una animación. Ahora que conoces varios pasos para animaciones de texto, veamos nuestro motivo principal. Animemos algunos motivos navideños o invernales para nuestra carpa.
6. Animar 01: ramas y campana: Animemos algunos motivos navideños invernales. Al principio, vamos a empezar con un boceto. A mí me gusta bosquejar con rojo. Hagamos una rama decorativa. A lo mejor darle la vuelta un poco y hacer otra. Ya cometí el primer error, poniéndolos en la misma capa. Yo los quiero más así. Ya que ya conoces algunos conceptos básicos de animar, tal vez agreguemos solo un pequeño detalle, que lo hacen un poco más difícil como una pequeña campana. A lo mejor incluso añadir una cinta. Una cinta estaría bien. Eso es dulce. Ahora voy a
dibujar todo en capas separadas y lo adelantaré rápidamente. Pero para que lo sepas, pondré esto en una capa, esto en una capa, la cinta en una capa, y esto en una capa. Al final, tendremos cuatro capas. Muy bien, así que ahora podemos eliminar nuestra capa de boceto, y pondremos la campana y las ramas en un grupo y llamaremos a este 1. ¿ Por qué no la cinta? Porque no vamos a animar la cinta, y podemos bloquearla como nuestra capa de primer plano. Para eso, enciende la Ayuda de animación, y si la posición de la capa que quieres bloquear está en la parte inferior y la presionas, entonces puedes bloquearla como fondo. Cuando está arriba, también puedes moverlo por aquí. Va a ser un primer plano. Puedes tener ambos si quieres o necesitas. Ahora tenemos que pensar en cómo animar esto. Yo bosquejo sobre él muy rápido. Yo quiero que las ramas se muevan un poco a los lados y quiero que la campana se mueva también. Pero sé que la campana será un poco más complicada de bucle. Necesitará algunos marcos más. Por eso empezaría con la campana y animaría las ramas al final con una animación más fácil. Al final, encajan en el recuento de mis cuadros en general. De acuerdo, eliminemos esto y duplicemos nuestra capa como todo el tiempo. A lo mejor esta vez usamos dos marcos clave, un marco de piel Onion y bajemos la opacidad. En realidad, creo que sería prudente también guardar uno como ref. Después comenzamos con la campana en el lado más izquierdo. En última instancia, esta es la posición más izquierda que puede ser. Después duplicamos tu capa de ref y llamamos a esto 2. Actívela. Pongamos esta opacidad un poco más alta, para que podamos verla mejor. De verdad depende de lo que estés haciendo. Volvamos a encender la campana y vamos a acercar un poco. En el primer fotograma, queremos sólo tener un pequeño movimiento realmente aliviando en el movimiento. Entonces otra vez, duplicando la ref. Llama a esto 3. Volvemos a estar exactamente en el medio como en realidad está en la ref, por lo que podemos dejarlo, y como no lo movimos a ninguna parte, esta vez solo podemos duplicar por una, no perderá calidad. Nombra este 4. Mueve la campana a la derecha. Duplicar nuevamente la ref. ¿ Por qué estamos duplicando el ref? Si te salteaste las lecciones de animación de texto, no
queremos perder calidad porque cada vez que usamos la herramienta de transformación, bajará la calidad de lo que transformaste y animemos. Una última vez, vamos a darle la vuelta una última vez a sólo un poquito al final. Si lo fregamos, eso se ve ya bien. Probemos un tiro de Ping-Pong en este marco. Un poco rápido. Ahora animemos las ramas. Para eso entramos en la segunda capa y la volteamos apenas un poquito. Además, escribimos uno solo un poco y continuamos esto hasta el último fotograma para ir solo un poco más arriba que el último, por lo que no es demasiado movimiento. Ahora echemos un vistazo. Perfecto. Por lo que ahora tienes tu primer motivo navideño. Ya podrías combinar esto con tu texto y tener una bonita tarjeta navideña. Pero exploremos algunas cosas más que podríamos animar. Nos vemos en la siguiente lección.
7. Animamos 02: chimenea de fumar: Para éste, pensé que podríamos hacer una bonita casa y animar una chimenea para fumar. Lo diseñaré primero cómo quiero que se vea, y avanzaré rápidamente a eso hasta el punto en que empezaremos a animar. Esta vez, puedes inspirarte en eso o puedes esbozar tus propias ideas. Ahora que tenemos nuestros antecedentes, activemos la Ayuda de Animación y volvamos ese fondo en nuestro fondo. Queremos que el humo sea blanco, pero si empezamos a dibujar con ese color blanco, podría ser un poco demasiado blanco. Por lo que empezaría con agregar el humo blanco y luego bajaría la opacidad hasta que tengas un blanco que te guste. Entonces vamos a recoger el color y poner eso para no tener que
pasar por cada capa y encender la opacidad a la cantidad correcta más adelante. Aquí tenemos en realidad nuestra primera, no problema, pero Es molesto si intentas igualar la chimenea aquí cada capa. Será visible más adelante. Entonces saquemos la casa de nuestro fondo, pongamos encima, y la hagamos en nuestro primer plano, esa manera, podemos dibujar detrás de ella. Perfecto. Esto se verá mucho mejor. Ahora en realidad ya estoy bastante contento con mi humo, así que lo conservaré. Baja tus marcos de piel de cebolla, tal vez a dos, y la opacidad hacia abajo. Ahora lo que vamos a hacer con el humo y el vapor, queremos animar las olas. Eso significa que, en general, si tienes una ola y quieres que se mueva, se moverá solo un paso a la vez, y tendrías que llenar lo que falta hasta el punto de partida. En realidad es bastante simple. También se ve bastante bonito. En realidad es bastante simple a pesar de que parece un poco complicado, pero solo puedes intentar dibujar la misma línea exactamente un poco más abajo de tu página. No necesita ser correcto, y luego agrega lo que falta al principio. Se verá muy bien, te lo prometo. Empecemos con eso. Agrega un nuevo marco. Ahora queremos que ese humo se mueva hacia arriba por supuesto, y un poco más allá. Creo que tal vez está empezando a moverse un poco hacia la derecha. Se ve así un poco. Vamos arriba, arriba,
arriba , y llenarlo. Echemos un vistazo. Se ve ya bonito. Añada un marco, y tal vez solo trabaje con un fotograma en este momento, es más fácil. A lo mejor empezar por arriba, tal vez sea más fácil para ti. El pulpa grande está saliendo de la pantalla y sólo tendremos esto aquí. Ahora quizá seamos un poco más audaces. El humo yendo a la derecha, ya
empezamos eso. Hagamos esa curva más grande. Ves esta curva aquí está ahora aquí; esta curva aquí está ahora aquí. Mira. Ya se ve bonito. A lo mejor un poco plano aquí, tal vez le agreguemos un poco más de redondez. Se ve bonito. Añadamos algunos fotogramas más. Imaginemos cómo esa ola continuaría hacia abajo. Tiene que volver a ir a la izquierda, ¿verdad? Entonces si sacamos esa ola
, subirá en esa dirección. Esta curva estará aquí y como es una ola, tiene
que ir al revés otra vez. Perdón si hablo un poco mal inglés. Soy hablante nativo alemán y no hablo tanto inglés,
así que es un poco difícil para mí cambiar por completo, pero ten cuidado conmigo. Estoy haciendo lo mejor que puedo. Hagamos esto con curvas. No hace falta que sea perfecto porque, bueno, también hay viento. A lo mejor es un poco a granel, no lo sé. No lo estamos. Echémosle un vistazo. Eso me gusta. Ya que decidimos que va a tener un poco de volumen saliendo por aquí, sumémoslo aquí. Un cuadro antes de
eso, que ya está empezando a granel un poco aquí, por lo que no habrá sorpresas. Llevémoslo al marco. Continúa con nuestra ola yendo un poco más así. Tenemos que cerrar esa forma. Perfecto. Creo que eso ya se ve bastante bien. Ahora puedes agregar tantos marcos como quieras. Cuanto más tengas, más realista se verá, menos verás que es un bucle. Pero queremos cerrar ese bucle. Creo que podemos tener un bucle, pero ya no se verá tan bien. No se verá tan bien en este momento porque ves que salta muy rápido a un lado. Ya funciona, pero podemos hacerlo un poco mejor duplicando el primer humo. Vamos a renombrarlos primero. Vamos a duplicar esa. No lo necesitamos al final, pero ahora lo necesitamos para orientación. Añadamos una nueva capa entre la última y la primera. Pongamos algo bastante exactamente entre lo que estamos viendo aquí. Tiene que estar aquí en alguna parte. Está haciendo esta curva aquí y esta curva aquí, así que es fácil hacerla recta pero no queremos eso. Tenemos que improvisar un poco para que se vea suave. Sólo tratemos de hacerlo todavía curvilíneo. Simplemente puedes jugar un poco y echar un vistazo a cómo se ve al final. No será el perfecto. También puedes agregar in-entreweens si no funciona. Elimina la capa número 1 porque ya tenemos eso en nuestro bucle. Ahora lo ves, ya no se chasquea tan rápido y nuestro humo de la chimenea está terminado. Ahora, si quieres, puedes ralentizarlo un poco más. Si quieres que las estrellas miren a través, claro, aún
puedes bajar la opacidad a 60. Echemos un vistazo cómo se ve eso. Desde que pusimos esa casa en primer plano, ahora
está sobre la nieve, que no me gusta. Ahora solo tiraremos la nieve encima de ella. Perfecto. Ya está hecho. Por favor muéstranos tu proyecto en la clase. Estoy muy emocionado de ver lo que has hecho. Nos vemos en la siguiente lección.
8. Animamos 03: bailar Jimmy: Hey todos, para esta última, he decidido que vamos a hacer una animación un poco más avanzada cuadro por cuadro y vamos
a animar una decoración de baile para el árbol. Echemos un vistazo. Ponlo en posición de baile. Ahora tenemos nuestra posición de partida. Puedes dibujarlos en cualquier posición que quieras. También puedes intentar animar un baile de hilo dental si eres realmente aventurero. Voy a improvisar en el camino. Entonces veremos qué va a bailar esta bolita para nosotros. Para esto, vamos a animar algunas posiciones clave y poner algunos in-entreweens, creo. Después, vamos a limpiar todo. Empecemos la Ayuda de Animación. Mantendremos el nombramiento de las capas tal y como están en este momento porque probablemente vamos a eliminarlas más adelante de todos modos. Añadamos un marco. Acude a ese marco haciendo clic en él o arrastrando. Pasemos por el segundo fotograma arrastrando hacia la izquierda, y pongamos esa opacidad de la piel un poco más alta. Por lo que baja hasta la rodilla. Él enderezará esa pierna y pondrá esa pierna más grande. Si te preguntaste qué acabo de hacer ahí, puedes dibujar cualquier forma. Mantén la punta del lápiz en la pantalla y arrástrala para que puedas cambiar el tamaño de la forma que acabas de hacer, y luego podrás editar la forma aquí arriba. A lo mejor puedes hacer un tipo diferente de elipse o convertirlo en un círculo, que es justo lo que necesitamos en este momento. Eliminarlo. Él va a subir. A lo mejor también está bajando los brazos cuando está arriba. Sí, lo estoy sintiendo. Creo que volverá a bajar, más o menos en la misma posición. Mirando a este lado ahora, doblando esa rodilla, y estirando ese otro pie. Poner nuevamente las manos. Echemos un vistazo con el ping-pong ahora mismo y solo cuatro cuadros por segundo. Creo que se ve bastante gracioso. Pongamos algunos in-entreweens aquí. Añadamos un marco en el medio y bajemos los marcos de piel de cebolla a uno para que solo veamos los de antes y el de después. Pongamos en un círculo primero a la derecha en medio de ahí. Entonces sabemos que esto está aquí, esto está aquí, por lo que necesita justo en la cara media. Estiraría el brazo. Aquí está el inicio del brazo, aquí está, y tenemos que ir justo en el medio, y el codo estará aquí y aquí, así que tenemos que ir allá en el medio, y terminamos en algún lugar intermedio. El mismo procedimiento aquí, en algún lugar aquí. Veamos qué va a hacer con ese pie izquierdo. ¿ Lo está arrastrando de vuelta? Podría hacer eso, o lo está poniendo para arriba? Creo que tal vez lo está poniendo. Eso me gusta. ¿ Qué dices? Miro la forma en que tiene que ir el pie, recoger el medio, ir en medio de ese espacio aquí y dibujar en la pierna. Perfecto. Nosotros hacemos esto también para el otro lado. También puedes copiar y estrechar los marcos si quieres. No quiero porque así se ve más orgánico. Pero es totalmente legal si quieres. Solo te estoy mostrando toda la experiencia aquí. MISMO PROCEDIMIENTO. Echemos un vistazo. Es super lindo. El timbre siempre permanece igual, por lo que sacaríamos eso como una imagen y la
duplicaremos y dibujaremos en los brazos de cada marco. Al final, vamos a añadir algunos marcos de edición, probablemente. Voy a empezar con la pose media como referencia y pondré esos dos en el mismo grupo. Apague la piel de cebolla para que pueda enfocarme en mi diseño aquí. Bajar la opacidad del boceto y dibujar encima de él. A lo mejor este no conseguirá ninguna línea. Hagámoslo una forma. Bueno, eso es genial de hacer. Cambiemos el color a tal vez rojo. Eso está bien. Vamos a ponerle algunas reflexiones. Puedes agregar tantos detalles como quieras porque no tendrás que dibujarlos en cada capa, solo
vamos a duplicar esto. Algunas sombras también. Cuando estés contento con tu diseño, agreguemos la cara. Ponga esto en multiplicar para que podamos ver mejor. No animaría la cara así que la dibujaré encima de la campana, pero puedes mantenerla en una capa separada si quieres animar la cara. Todavía necesitamos la diminuta cosa plateada en la parte superior. Es como un sombrero pequeño. Creo que es lindo. Es como un marinero. No sé por qué estoy pensando en marinero, pero creo que parece un marinero. Vamos a cerrarlo, poner un poco de sombra. Bueno, eso es un poco menos, y algunas reflexiones. Demasiado. A lo mejor así. Apagemos el boceto. Eso me gusta. Perfecto. Voy a fusionar esto porque esto se mantendrá igual en todo momento. Yo también cambiaré el color de fondo para que podamos ver mejor a gris oscuro, y lo llamamos Jimmy. Entonces Jimmy el Balón. En una capa separada, a esto le
llamamos brazos y piernas, o lo que quieras. Vuelve a encender el boceto y dibuja exactamente lo que habíamos esbozado. Lo ponemos detrás de Jimmy para que no
tengamos ningún problema con terminaciones de línea temblorosas. Podemos apagar el boceto y reproducirlo. Ya se va a quedar bien en un cuadro. Perfecto. Ahora, vamos a nombrar esto. Yo lo nombraría pose media porque probablemente vamos a agregar algunos marcos de flexibilización más adelante, y así no necesitamos darle ningún número. Está bien. Duplicaré a Jimmy y lo llevaré al primer cuadro. Selecciona Capa 1, muévelo para que pueda ver ambas. Reposicionaría a Jimmy al fondo y lo voltearía un poco, no tanto como en el boceto. Ahora tenemos que echar un vistazo cómo resulta eso al final con cara. A lo mejor tenemos que redibujar la cara. No lo sé. Yo quiero que mire a la izquierda, así que probablemente voy a dibujar por encima de la cara. Yo le volveré un poco más. Es juicio y error. Siempre es prueba y error. Dibujemos sobre la cara. Dulce carita. No lo dibujaré exactamente en la misma posición, tal vez en algún lugar más entre la pose
original. Se ve bien. Añadamos los brazos y las piernas. Es un poco largo. A lo mejor voy con A y L más adelante. Dibujemos en las piernas, y volvamos esto para multiplicarse para que veamos lo que estamos haciendo. Vamos a configurar el boceto. Se ve ya tan lindo. Voy a seguir haciendo esto con todos los fotogramas restantes, y voy a adelantar esto con celeridad. Nos vemos en un rato. Creo que hicimos un trabajo bastante bonito. Vamos a dejarlo bailar un poco más rápido. Seis fotogramas por segundo se ve bien. Ahora se ve tan lindo, adorable. Si quieres que eso sea aún más suave, podríamos añadir algunos in-betweens. ¿ Cómo vamos a hacer esto? Vamos a duplicar ese marco. Duplicado. Llamamos a esto en el medio, ábrelo. Vamos a moverlo
un poco hacia la dirección del siguiente cuadro para que inicie ese movimiento. Para los brazos y las piernas, los
vamos a borrar y también acercar más al marco original que al siguiente cuadro. Dobla el codo aquí. Los lados suben un poco. Está poniendo esa pierna en movimiento. Ya ves que está empezando en el movimiento, luego está en el movimiento. Ahora vamos a duplicar el marco medio, en realidad. Vamos a dejar que se aliente en la pose media. Ponlo solo un poco por debajo del siguiente cuadro para liderar los brazos y las piernas. Ahora los brazos y las piernas necesitan estar más cerca del siguiente cuadro, así que sólo los pondré aquí mismo en el medio. Ahora lo que hice, esto estaba bien. Para éste, necesita ser más así. A lo mejor todavía hay una ligera curva en la pierna, y para esa tal vez sólo haya una curva diminuta. Echemos un vistazo. Ahora se está relajando en la moción. Eso se ve bien. Ahora seguimos haciendo eso. Ahora se está relajando a la siguiente posición. Vamos a duplicar de nuevo la pose media. Podemos bajarlo un poco. Borra esos brazos y piernas. Empezarás a ponerte en posición. Eso es correcto. Obteniendo una ligera curva aquí. Obteniendo una ligera curva aquí. Duplicemos la pose final. Ponlo un poco arriba. Vamos a relajarnos en la última posición. Nuevamente, vamos a dibujarlos realmente cerca de la posición final. No hace falta que sea perfecto. Apenas en algún lugar intermedio está bien. A lo mejor sólo tiene una ligera curva aquí. Ahora echemos un vistazo. Es mucho más suave que antes. A lo mejor podemos incluso hacer que vaya un poco más rápido ahora. Agradable. A mí me emociona ver lo que hiciste con esto. Yo quiero ver a muchos Jimmys bailando por ahí. Por favor muéstramelas. Construyamos un ejército de Jimmys bailando. Me encantaría ver eso. Ahora, tenemos tres tipos diferentes de decoraciones o motivos navideños. En los siguientes pasos, vamos a animar alguna animación de fondo. Entonces ya estamos al final. Combinaremos lo que hicimos en una tarjeta de felicitación. Te mostraré cómo exportar todo. Ahora vamos a sumergirnos en la animación de fondo.
9. Fondo 01: nieve: En esta lección, veremos la animación de fondo y las mantendremos muy simples. Escogamos un fondo azul más oscuro para esto e igual que uno. Enciendamos de inmediato la Ayuda de Animación. Elige un color blanco y un pincel que te guste. En realidad me gusta la tinta seca para nieve, sobre todo porque tiene un borde áspero, difuso. Si lo haces un poco más grande, lo puedes ver. Ya se ve un poco como nieve, ¿verdad? Te voy a enseñar cómo dejar que nieva. En primer lugar, dibuja un poco de nieve, manténgalo al azar pero lo tendría ahí, lo
espaciaría y agregaría un nuevo marco luego dibujar cada punto que ya hiciste cerca del último en un radio como este, en esa dirección. Queremos que la nieve se mueva de alguna manera así. Al principio tal vez éste de aquí y éste va allá, no necesita ir en la misma dirección y no a la misma velocidad. La nieve viene en todos los diferentes tamaños y por lo que tiene diferente peso. Bajemos un poco la opacidad y también solo un fotograma para que podamos verlo un poco mejor. Por supuesto, ten en cuenta, tiene que
haber algunos nuevos copos entrantes y los copos tienen que venir de algún lugar. Esta escama va por aquí, pero vino de aquí. Tengan eso en mente. Tendré un copo de nieve viniendo de aquí que
eventualmente se convertirá en ese. ¿Todo bien? Sólo ten eso en cuenta. Añadir un nuevo marco y hacer eso de nuevo y este? No. Espero que no. Este se convertirá en ésa, aquí uno estará ahí, y hagamos esto una vez más. Voy a borrar los más bajos aquí. Esto viste que no funcionaban tan bien. Ahora tienes tu nieve y cuando añadas más marcos, se verá un poco más natural. Por supuesto que esto va muy rápido, así que vamos un poco más despacio. Se parece más a la nieve. Podrías usar eso como fondo y probemos otro tipo de fondo en el siguiente video.
10. Fondo 02: estrellas: Ahora, para esta lección, vamos a animar algunas estrellas. Dibujemos algunos lindos puntos y cruces para las estrellas. No demasiados porque tenemos que redibujarlos cada vez. Algunos más grandes, tal vez éste más grande también. Vamos en realidad a la Animation Assist y añadamos un nuevo fotograma. Para la parte fácil, solo copiamos los puntos que hicimos en el mismo lugar, casi en el mismo lugar. Si te ves un poco desordenado como yo, está bien. Entonces cambiaremos el tamaño de las cruces pequeñas. Los pequeños se van a hacer más grandes, y los grandes se harán más pequeños. Esta se supone que también es una pequeña cruz. Está bien. Esto ya funciona. Juguémoslo a dos fotogramas por segundo. Me perdí uno ahí, dos en realidad. Esto tendrá que ser un poco más grande, y esto también tendrá que ser un poco más grande. Entonces eso ya funciona. Si quieres, podrías sumar un in intermedio como
lo hicimos antes y bajaremos la opacidad. Copia estos puntos para la parte fácil. chispa, chispa. Oye, podrías usar esto como un efecto de brillo para todo. Las destellos hacen que todo sea mejor. Está bien. Pero ahora tenemos que echar un vistazo, cuál era grande y se va a poner pequeño. Este es grande, y tenemos que dibujar esto en algún lugar entre eso. Esto es pequeño y se hace más grande. Simplemente dibuja todo en el medio. Entonces juguemos. Ahora, tenemos dos opciones. El único modo en que puedes hacer ping-pong, para que no tengas que animar a otra en el medio. A lo mejor que sea un poco más de empuje así. O copias el in-intermediario y lo pones al final. Eso también funcionaría, sobre todo si quieres usar ese fondo estelar en tu composición final, podrías hacerlo. Está bien. Ahora, combinemos todo.
11. Combina todo: Por combinación, voy a conseguir un nuevo archivo. Al principio, pensaremos en lo que queremos combinar. En general, es más fácil animar todo en un solo archivo porque de esa manera no tienes que ajustar cuánto tiempo está tomando la animación de cada cosa, y sobre todo Procreate le falta un poco aquí porque solo tienes esa línea de tiempo abajo ahí y hay que poner todo lo que necesita estar en un marco en una carpeta y luego se pone desordenado fácilmente. Entonces si quieres probar otros programas para animar, te
puedo recomendar CaliPack, que es bastante nuevo. Cuesta un poco, pero creo que solo es bastante barato para probarlo. También está RoughAnimator, que creo que cuesta un poco más como Procreate. Creo que solo fueron 10 dólares más o
menos, pero tienes la licencia para siempre, y no tienes el problema ahí con una línea de tiempo, tienes varias líneas de tiempo y puedes ajustarla mejor que Procreate. Pero los pinceles y los efectos y todo es tan asombroso en Procreate que todavía me gusta animar en Procreate, pesar de que sólo tiene esa única línea de tiempo. Lo que sea. Vamos a bosquejar nuestra composición. Podríamos tener cosas diferentes. Podríamos poner nuestra campana aquí, y que dijera feliz Navidad, así como esto. No tienes que combinar todo. Simplemente puedes combinar lo que quieras. También puedes hacer una animación completamente nueva con todo lo que aprendiste. Podríamos poner la Feliz Navidad en el centro y solo dejarla nevar, tal vez tener las pequeñas ramas con la campana y la cinta debajo de eso. Podríamos hacer eso, o podrías usar la casita con el humo para el fondo y poner algo de animación estrella en la parte de atrás con Feliz Navidad justo encima. Por inspiración tal vez, también podrías hacer algo completamente nuevo. Por ejemplo, podrías animar a un gato con un bonito sombrero navideño y una bufanda diciendo Feliz Navidad y dejarlo nevar por la espalda. No lo sabía, las opciones son interminables y tengo mucha curiosidad por ver lo que se te ocurre al final. Además, por favor dígame si lo comparte en redes sociales. Me encantaría ver lo que has hecho. Creo que voy por la casa porque no animamos eso con ping-pong, creo. La animación de ping pong no funciona tan bien para combinar. Si tienes una animación de ping pong, te muestro lo que necesitas hacer. Tienes que marcos, 1, 2, 3, 4. Normalmente saldría así todo el tiempo. Pero luego quieres combinarlo con algo que es más largo y bucles. Se puede combinar de esa manera porque este bucles y éste va de ida y vuelta. Por ese ping pong, duplicarías ese de aquí y aquel de aquí. Ahora ya no necesitas ping pong, bucles. Pero entonces todavía hay que manejar que todo tenga la misma longitud. Entonces tal vez pones algunos in-entreweens o
lo dejas pausar en algún momento o realmente necesita esos dos, ¿ o es lo suficientemente largo como eso? Disculpe mi explicación boquisa aquí. Pero te mostraré de todos modos ahora mismo. Vamos con el estilo navideño aquí. Volveré a mi galería y duplicaré el proyecto de humo. Entonces desde el fondo, borraré las estrellas. Tenemos esto como nuestra animación básica. Traigamos nuestro texto. El primero que queremos hacer en este proyecto es que queremos aplanar nuestras máscaras. Por lo que hacemos click en cada capa y decimos, fusionar máscara. Ahora que tenemos nuestra animación final fusionada, seleccionemos todas las capas. Perfecto. Después toma tu Apple Pencil en tu mano izquierda, y con la mano derecha para mí, arrastra tus capas fuera del panel de capas, toca con el Apple Pencil en el botón de galería para cerrar las capas y volver a la galería y luego pasa a el proyecto al que quieres entrar ahí, tocarlo, y soltarlo. Es importar todas las capas como quisiéramos. Tristemente, cambió el nombre de todas nuestras capas e invertió la secuencia. Bueno, lo que sea, vamos a combinar esto de todos modos. Simplemente volvemos a dejarlo caer. Es un poco más fácil hacer todo a la vez. Pongámoslos en otro lugar. Vamos a posicionarlo primero. Creo que tal vez vamos a reducir eso, toda
la parte de Merry. Voy a renombrarlos de nuevo muy rápido, así que si
cambiamos la posición, todavía sabremos qué es qué. Te sugiero que hagas lo mismo. Ahora vamos a arreglar esas capas otra vez. Al principio, sólo voy a arrastrar hacia abajo sobre estas cinco capas de aquí. Entonces va a ser un poco rápido, 2 a 2, 3 a 3, 4 a 4, y 5 a 5. Entonces sabemos que nuestro humo bucles después de seis cuadros, por lo que borraré el marco 14 y el 13. Por lo que sabemos que cuando repetimos el humo dos veces, todavía
tendremos 12 cuadros en general. En Alemania, dirás que la señal normal caliente necesita ser ordenada. Tiene que ser ordenado con una t Así que duplicemos cada marco pequeño y ponerlo el marco correcto. Eso debería funcionar. Íbamos a combinarlas en las fotos ahora para que podamos ver ambas al mismo tiempo. Entonces cambiamos el nombre de nuevo para que no se ponga desordenado. Echemos un vistazo. Perfecto. Eso es bastante bonito. Ahora, necesitamos nuestra Navidad. Entremos a esa carpeta. Al igual que antes, los vamos a seleccionar todos,
arrastrarlos hacia fuera, teclear en la galería. Vuelve al proyecto de humo. Si estás teniendo problemas o problemas arrastrando las capas por segunda vez, arrástrelas directamente al panel Capa. Vienes con las capas y haces clic con tu lápiz en las capas mientras tu dedo sostiene las capas, y luego las arrastras directamente hacia adentro, luego funciona. Seleccionamos a esos tres, y lo reposicionamos aquí. Mezclando los textiles. Ahora, tenemos que duplicarlos cuatro veces. Ahora, también podríamos hacer eso al revés, sólo lo
arrastramos. Echemos un vistazo. Ahora, esto se ve ya realmente bonito. Añadamos nuestras estrellas. Una última vez, arrastrando estas capas dentro. Te voy a mostrar otra vez. Vamos a renombrarlos. Arrástrelos a la galería, a nuestro proyecto, y luego abramos el panel Capa para asegurarnos de que se importa. Genial. Ahora, echemos un vistazo. Ahora, ya ves que nuestras estrellas están un poco en el camino, y podríamos agregar algo del primer plano a la casa, pero sólo voy a borrar esos cuatro en el camino, muy rápido. Como lo hicimos antes, los
duplicaré y los pondré en las carpetas correctas, y me aseguraré de que estén detrás de tu texto para que el texto esté en primer plano. Como último paso, pondré la Navidad frente al humo en cada capa. Ahora, echemos un vistazo a lo que hemos hecho. Se ve realmente dulce. En algunos pasos de acabado, volvería a la galería, seleccionaría nuestro proyecto, y lo duplicaría una última vez, entonces nombraría este original y tarjeta aplanar, porque en esta parte, Aplanaré las capas hasta los fotogramas reales, por lo que el archivo no es tan grande. Entonces probablemente añadiría algunos detalles más en el plano y el fondo, agregaría mi nombre, todo. Eso lo adelantaré rápido, y tú me puedes ver hacer eso. Entonces echamos un vistazo a la parte terminada que hicimos juntos. Yo estoy bastante contenta con el desenlace, y espero que tú también. En la siguiente lección, les mostraré cómo exportar esto.
12. Exportación: Podemos exportar esto de diferentes maneras. Vamos a Ajustes, Compartir, y al principio, vamos a exportar un MP4 animado. Cuando quieres publicar esto en redes sociales, yo personalmente no quiero exportar listo para la web porque la calidad apesta un poco, así que elijamos máxima resolución, y aún puedes cambiar la velocidad de fotogramas aquí si quieres ir más rápido o más lento, Creo que seis está bien. Después sólo tienes que pulsar “Exportar” y elegir un lugar donde puedas guardarlo, solo lo
guardaré en mi iPad. Pero también puedes, si quieres, guardarlo como un GIF animado. Aconsejaría usar web-ready aquí. Puedo jugar con los ajustes, lo que te queda mejor. Simplemente dejaría todo fuera aquí y lo exportaría también. Puedes subir eso a tu canal Giphy si quieres y compartirlo con el mundo. Además, si lo quieres compartir vía Messenger, te aconsejaría enviar un GIF a tus amigos y familiares porque se va a repetir, va a bucle. El video no va a bucle si lo envías con el Messenger, pero el video va a bucle en Instagram, si lo publicas. Además, en Facebook, si quieres publicarlo, usa el GIF, y para Instagram, usa el video. Ahora, algunas cosas finales. Por supuesto, hiciste hermosas pegatinas y GIF en el camino. Por ejemplo, con el baile de Jimmy aquí, recortaría el lienzo para que le quedara bien. No estoy muy seguro de que esté bien, así que mira mientras lo corté. El mejor modo de evitar esto es encender
todos los marcos de cebolla para que puedas ver el rango donde se mueve, y luego recortar para que te quedes con él para no exportar espacio vacío. Hecho. Después ve a Compartir, GIF
animado, Listo para Web, Fondo
transparente, y ya está listo. Puedes exportarlo y subirlo a tu canal Giphy o a tu historia. Al final, quiero agradecerte por quedarte conmigo. Me divertí mucho haciendo esto, y estaría tan feliz si te unieras a mi calendario de adviento GIF en Instagram ahora mismo. Estoy haciendo pegatinas frescas todos los días hasta Navidad. Te repartiré plantillas de historia gratis, donde puedes añadir tu gif zancada o GIFs cool que encuentres en Giphy o donde sea, y compartirlas con tus seguidores
y tus amigos, y yo estaría tan feliz si los compartieras conmigo también y únete a mí en esa aventura. Te deseo todo lo mejor. Espero que todos estén sanos por ahí. Mantente seguro, mantente acogedor, consíguete una taza de té y una galleta, lo hiciste bien. Me emociona ver todos tus proyectos de clase.
13. Outro: Ojalá te divirtieras en la clase. Seguramente lo tuve. Estaría tan agradecido si dejara una reseña. Esto me ayudará tanto con esta clase, y también si tienes alguna sugerencia para futuras clases, estaría encantado de escucharlas. Además, si te gustó esta clase, tal vez puedas echar un vistazo a mi otra clase. Se trata de animar gatos lindos y poner en marcha tu canal Giphy, así que tal vez eso sea interesante para ti. Espero verte pronto en la siguiente clase. Adiós.
Lea Schumm, Gif Artist & Comic Creator
