Animación para lettering: usar Photoshop para hacer GIF de palabras que se transforman

1. Introducción: Hola, me llamo Chris Piascik, soy Illustrator. En esta clase, te mostraré mi proceso para hacer animaciones de bucles simples, transformando una palabra en otra sin usar ninguna complicada característica de software de animación. Esta animación se puede crear en Photoshop, o en Procreate utilizando el mismo proceso. No soy Animador, y apenas conozco mi camino After Effects. En realidad, aún me pierdo cada vez que intento usarlo. El motivo por el que te digo esto es para demostrar que si puedo hacerlo, tú también. Dicho esto, no soy un hackeo completo, he trabajado con clientes como Cartoon Network, Google, McDonald's, The Washington Post, incluso Nickelodeon. La publicidad en redes sociales se ha convertido en un enorme mercado, y los GIFs animados simples son altamente deseables para esa aplicación. Las animaciones que crearemos, tendrán una apariencia suelta, lúdica, y vibrarán un poco como la animación tradicional de la vieja escuela. Si buscas hacer animaciones suaves con ilustraciones vectoriales ajustadas, es probable que estés mejor con una intro a la clase After Effects. Tocaré vagamente mi proceso de Lettering, pero si esta es la primera vez que trabajas con el tipo ilustrado, recomendaría primero una intro a la clase Lettering. Mi amigo, Mary Kate McDevitt, tiene uno genial. Gracias por afinarse en esta clase, y pasémoslo bien. 2. Proyecto: Yo otra vez. Sólo te voy a leer tu tarea en mi teléfono aquí. Tu tarea es crear un GIF de looping, animado, transformando una palabra en otra palabra. Te recomiendo elegir palabras que sean similares en longitud, ya que hará que el proceso sea un poco más fácil. La solución más fácil será usar palabras con la misma cantidad de letras como, culo y pedo. En realidad, tengo eso escrito aquí. Esto es muy poco profesional. Hacer de esta manera te permitirá transformarte una letra en otra letra, lugar de transformarte múltiples letras en una sola letra. El letra no es significativamente más difícil, pero al principio puede llegar a ser un poco confuso. Queremos mantener las cosas sencillas para empezar. Entonces puedes experimentar y volverte más loco a medida que vas. La segunda parte de la asignación es divertirse. También debe ser la primera parte. Paso cero, diviértete, parte más importante. Después la parte del culo y el pedo. Hablar con usted más tarde. Adiós. 3. Bocetar un lettering: ¿ Escogiste tus palabras? ¿ O simplemente te cogiste la nariz? Lo primero que quieres hacer, empezar a considerar cómo se va a ver este GIF animado es cómo van a quedar tus palabras. Podrías considerar ideas diferentes, tal vez la forma en que se ve la palabra podría reflejar su significado, tal vez la palabra esponjosa podría parecer esponjosa, tal vez sea algunas letras peludas. Se puede pensar en cómo las diferentes cualidades o formas de línea pueden afectar la forma en que funciona. Para iniciar este proceso, todo lo que realmente necesitas hacer es simplemente empezar a bosquejar. Puedes hacer esto en tu iPad y Photoshop o en algún papel de calco. Recomendar papel de rastreo para que puedas usar lo que has empezado y hacer variaciones basadas en eso. De hecho, realmente podrías hacer todo este proceso en el esbozo papel y luego simplemente escanearlos todos al final y compilarlos en Photoshop. Es un poco más difícil, pero funcionaría absolutamente. El clave de esta parte es simplemente experimentar y jugar con cómo se ven las palabras y jugar alrededor, y como mencioné antes de divertirme. Vamos a divertirnos. Yo sólo voy a agarrar un pincel para lápices aquí. Como puedes ver, uso los pinceles de Kyle Webster porque son fantásticos. Yo sólo voy a agarrar un lápiz. Porque a pesar de que estoy trabajando digitalmente, lo necesito como un lápiz cuando estoy dibujando. Yo sólo voy a empezar a esbozar algunas palabras que no necesariamente son las que voy a hacer, pero sólo jugando y probando diferentes palabras de cómo podrían parecer para tal vez darte algunas ideas. No sé, como mencioné, la palabra limo, quizá si esa fuera tu palabra, podrías intentar que sea goteado. A lo mejor si estás haciendo la palabra limo, podrías dibujarla y hacer algunas letras goteadas. Hacer esto es divertido animar porque lentamente puedes hacer los goteos bajen y se vea asqueroso. Pero ten en cuenta, cuanto más complicado sea, complicado será animar. Ya que estamos animando cuadro por cuadro, vamos a tener que redibujar esto una y otra vez, si es realmente duro podría ser bastante tedioso, dicho eso, si tienes algún tipo de goteo divertido, podría valer la pena. También encontrarás que animar de esta manera porque es vibrar y va bastante rápido, es más indulgente de lo que podrías pensar. Eso es sólo un boceto rápido de cómo podría verse la palabra limo. Probemos otra cosa. A lo mejor si tu palabra fuera boom, tal vez podría simplemente ser como formas sólidas realmente audaces y grandes. A lo mejor es en un poco de curva que, no sé mezclar el sonido del boom, no sé si una curva haría eso, pero se siente así para mí, entonces ve por ello. A lo mejor podrías mejorarlo aún más dándolo como un efecto 3D, como si viniera hacia nosotros. Nuevamente, en este punto solo estamos jugando, probando cosas diferentes. A veces, bueno, normalmente bosquejaré un poco más flojo que esto, pero pueden parecer un poco caóticos, no muy buenos para fines de video porque tal vez soy el único que pueda entender eso. Otra cosa divertida de hacer es hacer líneas más delgadas para las cosas y hacer que se mueva un poco. mí me gusta probar esos efectos a veces, tal vez algunas líneas si vamos a hablar de líneas delgadas, tal vez la palabra flaca, solo dejar que la línea se mueva un poco mientras estás dibujando. Esto puede tener un efecto realmente genial cuando estás haciendo la mayoría de estos y animándolos, vibrará bastante. Pero lo complicado es que, si la palabra es demasiado larga puede ser un poco difícil de leer, tal vez eso es algo con lo que quieres jugar. Esta parte del proceso como bocetos. Quieres asegurarte de que te diviertas, buena idea, y que estás disfrutando haciéndolo. A veces pasaré más tiempo aquí haciendo las cosas del boceto que en la pieza terminada real porque quieres asegurarte de que tienes tu diseño bloqueado y planeado antes de que pases todo el tiempo ordenándolo. Recuerda divertirte. Dibujemos algunas cartas divertidas. Diversión. Otra cosa en la que pensar es que quizá hay algunos pequeños elementos gráficos que quieres hacer como a veces tener unas pequeñas líneas garabateadas a un lado son divertidas de animar. Tómate tu tiempo en esta etapa, diviértete un poco, haz algunos bocetos. Una vez que obtenga su primer bloqueo de palabra, usará eso como punto de partida para hacer la segunda palabra. El motivo de eso es que queremos mantenerlos aproximadamente del mismo tamaño. Pueden cambiar la forma en que se ven bastante dramáticamente. A medida que experimentas más de esto, puedes cambiar las cosas de tamaño bastante dramáticamente, para empezar las cosas y para hacerlo de la manera más sencilla, vamos a querer mantenerlas aproximadamente del mismo tamaño, porque puede llegar a ser confuso cuando comienzas por primera vez. Tengo que irme. 4. Finalizar ilustraciones de palabras: De acuerdo, así que una vez que hayas reducido tus bocetos a una solución con la que estás contento por cada palabra. Tendrás que hacer versiones finales de cada uno. Generalmente mis bocetos son pequeños, así que ábralos en un documento de Photoshop como yo tengo aquí y hazlos más grandes para poder trazar sobre ellos con un poco más de detalle, apretándolo a medida que voy. Esto es más o menos como hago todo mi trabajo. A veces lo hago un montón de veces pero aquí mismo verás que tenemos mi boceto todavía bastante suelto, y todavía tengo un poco de la cuadrícula ahí. Pero es sólo para darme algo, referencia de cómo quiero que se vea esto. Entonces lo que voy a hacer ahora es tomar esa capa de boceto y bajar la opacidad lo suficientemente baja como para que todavía la pueda ver, pero no va a interferir con lo que estoy haciendo. Voy a hacer una nueva capa y voy a seguir adelante y agarrar un pincel con el que dibujar. A ver, creo que solo voy a ir con uno de los pinceles de entintado suaves de Kyle para mantener las cosas simples. Entonces empecemos a entintar. Sólo estoy siguiendo junto con mi boceto aquí, y lo hago de la misma manera, incluso cuando apenas estoy en el proceso de boceto. Si estoy tratando de conseguir que algo se vea mejor, sólo seguiré haciendo bocetos sobre bocetos, tratando de que se vea bien. Pero aceleraré esto para que no tengas que ver todas y cada una de las líneas. Supongo que solo unos pensamientos mientras estoy haciendo esto. Tengo en cuenta que estos son Script form. Entonces aunque estos son sueltos y juguetones, sigo prestando atención a la idea de que soy una pincelada hacia abajo, el ancho es más grueso y luego upstroke es más delgado. Por ejemplo, en esta S subiendo y es delgada, y luego se va a poner más grueso a medida que baja y luego sale. Esta es obviamente una versión dramática de eso. Pero de nuevo, sigue siendo útil tener una base en la realidad incluso cuando estás haciendo letras lúdicas. Está bien, así que voy a seguir adelante y sólo usar el cubo de pintura para llenar esto y luego me va a dar una mejor idea de cómo están funcionando mis formularios de cartas. A ver si necesito hacer algún ajuste. Entonces apagaré mi capa de boceto para poder verla por sí sola. Ahora que estoy mirando esto puedo ver que hay unas pocas áreas que necesito limpiar. Esta parte de la S. Creo que esta la N se ve un poco delgada en comparación con la S y todas estas otras letras. Entonces sólo entra y carne de res que hasta un poquito. Beef es un término de topografía técnica por lo que si no tienes ese fondo de diseño, puede que no lo sepas. A esto se le llama el factor de carne de vacuno, generalmente medido en [inaudible]. Otra cosa a tener en cuenta es que estos van a ser animados y movidos y esas cosas. Por lo que hay pocas imperfecciones puede ser algo bueno. No me preocuparía demasiado. Genial, creo que eso va a funcionar para nuestros propósitos. Para que pueda seguir adelante y borrar ese boceto. Como mencioné, estamos pensando en esto como un flip book digital. Entonces todo va a tener esa mirada vibrante. Eso tiene sentido cuando estas cosas se están transformando. Pero cuando estamos transformando palabras, necesitamos aferrarnos a cada palabra por un segundo o dos para que alguien realmente pueda leerla. El problema ahí es que por esa naturaleza suelta, si sólo nos aferramos a la palabra tal como es, se verá raro porque va a ser estática y no se mueve. Entonces para evitar eso, lo que haces es dibujar cada palabra tres veces, y luego podemos recorrer esos tres fotogramas un número de veces dependiendo de cuánto tiempo quieras aguantar la palabra. Sólo hacerlo tres veces le permitirá vibrar de forma natural sin parecer dos cosas volteando de ida y vuelta. Yo diría que tres es el mínimo para tener esta vibración natural. Podrías hacer más si quieres que se vea más intrincado, pero tres suelen funcionar bien. Entonces eso es lo que vamos a hacer por esto. Entonces para eso, sólo vamos a hacer exactamente lo que hicimos para la fase de boceto. Vamos a bajar la opacidad de esa capa y hacer una nueva capa. Yo sólo voy a rastrearlo y puedes intentar mantenerte bastante apretado y eso te dará una vibración mínima o podrías experimentar con conseguir un poco más flojo y tener más variación, y eso obviamente vibrará más. Lo que encontré es que si solo trato de hacer un trabajo bastante decente rastreándolo, funciona justo para mí. De acuerdo, una cosa que mencionaría es que deberías, en lugar de hacer lo mismo y bajar la opacidad de esta nueva capa y trazar eso, recomiendo apagar esa capa, hacer una nueva capa y trazar su original de nuevo. El motivo de eso es porque no quieres estar trazando las ligeras variaciones que acabas de hacer porque entonces se parecerá demasiado a un e-vamp. A lo mejor ponerse un poco más gorda ya que lo estás rastreando. No tendrá una verdadera vibración natural porque parecerá más secuencial. Si trazas el original para ambos, será antinatural de ida y vuelta sin sentir que está cambiando de una manera rara, si eso tiene sentido. Ahora tenemos tres variaciones de nuestra palabra desagradable, lo que voy a hacer ahora es volver al original y voy a traer de nuevo la opacidad. Seamos adultos responsables y nombremos nuestras capas aquí mismo, para que las podamos hacer un seguimiento cuando empecemos a animar, porque puede ponerse un poco confuso cuando hay muchas capas. Voy a nombrar esto, NASTY 1 y luego NASTY 2 y NASTY 3. Haremos esto para que podamos mantenerlos al tanto para que tengamos la vibración natural que estamos esperando. Lo que podemos hacer ahora es probar esto para asegurarnos de que se vea bien. Adelante y ve a la ventana y abre nuestra línea de tiempo y da click en Crear una Línea de Tiempo de Video y luego vamos a dar click en estas casitas en la esquina inferior para que sea sencillo. Lo que podemos hacer aquí, como hicimos en los ejercicios anteriores es hacer marcos a partir de capas. Seguiremos adelante y eliminaremos nuestra capa de fondo, y luego mantendremos pulsada la tecla shift para seleccionar nuestras tres capas, y luego volveremos a encender la capa de fondo. Si quieres tener antecedentes. Pero solo estamos haciendo esto con fines de prueba para que no importe. Ya que tenemos todos estos seleccionados, podemos cambiar el tiempo como recomendé, 0.1 segundos es una buena opción para variación sutil como esta y podemos seguir adelante y presionar play para probar esto. Enfriar. Eso le tiene un poco de vibración. Creo que se ve un poco genial, tal vez un poco más de lo que quería. El vibra es bastante, pero creo que por las palabras asqueroso y asqueroso. Creo que esto es agradable porque el pulso mide un poco. Se siente un poco asqueroso, va bien con el color, se siente un poco baboso, así que estoy contento con esto. Vamos a parar esto, voy a seguir adelante y borrar estos marcos porque vamos a estar teniendo cambios allá abajo por el camino, así que no quiero confundir las cosas. El siguiente paso es hacer lo mismo por bruto. Voy a seguir adelante y abrir una nueva capa y agarrar mi archivo de boceto. Ver aquí HABILIDAD COMPARTE bocetos, brutos, cool. Lleva esto a mi archivo de photoshop, coloca eso, y vamos a bajar la opacidad como lo estábamos haciendo antes. Antes de empezar a dibujar, primero quiero conseguir la talla correcta. Voy a encender una de mis capas desagradables y volver a comprobar. Parece que el dimensionamiento está bastante cerca, mi ajuste, turno crece un poco, eso parece bastante bueno. Apagaré eso y luego haremos el mismo proceso que acabamos de hacer pero por bruto esta vez. Ahora tenemos nuestros tres burros, así que de nuevo, voy a volver a traer la opacidad de nuevo. Voy a nombrar mis archivos como un joven o jovencita muy inteligente, o simplemente una persona muy inteligente, tan inteligente. GROSO 3. Probemos nuestras cartas brutas. Abramos nuestra línea de tiempo, en lugar de hacer los marcos de make a partir de capas, solo golpeemos un par de veces a esta cosa duplicada. Tenemos nuestras tres capas. Voy a ir adelante al primero y asegurarme de que es GROSS 1 esté encendido y ahora voy a los dos y voy a apagar uno y encender dos. Voy a ir a encuadrar tres, y voy a apagar uno y encender tres. Uno tiene GROSS 1 activado dos, tiene GROSS 1 encendido y tres tiene GROSS 3 activado. Es lo mismo que hacíamos antes, es justo como hacer los marcos a partir de las capas, esto es sólo hacerlo manualmente. Nuestra configuración ya está puesta porque lo hicimos la última vez, y vamos a tocar el juego. Enfriar que se ve bastante asqueroso, estoy contento con eso. Estamos listos para el siguiente paso que es toda la razón por la que estamos aquí, para transformar estas dos palabras juntas. Te veré en el próximo ejercicio. 5. Ejercicio de transformación de formas simple: Para este primer ejercicio, vamos a hacer una simple morph solo usando dos formas, un triángulo y un cuadrado. Esto lo vamos a hacer porque nos permitirá pasar por el proceso de la manera más sencilla sin preocuparnos por los matices o complejidades de las letras involucradas en morfiscar dos palabras. Voy a sacar mi iPad, engancharlo a Photoshop, y luego podrás seguir en pantalla mientras trabajamos a través de esta primera animación sencilla. Para empezar, vamos a abrir nuestra paleta de capas y luego hacer una nueva capa, y vamos a dibujar nuestra secuencia de inicio y luego nuestra secuencia de fin, y lo que quiero decir con eso es donde va a empezar y donde va a terminar. De lo que vamos a hacer para probar esto y para tener una idea de cómo funciona este proceso de morfación, sólo voy a transformar un triángulo en un cuadrado. Para empezar, vamos a hacer nuestro punto de partida, así que sólo voy a dibujar el triángulo. Ahí tenemos un triángulo, sólo vamos a llenarlo, hacerlo sólido. Ahora voy a bajar la Opacidad para que aún puedas verla, pero luego puedo dibujar encima de ella y ver otra cosa. Lo siguiente que vamos a dibujar es donde queremos que esto termine y como estamos transformando un triángulo en un cuadrado, vamos a dibujar nuestra plaza. Mantuvimos la opacidad del triángulo hacia abajo solo para que podamos hacer que el cuadrado tenga la misma forma porque lo hará más fácil. No de la misma forma, del mismo tamaño. Yo sólo voy a usar la altura como guía aquí. Voy a llenar eso. Ahora tenemos nuestras dos formas, tenemos nuestro triángulo y tenemos nuestro cuadrado. Para animar una morph entre estos dos, necesitamos hacer los fotogramas intermedios. El encuadre intermedio es clave para hacer que el proceso de animación funcione. Piénsalo como un flip book, si miraras un flip book de una página a la vez, verías apenas cambios cada vez tan levemente, y luego cuando lo pasas rápidamente, se mueve. Nosotros vamos a hacer lo mismo. Lo que queremos hacer es bajar la opacidad para cada uno de ellos para que aún podamos verlos a ambos, y vamos a hacer una nueva capa encima de eso. Lo que queremos hacer es cambiar lentamente el triángulo por la plaza. En realidad es tan simple como eso. Lo que yo haría es trazar cerca del triángulo, pero tal vez lo hacemos un poco más ancho ahora y tal vez ese punto empieza a cuadrarse, pero se está acercando a la plaza. Apagaremos esa primera, y ahora bajaremos la opacidad en una que acabamos de dibujar, y luego volveremos a hacer el mismo proceso. Empezaremos una nueva capa y acabaremos de acercar ese triángulo a la plaza. puede divertir con estos procesos, Sepuede divertir con estos procesos,no sólo tiene que estar moviéndolo lentamente, no tenemos que simplemente mover lentamente esta línea. Podrías experimentar con diferentes formas de hacerlo, y esto es parte del proceso que realmente me gusta. A mí me gusta probar diferentes formas de transformar las cosas y hacerlo de diferentes maneras, así que en lugar de tal vez sólo extender esta línea recta, ¿y si la hacemos más orgánica? Pero sigue siendo un cambio sutil, por lo que no se va a ver completamente fuera de juego cuando está animado. Rellena eso, apagaremos el anterior, pero siempre estamos dejando el final encendido porque ahí es donde estamos tratando de llegar, por lo que cada paso está un poco más cerca. Volvamos a bajar la opacidad, hagamos una nueva capa, y desde que empezamos a hacer esta situación de formas orgánicas, sigamos con eso. A lo mejor podemos tener un poco de suerte cuando estamos empezando a construir esa plaza. Casi podríamos hacer que pareciera que está golpeando al costado y salteando un poco. Voy a bloquear esto y luego vamos a llenar eso. En este punto hay que decidir, ¿ es suficiente o quiero hacer otra? Creo que esto probablemente está lo suficientemente cerca de la plaza como para que podamos parar. Esta animación probablemente funcionaría bastante bien llevándonos al rectángulo. Podrías hacer de esto un bucle solo repitiendo el proceso y simplemente revertir estas capas, pero lo que me gusta hacer es intentar hacerlo de una manera diferente para que no solo se vea como un rebobinado. A mí me gusta hacer más de un bucle orgánico donde es una secuencia de ciclo completo. Bueno, eso es un bocado. Lo que vamos a hacer ahora es volver atrás. Vamos, para que no nos confundamos, mueva el rectángulo de nuevo a la parte superior porque queremos empezar con la imagen original y luego terminar con esa imagen final. Ahora para retroceder, vamos a hacer lo mismo pero en orden inverso. Vamos a tomar esta plaza y traerla de vuelta al rectángulo. Y si pudiéramos probar algo diferente donde volvemos a dibujar la plaza. Entonces tal vez intentemos hacer algún borrado estratégico. Herramienta equivocada, me refería al borrador. Y si tratamos de hacer algunas líneas borradas. Creo que esas son un poco gordas, pero tal vez podamos poner algunas medias aquí, así que es un poco como si se estuviera disolviendo. Apagaremos esa y luego bajaremos esta opacidad, y luego podremos ver que podemos ir un poco más allá. Cuando estás empezando a disolver cosas como estas líneas que son bastante grandes, tal vez la siguiente sean más delgadas, es como una evolución lenta. Entonces los que ya adelgazan, simplemente se convierten en pedazos de líneas, tal vez unos pequeños puntos o algo así. Entonces tal vez podamos acercarnos un poco más esta forma y luego volver atrás y agregar esas líneas se disuelven en los lados. Como puedes ver, no estoy siendo tan particular con los bordes porque le va a dar una vibración natural que me gusta mucho, y ya verás a qué me refiero cuando vayamos a animar esto. Voy a tirar algunas líneas más aquí, así que es una disolución lenta. Está bien, apaguemos esa capa y bajemos ésta para que veamos qué estamos haciendo. Vienen justo a punto de llegar a los bordes del triángulo para éste. Estos que eran sólo pequeñas líneas, sólo estoy como puesto en algunos pequeños puntitos ahí dentro. Ya que esto es solo un ejercicio, tal vez déjate experimentar y ver qué poco puedes mostrar o tal vez qué tan grande de un cambio puedes hacer y tenerlo aún leído. ¿ De acuerdo? Está bien. Apagemos este temprano. Llevemos eso esta opacidad. Entonces esto va a ser yo creo que nuestra final antes de volver al triángulo original. Voy a dibujar el triángulo bastante apretado a los bordes. Rellena eso. Entonces sólo una especie de convertir estas líneas en pedacitos. Está bien, así que desde que hemos venido bajando la opacidad en todas estas líneas, queremos asegurarnos de que todas estén al 100 por ciento. Llena como todos y luego igual que traerlos todos a cero o algo así y luego puedes sacarlos de un 100 para asegurarte de que estén todos en el lugar correcto. El siguiente paso es ir a tu ventana y encontrar la ventana de la línea de tiempo. Aquí es donde realmente vamos a hacer nuestra animación. Cuando abras tu línea de tiempo, obtendrás esta ventana. Vamos a dar click en esta cosa que dice Crear una Línea de Tiempo de Video. Vamos a mirar esto y : “Oh Dios mío, eso es confuso. No sé qué es”. Entonces vas a ir a la esquina inferior y vas a ver estas casitas y estás como, bueno, esta pequeña animación de fotogramas que se ve bien. Haga clic en eso. Eres como, wow, un cuadrado que parece mucho menos aterrador. Aquí es donde ocurre el truco de magia. Si haces click sobre la derecha en estas pequeñas líneas por aquí, vamos a hacer clic en este ajuste mágico llamado marcos de micrófono de capas. Lo que esto va a hacer es que va a tomar todas nuestras capas y convertirlas en los fotogramas de nuestra animación. Boom, aquí el Centro Mall. El primero son nuestros antecedentes. Lo que puedes hacer es simplemente eliminar esa capa. Entonces sigamos adelante y mantengamos el turno y seleccionemos todos estos fotogramas. Podemos ir a nuestras capas y darle vuelta eso alrededor de eso ido. Lo que eso hace es que sólo encienda esa capa para cada uno de estos marcos. Debajo de cada plaza verás un ajuste de hora. Para este tipo de animación, he encontrado que ponerlo, en un retardo de 0.1 segundos funciona bastante bien. Se puede experimentar con cosas diferentes, pero cualquier cosa por encima de eso empieza a ponerse un poco lento. Este tipo de te da ese aspecto de animación natural. 0.1 segundos. Entonces solo quieres asegurarte de que esto esté encendido para siempre. Lo que eso significa está en un bucle. Aquí está el momento de la verdad. Veamos si esto realmente funcionó. Vamos a pegarle juego. Tenemos una animación de morfación fresca. Creo que esto es algo divertido porque ya que cuando se está haciendo más pequeño aquí, esas líneas son como caer hacia el centro. Tiene una vibración fría a ella. Es casi como un latido de corazón raro. Pero eso es todo. Hicimos un poco de animación de morfación en bucle. Buen trabajo a todos. Para poder usar esto realmente en la web, vas a querer guardar esto como un GIF animado. O puedes exportar una película lo que prefieras. Pero para guardarlo como GIF, simplemente irías a File Export. Entonces puedes hacer decir para web. Una vez que estés aquí, solo quieres cambiar esto a GIF. Aquí es donde puedes cambiar el tamaño. Como mencioné antes, me gusta trabajar a 2,000 para que tenga la capacidad de dibujar más fácil cuando se trabaja a menor resolución, es difícil conseguir buenas líneas. Aquí lo haré más pequeño. Esto es sólo un GIFs animados que no vamos a querer demasiado grande. A lo mejor hacemos 800 pixeles. Algo a tener en cuenta es que quieres que el tamaño del archivo sea más pequeño y ya que estos se cumplen para la web. Si ven por aquí, esto es sólo 50K que es diminuto. No hay necesidad de preocuparse ahí, pero a medida que comienzas a complicarte más con estas cosas e introduciendo colores, se puede poner bastante grande. Generalmente trato de mantener las cosas por debajo de 500K, o al menos bajo omega encaja como una súper complicada. Una vez que se pone por encima de eso, estás realmente mejor usando un archivo de película que un GIF. Podemos ahorrar eso. Guardémoslo en el escritorio. Entonces puedes ir a revisar eso. Tenemos un GIF, discúlpame. Si quieres exportarlo como película, solo puedes ir a exportar video render. Esto es útil si quisieras traerlo como secuelas o algo así. Entonces tienes tus diferentes configuraciones aquí. No voy a hablar de eso porque eso es un poco complicado y no necesariamente para esta clase. Está bien. Te veré en un rato. 6. Ejercicio de escritura cursiva: Hola. En este próximo ejercicio, vamos a hacer una animación simple, simplemente deletreando una palabra. Esto no es necesariamente una morph pero es una forma de mostrar cómo esta animación fotograma por fotograma puede funcionar con tipo. Es un efecto cool que puedes usar en tu animación final de morfación o en cualquier otra cosa de animación tipo. Voy a hacer este en Procreate porque como mencioné, el proceso para crear estas animaciones es el mismo tanto en Photoshop como en Procreate. Haremos este ejercicio en Procreate para que puedas tener una sensación de hacerlo en una aplicación diferente. A pesar de que es esencialmente lo mismo, y puedes hacerlo en Photoshop con la misma facilidad. Echemos un vistazo a la pantalla, y dejemos de mirarme. Lo que vamos a hacer es usar un guión, una palabra escrita en guión, y luego vamos a hacer que se escriba para la animación. Empecemos. Voy a usar la palabra ok como nuestro ejemplo. Estaría bien contigo? La forma más fácil de iniciar este proceso es simplemente escribir la palabra como hicimos aquí. Entonces al igual que hicimos en el ejercicio de morfación de formas, vamos a bajar la opacidad, y vamos a hacer una nueva capa igual que Photoshop. Esta es solo una aplicación sencilla sin todas las características que tiene Photoshop, pero es suficiente para hacer en GIF animado como este. Lo que vamos a hacer ahora es que sólo vamos a empezar por el principio. Cuando estás haciendo esto con guión, quieres pensar en cómo escribirías la palabra, y cómo iría. Puedes experimentar con lo mucho que haces a la vez o lo poco que poco. Pero lo que me gusta hacer es empezar con sólo dos poquito de golpe, y a veces redondearé el final así. Lo que puedes hacer ahora es hacer una nueva capa, pero podrías o bien seguir empezando desde fresco, y seguir rastreando, o una forma más rápida es si solo duplicas esa capa, y luego solo tienes que seguir adelante, y agregar un poco más a ella. Esto es más rápido seguro. El único tema aquí es que no obtendrás esa misma calidad vibratoria porque el principio se va a quedar igual, pero de nuevo, como se está deletreando, es posible que no te des cuenta no vibrando porque está en movimiento de todos modos, pero por el bien de la simplicidad, lo vamos a hacer de esta manera aquí. Ve un poco más allá. Es, whoops, ese es el borrador. Voy a deshacer eso. Puedes experimentar con dónde y cuánto tiempo haces cada adición, pero lo que me gusta hacer es prestar atención a donde hay como bucles y cosas así. Por lo que parece natural. A menudo voy a ir tasa a donde está la parte superior del bucle, que no sólo cambie a donde se completa un bucle completo porque entonces no se verá como un movimiento natural. Sólo estoy duplicando la capa otra vez. Ve un poco más allá. Este, lo llevaremos hasta la cima. Entonces el siguiente dará un bucle hacia abajo. Duplicar esa capa. De nuevo, apáguelos a medida que avanzas, pero se vuelve confuso. Entonces aquí, al igual que me gusta hacer con los bucles , muchas veces vendré a parar antes de que se cruce porque a veces se ve un poco raro si hay como un bucle terminado de la nada. Se mueve bastante rápido, así que es bastante indulgente. Puedes experimentar, ver qué funciona mejor para ti. El mismo aquí donde como llega a un punto final, y después tiene que retroceder para subir. Porque a medida que estás escribiendo esto, haces un bucle hacia arriba, y luego directamente hacia abajo. Normalmente me detendré ahí, y luego iré al siguiente, y tal vez bajaré esto. Duplicado. Ahí está. Cuando tengo cosas como un signo de exclamación o tal vez si se está transitando a otra palabra, una cosa que me gusta hacer es hacer como un pequeño salto divertido con una línea para tratar de hacer el signo de exclamación. A veces será tan simple como sólo extender la línea por un minuto, y llevarla a la siguiente palabra. Ya que estamos tratando de hacer el signo de exclamación aquí, el ángulo realmente no se presta tan bien. Supongo que podría parecer que golpeó una pared imaginaria o algo así, pero podrías jugar alrededor, y ponerte fantasía. Creo que voy a hacer que haga como un flip o algo así como está haciendo un truco genial. No sabías que esta clase es de tipo acrobacias, ¿verdad? Se trata básicamente de los juegos de letras X. De lo que vamos a hacer, vamos a dar este dulce salto aquí. ¿ Nos movemos por ahí todavía? No quiero que me lleven ni extra otra vez, vamos a conseguir una R en un minuto. Voy a bucle esto. Estamos volteando por aquí. Se está volviendo loco. En realidad esto podría ser un doble flip. Es difícil de saber, pero voy a duplicar esto. Queremos asegurarnos con otras capas apagadas para que podamos ver lo que está pasando. El clave es porque esto es saltar, queremos tenerlo separado. Lo que voy a hacer ahora es tener eso separado, así que se está rompiendo de nuestra palabra. Entonces terminaré esto. Por lo que termina justo donde queremos que lo haga. Vamos a continuar con este bucle. Voy a disparar esto arriba. No quiero acortarles la cola. Aguanta un poco. Esta loca. Normalmente no me vuelvo así de loco. Ya veremos si funciona. No estoy seguro si se va a ir, pero este es el resultado de experimentar y divertirse. Vamos a borrar esta cola. Ahora sólo estamos en este punto. Entonces vamos a disparar esto a nuestro signo de exclamación. No es un signo de exclamación, así que tienes que asegurarte de que sea muy exclamatorio. ¿Eso es todo? No estoy seguro si lo es. Yo bajaré esto, terminé nuestro signo de exclamación, borramos el final de la misma. Entonces tal vez pongamos el punto al final ahí para que pueda disparar en el siguiente. Duplicar eso, borrar el final. Entonces podríamos encontrar dónde está tal vez sacarlo más ancho como si estuviera golpeando una pared, y rompiendo un poco. Eso duplicaremos. Bueno, borrarlo, y luego dibujarlo normal. Ese bucle era un poco caótico, pero veamos cómo lo hizo. El único que hay que recordar con Procreate es hacer la animación. Tienes que asegurarte de que todas tus capas estén encendidas, lo cual es un poco diferente a la técnica de Photoshop. Vamos a apagar el primero porque ese era solo nuestro punto de partida. Ahora, para hacer tu animación, vas a dar click en esta pequeña llave de aquí arriba, y luego ir a Compartir, y luego Animado GIF. Entonces obtendrás un pequeño adelanto fresco. Agradable. Eso es divertido.. Hagamos solo Web Ready, exportarlo. Podemos Guardar nuestra imagen. La exportación es exitosa. 7. La transformación, parte 1: Empecemos con el evento principal aquí. Vamos a morfiscar algunas palabras. El primero que quieres hacer es encender tu primera palabra. Lo que vamos a hacer es bajar la opacidad. Probablemente vamos a volver y ajustar esto. Proceso de morfación puede ser un poco confuso, sobre todo al principio cuando no lo has hecho antes. Hay algunos trucos diferentes que puedes hacer para que sea un poco más fácil. Te mostraré algunas de las que me gusta hacer. También vamos a encender la palabra bruto. Lo que tenemos que hacer es superponerlos lo suficiente para que podamos ver ambos. Creo que es útil ver la palabra con la que estás empezando un poco más que la otra palabra. Se puede ver desagradable un poco más. Un consejo rápido que tengo es porque estos son del mismo color, hace aún más difícil distinguir entre ellos. Lo que hago a veces es dar clic en uno de ellos y voy a seguir adelante y hacer comando yo e invertir ese color. De esa manera podemos alternar fácilmente de ida y vuelta para volver a ponerlo cuando hayamos terminado. Haciendo este color morado, hace que sea mucho más fácil ver las diferencias entre estas letras. También nos permite bajarlo un poco más ligero también. Vamos a hacer una nueva capa, y esta va a ser nuestra primera capa de morph. Aquí la clave es hacer cambios paso a paso de nuestra palabra desagradable a la palabra grosera. Ahora, obviamente si estás usando palabras diferentes puedes usar tus palabras ahí en lugar de desagradable y asqueroso. Estamos tomando nuestra primera capa, que es desagradable, y cambiándola un poco para acercarnos a la asquerosa. Estas van a parecer raras, pero no necesitas preocuparte por eso porque son como un proceso de mudanza. Sólo los van a ver por una fracción segundo creo que apenas empezar a dibujar lo hará un poco más claro esto. Por ejemplo, estamos viendo este extremo, la primera parte de desagradable aquí, y vemos que este G es bastante más alto. Lo que voy a hacer es empezar a dibujar esta línea aquí para salir un poco así que sólo voy a golpearlo sutilmente por ahí. Entonces baja, sigue esta línea, y luego saca eso un poco. Parece que va a entrar así que voy a cortar algo de eso. Entonces esto va a bajar para acercarme más a la G así que extenderé un poco esto. Cambiándolo sutilmente para acercarlo a la siguiente palabra. Voy a subir aquí y vemos que tenemos este travesaño aquí el cual no tenemos en el G. Podríamos hacer dos cosas; podríamos hacer esto más delgado y eventualmente tenerlo desaparecer, o cambiarlo hacia arriba para convertirse en la cima del G. Creo que podría ser en realidad una mejor idea. Lo que voy a hacer es subir un poco esto, extender esto hasta acercarlo a esa parte superior. Aquí, solo voy a subir esto para acercarme eso. Tenemos esta cola que necesita desaparecer así que voy a hacer esta cola un poco más corta. Voy a traer toda esta línea por aquí. Haz que eso sea un poco más gordo. Tan solo meterse entre los dos puede hacer que esto salga un poco. Tenemos esa misma situación aquí donde va a haber una brecha. Para este, vamos a que el final venga un poco allá y acerquémonos un poco más. Yo no saldría todo el camino ahí fuera eso podría ser un poco molesto de una transición. Como mencioné, al principio es un poco confuso, pero lo está cambiando un poco. Es como una cosa paso a paso, un poco a la vez. Ya que tenemos estas líneas conectadas, voy a seguir adelante y hacer que esa línea conectada sea un poco más delgada y eventualmente la haga desaparecer. Tenemos esta pequeña situación aquí donde hay este vacío del G. Voy a tirar de esto en un poquito, porque nuestras palabras son desagradables y asquerosas, son viscosas. Tener unas pequeñas hendiduras onduladas y extrañas es algo bueno. Pasemos por aquí. Porque la a es minúscula y todas las letras en bruto son mayúsculas. Tenemos una brecha más grande aquí, pero eso está bien. No es gran cosa podemos hacer algunos cambios sutiles. Voy a sacar esto un poco. Tenemos esa misma situación pasando donde tenemos este contador vacío aquí arriba. Pero creo que tiene más sentido usar esta parte de la A como las piernas. Porque esta forma está muy cerca de esta forma en la parte inferior de la R. Vamos a darle una oportunidad a esto. Voy a tirar de esto en un poco, subirlo un poco, y luego sacarlo un poco. Estoy cerrando un poquito ese contador. Como mencioné, voy a dividir la parte inferior de la A, casi como una A. mayúscula Pero no quiero cortarla por completo de inmediato. Voy a adelgazar ese bar y bajar un poco esto. Voy adelante y llenar estos para que sea menos confuso mirar. Eso lo estropeo ahí arriba. Quieres asegurarte de terminar tus formas antes de querer o no el cubo de pintura. Ahora puedes ver por qué te recomendé elegir palabras que tengan la misma cantidad de letras para empezar. Porque de esta manera podemos enfocarnos en morfiscar una letra a otra letra. Definitivamente puedes experimentar y probar otras cosas. Es el mismo proceso para transformarse una palabra con menos letras a una con más letras. Es sólo un poco más complicado. Tenemos este s y eso va a ser una o. Podría tener sentido ensanchar el s para acercarlo a la o.Lo que quiero decir con eso es, voy a sacar esto un poco más, extender esto, y luego tirar de esto y Creo que eventualmente podemos unirnos a los contadores. Lo que voy a hacer es hacer ese contador más grande allá arriba y luego conseguir que éste se acerque. Después los uniremos para hacer el contador sobre el. Tenemos que asegurar que esta t un poco más ancha puede hacer que la cruz en la t sea un poco más ancha a medida que la estamos acortando. Se toma esta cosa de conexión y se adelgaza al principio, luego se hace más ancha para que podamos usarlo para parte de la s. Definitivamente hay espacio de meneo aquí no se pretende juego de palabras. Porque esta cosa está pasando tan rápido que puedes salirte con la tuya bastante y hacer que siga leyendo bien. Voy a dejar que parte de este s pase a la cima de ese s así que estoy adelgazando un poco esa barra. Voy a volver y llenar estos. Se ve un poco menos loco. Si comienzas a confundirte, puedes seguir y mirar donde se superponen. Tengo esta morada y esta línea aquí, así que sólo voy a dibujar entre ellos. Esa será la diferencia entre los dos simplemente tropezando un poco esa brecha. Aquí tenemos esta cosa. Voy a acortar todo esto como unidad y luego dejar que se separe aquí. Entonces otra vez, para esta cola como hicimos la otra, sólo vamos a acortarla un poco. Enfriar y ahora tenemos nuestro primer marco de transición. Lo que podemos hacer ahora es ir y podemos apagar nuestro cuadro desagradable original, que es justo de donde empezamos. Apagémonos para que podamos ver, así que de ahí empezamos. Voy a mover nuestra primera capa de transición encima de eso para que podamos ver aquí y ustedes puedan mirarlos de ida y vuelta. Entonces pasamos de esto a esto. Como puedes ver, es un cambio un poco sutil. Todavía se puede ver de dónde vino, no es muy dramático, pero nos está acercando a esto. Ahora, vamos a tomar esta primera capa de transición y hacer lo mismo que hicimos con la otra y bajar la opacidad, excepto que esta vez vamos a estar más cerca y hacer una nueva capa. Vamos a volver a hacer el mismo proceso hasta que esté más cerca. Por lo general, se puede hacer esto en tres fotogramas. No cambiamos tanto, realidad podrías salirte con la tuya haciendo cambios más dramáticos y puedes experimentar con esto a medida que vas, depende del look que vayas por. Pero tres generalmente es suficiente para que se vea bastante creíble. Para este segundo, voy a ir un poco más agresivo. Voy a traer esto todo el camino hasta aquí. Eso voy a acortar más y entonces sólo voy a acercarme bastante para caer en estas líneas aquí. Podría incluso simplemente unirme a estos bastante cerca porque no estamos teniendo que movernos tanto para que esto funcione. Porque no teníamos nada aquí antes, solo estoy haciendo esto un poco más delgado y luego voy a empezar a usar esa forma abstracta que hice ahí y simplemente haciendo una versión más grande de la misma. No quiero deshacerme de esta brecha por completo, así que todavía voy a mantener un poco esta zona del puente, vamos a saltar esto arriba. Ya casi parece una G. Así que puede bajar esto bastante cerca, bajar esto, subir un poco más allá con eso. Entonces teníamos este pequeño puente aquí, así que sólo lo voy a hacer más delgado y vamos a hacer lo mismo aquí, pero un poco más grueso. A ver. A veces es útil simplemente olvidarse de cuáles son las palabras y letras e intentar acercar el verde un poco más al morado o a los colores con los que trabajes en el tuyo. Creo que solo voy a cerrar toda esta zona por ahora y voy a dejar que estos se unan. En realidad voy a hacer esto un poco más pequeño para que podamos empezar a acercar esto. Enfriar. Traeré esto en un poquito pero quiero que se sienta como una evolución natural abriendo ese espacio. Entonces podemos acercarnos aquí pero aún necesitamos cerrar esa conexión. Cuando hay una separación completa como acabamos de tener ahí, parece que si dejas que se unan con una línea más delgada y luego la llenan, es [inaudible] un poco más naturalmente. En este, necesitamos deshacernos del verde en el medio, así que sólo voy a sacar algo de él sin sólo borrarlo por completo para que lentamente se sienta como si estuviera cambiando. Tan solo te das cuenta de que aquí podemos ir más apretados, no hay razón para tener tanto. Haz una línea delgada ahí, adelgaza esto, acorta. Adelante y llenemos estos. Enfriar, así que veamos dónde estamos. Entonces bajaré esto, apagaré la capa bruta, volvamos a subir la opacidad de nuestra primera capa de morph y luego miraremos eso, ya puedes empezar a ver la palabra bruto. Ahí puedes pasar por la evolución y si eres escéptico en este punto, siempre puedes abrir tu ventana de línea de tiempo y hacer un par de fotogramas y empezar a ver cómo está funcionando tu morph. Añadamos otra para que podamos convertir la primera a una de nuestras desagradables capas y luego girar la segunda a nuestra primera morph, tercera a nuestra segunda morph. No, eso no está bien. Esa es nuestra segunda morfa. Entonces podemos cambiar esta por una de las cosas asquerosas y luego apagar esta cuarta capa porque no necesitamos cuatro. Entonces volvamos esto a unos, que no se bucle y se vea confuso. ¿Se puede jugar? Ve que ya está funcionando así. Ni siquiera necesitamos realmente una cuarta capa, pero creo que voy a hacer una para que podamos hacer un par de pequeños efectos con ella. Pero como puedes ver, solo usar estas dos capas, eso se morfina de manera bastante natural. Muy bien, así que apaguemos esto y volvamos a donde estábamos. Este de aquí es nuestro nivel de morph actual, así que voy a bajar la opacidad, poner la bruta debajo de ella y luego haremos una nueva capa para hacer nuestra tercera. Entonces una forma en que puedes agregar un personaje a algunos de estos morfos y darle un poco más de energía o estilo dependiendo del tipo de dibujo de la literatura es tal vez insinuando la forma o cómo se hacen estos. Entonces como esto es baba, podemos jugar con cómo desaparecen las cosas a medida que se están separando. A lo que me refiero con eso es, por ejemplo, esta cola por aquí, tal vez podamos tenerla poco [inaudible] y tal vez haya alguna splat ya que se está desmoronando y tal vez aquí lo puedas tener sentir como si fuera un poco splattier ya que se está separando, casi como si estuviera chasqueando y hay algunos puntos de goo. Pero tal vez si tu palabra estuviera hecha de vidrio o arena o algo así, podrías tenerla en lugar de cambiar lentamente así, tal vez las letras se separan en grietas pero eso no es lo que estamos haciendo aquí, así que voy para borrar eso. Otra cosa que puedes hacer es como esto se acerca, hice una parte que gotea un poco y hasta puedes exagerar eso más como tener otro goteo cayendo que simplemente caería en el resto de la palabra. Puede hacerlo tierno un poco o algo así. Algunos de estos gotean hacia abajo. A lo mejor es que el goteo es lo que empuja este fondo hacia abajo. Ayuda a que se llene y solo podemos tener unos puntitos de donde esa línea está para ser como alguna salpicadura. Dejar que la forma se construya con un poco de una cosa salpicada, babosa. Como puedes ver, algo de esto fue como bastante alejado de la final, porque sucede tan rápido, todavía se lee bastante bien. Eso te da un buen ejemplo de cuánto puedes salirte con la tuya sin mostrar y que el morph siga leyendo bien. Ahora porque estamos tan cerca de nuestro lugar final, pero aún necesitamos una capa de transición más para terminar estas pequeñas salpicaduras para que se sientan naturales. Cómo haces eso, es solo hacerlos desaparecer de una manera más natural y puedes hacerlo al igual que haciéndolos un poquito más pequeños y luego simplemente se evaporarán o simplemente fluirán de forma natural hacia esta otra palabra. Pero en lugar de volver a dibujarlo todo de nuevo, lo que puedes hacer es simplemente tomar una de tus tres palabras finales para asqueroso y usar eso como punto de partida. Voy a seguir adelante y usar el tercero. Porque vamos a empezar con uno y eso nos dará algo de espacio para bucle sin que parezca que está pausando un segundo si eso tiene sentido. Si no sólo confía en mí. Estoy encendiendo la capa 3, seleccionando todo y copiándolo. Voy a hacer una nueva capa y la voy a pegar en su lugar. Ahora podemos usar esto como punto de partida. Podemos volver a nuestro primer bruto, trayendo la opacidad de nuevo a un 100 por ciento y luego Comando I para invertirla de nuevo al color correcto. Voy a arrastrar esta copia de seguridad para estar con las otras palabras asquerosas. Ya que tenemos un montón de capas de transición, deberíamos ser inteligentes y etiquetar esto. Yo sólo voy a llamar a estos, morph 1. Este es un buen momento para asegurarte de que tus opacidades estén todas de vuelta en un 100 por ciento. A ver, ya nos confundimos. La capa 3 es morph 3. Entonces mi 4 que es nuestra copia de brutos tres, ver cómo esto puede llegar a ser confuso. Si etiquetas cosas es menos confuso lo llamamos cuatro. No. Sí. Está bien, genial. Me confundí porque parece normal porque esto es normal porque tenemos que agregarle algunas cosas todavía. Lo que vamos a hacer ahora es encender el morph 3, bajar esa opacidad para poder ver algunas de sus otras cosas que está sucediendo, y podemos sumar esas a esta cuarta variación. Sólo vamos a hacer algunas cosas sutiles aquí sólo para terminar la secuencia de algunas de estas pequeñas cosas splat que teníamos pasando. Voy a hacer mi pincel un poco más pequeño y solo abordar estos puntos para que estén bastante grandes ahí. Voy a hacer que parezca que se están cayendo y desapareciendo. Este de aquí, sólo voy a hacer un pequeño lugar ahí. Ese se está cayendo y entonces éste sólo se va a meter en el halagador. Entonces es como mostrarnos que solo van a caer en ella y convertirse en parte del limo. Con esto, podría simplemente tirar de esto, parece que está volviendo a sí mismo otra vez. Simplemente dirigiéndolos un poco para que parezcan que les pasa algo. Este final hace lo mismo, por aquí tira un pequeño punto allá, este punto allá y entonces tal vez eso sólo se convierte en la tira. Tenemos eso, y entonces tal vez esto es solo se puede decir que está cayendo en sí mismo. Esto lo podemos tener terminando de donde cayó y tal vez sólo hacer que ese conector un poco flaco. Este delgadez solo puede dejar que estos se desintegren un poco. Es sutil, pero es suficiente que lo haga parecer un poco más creíble. Volvamos a entrar. Tenemos cuatro morfos. Solo probemos esto y veamos cómo se ve. Tenemos cuatro capas para los morfos y luego dos más para la secuencia de inicio y fin. Número 1, vamos a seguir adelante y ponernos un desagradable. Número 2, apaga un desagradable, enciende un morph 1. Número 3, apaga desagradable, ve a morph 2, apaga eso, ve a morph 3 y luego iremos a morph 4 y luego nuestra iteración final con apenas bruto. Enfriar. Se puede ver cómo se ven esos pequeños gotitos como si acabaran de terminar su ciclo. Vuelven a caer en la palabra pero le agrega un poco de carácter. Se va a ver aún mejor cuando usamos nuestro ciclo repetido para cada letra al principio. En realidad en este punto, podrías simplemente revertir esto y estar hecho. Sigamos adelante y hagamos eso para que podamos ver cómo se vería eso. Para nuestra final aquí, voy a hacer una secuencia diferente en bucle hacia atrás. No es sólo un ida y vuelta. Pero si quieres que se acabe de hacer ahora podrías. Vamos a seguir adelante y hacer marcos a partir de capas. Hacer ese mismo proceso donde apagamos esa capa trasera. Enciendamos aquí la capa de fondo. Los primeros tres marcos son los nastys y luego los tres groses. Lo que podemos hacer aquí es seleccionar a esos tres nastys y duplicarlos un par de veces. De esa manera tenemos más tiempo para leerlos y luego vamos a seguir adelante y agarrar nuestras últimas tres capas brutas. Selecciona todos esos y vamos a duplicar eso un par de veces. Para poder hacer este bucle, necesitamos volver a la transición. Para hacer eso, sólo podemos hacer un reverso de la secuencia de Morph. Hagamos un nuevo marco y luego vamos a seguir adelante y encender la última morph. Esto nos va a traer de vuelta a desagradable. Haré uno nuevo, apagaré cuatro, encenderé tres y luego bajaré a dos, bajaré a uno. Esto nos permitirá transformarnos de ida y vuelta pero sólo va a repetir el mismo proceso. A veces creo que se ve un poco mejor cuando tienes una secuencia diferente de ida y vuelta. No parece solo una obra de teatro y luego rebobinar. Ya verás a qué me refiero cuando lo tocamos. Voy a seguir adelante y seleccionar el primer fotograma, luego ir al último fotograma, seleccionarlos todos y luego volveremos a nuestra cosa de 0.1 segundos. Entonces podemos cambiar los de aquí abajo para siempre porque esto bucles. Si golpeamos el juego, ojalá esto funcione. Enfriar. Tenemos un bucle completo en el día feliz aquí. En este punto tal vez quieras un color de fondo para esto, creo que eso sería útil. Estoy pensando que el morado será bueno tal vez este morado. Para ello, solo podemos seguir adelante y seleccionar nuestra capa de fondo, hacerla morada y hará que todas las capas sean moradas. Ahora eso es super neón y realmente exagera ese verde baboso. Vamos a jugar ahora. Enfriar, hicimos nuestra morph. Una cosa de darle un bucle de vuelta así, es un poco raro es que cuando llegas a este punto de aquí abajo, esas salpicaduras que hicimos, cuando las revisas, realmente no tiene sentido porque son como rebobinar de vuelta a donde empezaron. Pero de nuevo, sigue funcionando y la mayoría de la gente no se daría cuenta de eso. Si no tuvieras esa transición, estaría bien también. Enfriar. Bueno, pasemos al final más elegante. 8. La transformación, parte 2: Como mencioné, me gustaría que se volvieran un poco más fantásticos con el morph back y utilizaran ese pequeño ejercicio de guión que hicimos antes. Mi plan de juego es dejar que GROSS simplemente gotee en un montón de limo descuidado en el piso, y luego vamos a usar ese baba para deletrear la palabra desagradable. Suena como un buen plan. Esperemos que funcione y vamos a darle una oportunidad. Lo que quiero hacer es, voy a tirar de una guía arrastrando de mi regla hacia abajo. Solo estoy haciendo esto para darme un piso de algún tipo para apuntar cuando deje que esto gotee lentamente. Ya verás a qué me refiero en un minuto. Voy a hacer una nueva capa, igual que hemos hecho para todo este proceso, y voy a bajar la opacidad en mi capa bruta. En realidad antes de hacer eso, necesito recuperar ese color, ese verde, así que estoy dibujando con el color correcto. Ahora voy a bajar la opacidad y hacer clic en mi capa. Lo que quiero hacer aquí es gotear lentamente este tipo hacia abajo en una pila. Eso es bastante fácil. Simplemente vamos a hacer lo que hemos estado haciendo en el pasado, o sutilmente lo cambiamos un poco. Porque esto está goteando hacia abajo, voy a empezar a hacer esta línea un poco más baja. Empezando a tener esta sensación como si estuviera empezando a derretirse. Estoy ablandando estas curvas como si estuvieran goteando hacia abajo en sí mismos, bajando esto y tal vez parte de esto gotea en la parte superior de ese G. Esto se está volviendo un poco más largo. Esto goteó en sí mismo. Es muy asqueroso. Simplemente rezumando, goteando hacia abajo, Haz algunas formas divertidas, goteadas. Al igual que se está derritiendo por completo. Simplemente quieres asegurarte de que no hagas ningún punto más alto que el original para que todo parezca que está cayendo. Construyamos eso en, eso se ve goteado. Podrías seguir adelante y, si quieres exagerar la grosura, quizá tener algunas líneas brutas más delgadas. Dale algo de variedad, para que no sea todo lo mismo. Entonces sólo vamos a seguir adelante y hacer lo mismo por los demás. Tenemos nuestro primero, igual que lo hicimos antes, volver y volver a poner ese original a un 100 por ciento y bajar esta opacidad. En lugar de acercarlo a otra palabra, sólo estamos tratando de acercar esto a una pila en el piso. Todo lo que tenemos que hacer es simplemente seguir moviéndolo hacia abajo y recordando que sólo va a ser una pila para que estas formas de letras se puedan disolver lentamente en gotas. Tenemos esta guía aquí, así que podemos en este punto dejar que algunas de estas gotas más grandes golpeen el suelo. Un poco de chapoteo. Cuando estás haciendo goteos como estos, si quieres que luzcan extra brutos, puedes hacer que caigan a diferentes tasas. Ahí está pensando en la idea de la viscosidad, donde esta es tan delgada, así que tal vez no cayó tan rápido o éste se ha puesto al día y lo ha pasado. Ahora que está empezando a derretirse, tal vez pueda ir un poco más rápido. Ahora que tenemos algo de ello en el piso, podemos dejar que empiece a acumularse y a sacarse un poco. Voy a empezar aquí para esta parte. Ponga este relleno en algunos, obviamente siendo más grande en zonas donde primero había golpeado el suelo. Porque queremos que nuestra física tipo viscoso sea precisa. En este punto realmente solo estoy dejando que este charco, piscina fuera. Deja que esto baje bastante lejos esta vez. Realmente no necesito arrastrarlo demasiado despacio, porque en este punto solo es una blob. Va a ser bastante indulgente. Probablemente sólo necesito llenar pequeñas separaciones aquí para insinuar lo que había antes, pero también puede mezclarse en este punto. Creo que solo haré una capa más para rematarla para que no parezca que siga cayendo. Todavía dejaré que sea grumoso pero solo un poco más suave como si hubiera terminado en un montón. Podemos previsualizar nuestra secuencia de baba. De la misma manera, solo abre de nuevo nuestra línea de tiempo. Encontremos nuestra capa bruta final, enciéndala, hagamos una nueva capa, enciendamos nuestra primera capa goteada. Ya conocen este proceso. Ustedes están animando expertos. Creo que podríamos habernos escapado con unas transiciones menos aquí, pero fue divertido dibujar algo de limo goteo, así que fui por ello. Probablemente solo necesites tres para que esto se vea lo suficientemente bueno, pero vamos a convertir esto en uno para que solo podamos verlo gotear en una pila. Ve que se ve bastante natural. El beneficio de hacer más cuadros es que tiene un efecto más natural cuando estás tratando de hacer algo que simplemente es realmente goteo y fluido, porque hace que se vea más suave, a diferencia de una vibración más dura. Eso realmente da el relleno de limo, que es bonito. Pasando al siguiente paso. Lo que vamos a hacer ahora es convertir este baba en algún guión desagradable. ¿ Estás listo para ponerte desagradable, qué vamos a hacer? Vamos a hacer lo que solemos hacer, vamos a bajar la opacidad. Tenemos que ir a encontrar nuestra iteración final. Tenemos nuestro término desagradable aquí, una palabra desagradable, traemos la opacidad ahí abajo y luego hacemos cualquier marco. Vamos a empezar a llevar este baba lentamente hasta la cima del principio del fin. Entonces esto sólo va a ser el mismo proceso que hicimos en ese ejercicio cuando animamos la palabra de guión Ok. Lo que haremos aquí es sólo hacer un arca, trayendo el baba aquí. Lo que voy a hacer es sólo tratar de hacer una ola aparte para empezar. Entonces es como punto a donde tenemos que ir y simplemente hacer una ola de baba asquerosa. Ahora que tenemos eso, sólo voy a acercar esto un poco más, como si estuviera empezando a moverse. Está llegando y subiendo hacia adelante. Voy a tirar de esta cosa en un poco y sólo lentamente vamos a hacerlo un poco más pequeño, porque vamos a dispararla hacia el cielo. Podemos volver a entrar y apagar esa capa anterior, y bajar la opacidad. Estoy haciendo esto en un iPad y es pequeño, por eso eso está pasando. Nueva capa. Ahora podemos tomar ese rastro de baba, y subirlo a la derecha para empezar a hacer el N. Voy a subir aquí y sólo que empiece a curvar por encima de la cima. A lo mejor hacer eso un poco más natural para diferenciar o algo así, y voy a tirar eso hacia abajo a nuestro camino que estamos siguiendo, y ahora que tengo esa curva, puede como jugar con tener más limo viniendo el onda como si estuviera en camino de empezar el resto de la palabra. Es como fluir hacia arriba, y luego para el cuerpo de limo, voy a hacer lo mismo donde sólo lo hago un poco más pequeño para que podamos decir que se está moviendo hacia arriba la página. Es más o menos el mismo proceso, como usamos en el ejercicio, pero acabamos de conseguir este montón de baba para tratar a medida que avanzamos. Voy a volver atrás y arreglar nuestras opacidades todas a la vez más tarde, para que no tengamos que seguir haciéndolo cada vez, voy a hacer nueva capa, baja esta para que podamos ver qué estamos haciendo. Este punto, voy a terminar la parte inferior, la primera parte de la N, y entonces tal vez tener los arranques de una segunda splat subiendo para pasar al resto de la misma. Queremos que esta onda de limo cambie un poco para que parezca que está fluyendo, así que lo estoy haciendo extendiendo esa parte donde está saliendo un poco, empujando eso hacia arriba para que parezca que está fluyendo, y entonces tal vez podamos empezar una nueva aquí abajo. Empuja ese, tal vez uno de este lado, sólo para que parezca que se mueve constantemente, y luego de nuevo, el proceso aquí, moviendo esto hacia adelante, haciéndolo un poco más pequeño. Como mencioné, me gustaría ponerme un poco más elegante con el morph back y usar ese pequeño ejercicio de guión que hicimos antes. Mi plan de juego es dejar que el asqueroso solo gotee en un montón de limo descuidado en el piso, y luego vamos a usar ese limo para deletrear la palabra; desagradable. Suena como un buen plan. Bueno, ojalá funcione, y vamos a darle una oportunidad. Lo que quiero hacer es, voy a tirar de una guía arrastrando de mi regla hacia abajo, básicamente solo estoy haciendo esto para darme un flujo de algún tipo, para apuntar a cuando deje que esto gotee lentamente. Creo que ya verás a lo que me refiero en un minuto. Voy a hacer una nueva capa, igual que hemos hecho para todo este proceso. Voy a bajar la opacidad sobre mi capa bruta. En realidad, antes de hacer eso, necesito recuperar ese color, ese verde, para que esté dibujando con el color correcto. Ahora voy a bajar la opacidad y hacer clic en “Mi capa”. Lo que quiero hacer aquí es gotear lentamente este tipo hacia abajo en una pila. Eso es bastante fácil. Simplemente vamos a hacer lo que hemos estado haciendo en el pasado, o sin duda lo cambiamos un poco. Porque esto está goteando hacia abajo, voy a empezar a hacer esta línea un poco más baja, y empezar a tener solo esta sensación como si estuviera empezando a derretirse. Entonces estoy ablandando estas curvas como si estuvieran goteando hacia abajo en sí mismos, bajando esto, puede ser parte de esto gotea en la parte superior de ese G, esto se está poniendo un poco más largo. Esto goteó en sí mismo, es muy asqueroso, simplemente rezumo, goteando. Haz algunas divertidas formas goteadas, igual que se está derritiendo por completo. Solo queremos asegurarnos de que, no hagas ningún punto más alto que el original para que todo parezca que está cayendo. Eso se ve bastante goteado. Podría seguir adelante y tal vez si quieres exagerar la grosura, tal vez tener algo como, más delgado. Cisnes gruesos, dale algo de variedad, así que no es todo lo mismo, y entonces sólo vamos a seguir adelante y hacer lo mismo por los demás. Entonces conseguimos nuestra primera, igual que antes, retrocedemos y volvemos a poner ese original al 100 por ciento, y bajamos esta opacidad, y ahora en lugar de acercarla a otra palabra, estamos sólo tratando de acercar esto a una pila en el piso. Todo lo que tenemos que hacer es simplemente seguir moviéndolo hacia abajo, y recordando que sólo va a ser una pila para que estas formas de letras se puedan disolver lentamente en gotas. Tenemos esta guía aquí, así que tal vez podamos, en este punto, dejar que algunas de estas gotas más grandes golpeen el suelo. Un poco de chapoteo. Cuando estás haciendo goteos así, si quieres que se vean extra brutos, puedes hacerlos caer a diferentes tasas, así que hay como, pensando en la idea de la viscosidad donde este es tan delgado, que tal vez sea no cayó tan rápido o éste lo ha atrapado y lo ha pasado, y ahora que está empezando a derretirse, tal vez puedas ir un poco más rápido. Ahora que tenemos algo de ello en el piso y podemos dejar se empiece a acumular y a sacar un poquito. Voy a empezar aquí para esta parte con este relleno en algunos obviamente siendo áreas más grandes donde primero había golpeado el suelo. Porque queremos que nuestra física tipo viscoso sea precisa. En este punto realmente solo estoy dejando salir esta piscina charca. Deja que esto baje bastante lejos esta vez. Realmente no necesito arrastrarlo demasiado despacio porque es solo un blob en este punto, va a ser bastante indulgente. Probablemente sólo necesito unas pequeñas separaciones aquí para insinuar que hay antes pero también puede mezclarse en este punto. Creo que solo haré una capa más para rematarla para que no parezca que siga cayendo. Todavía dejaré que sea grumoso pero solo un poco más suave como si hubiera terminado en un montón. Podemos previsualizar nuestra secuencia de baba. De la misma manera, solo abre de nuevo nuestra línea de tiempo. Hagamos nuestra capa bruta final. Enciende esa nueva capa. Enciende nuestra primera capa de rayas. Ustedes conocen este proceso ahora y reunirse con expertos. Creo que podríamos habernos escapado con unas transiciones menos aquí pero fue divertido dibujar algo de limo de pavo, así que fui por ello. De nuevo, probablemente solo necesites tres para que esto se vea lo suficientemente bien. Pero vamos a convertir esto en uno para que sólo podamos verlo gotear en un montón. Enfriar, se ve bastante natural. El beneficio de hacer más cuadros es que tiene un efecto más natural cuando estás tratando de hacer algo que es realmente trippy y fluido porque hace que se vea más suave a diferencia de una vibración más dura. Eso realmente da el campo de limo, que es bonito. Pasando al siguiente paso. Lo que vamos a hacer ahora, es convertir este baba en algún guión desagradable. ¿ Listo para ponerte desagradable? ¿ Qué vamos a hacer? Vamos a bajar la opacidad y necesitamos ir a encontrar nuestra iteración final. Tenemos aquí nuestro desagradable término por traer la opacidad allá abajo y luego hacer un nuevo marco. Vamos a empezar a llevar este baba lentamente hasta la parte superior del inicio de la n Entonces sólo va a ser el mismo proceso que hicimos en ese ejercicio cuando animamos la palabra de guión bien. Lo que haremos aquí es que sólo haremos como un arca, trayendo el baba hasta aquí. Lo que voy a hacer es sólo tratar de hacer una ola aparte para empezar. Es como apuntar a donde tenemos que ir y simplemente hacer eso como una ola de baba gruesa.. Enfriar. Ahora que tenemos eso, sólo voy a acercar esto un poco más, como si estuviera empezando a moverse, llegando y subiendo hacia adelante. Voy a tirar de esta cosa en un poquito. Esto poco a poco lo va a hacer un poco más pequeño porque vamos a dispararlo hacia el cielo. Podemos volver a entrar y apagar esa capa anterior. Se baja la opacidad. Estoy haciendo esto en un iPad por eso y es pequeño por eso esto está pasando. Nueva capa. Ahora podemos tomar ese rastro de baba y subirlo justo para empezar a hacer el n. voy a subir aquí y así como que empiece a curvar por encima de la cima. A lo mejor hacer eso un poco más natural. Los dos viajes diferentes o algo así. Voy a bajar eso a nuestro camino y estamos siguiendo. Ahora que tengo esa curva puede jugar con tener más limo subiendo la ola como si estuviera en camino. El arrancador se baja como su fluyendo hacia arriba. Entonces para el cuerpo del limo, voy a hacer lo mismo con lo que sólo lo hago un poco más pequeño para que podamos decir que se está moviendo hacia arriba por la página. Es más o menos el mismo proceso que usamos en el ejercicio cuando acabamos de conseguir este montón de baba con el que lidiar a medida que avanzamos. Voy a volver y arreglar nuestra opacidad es todo a la vez más tarde, así que no tenemos que seguir haciéndolo cada vez. Voy a hacer Nueva capa, baja esta para que veamos exagerar. Este punto, voy a terminar la parte inferior de la primera parte de la n y entonces tal vez tener los arranques de una segunda splat viniendo para pasar al resto de la misma. Entonces voy a querer que esta onda de limo cambie un poco para que parezca que está fluyendo. Yo lo estoy haciendo extendiendo esas obras de arte saliendo un poco, empujando eso hacia arriba para que parezca que está fluyendo. Entonces tal vez podamos empezar una nueva aquí abajo, empujar esa y a todos de este lado. Tan sólo para que parezca que se mueve constantemente. Porque esto está fluyendo un poco, habiendo roto un poco la línea y no estar completamente terminado. ¿Esta útil? Este es otro lugar donde puedes experimentar con tener como algunas salpicaduras, cosas como como está fluyendo y podríamos hacer eso incluso aquí también. A lo mejor algunas salpicaduras como esas esas realmente ayudaron a darle algo de carácter. Con las cosas que has empezado a hacer que se sienta más natural como estas cosas planas, siempre solo quieres asegurarte de terminarlas. A lo que me refiero con terminarlos es, así que este es un piso fino splat, y así encuentra el punto final en el siguiente cuadro, y ponlo donde hubiera ido. Tenemos esto aquí, así que tal vez solo tirando ese punto final hacia abajo y dejándolo fluir de nuevo a la línea que estamos creando. Cuando estás escribiendo guiones y tienes un travesaño en la t, que no fluiría naturalmente en esta línea que queremos hacer, puedes llegar a algunas formas creativas de resolver eso. Ya que estamos trabajando con limo aquí, lo que pensé que podría ser divertido es tener parte de la splat de la a para disparar a través y convertirme en la t Lo que quiero decir es, voy a seguir esto aquí arriba, voy a hacer una nueva capa. Voy a dejar que esto suba en esta línea casi como una rampa y que simplemente se rompa. Tendremos que acaba de disparar de aquí y cruzar y cruzar la t Ahora, podemos terminar esta línea de limo, trayendo aún más para terminar de cruzar nuestras t's. Se puede conizar al principio de la misma para permitir que se separa naturalmente. Normalmente, como yo estaba dibujando esto, habría llevado a un continuar más en la s, pero porque estamos disparando el cohete baba, otro término técnico, voy a esperar en eso que no se crucen y lo hagan parecer demasiado confuso. Como puedes ver aquí, empecé a usar goteos desde el otro lado de la t para empezar a llenar esta parte de la y. lo estoy haciendo solo para hacer la transición un poco más rápida, que no estemos esperando por completo el resto de este baba para ponerse al día. Sólo porque hicimos eso, algunas de esas cosas no tradicionales con cohetes de limo, etc, creo que la transición podría ser un poco lenta al principio, así que solo estoy tratando de moverla un poco, y no estoy seguro si importa demasiado, pero depende de cuál sea la aplicación para la que estés haciendo esto. Si solo lo estás haciendo por diversión, entonces no importa. Pero podrías estar haciendo algo como esto donde necesita igualar hasta una cierta cantidad de tiempo; así que pequeñas cosas como esa pueden marcar la diferencia, ya sea demasiado lento o demasiado rápido. Creo que eso va a funcionar para nuestra capa final. Lo que voy a hacer ahora es asegurarme de que todos estén al 100 por ciento de opacidad. Un truco fácil para hacer eso es simplemente seleccionar todas tus capas. Entonces, ahora, la capa de fondo, porque está bloqueada y no nos deja cambiarla, todo menos la capa de fondo, y luego simplemente cambiarla a como cero porque todos son diferentes y luego cambiarla a 100 y ahora todos están numerados. Volvamos a poner nuestro fondo morado. Bajemos a nuestra línea de tiempo y hagamos fotogramas a partir de capas. Tenemos un montón de cosas, como lo hemos hecho antes, empiezan por el principio. Seleccionando la primera capa, vaya al final, mantenga presionada la tecla Mayús, haga clic en la última capa, y luego encienda nuestro fondo. Tenemos una capa de fondo para todo. Vamos a ajustar nuestro tiempo a 0.1 segundos, cambiar este consejo para siempre, y luego queremos duplicar nuestras tres palabras completas que están en la etapa de morfación para que tengamos un poco más de tiempo para leer la palabra. Voy a ir al fotograma 1, mantener pulsada Mayús, e ir a tres, y luego dar clic en este botón duplicado. Esto nos dará un poco más de tiempo para que podamos leer la palabra. Vamos a ir adelante a bruto y encontrar nuestro primer bruto. Déjenme mostrarnos el tercero. Voy a seleccionar todos esos y luego hacer lo mismo. Esto debería estar listo para salir. Entonces vamos a previsualizarlo y esperar lo mejor. Enfriar. Eso es divertido. 9. Conclusión: Oigan, todo el mundo. Soy yo otra vez, profesor Word Morfs, Worfy Mords. Worfy Mords? ¿Qué es eso? En fin, muchas gracias a todos por tomar esta clase y seguir adelante. De verdad espero que te divirtieras. Si no lo hiciste, bueno, te pierdes el punto. ¿ Todo bien? Estamos tratando de divertirnos aquí. Si no te divertiste, solo vuelve al principio y hazlo de nuevo hasta que te diviertas. En fin, si tiene alguna pregunta, por favor pregunte. Si me perdí algo, sólo avísame. Voy a tratar de añadir eso en. Por favor, publique y comparta su trabajo. No puedo esperar a ver qué haces con esto. Recuerda que debes experimentar y divertirte. Deberías probar cosas que dije que no hicieras porque no sé lo que estoy haciendo. Yo sólo lo estoy inventando como todos los demás. Experimentar lleva a divertirse cosas nuevas, así que definitivamente comparte tu trabajo. Daré retroalimentación y responderé a todos los posts de aquí. me emociona. Si publicas tu trabajo en redes sociales, por favor, etiquetame en él para que pueda comprobarlo. Podrías etiquetarme en Chris Piascik, y podríamos usar el hashtag CPMORPHORDS. De esa manera todos podemos seguir adelante y ver lo que están haciendo todos los demás como una gran familia feliz de Word Morphy. Sí, gracias de nuevo. Estoy muy emocionado de ver lo que haces. Espero que esto haya sido de ayuda, y hablaré con todos pronto. Adiós.