Aprende animación en Procreate: crea letras animadas atractivas en el iPad

1. Introducción: Me encantan las ilustraciones animadas. Los movimientos de los elementos por lo demás estáticos cuentan historias mucho más fuertes a los espectadores. El uso creativo del tiempo y el espacio invita a los espectadores a involucrar y apreciar el impacto visual de una manera más profunda. Hola a todos, bienvenidos a la clase. Mi nombre es Esther y cada O'Shea, soy una ilustradora con sede en Estados Unidos y una maestra de primer nivel aquí en Skillshare. Mi trabajo se ve en variedad de superficies así como revistas y blogs de diseño populares. hoy estaremos creando animaciones snazzy en el iPad. Me fascina la animación tradicional fotograma a fotograma. Y me sorprende cuánto de los resultados principales se pueden lograr usando una sola aplicación en el iPad. Esta clase está diseñada para principiantes que tienen poca o ninguna experiencia dibujando o animando. Aunque las habilidades que aprendes de la clase se pueden aplicar a ilustraciones complejas. Vamos a abordar sólo letras en esta clase, cuales están conformadas por formas geométricas muy básicas. Si tienes más de cinco años, más probable es que ya estés sobrecalificado para la clase. Al final de la clase, podrás animar una letra usando cualquiera o todas las técnicas que cubrimos en la clase. Puedes subirlo a la galería de proyectos bajo esta clase, así como nuevas chuletas creativas posteriores en redes sociales. O si eres tímido, puedes simplemente enviársela a tu mamá y hacerla sentir orgullosa. Me emociona mostrarte cómo podemos convertir nuestras letras a mano en ilustraciones animadas. Te veré en clase. 2. Técnica 1 Efecto de glitch: Cuando abriste Procreate en iPad, tu pantalla probablemente se vea similar a esta. Desea pasar a la esquina superior derecha y hacer clic en el icono más para crear un lienzo que sea equivalente a un nuevo documento. Puedes elegir diferentes tamaños si tienes una dimensión particular en mente. Yo solo voy a elegir mi tamaño de pantalla, que es la mejor opción, la lista. Puedo seguir adelante y solo toca el tamaño de la pantalla. Si quieres crear un documento de un tamaño específico, puedes seguir adelante y hacer clic en este icono aquí mismo. Y luego pon tu talla, la dimensión de tu Lienzo desde aquí. Sólo voy a cancelar y tocar el tamaño de pantalla para crear mi lienzo. Por defecto, el lienzo es blanco, así que voy a cambiarlo a un color más oscuro. Sólo por el bien de la grabación, es más fácil para mis ojos. Voy a tocar el sitio de capas Kong en una esquina y tocar el color de fondo. A partir de ahí, puede seleccionar el color de fondo. Voy a elegir algo como azul marino, color ish, tal vez menos saturado. Entonces vamos a crear animación encima de esta capa de fondo. Como dije antes en la introducción, no vamos a pasar por técnicas de ilustración muy específicas porque queremos mantener nuestro enfoque en el lado de la animación de las cosas. Entonces vamos a usar formas geométricas muy simples. En este caso, para nuestra primera técnica, vamos a animar una letra 0. Voy a usar un cepillo que esté bastante limpio en el borde. He creado este pincel desde cero, que también lo pondré a tu disposición para que lo descargues en la pestaña de recursos. Una vez que tenga mi pincel seleccionado, voy a tocar mi lienzo para volver al área de dibujo principal para probar tu pincel. Siempre puedes simplemente garabatear en tu pantalla. Para este pincel en particular he creado tal manera que automáticamente suavizará tus líneas. Entonces voy a dibujar una letra 0. Así que sigue adelante y dibuja un círculo en tu pantalla, pero retrasó el levantamiento de tu pluma. De esta manera, se puede obtener un círculo u óvalo mucho mejor. Con la punta de la pluma sigue tocando la pantalla. Puedo cambiar el tamaño de mi óvalo. Y yo sólo voy a dejar ir de aquí. Para todos los diseñadores de tipos que hay, probablemente te estés avergonzando en este momento. Pero por la sencillez de la clase, vamos a dibujar un OH, de esta manera. Como puede ver, todavía hay algunas cosas que hay que limpiar. Voy a usar mi goma de borrar, tal vez hacerla un poco más fina para suavizar el punto de conexión. Estamos bastante acercados en este punto. No puedes usar tus dos dedos. Pellizco rápido en el lienzo para que su lienzo se ajuste de nuevo a la pantalla. Esta es nuestra carta 0. Voy a en este punto para activar la asistencia de animación, que está debajo de este icono de llave inglesa en la esquina superior izquierda. Da clic en él y haz clic en Canvas y activa esta asistencia de animación. Sólo tienes que alternar. Inmediatamente verás el panel de asistencia de animación que aparece en la parte inferior de tu pantalla. Esto te mostrará cada fotograma de tu animación. En aras de la simplicidad, solo vamos a hacer cinco fotogramas diferentes. Así que solo voy a seguir adelante y hacer clic en el icono de Capa en la esquina superior derecha y deslizar hacia la izquierda la capa para revelar algunas opciones. Vamos a hacer click en Duplicar, izquierda, deslizar, duplicar hasta que tengamos cinco capas con las que trabajar. Así que voy a volver a la primera capa aquí. Lo que quiero hacer es agregar efecto glitch. Esta letra 0, que es súper sencilla de hacer. Desea hacer clic en el panel de ajuste en la esquina superior izquierda y hacia abajo en la lista, haga clic en la falla. El porcentaje del hecho es cero. Probablemente por eso nada cambia cuando juegas con los deslizadores en la parte inferior. Entonces lo que quieres hacer es tomar tu lápiz y deslizarte en la pantalla de izquierda a derecha. De esta manera, verás el efecto glitch. El 100% es el más fuerte. Normalmente me quedo tal vez alrededor del 30 al 20% También por aquí hay cuatro subcategorías del efecto glitch, y puedes simplemente tocarlas para alternar. Mi favorito para esta animación es artefacto. Y por cierto, no te preocupes demasiado por los colores. Podemos cambiar los colores más tarde por completo. Así que sólo voy a elegir el primer efecto, que se llama artefacto, y luego jugar con los controles deslizantes hasta que esté contento con el tamaño y la gravedad del efecto. A lo mejor aquí está mi lugar feliz. Una vez que estés satisfecho con él, puedes simplemente tocar en la pantalla y aplicar el efecto. También puedes simplemente tocar directamente en tu panel de capas e ir a la siguiente capa. En este caso, al hacer clic en la siguiente capa, aún se puede ver que la sombra de la primera capa se llama la piel de cebolla. Esto es súper, súper útil porque puedes tomar decisiones conscientes basadas en animaciones anteriores. Por defecto, Procreate te mostrará todos los fotogramas anteriores. Creo que eso es un poco demasiado. Así que solo voy a tocar Configuración y luego cambiar los marcos de piel de cebolla a tal vez uno o dos. En este caso, como nuestra animación es bastante simple, vamos a mantener los fotogramas cuenten a uno solo. Así que sólo podemos ver un fotograma anterior en lugar de los cinco fotogramas. Y entonces también se puede cambiar la opacidad. Creo que el 50% es bastante bueno. También puedes cambiar los colores porque tenemos este azul marino. Voy a cambiar los colores a tal vez un amarillo más brillante. Entonces tenemos un poco de contraste. Por lo que ahora trabajaremos en nuestro segundo marco. El primer marco es el marco más inferior y el segundo marco es el que está por encima de él. Así que sólo tienes que seguir adelante y dar clic en el segundo fotograma. Vamos a hacer lo mismo haciendo clic en el panel de ajuste y bajando por la lista y haciendo clic en el efecto de falla. De nuevo, vamos a deslizar nuestro porcentaje de efecto de falla a tal vez en algún lugar 20-30. Y entonces puedes cambiar el tamaño del bloque a algo similar porque tenemos el, déjame solo acercar porque tenemos puesta la piel de cebolla. Para que puedas ver la diferencia entre tu fotograma actual, que está a todo color, y el fotograma anterior. Para que puedas saber qué tanto de la diferencia estás haciendo. Esto me parece bien. Así que solo voy a tocar en pantalla y hacer clic en Aplicar, y pasar a la siguiente capa. Es bastante simple. Nuevamente, si los colores primarios te están volviendo loco, simplemente colgado ahí. Te prometo que nos ocuparemos de eso al final. Entonces el tercer fotograma, solo toca el marco y vamos a hacer clic en el ajuste y falla. Nuevamente, vamos a deslizar nuestro lápiz de izquierda a derecha. Para cambiar la severidad del efecto glitch. Puedes modificar con cualquiera de los controles deslizantes en la parte inferior de tu pantalla. Y pasar a la siguiente. Al hacer clic en el siguiente fotograma, que es la capa anterior, convertirá la capa anterior automáticamente en piel de cebolla. Entonces ajuste, falla y una diapositiva en pantalla para cambiar la severidad. Una vez que hayas hecho suficiente de esto, todos estos se convertirán en memoria muscular. Un último fotograma. Ahora tenemos el efecto glitch aplicado a los cinco fotogramas. Para el siguiente paso, vamos a cambiar los colores. Al tocar el panel de ajustes. Hay cuatro grupos de efectos. Entonces estamos viendo el último del primer clúster, que se llama mapa de gradiente. Esto es realmente brillante para cambiar de color a la vez. Sólo voy a tocar el mapa de degradado. Cuando seleccionas el mapa de degradado, puedes ver una biblioteca de degradados disponible para ti. Puedes seguir adelante y alternar diferentes opciones y automáticamente volverá a cerrar todo. Noté que cuando alterno el color del mapa degradado, el color de la piel de la cebolla sigue siendo visible para mí. Entonces voy a tocar en pantalla para saltarme del mapa de degradado por un segundo, para apagar mi piel de cebolla. Así que solo toca en la pantalla y haz clic en Cancelar. Y volver a mi asistencia de animación. Voy a tocar Ajustes y deslizar los marcos de piel de cebolla a cero. De esta manera sólo podemos ver el fotograma actual. Así que volvamos a nuestro mapa de gradiente. Podemos pasar por todas las opciones de color sin interferencias. Me gusta mucho esta opción de color, pero tal vez quiera hacer algún ajuste para que el contraste sea un poco mejor. Entonces, por ejemplo puedes tocar uno de los colores. Entonces solo juega con los controles deslizantes para cambiar el valor. Si quieres que cierto color sea más prominente, también puedes tocar el cuadrado y luego simplemente moverlo para que cierto color tenga más porcentaje o presencia en tu fotograma actual de animación . Una vez que estés satisfecho con él, puedes ir a la esquina y simplemente hacer clic en Listo, y automáticamente se actualizará y guardará tu degradado. Para la siguiente pestaña, podemos pasar por cada fotograma. Simplemente toque la capa y vaya al siguiente fotograma. Ajustes, gradiente, mapa y toca cualquier degradado que hayas elegido. Y sigue adelante y vuelve a colorear el resto del marco. Ajuste, Mapa de Degradado. Hecho. Y haz lo mismo para el último fotograma. Ahora tenemos todos los marcos recolored. Vamos a echar un vistazo a nuestra animación y hacer una vista previa. Así que vamos a hacer click en el botón Reproducir. Parece, en realidad no se ve como un botón, pero se puede hacer clic. Así que adelante y toca el Play. Y te mostrará la animación. Aún tienes la opción de ajustar tu animación llegando a la configuración. Y puedes cambiar la forma en que quieres que se reproduzca tu animación. Puede recorrer desde el marco uno al cinco y volver a uno. O también puedes elegir el ping pong, que funciona como un ping-pong, o puedes hacer que se juegue solo una vez. Por defecto, el fotograma por segundo es 15, y puedes cambiarlo a un número más lento, que tiene una especie de aspecto entrecortado. ejemplo, esto es de ocho cuadros por segundo. Déjame regresar y darle a play. Y quiero cambiar mi opción de bucle a tal vez ping pong. A ver. Cualquier clic en jugar. Se trata de ocho cuadros por segundo, lo cual es bastante genial. Entonces esa es nuestra letra 0. Bien, esta es nuestra primera animación. Espero que se tome algún tiempo para celebrar y hacer un pequeño baile de celebración. Y pasaremos a la siguiente técnica. Te veré en unos pocos. 3. Efecto de ruta móvil de la técnica 2: En la primera lección, hemos aprendido a usar el efecto básico de falla para animar nuestra letra 0. En esta lección, vamos a aprender a animar otra letra, pero usando una técnica de animación un poco complicada, voy a hacer clic en el icono más para crear un nuevo lienzo que sea del tamaño de pantalla. Y luego haga clic en el icono Capas para cambiar mi color de fondo a algo un poco más oscuro. Aquí tienes. A lo mejor un poco más feliz. Esto es un poco demasiado oscuro. Así que tráelo un poco de vuelta. Esto como gris frío, tal vez más cálido. Muy bien, lo haré, voy a usar este. Muy bien, hagamos esto. Entonces lo primero que voy a hacer es anotar mi letra e. Así que quiero asegurarme de tener seleccionada la capa vacía. Y usando la misma pluma. Yo sólo voy a anotar la letra E. Nada elegante. Sólo tienes que seguir adelante y escribir pequeña e. Así que este va a ser el objeto principal de animación. Entonces estoy tal vez voy a borrar un poco la cola. Esto parece ser un poco demasiado alto. Muy bien, aquí está mi letra E. Por cierto, en cualquier momento cuando quieras cambiar la posición del contenido de la capa, solo puedes tocar este pequeño icono del cursor y luego simplemente mover las cosas. Cuando desee mover las cosas en incrementos más pequeños, simplemente puede tocar cualquier lado del cuadro delimitador. Y se moverá tal vez alrededor de un píxel a la vez. Entonces ahí está ese pequeño truco. Y voy a usar esto como mi base de la animación. Como pueden ver, esta es la vista previa de nuestra animación letra E. Cada marco tiene solo un poquito de borde y se mueve a lo largo de esta letra marco por fotograma. Entonces eso es lo que vamos a hacer, es que se puede ver ahora se está moviendo dentro. Y a lo largo del mostrador interior. Vamos a volver a nuestro propio archivo. Para empezar. Primero vamos a hacer una copia, deslizar a la izquierda sobre el icono de la letra E y dar clic en Duplicar. Y entonces sólo podemos desmarcar esta pequeña casilla para ocultar esta capa. Esta capa es básicamente un seguro en caso de que perdamos la copia original. Cualquier capa que esté oculta no se mostrará en la animación, así que ni siquiera me preocupo por ello. Vamos a hacer cuatro copias de la primera capa. Deslizar hacia la izquierda, duplicar. Haz lo mismo hasta que tengamos cinco capas visibles aquí mismo. Para hacer las cosas un poco más interesantes, voy a hacer que el borde más viejo, la animación forme parte de un color diferente. Entonces di que quiero usar este amarillo, este color amarillo brillante como parte de la animación. En este punto, la estructura de capas se ve muy similar a la primera. Pero para esta técnica en particular, vamos a crear múltiples capas en un fotograma. Nuevamente, vamos a trabajar desde la primera capa, que es la segunda a la última capa. Recuerda que la capa inferior es un seguro de vestimenta y no se mostrarán porque tenemos esta casilla desmarcada. Tal vez incluso puedas cerrarlo. Puedes hacerlo deslizando hacia la izquierda la capa inferior y bloqueando. Para el primer paso, vamos a crear una capa completamente nueva. En aras de la claridad, voy a cambiar mi pincel a otro color, que es este amarillo brillante. También quiero asegurarme de que la piel de cebolla vuelva a ser una. Así que haz clic en ajustes y usa el control deslizante para cambiar el recuento de piel de cebolla. Así que sólo puedo ver el cuadro anterior. Por la sencillez, voy a simplemente animar el borde exterior porque solo tenemos cinco fotogramas para esta lección en particular. Si realmente quieres, puedes crear tal vez 20 fotogramas para que tu animación sea más matizada. Antes. Ahora permítanme simplemente demostrar cómo se hizo el efecto. Como dijimos antes, ya hemos creado una nueva capa. Vamos a sostener esta capa y arrastrarla por debajo de la primera capa. Voy a dibujar un nuevo trazo. Esta capa en blanco por debajo de la primera letra E, con el mismo pincel seleccionado. Voy a simplemente dibujar debajo. En este punto, cada capa existe de forma independiente y procrea, ve cada capa como un fotograma de animación. Entonces, lo que vamos a hacer a continuación es agrupar nuestra primera letra E y nuestro primer trazo amarillo en un solo grupo. Con el trazo amarillo seleccionado. Voy a escribir deslizar en la primera letra E y dar click en la esquina para agruparla. De esta manera, procrear ve a todo este grupo, muy grande que sea como un solo fotograma. Para que sea realmente, muy útil. Lo que voy a hacer ahora es crear otra capa y agregar otro trazo amarillo en la pantalla. Y vuelve a mi capa para agruparla con la segunda E. Así que selecciona nuestro nuevo trazo amarillo, desliza a la derecha y agrupa. Esa es básicamente la técnica principal. De nuevo, voy a dar click en Plus para crear una nueva capa debajo de la tercera ie. Y dibuja este trazo amarillo un poco más alrededor del borde exterior de la letra E. Y agrupa este trazo con el marco de arriba. Lo mismo para la carta anterior. Vamos a dibujar este trazo amarillo. Hazlo aún más largo. Queremos agrupar esta letra amarilla de ancho de trazo usted arriba. Y ésta es la última. Y dibuja un trazo sobre esta nueva capa y agrupa este ancho de trazo superior, es decir. Bastante simple. Ahora tenemos una animación al hacer clic en el botón Reproducir y en el panel de asistencia de animación. Y se puede ver cómo se juega la animación. Ciertamente puedes hacerlo más lento usando Configuración. Y puedes cambiar los fotogramas por segundo a algo más pequeño. Si quieres hacerlo aún más complicado, puedes entrar en cualquiera de estos grupos y agregar un detalle secundario, por ejemplo, si quiero agregar otro trazo, y simplemente puedes hacer clic en el ícono más para crear una nueva capa. Digamos que quiero agregar tal vez un trazo rosa encima de la letra E. Y mueves esta nueva capa encima de la letra E. Y luego solo dibuja un trazo simple así. Por lo que ve Procreate, todo este grupo cuenta como una capa. Me gusta mucho porque también te da la flexibilidad para manipular cada capa de forma independiente. Entonces tienes los beneficios de las capas sin tener que fusionarlas en una sola capa y luego tienes que volver a dibujarla 1 millón de veces cuando haces un pequeño cambio. Larga historia corta, esa es nuestra segunda técnica. 4. Técnica 3 efecto de Wipe de líquido: En la lección anterior, hemos aprendido cómo Procreate ve a un grupo como un solo fotograma en términos de animación. Entonces eso es realmente útil. En esta lección, vamos a hacer un efecto más de liquidez y orgánico basado en ese entendimiento. Entonces aquí hay otro lienzo nuevo. Voy a tocar capa y cambiar el color de fondo. A veces, cuando hago ilustraciones fijas, solo puedo crear una capa y colocarla, por ejemplo , así, para usarla como fondo. Pero esta técnica no funciona tan bien para la animación porque a veces, dependiendo de cómo organices tus capas, procreate puede ver esta capa en particular como un fotograma de la animación que puede estropear el proyecto. Solo voy a usar la capa de color de fondo que está incorporada en procreate para mi fondo. A pesar de que quiero mostrarte si cierto elemento que se queda quieto en tu lienzo. También puedes establecer esa ilustración secundaria como fondo. ejemplo, digo, quiero agregar algunas texturas para mi fondo. Puedo usar uno de los pinceles de textura, por ejemplo este. Y solo adelante y pimienta mi lienzo con esta hermosa textura. Un poco se siente como nieve. Pero esta textura seguirá siendo la misma a lo largo de mi animación. Entonces lo que quiero hacer es crear una nueva capa y asegurarme de que tengo más de una sola capa. Y ven al ícono de llave inglesa y haz clic en la ayuda de animación. Por defecto, hay dos capas. El primero tiene la nieve por todas partes en el segundo es solo capa vacía. Lo que voy a hacer es tocar esta capa nevada y alternar esta opción que dice fondo. Esto convertirá mi capa salpicada en fondo, lo que significa que incluso si agrego 100 capas después de eso, el fondo seguirá estando presente para cada una de ellas. Lo cual es muy agradable. Y voy a hacer clic en Configuración y asegurarme de que mis marcos cebolla vuelvan a uno. Entonces no está demasiado desordenado. Cuando haces algunas animaciones realmente rápidas, posible que quieras configurar tu piel de cebolla en más de una, pero nuestras animaciones en esta clase son bastante simples. Entonces me voy a quedar con uno. Así puedo seguir adelante y empezar a animar de capa a esto. Ningún efecto parece un poco fuerte. Entonces voy a volver a la capa uno y tocar la N en mi capa para cambiar la opacidad. Así que volvamos a nuestra capa uno. Si nuestra animación real, lo que voy a hacer es dibujar un efecto líquido de la letra I, como te he mostrado al principio de esta lección, voy a empezar con algunos realmente brillantes, verde enérgico, verdoso, amarillo. Así que voy a volver a mi pincel de dibujo normal. Puedes usar un pincel que tenga más textura. Eso lo hace más divertido. Pero por ahora, voy a usar este pincel en particular porque está bastante claro. Este es mi primer cuadro. De nuevo, voy a hacer que sea solo un comienzo minúsculo, minúsculo de la letra I. Y va a, el líquido va a gotear hacia abajo. A lo mejor un lado es un poco más pesado que el otro lado. Y voy a crear otra capa y arrastrarla debajo. Este va a ser el color azul que se asoma bajo el verde. Estas dos capas van a ser vistas como un fotograma de animación. Entonces voy a escribir swipe para agruparlos, clic en Agrupar, y luego trabajar en la segunda capa. Entonces solo voy a tener una, déjame solo acercarme. Solo tiene como diminuta, diminuta muestra de esta capa azul debajo. Entonces ese es nuestro muy humilde primer marco de animación. Así que ese es nuestro grupo tiene el frame uno, y voy a crear dos nuevas capas para el siguiente frame. Y luego agruparlo para decirle a procrear, este es un solo fotograma. De nuevo, vamos a tener. El azul en la parte inferior. Esta vez el azul va a ser un poco más grande. En realidad. Voy a empezar con el verde porque ese es el color principal impulsor. Gotea un poco más. Y yo sólo voy a dejar caer el color aquí. Y para cambiar entre colores, solo puedes presionar prolongadamente el ícono de color para volver a su color anterior. Voy a cultivar este color un poco más y luego dejarlo caer. Entonces básicamente el verde o el amarillo va a gotear principalmente a la derecha y el azul va a gotear principalmente por la izquierda. Entonces ese es nuestro segundo fotograma. Y puedes dar click en el primer fotograma y el segundo fotograma para comparar. Siguiente paso, vamos a tocar el icono más para crear dos nuevas capas. Nuevamente, vamos a escribir swipe para agruparlos. Entonces este icono azul va a ser un poco, este color azul va a ser un poco más largo. Parezcamos un diente molar. Entonces voy a hacerlo un poco más largo y solo usa la gota de color. Me di cuenta de que tengo color azul en la capa superior. Entonces solo voy a seleccionar la capa inferior y arrastrarla de nuevo a la parte superior. Y luego crear mi capa amarilla. Si quieres ser como súper preciso sobre esta animación, puedes buscar videos que tengan cámara muy, muy lenta de cómo se mueve el agua. Esto hará que tu animación sea más realista. Antes de ahora vamos por lo orgánico y lo fornido. A lo mejor hasta está goteando un poco aquí. Y podemos acertar a la jugada para previsualizarla súper rápido. Es demasiado rápido. Entonces voy a cambiar el fotograma por segundo a tal vez cinco. A ver. Bien, mejor. Nuevamente, vaya al grupo superior y cree dos nuevas capas y agruparlas. Y seguir haciendo nuestra carta. Voy a hacer que se detenga tal vez por aquí. Entonces tal vez este estaba por aquí. Entonces colorea este. Siéntete libre de, tú. No hay que añadir solo precisamente dos colores. Se puede. A quien perdí mi azul, pero sé que ese es el color anterior que usé. Así que sólo voy a mantener mi color.it va a cambiar de nuevo al azul. Puedes agregar un tercer, cuarto o cuantos colores quieras agregar. No tienes que quedarte con dos colores. Sólo quiero mostrarte cómo funciona. Pero puedes totalmente, totalmente volverte loco. Colorea mi azul. Entonces voy a añadir mi último fotograma. Hit Plus un par de veces. Y agrupa las dos capas superiores juntas. Este es mi marco final. Voy a simplemente crear este yo fornido, el cuerpo del yo fornido. En realidad este es el penúltimo fotograma, porque para el último fotograma, el amarillo va a porque para el último fotograma, el ponerse al día por completo. No vas a poder ver el azul. Vuelva a cambiar al color amarillo. Es solo, casi llegó al final excepto por un poquito. Cualquier color es para el último fotograma. Sólo voy a crear un fotograma. Y va a ser este amarillo cubriéndolo todo. Ahí vas. Vamos a golpear Play y veamos cómo se ve. Bastante lindo. A mí me gusta se siente como una paleta más que la letra. I. Un poco quiero arreglar eso. Entonces voy a mover todo un poco hacia abajo y agregar un punto en la parte superior. Entonces parece una pequeña letra I. Entonces lo que voy a hacer es escribir deslizar cada capa. De esta manera podemos mover a todos juntos hacia abajo por la misma distancia. Y voy a abrir cada grupo individualmente para crear este punto. Entonces, cuando expandes el primer grupo, que es el grupo inferior, y presionas Plus para crear una nueva capa dentro de ese grupo. Y tal vez este color rosa. Y sólo voy a dibujar círculo y colorearlo. Y abre otro grupo y agrega otra capa. Y dibujar un punto similar, pero no es idéntico. Así que sigue hasta que cada fotograma tenga un punto. Y quieres extraviar intencionalmente un poco el punto para que puedas ver el cambio de posición para ver el movimiento. Tenemos tres puntos más por recorrer. En realidad, se ven súper pequeños. De todos modos. Sólo voy a dejarlo de esta manera. Y a lo mejor está creciendo un poco. Entonces se está haciendo más grande. Y fíjate que nuestro último fotograma es solo un solo ojo. Vamos a crear otra capa y un grupo con esto, quiero esta línea amarilla. Entonces tenemos a estos dos como un solo grupo. Si conoces un poco de principio de animación, incluso puedes agregar como el squash y el equilibrio entre cada fotogramas. Pero por ahora, estoy contento con solo un ligero desplazamiento diferente. Voy a volver a golpear play. Entonces, sí, esa es nuestra tercera técnica. Y te veo en la siguiente lección. 5. Técnica 4 Efecto de Morphing: Así que anteriormente hemos aprendido a animar usando un solo efecto. Y también hemos aprendido a hacer que cada fotograma de animación sea más atractivo mediante el uso de capas. En esta lección, vamos a seguir construyendo sobre nuestro conocimiento previo y animando esta letra M. Solo voy a jugar en pantalla un poco para que puedas familiarizarte con la apariencia de esto animación. Así que voy a parar en un marco medio en alguna parte. En términos de esas estructuras, tenemos este trazo anaranjado rojizo medio dando vueltas. Y si miras la punta del trazo, tenemos este pequeño óvalo con estos dos hilos buscando cosa que sale. El propósito de esto es indicar la dirección del siguiente paso. Entonces, como que construyes un poco de anticipación. Así que sólo voy a reproducir esta animación una vez más. En esta lección, vamos a construir algo muy parecido. Entonces en vez de la letra M, lo cual es bastante complicado, vamos a construir una letra minúscula I. Voy a ir a un nuevo lienzo y crear un nuevo color de fondo. Entonces ese es nuestro color de fondo. Sólo voy a usar nuestro primer pincel, el mono liner limpio, para mostrarte la dirección principal y el tamaño principal de nuestra letra I. Así que básicamente va a ser algo así, tal vez con un punto. Así que vamos a hacer crecer nuestra carta desde el principio hasta el final. Y para la carta real, voy a hacerla un poco más gruesa. Y voy a crear este punto. Y voy a borrar un poco de la cola así como de la cabeza, sólo para que sea un poco más limpia. Entonces esta es nuestra carta. Yo, a lo mejor voy a hacer que sea un Ted pequeño, más pequeño. Y voy a volver a crear una copia con fines de seguro, solo para mantenerlo a salvo. Si nos equivocamos, siempre podemos simplemente borrar todo lo demás y empezar de nuevo. Así que duplica y oculta la primera capa, que es la inferior. También puedes encerrarte si quieres. Para esta animación en particular, voy a un orden invertido. Así que básicamente vamos a trabajar al revés. Vamos a tener una carta completa. Y luego lo subes poco a poco. Para el último fotograma, vamos a tener apenas el principio de la letra. De esta manera, no tenemos que hacer coincidir cada fotograma para dibujar cada fotograma y crear este desplazamiento no deseado. Cuando borramos nuestras letras de fotograma a fotograma, podemos asegurarnos de que lo que quede se superponga perfectamente con el fotograma anterior y el fotograma posterior. Si eso confunde, tú, solo tienes que seguir lo que hago y tendrá sentido a medida que trabajemos en el proceso. Así que voy a seguir adelante y crear para otras copias. Entonces voy a deslizar para duplicar cuatro veces hasta que tengamos cinco fotogramas. Entonces vamos a ir a la llave inglesa y abrir nuestra asistencia de animación. Nuevamente, vamos a hacer clic en la configuración para convertir nuestros marcos de piel de cebolla de nuevo en uno. Y luego vamos a volver a nuestras capas. El primer fotograma de nuestra animación es el segundo al último fotograma, como antes. Así que vamos a dejar intacto el primer fotograma y simplemente borrar un poco de nuestro segundo fotograma. Así que haz seleccionado tu borrador. Y solo borra un poco de la cola del segundo fotograma. Y subes aún más para el tercer fotograma. Y luego puedes seguir adelante por el marco después. Parece que cinco cuadros pueden ser muy poco. Entonces voy a crear tal vez un par de capas extra. Entonces, en vez de cinco fotogramas, tenemos siete marcos. Entonces ese es el primero 1 s tercero. Básicamente, cada fotograma posterior tiene cola más corta. Y el último fotograma probablemente solo tenga el punto en la parte superior. Parece que necesitamos crear otro marco. Oh, en realidad, esto es perfecto. Este es nuestro último fotograma y vamos a borrar el cuerpo del último fotograma y sólo tenemos el punto a la izquierda. Parece que hemos olvidado un fragmento de la letra I. Así que voy a volver a, porque los encuadres de cebolla dibujando, voy a volver al fotograma anterior para arreglar eso. Cuando golpeamos play. En este momento, lo hará. Oh hombre, esto es demasiado rápido. Voy a bajar el fotograma por segundo, quizá cuatro fotogramas por segundo. Yo sólo voy a ver el momento rudo de la letra I. Y también voy a cambiar la opción de looping a ping pong. De esta manera, el ojo, el cuerpo del yo iré de un lado a otro. Y una vez que se llena todo el camino, rebota. Y en este punto voy a pasar por cada fotograma para asegurarme de haber borrado todas las partes que pretendo. A ver. Bien, esto es lo suficientemente bueno. Entonces ahora voy a agregar algunas capas secundarias, la pequeña alrededor de la pequeña tapa ovalada así como difusa. Voy a encontrar la primera capa que tenga tu porción levantada. Voy a crear una nueva capa encima de ésta. Y solo agrupa estas dos nuevas capas juntas. De esta manera, todo este grupo va a ser visto como una sola capa. Esta nueva capa que acabo de crear va a ser la tapa mi carta que elija. Tal vez un amarillo más brillante. Se puede ver el amarillo asomándose detrás. Esta es la piel de cebolla. Esto nos muestra a qué capa anterior se ve. También puedes atenuarlo a tal vez como 25%. Entonces no está interfiriendo con el, con la nueva capa. Yo sólo voy a seleccionar la capa en blanco que acabamos de crear encima de esta yo borrada. Y voy a simplemente dibujar tapa ovalada alrededor de ella. Y si quieres ser elegante, puedes crear otra capa para hacer un fusible. Quizá la mecha roja. Esto no contrasta están muy bien con el fondo. Este color durazno. Técnicamente puedes combinar todo el contenido en una sola capa. Pero si has tomado alguna de mis clases de ilustración digital, sabes que soy un gran fanático de las capas porque te permitirá cambiar las propiedades individualmente. Te da mucha más flexibilidad cuando tienes múltiples capas. Entonces sólo voy a cerrar este grupo y pasar al siguiente. Y crea dos nuevas capas en la parte superior. Y desliza el dedo hacia la derecha para agrupar estas tres capas en un solo fotograma. Entonces para cada cuadro, tenemos una tapa y un fusible o una pequeña cola, si se quiere. Así que quiero volver a mi amarillo. Perdí mi amarillo en este punto. Entonces quiero abrir esta pulsación amarilla y larga para volver a probar el color. Y prensa larga para probar el color durazno. De esta manera, tengo los 22 colores como mis colores más recientes. Así que volviendo a mi capa en la parte superior del ojo para dibujar la gorra. Arrastre y suelte para colorearlo. Entonces ese es este grupo. Entonces cada grupo Tenemos alguna forma de letra I. Tenemos la tapa y el fusible o cola. Y puedes pasar a la siguiente letra. I. Crear dos nuevas capas. Y agrupa estas dos nuevas capas con porción del ojo en la parte inferior. Y solo dibuja la tapa. Y puedes usar dos dedos para rotar el lienzo. Sin embargo, eso te facilita dibujar y luego saltar a la capa superior para dibujar el fusible. ¿Quieres cambiar a un color diferente? Bastante. Así es como va. Dos nuevas capas. Y agrupa estas tres capas. Esta clase se centra en las técnicas de animación. Pero si te interesa aprender más ilustración como una técnica tradicional de ilustración fija, puedes consultar mis otras clases en Skillshare, donde enseño una variedad de diferentes que utilizan principalmente Procreate así como Adobe Illustrator. Puedes previsualizar la animación golpeando la jugada. Como se puede ver, el, es, le va bastante bien. Entonces solo vamos a cada letra I para agregar los otros dos elementos. El casquete amarillo y los grupos de cola. Doble toque, toque doble dedo en la pantalla para deshacer. Probablemente debería haberlo explicado antes. Y este es nuestro último fotograma y solo tenemos una letra I. Parece que hay una parte que necesita algo de borrado. Puede hacer clic en cada grupo para previsualizar. ejemplo, este parece que necesitas algo de borrado, así que solo voy a entrar y borrar esta parte rosa. Por cierto, cuando toco en pantalla, me muestra el grupo. Esto se debe a que tengo el grupo seleccionado en mi panel de capas en lugar de capas individualmente. Procreate está preguntando ¿a qué capa del grupo quieres llamar? Entonces quiero llamar a esto ojo rosa. Hay un poco de mancha que necesito borrar. Este es otro beneficio de usar diferentes capas porque todos mis elementos no están a lo largo de una sola capa. Puedo ser más generoso cuando borro. Sé que el rosa está en PINKO y la cola de durazno está solo en el pH. Entonces, ¿por qué no lo levantas? No tengo que bailar alrededor de él para tener súper cuidado. Yo sólo puedo ir audazmente y sólo se borrará el rosa. El resto del cuadro parece genial, así que podemos seguir adelante y golpear play y ver cómo te gusta. Sí, esta es nuestra cuarta técnica. En cualquier momento que desee agregar cosas adicionales, siempre puede simplemente expandir su grupo y agregar capas adicionales. Por ejemplo, si quiero agregar un resaltado a mi letra, yo, solo puedo crear una nueva capa. Expandes el grupo, creas una nueva capa en la parte superior y finges que la luz llega a través de la esquina superior derecha. Solo agregas un poquito de resaltado. Y puedes hacer lo mismo en esta capa de resaltado a lo largo este grupo, a lo largo de cada fotograma. Y esto agregará más carácter a tu animación. Y a propósito no puedes agregar el resaltado en la misma posición exacta. Así que cuando se previsualiza la animación, hay un poco de cambio a esta probablemente no tendrá resaltado porque es muy corta. Sólo voy a golpear play. Entonces esto es bastante lindo. Esa es nuestra cuarta técnica. 6. Técnica 5 efecto de fragmento: Bien, este es el último hecho o técnica de nuestra clase de animación. Si miramos esta letra S, cuando estoy deslizando la línea de tiempo de animación, se inicia como una letra S completa y poco a poco se está rompiendo y se está haciendo añicos y las piezas están volando fuera de la pantalla. Entonces ese es el hecho de que vamos a construir en nuestra última lección. Nuevamente, vamos a crear canvas. Y vamos a darle un color de fondo. Voy a hacer tal vez la dejas entrar en la fuente del guión. Voy a borrar un poco el principio y la cola. En realidad, voy a cambiar el color del fondo porque está produciendo un poco de resplandor. Sólo por el bien de tus ojos, voy a volver a hacer que vuelva a tener un color más oscuro. Yo soy tal vez este verde azulado, este color P Cauchy como lo hacíamos antes. Vamos a crear una copia de nuestra carta n solo por seguridad. Duplica y desmarca la visibilidad. Bloquearlo. Y vamos a hacer esta animación y tal vez cinco fotogramas. Se va a romper muy rápido en comparación con el ejemplo que tenemos. Entonces ahora tenemos cinco capas de animación. También vamos a activar la asistencia de animación haciendo clic en el icono de llave inglesa, lienzo y Animation Assist. Y también queremos hacer clic en la configuración para cambiar los fotogramas de la piel de animación a tal vez tres. En este caso, podemos ver dos fotogramas anteriores, así podemos ver qué tan rápido están viajando las piezas. Ahora volvamos a nuestra primera capa de animación, que es la capa inferior. Esta técnica utiliza prácticamente la función de selección sola. Entonces. Ese es este pequeño icono de cinta en la esquina izquierda de las cuatro subcategorías bajo la herramienta de selección, querrás asegurarte de tener la mano libre seleccionada y tienes que agregar resaltada, pero el relleno de color no está seleccionado. De lo contrario, volverá a colorear tu selección con el color actual. No queremos hacer eso. Solo queremos seleccionar r piezas destrozadas. Entonces volvamos a nuestra letra N. Para el primer fotograma, vamos a tener la letra N como una letra entera. Nada necesita ser alterado. Cuando pasamos a la capa de arriba. Para este marco, queremos usar la herramienta de selección y tal vez solo dibujar un triángulo. Simplemente a mano alzada. Una vez que tenga una forma cerrada y haga clic en este pequeño icono de cursor para seleccionarlo y simplemente darle un puñetazo. ¿Alguien quiere hacer eso por diferentes partes de la carta? Entonces tengo la cinta seleccionada y dibujo otra pieza más grande, y hago clic en el cursor para moverla más. Y puedes agarrar el mango verde para girarlo según lo necesites. Sólo voy a dar la vuelta y seleccionar mis pequeñas piezas destrozadas. Entonces este es el primer movimiento. No quieres ser demasiado severo. Entonces solo se mueve un poco. A lo mejor voy a seleccionar otro. En la parte superior. Ahí vas. Y esta es nuestra segunda pieza. Cuando creé nuestro documento por primera vez, cometí el error de hacer demasiados duplicados del n perfecto. Eso no es lo que queremos para esta técnica. Lo que queremos es construir una pieza de rotura y luego construir encima de esta a partir ahí en lugar de la n perfecta. Así que voy a eliminar mis tres extremos perfectos superiores y hacer una copia de la capa que acabamos creado, el de diminutas piezas quebradizas. Desliza hacia la izquierda para duplicar. Lo que vamos a hacer ahora es mover más nuestras piezas y crear más piezas destrozadas. Así que usa esta herramienta de selección, la cinta. Queremos seleccionar nuestras piezas destrozadas existentes y moverlas un poco más. Y tal vez cambiar el ángulo usando el punto verde y la mano libre. Para usar la herramienta Lazo y un icono de cursor para moverlo más lejos. Y queremos que cada pieza tenga al menos un poco de movimiento. De lo contrario, aparecerá estancado en la animación. Una vez que cada pieza se haya movido más, podremos crear nuevas piezas de rotura. Por lo que queremos seleccionarlo y moverlo más allá. Sólo hay que dar la vuelta a nuestra letra n. Tal vez moverla hacia abajo así. Entonces vamos a mover las piezas del centro o pretender que hay un centro en el centro de la letra N. Y todas las piezas se están alejando de él. Y luego tenemos nuestra segunda capa. Queremos crear una copia de nuestra segunda capa y seguir adelante desde ahí. Ahora parece un poco desordenado, voy a hacer clic en la configuración, en la animación ayudar a convertir los marcos de piel de cebolla de nuevo a uno y lazo, o usar la herramienta de selección para mover las cosas. Entonces las piezas que están más se mueven un poco más rápido. que puedas lazo para seleccionar un grupo de cosas y luego mover individualmente el retablo un poco más. Parece que el retablo va un poco más rápido. Voy a mover esto hacia arriba. Mueve esto hacia abajo. Voy a tener este, muévete como un trozo grande. Esa es nuestra nueva capa. Y queremos hacer una copia para seguir moviendo aún más nuestras piezas. Así que básicamente selecciona y muévete. Como anteriormente en este punto para las piezas en el borde, está bien sacarlo del marco. No hay que mantenerlos ahí porque ya deberían estar viajando más lejos de la pantalla. Se pueden descomponer aún más piezas que se ven demasiado grandes. Y luego no olvides usar la herramienta de rotación. Así que parece que han estado volando. En pantalla. Ahí vas. Bien. Vamos a crear un marco más que tenga todo más alejado y prácticamente todo casi fuera del borde excepto algunos. Y nuestro último fotograma va a estar simplemente vacío porque ya todo ha salido volando de la pantalla. Bien. Y para el último fotograma, solo vamos a crear un marco en blanco. Y ahora podemos golpear Play para ver, en realidad, antes de hacer eso, quiero bajar los fotogramas por segundo a tal vez cinco o seis y luego darle play. Ahora puedes ver el efecto de sombra. Esto será más divertido si convertimos el escenario en ping-pong. Se siente como las piezas volveremos juntas para seguir adelante y golpear play y ver si podemos ir un poco más rápido, tal vez ocho fotogramas por segundo. Ahí. Ese es nuestro último efecto. 7. Reflexiones finales: Hola chicos, felicidades, lo lograste. Has visto todas las lecciones de esta clase y tal vez has practicado un poco en el camino. Estoy súper orgullosa de ti, si te gusta mi estilo de enseñanza. Tengo toneladas de otras clases en Skillshare. No olvides seguirme en Skillshare de esta manera, serás notificado la próxima vez que publique una nueva clase, hasta la próxima vez. Feliz creación.