Tipografía en movimiento: animación de tipografía en Adobe Fresco

1. ¡Te damos la bienvenida a la clase!: [ MÚSICA] ¿Quieres crear texto animado para tus publicaciones en redes sociales, sitio web o tutoriales en línea? O tal vez te gustaría crear animaciones sobre la marcha usando tu iPad o dispositivo Windows? Si es así, bienvenidos a clase. Oye ahí, soy la artista y maestra del Área de Chicago Tracey Capone, y en esta clase, te voy a mostrar cómo crear animaciones de texto usando Adobe Fresco. Llevo cerca de 20 años usando productos de Adobe tanto para mi trabajo de fotografía como de ilustración, y más recientemente para la animación. Fresco ha sido parte de mi caja de herramientas creativa desde que se introdujo en 2019 y rápidamente se ha convertido una parte integral de mi práctica creativa diaria. Ahora, no soy un diseñador de movimiento profesional, pero he estado usando After Effects para crear mis propias animaciones desde cero, para mi blog, redes sociales, tutoriales de YouTube, y clases en línea durante los últimos años. Cuando Adobe introdujo la animación y el movimiento en Fresco, estaba tan emocionado porque significaba que también podía crear mis animaciones en cualquier lugar que quisiera, siempre y cuando tuviera mi iPad conmigo. Pasé los últimos meses desde que se introdujo la animación en Fresco creando una variedad de secuencias de animación de texto. En esta clase, te voy a caminar paso a través de cómo puedes crear el tuyo propio. Empezaremos con una visión general de las herramientas de animación y movimiento en Fresco y cómo funcionan. Después crearemos cinco animaciones diferentes juntos: Un meneo, el frijol saltando, luces intermitentes, el efecto de escritura en, y enmascarar encendido. Como bono, te voy a mostrar cómo puedes animar fácilmente tus texturas favoritas. Porque si eres algo como yo, sé que estarás de acuerdo en que la textura [RUIDO] hace que todo sea infinitamente mejor. Ahora si no eres un hamletter, no te preocupes, vamos a estar usando fuentes para crear nuestras animaciones. Discutiremos qué fuentes funcionan mejor para cada tipo de secuencia de animación, cómo tirar y configurar tus fuentes, y cómo crear tus animaciones para que sea natural para el ojo humano. Por último, hablaremos las diversas formas en que puedes exportar tus animaciones para cargarlas en sitios como Giphy, tu blog, newsletter o sitio web. Ahora puede que te estés preguntando con todas las animaciones libres por ahí, ¿por qué crear las tuyas propias? Escribir tus propias animaciones de texto no solo te permite crearlas alrededor de tu marca, ya sea una paleta de colores particular, fuente o conjunto de frases clave, también te permite establecer el tono de cualquier mensaje que estés tratando de transmitir. Además de tener una colección de tus propias animaciones a mano te ahorra el tiempo y la molestia de tener que tamizar toneladas de animaciones para encontrar justo la correcta. La mejor parte, las técnicas de animación que vas a aprender en esta clase se pueden aplicar a otras ilustraciones que creas en Fresco, no solo texto. Solo voy a usar herramientas a las que todo el mundo tiene acceso, ya sea que estés en la versión gratuita o premium de la app. Ahora esta clase es amigable para principiantes, pero se recomienda que tengas al menos alguna experiencia con Fresco. Si eres nuevo en la app, recomiendo comenzar con una de las grandes clases introductorias ahí antes de tomar esta. Ahora Fresco puede no ser el go-to para las animaciones de texto, pero soy un gran fan de hacer que las herramientas que tienes a tu disposición, funcione de la manera que las necesitas. Si quieres crear tus propias animaciones de texto pero aprender software de animación más complejo simplemente no está en las tarjetas en este momento, esta es la clase para ti. Ven y únete a mí en clase, y empecemos a animar. [ MÚSICA] 2. El proyecto de clase: [ MÚSICA] El proyecto para esta clase es crear tus propias animaciones utilizando uno o más de los métodos que aprenderás en clase. El meneo, el frijol saltando, las luces intermitentes, el efecto de escritura en, máscara en, y la textura animada de bonificación. Una vez que hayas creado tus animaciones, guárdalas en formato GIF y podrás compartirlas en la sección de proyectos y recursos de la clase. Compartir tu proyecto no solo ayuda a otros a ver lo que aprenderán , sino que potencialmente ayuda a que más estudiantes encuentren la clase. A continuación, te mostraré cómo descargar las 10 texturas gratuitas para la clase. Te veré ahí. [ MÚSICA] 3. Las descargas de la clase: [ MÚSICA] Las descargas para esta clase incluyen 10 archivos de textura de alta resolución, los cuales estarán animando más adelante en la clase. Puedes descargarlos desde la sección de proyectos y recursos, solo asegúrate de acceder a la clase a través un navegador y no de la app Skillshare. Necesitarás una contraseña para acceder a un enlace, y lo pondré en pantalla ahora mismo. [ MÚSICA] A continuación, una visión general de las características de animación de Fresco. Te veré ahí. [ MÚSICA] 4. Descripción de la animación y movimiento: [ MÚSICA] La función de animación de Fresco tiene algunas ventajas distintas sobre animación en otras aplicaciones. El primero es que las secuencias de animación se crean a nivel de capa, y cada capa puede contener varios fotogramas en lugar de un fotograma igual a una capa. Fresco no tiene límites generales de capa independientemente de su tamaño de Canvas. Estas dos cosas juntas significan que en última instancia puedes crear tantas animaciones como quieras dentro de un solo lienzo siempre los objetos que estás animando por separado se rompan en sus propias capas. Fresco te permite crear tanto caminos como animaciones marco a fotograma y ambas se pueden crear dentro de un solo Canvas. Por último, además de las capas animadas, puedes crear tantas capas estáticas como quieras dentro del mismo Canvas y todo se exportará juntos. Entrémonos en Fresco y echemos un vistazo más de cerca a cómo funciona la animación. [ MÚSICA]. Antes de empezar a animar en nuestros textos, quería hacer una visión rápida de cómo funciona la animación en Fresco. Mencioné en el abridor que puedes crear múltiples animaciones dentro de un solo Canvas siempre y cuando tengas tus capas desglosadas por separado. También tiene dos formas diferentes que puede crear una animación, animación ruta, y marco por fotograma. Ahora en esta clase, nos vamos a centrar en usar animación fotograma por fotograma para animar nuestro texto, pero te mostraré cómo funciona también la animación de ruta. Tengo tres formas diferentes aquí estalladas en dos, tres capas separadas porque quiero animarlas independientemente unas de otras y usando un método diferente. Voy a animar el cuadrado usando animación fotograma por fotograma y el círculo y el óvalo usando animación de ruta con diferentes configuraciones. Empecemos con la plaza. Para activar la animación, seleccionarás la capa que deseas animar y seleccionarás aquí el pequeño icono en la parte inferior con los tres círculos y el botón de reproducción. Ahora, mi pantalla está configurada para una persona zurda. Si el tuyo no lo es, tu ícono podría ser justo enfrente del mío. Una vez que lo selecciones, aparecerá un menú contextual en la parte inferior. Voy a saltar por encima de la parte superior aquí. Jugar todo te va a permitir reproducir tu animación a lo largo de crearla así como cuando hayas terminado. Nos saltaremos la animación de ruta por ahora otra vez, lo haremos con un círculo en el óvalo. Cuando te diriges a ajustes, el primer ajuste que puedes cambiar es el general de fotogramas por segundo para tu Canvas. A medida que subas, se va a poner más rápido y a medida que lo derribas, se volverá más lento. Te recomiendo probar diferentes fotogramas por segundo con cada animación que creas porque es posible que encuentres que obtienes un look diferente dependiendo de lo que elijas. El siguiente ajuste que puedes cambiar es el modo de reproducción. Puedes elegir entre Loop, Boomerang o Jugar una vez. Estos son modos de reproducción estándar para la animación. En esta clase, nos centraremos principalmente en Loop, pero hay al menos una animación donde usaremos Boomerang porque proporciona un efecto mucho más suave. Al igual que con los fotogramas por segundo, sugiero probar los diferentes solo para ver qué funciona mejor con tu animación. También puedes encender y apagar pieles de cebolla, que te van a ayudar tanto con la animación posicional como cuando necesites rastrear un objeto como lo haremos cuando creamos el efecto de meneo. Te va a permitir ver una serie de fotogramas antes y después tu fotograma actual para que puedas seguir el camino con lo que estás creando. Se puede cambiar el número de fotogramas que se puede ver, así como la opacidad. Por último, la línea de tiempo del documento va a permitir ver múltiples animaciones dentro de un documento en una sola línea de tiempo. En realidad no enciendo esto, así que no me verás encender esto a lo largo de esta clase, pero solo sepas que está ahí. Con esta caja, quiero que venga, se ponga más delgado, vuelva a su tamaño regular, luego volver a bajar a su posición original. Ahora hay un par de formas en las que puedo acercarme a eso. Puedo duplicar esta forma y crear eso sobre una serie de marcos o puedo tocar este signo más y me va a dar un marco vacío, que pueda rastrear esta caja o usar uno de los herramientas de forma para crear una nueva forma. Ahora en realidad no quiero hacer eso. Yo sí quiero usar un duplicado de mi forma. El primer fotograma que verás siempre va a ser la capa que has seleccionado. Puedes cambiar que a medida que empieces a crear fotogramas, puedes arrastrar las cosas a diferentes puntos en la secuencia, pero inicialmente, el primer fotograma siempre va a ser lo que hayas seleccionado en el capa. Para duplicar esto, voy a tocar ese marco y ahora tengo dos fotogramas de la misma forma exacta. Voy a seleccionar mi “Herramienta Transformar”. Me va a preguntar si quiero elegir el marco seleccionado o toda la capa. Ahora, recuerda, quiero mover esto hacia arriba y porque tengo dos fotogramas dentro de esa capa, si elijo toda la capa, va a mover tanto uno como dos hacia arriba. Sólo quiero mover el marco 2 hacia arriba. Escogeré el marco seleccionado, voy a sostener mi dedo hacia abajo en el selector táctil aquí y solo arrastra esto hacia arriba. Me va a ayudar a limitarme mi posición Y, así que va directamente hacia arriba. Le pegaré a “Hecho” para aceptar ese cambio. Ahora puedo duplicar eso otra vez, elige de nuevo mi herramienta de transformación y voy a hacerla más delgada. Nuevamente, pulsa “Hecho”, lo duplicaré, lo traeré de vuelta a su tamaño original, y luego volveré a hacer un fotograma más, duplicarlo, agarrar mi herramienta de transformación y la devolveré a bajar. Una vez que golpee “Done”, puedo golpear “Play” y la animación va a correr a través. Ahora esto es realmente rápido, así que vamos a entrar en configuraciones y puedo mover eso hacia abajo, así que es mucho más lento y se puede ver la animación mucho más claramente. También puedo elegir entre Boomerang o Loop, o puedo elegir Jugar una vez también. Ahora sí quiero saber, y voy a pausar esto. Porque tengo mis pieles de cebolla puestas, puedes ver que tengo pieles de cebolla para cada marco ahí y a medida que voy a través de él, las pieles de cebolla están en diferentes posiciones. Así es básicamente como funciona la animación fotograma por fotograma. Ahora de nuevo, podría pasar por aquí y podría arrastrar las cosas en orden diferente. Va a hacer para una animación muy diferente. puede ver que ahí es doble saltando. Pero una vez que creas varios fotogramas, puedes arrastrar las cosas para que estén en diferentes ubicaciones en la secuencia de animación. Hemos mirado la animación fotograma por fotograma, veamos la animación de ruta. Ahora, la animación de ruta es en realidad técnicamente todavía animación fotograma por fotograma. La única diferencia es que no estás creando los marcos tú mismo, Fresco lo está haciendo detrás de escena. Para crear una animación de ruta, seleccionarás el icono y solo puedes dibujar cualquier forma. Una vez que hayas terminado de dibujar, va a mandar tu forma a lo largo de ese camino. Ahora puedes cambiar tu configuración aquí para que pueda acelerar eso usando mis marcos generales de Canvas por segundo. Voy a traer eso de vuelta abajo. Pero tengo algunos efectos adicionales que también puedo aplicar. Tocaré este ícono fx. Ahora por supuesto puedo cambiar el modo de mezcla y la opacidad al igual cualquier otra capa pero además de eso, puedo añadir múltiplos de mi forma. Puedo esparcir esos múltiplos, traer eso de vuelta abajo. Voy a saltar por encima de la facilidad y en la facilidad fuera porque te mostraré cómo funciona eso con el óvalo aquí. Ahora, además la configuración de velocidad dentro de la configuración general de Canvas, en realidad puedo agregar fotogramas a esto. Mencioné al principio que esta sigue siendo una animación fotograma a fotograma, es solo que Fresco está creando los fotogramas. Si agrego fotogramas, va a frenarlo y si elimino fotogramas, va a acelerarlo. Ahora todavía puedo cambiar esto. Va a hacerlo aún más rápido pero esto me permite un poco más de control sobre la animación de ruta real también. Vamos a seguir adelante y llevar eso de vuelta a una velocidad bastante normal, eso es un poco frenético. Hay una cosa más que quiero mostrarte con el círculo aquí. Puedo borrar ese camino y volver a empezar si quiero. También puedo agregar múltiples rutas. Puedo sacar otro camino y va a añadir otra forma. Voy a poder añadir tantos como quiera y Fresco va a crear una animación fotograma a fotograma detrás de escena cada vez que lo haga. Eso me da un poco más de control sobre dónde están mis múltiplos que los efectos de camino. De nuevo, solo puedo eliminar los que no me gustan y vuelvo a donde empecé. Hay un par de ajustes más que quiero mostrarte con animación de ruta y es más fácil mostrarte dónde está la forma como un óvalo. Voy a dibujar una línea recta-ish y automáticamente va a enviar mi óvalo por ese camino a una velocidad bastante uniforme. Ahora, puedo entrar en configuraciones y puedo jugar con estas dos opciones, ya sea velocidad original o uniforme. También puedo encender o apagar, facilidad de entrada y facilidad de salida. Lo que esto va a hacer es que lo va a tener que dudar al principio y lentamente relajándose y luego se va a ralentizar al final. Se puede ver que se está relajando, acelerando, y luego se ralentiza. Echemos un vistazo a un entorno más aquí. Voy a apagar la facilidad de entrada y aliviar temporalmente. El último que quiero mostrarte es camino alineado. Si hago clic en eso, va a alinear mi forma con el camino real. Esto resulta útil para algo como crear un automóvil en una carretera. Obviamente, no querrías que el auto corra de esta manera, lo quieres correr por la carretera. Girando en una línea, el camino va a hacer eso. Ahora vamos a jugar con algo aquí. Si agrego múltiplos y disperso esos múltiplos, aleatorizo el camino de alineación, podría crear algo así como una escuela de peces. Esas son las diversas formas en que puedes crear animaciones dentro de Adobe Fresco. Recuerda, si quieres animar objetos independientemente unos de otros y asegurarte de que estén divididos en sus propias capas, eso te va a dar la capacidad de crear marco a fotograma o animación de ruta y puedes establecer diferentes configuraciones para cada una de esas animaciones de ruta si lo deseas. Estamos listos para empezar a crear nuestra primera animación de texto y vamos a empezar con la maniobra básica. Te veré ahí. [ MÚSICA] 5. Animación 1 | El Wiggle: [ MÚSICA] El movimiento es creado por las imperfecciones que ocurren al trazar un objeto a través de una serie de fotogramas vacíos. Toma esta hola, por ejemplo, ya que lo rastreo a través de una serie de seis fotogramas, el meneo se vuelve más intenso porque estoy agregando imperfecciones a medida que voy. Por Frame 6, es mucho más intenso de lo que era en Frame 2. ¿ Qué fuentes funcionan mejor con el meneo? La respuesta corta. Todos ellos. fuentes de una sola línea, escritura Lasfuentes de una sola línea, escrituraa mano van a ser más fáciles animar porque literalmente estás trazando una sola línea. Pero recuerda la animación que acabo de mostrar tienes tus fuentes de peso también funcionan. Solo toma unos pasos adicionales para crear la animación. Necesitas trazar las letras a través de tus marcos vacíos y rellenarlas a medida que avanza. A medida que se agregan imperfecciones, igual que antes, el meneo se va a hacer más intenso. Adelante y nos dirigimos a Fresco y echemos un vistazo más de cerca. Estamos listos para nuestra primera animación. Vamos a estar haciendo un meneo básico. Es una animación muy común que verás en Instagram. Ahora, mencioné en el abridor del video que puedes usar cualquier fuente que te guste para esto, sin embargo, las fuentes de escritura a mano más delgadas van a ser las más fáciles y rapidas de animar porque sólo estás trazando una sola línea. Para los efectos de esta lección, voy a usar una fuente de peso más pesado porque es un poco más compleja, tendrás que esbozarlas y luego rellenarlas ya seaa esbozarlas y luego rellenarlas ya sea mano o usando el herramienta de relleno a través de tus marcos vacíos. Porque es más complejo, si puedes crear ésta, cualquier otra fuente va a ser un pedazo de pastel. Voy a estar usando una fuente llamada Metallophile Sp8. Esa es una fuente de Adobe que puedes descargar con una suscripción. Ahora, en general, para esta lección, solo voy a estar usando herramientas que tengas disponibles, ya sea que estés en la versión gratuita o de pago de la app. Para las fuentes sin embargo, quería anotar para esta lección así como para el resto. La fuente exacta que estoy usando no es importante. Lo importante es el tipo de fuente. Si no tienes este disponible para ti, no te preocupes por ello. Basta con encontrar la fuente que funcione mejor para lo que quieres crear. Hay un montón de fuentes incorporadas para elegir. He apagado la animación anterior y estoy listo para crear una nueva, así que seguiré adelante y tocaré para agregar una nueva capa vacía. Quiero asegurarme de que mi herramienta de texto esté seleccionada, y solo tocaré para agregar una nueva línea de texto y solo voy a escribir el meneo. Voy a mantenerlo todo en la misma capa, pero dos líneas, y quería estilizar este texto. Voy a seleccionar ambas líneas aquí y elegir texto de estilo. Si no ves texto de estilo, también puedes acceder a él aquí en propiedades de capa. Lo primero que quiero hacer es cambiar mi fuente, así que tocaré textos ahí y voy a escribir, en realidad, ya lo tengo en una búsqueda, solo estoy escribiendo Metallo y Metallophile va a subir. Si estás en una suscripción y quieres importar fuentes, puedes hacerlo pulsando allí el signo más. También puedes ir a más fuentes que están incorporadas con Adobe. Ahora, estas líneas están muy separadas, pero no voy a usar las propiedades de capa para cambiar eso. Voy a cambiar eso una manera diferente en un poco. Por ahora mismo, voy a decir que esto está hecho. Simplemente cerraré eso. Quiero hacer esto mucho más grande. Voy a agarrar mi herramienta de transformación. Me resulta más fácil usar la herramienta de transformación para cambiar el tamaño en lugar de las propiedades de la capa. Voy a pegarle hecho. Ahora, este siguiente paso es muy importante por un par de razones. Vamos a estar creando esta animación trazando las letras sobre marcos vacíos. Tengo mi animación encendida aquí abajo, y con esta capa seleccionada, se puede ver que esto está en gris. En realidad no puedo seleccionar marcos vacíos porque no se pueden seleccionar marcos vacíos con una capa de texto. Necesito convertir esto a una capa vectorial o a una capa de píxeles, dependiendo del tipo de pincel que voy a usar para rastrear mis letras. Ahora, sé que voy a usar un pincel vectorial. Yo sólo prefiero usarlos. Voy a seleccionar mi capa, seleccionar los tres puntos aquí, y en la parte inferior, verá convertir a capa vectorial o convertir a capa de píxeles. Voy a seguir adelante y elegir convertir a capa vectorial, y ahora se puede ver que cambió eso a un punto. El punto significa el vector aquí. En este punto, eso ya no es genial, lo que significa que puedo añadir un marco vacío si lo necesito. La otra cosa que esto me permite hacer es estilizar esto un poco más. Quería llevar esto ahí, voy a agarrar mi herramienta de selección y seleccionarla. Entonces voy a usar mi herramienta de transformación y hacerla un poco más pequeña y moverla bien por ahí. No tienes que hacer esto. Depende totalmente de ti cómo quieres que luzca tu animación final. Pero solo debes saber que si quieres hacer algo así donde alteras el texto, debes asegurarte de que primero puedas invertir la capa. Golpearé la desselección y haré todo esto un poco más grande. En este punto, he preparado mi fuente, preparé mi texto, está convertido, y estoy listo para empezar a crear la animación. Una de las razones por las que elegí esta fuente en particular es que me da una ventaja con la imperfección. Tiene una maravilla para ello. Si tu fuente favorita que quieres usar para esta animación pasa a tener muchos bordes rectos y esquinas perfectas. Puedes usarlo. Solo ten en cuenta que si guardas esa letra perfecta o una frase con las líneas rectas y esquinas perfectas como parte de la animación. Cada vez que la animación vuelve a ese fotograma, porque es el único que va a ser perfecto. Es casi imposible rastrearlo perfectamente cada vez. Va a ser muy obvio, y va a crear un patrón que no necesariamente se quiere que le quite al efecto de meneo. Si esa fuente pasa a ser tu favorita y apenas te gusta la forma general de la misma. Lo que recomendaría es tirarlo la manera que acabo de hacer aquí, agregar un marco vacío y rastrearlo, y luego volver atrás y deshacerse de ese primer marco perfecto. Para que comience mi animación, voy a añadir una capa vacía. Recuerda, he convertido esto en una capa vectorial, por lo que eso significa que necesito usar mi pincel vectorial para rastrearlo. Si accidentalmente agarro un pincel de píxeles, Fresco va a agregar automáticamente una capa de píxeles. No puedes usar un pincel de píxeles en una capa vectorial y viceversa. Voy a elegir solo el cepillo redondo básico. También he apagado toda mi dinámica de cónica y presión y cosas por el estilo. Sólo quiero un cepillo regular, recto, casi monolino. Siempre puedo traer esto de vuelta a donde estaba pulsando este botón de reinicio una vez que haya terminado. Lo que quiero hacer es rastrear mis formas y luego voy a usar la herramienta de relleno para rellenar el resto, por lo que no tengo que hacerlo todo a mano. Para poder utilizar la herramienta de relleno, necesitas cómo cerrar completamente forma y la forma más fácil de asegurarte que haces eso cuando estás rastreando es comenzar y terminar dentro de tu carta. Eso también te permite parar cuando lo necesites. Voy a empezar por dentro aquí y empezar rastrear y no me preocupo por ser perfecto es otra vez, quiero esas imperfecciones. Bueno, voy a seguir adelante y rebasaré eso y luego entraré. Si acerco aquí, se puede ver que tengo estas pequeñas manchas aquí por piel de cebolla, donde no está golpeando la línea original. Estoy de acuerdo con eso. Voy a dejar eso como está. Una de las cosas que se quiere evitar con esto. Una cosa es tener pequeñas imperfecciones como esa. Asegúrate de que como estás rastreando esto, no estás haciendo que tu rastro sea mucho más grande o mucho más pequeño que la letra original, y mantén un ojo en eso de aquí marcos, por eso es importante tener pieles de cebolla puestas. Si haces eso, va a tener un aspecto más parecido que está respirando que moviéndose. Simplemente mantén el tamaño relativamente cerca del original. Simplemente seguiré adelante y continuaré esto por ahí. Voy a agarrar mi ventaja aquí y empezar a rastrear esto. Sé que esto parece un proceso muy tedioso y lo es. No me gusta cómo se ve eso. Eso salió demasiado lejos y eso no va a quedar bien. Lo que voy a hacer es que sólo voy a poner mi dedo en mi selector de toque, y eso me va a permitir usar mi pincel vectorial como mi borrador, y luego traerlo de vuelta para poder quedarme en mi pincel, No tengo que ir al borrador. Voy a seguir adelante y empezar desde adentro aquí y bajar. Nuevamente, esta también es una buena manera de permitirte un descanso. Si tu mano se cansa o necesitas mover tu Canvas, solo puedes empezar desde adentro y empezar a rastrear de nuevo. Simplemente seguiré adelante y sobrepasaré eso, y entraré. Voy a acelerar esto en este punto, así que te veré del otro lado de esto. [ MÚSICA] Tengo mis contornos aquí y una cosa que quiero hacer es simplemente acercar antes de llenar estos y asegurarme de que no haya extraños pequeños bump outs o lugares que son también cóncavo que podría resaltar demasiado, porque al igual que con las líneas rectas de las que hablaba anteriormente, si en uno de tus marcos tienes un bulto o un chapuzón muy obvio o algo así, y es el único, va a destacar y crear un patrón que no quieres. Solo revisa lo que estás haciendo a medida que avanza. Creo que estos se ven bien. Ahora voy a seleccionar mi herramienta Relleno, y solo rellena estos. Voy a apagar temporalmente mis pieles de cebolla para que puedas ver. Si mato de ida y vuelta entre estos dos, se puede ver las maniobras ya iniciando. Nuevamente, es importante que te quedes con el tamaño original de tu carta. Si estos fueran mucho más grandes, iba a parecer que estaba respirando dentro y fuera, y solo quería tener un meneo y eso es todo. Ahora, quiero hacer esto sobre una serie de seis marcos vacíos, así que voy a añadir otro marco vacío, volver a encender mis pieles de cebolla, y voy a seguir trazando esto sobre otros cuatro marcos. No voy a hacer eso en cámara, voy a seguir adelante y hacer eso fuera cámara y volver cuando esté hecho. No he terminado del todo con mi último marco vacío, pero quería traerlo de vuelta porque quería mostrarte algo. En este punto, estoy en mi sexto marco y tengo mis pieles de cebolla puestas por seis marcos antes y después de mi marco actual. medida que avanzas más en la animación fotograma por fotograma, esto se vuelve mucho más opaco y es más difícil ver ese primer fotograma. Si llegas a ese punto y solo quieres comprobar dónde estás frente al primer fotograma que creaste, siempre puedes arrastrar esto en la secuencia al primero para que el La más oscura que ves es en realidad esa primera capa, y luego puedes volver a rastrearla. Nuevamente, esto es solo para asegurarte de que estés en buen camino con el tamaño general de tu carta. También podrías bajar tus pieles de cebolla. El asunto de eso sin embargo es que si estás fuera de pista y estos marcos finales no están del todo donde los quieres, no necesariamente vas a conseguir eso. Para hacer una doble comprobación, siempre puedes traerla vuelta como segundo marco, para que puedas ver ese primero. Simplemente seguiré adelante y llenaré estos, y luego solo puedo mantener esto aquí si quiero o puedo arrastrarlo de vuelta. Entonces una vez que haga eso, va a cambiarlo de nuevo al marco 6. Voy a apagar mis pieles de cebolla ahora mismo. Vamos a seguir adelante y reproducir esa animación. Tiene un buen meneo a ella. Solo veamos cuáles son los marcos por segundo. Tengo 12 cuadros, y sólo veamos cómo se ven siete u ocho. Eso podría ser un poco demasiado lento. Déjame probar nueve. Ahora, tengo este set a boomerang en lugar de bucle, y aquí está el porqué. Si lo pongo en bucle, le da una sensación entrecortada, sobre todo si solo estás usando cuatro o cinco fotogramas. Cuando uso boomerang, lo que está haciendo es que efectivamente está agregando 12 fotogramas adicionales. Está subiendo y luego regresando. En realidad, tienes 12 cuadros en lugar de seis, lo que significa que tienes menos patrones. Una última doble comprobación que puedes hacer con esto antes de exportarlo, es solo un exfoliante a través de la animación a mano usando la línea de tiempo aquí, y todo lo que estoy haciendo es solo revisar para ver si hay cualquier cosa que se vea fuera. Con esta E aquí en este marco en particular, siento que se ha tropezado en un poco demasiado. Voy a asegurarme de que esté en ese marco, me aseguraré de tener mi pincel vectorial seleccionado, y solo voy a arreglarlo un poco. Ahora si me cruzo a través, aún podría ser un poco demasiado obvio. No te sientas como cuando creas estos fotogramas, no puedes volver atrás y cambiarlos en absoluto. También puedes usar tu goma de borrar si quieres. Pero solo recuerda al final del día, si tienes una sola imperfección en lugar de imperfecciones consistentes a través de tu animación, esa única imperfección va a resaltar. Siempre es buena idea solo volver atrás y revisar las cosas. Me gusta cómo se ve esto. Me gusta la pieza de ella. Siento que el meneo se ve bien, no he ido demasiado grande o demasiado pequeño donde parece que está respirando. Voy a seguir adelante y llamar a esto hecho. [ MÚSICA] El efecto de movimiento es creado por las imperfecciones que ocurren al trazar un objeto a través de una serie de fotogramas vacíos. Son deseables leves imperfecciones, pero mantente cerca del tamaño de tu texto original, lo contrario el efecto se parece más a que está respirando que moverte. Encender tus pieles de cebolla te ayudará a mantenerte en el camino. Así que enciéndalos en Ajustes para que puedas ver fotogramas antes y después de tu actual y mantener un ojo en las cosas. Las manchas o manchas picadas que se han extraviado se pueden fijar fácilmente con tu pincel o goma de borrar en cada marco individual. Los puntos entrecortados consistentes pueden agregar algo al efecto general, pero los individuales van a ser muy obvios en tu animación final. El tipo de letra específico que utilices no importa. fuentes de escritura a mano de una sola línea o incluso su propia escritura a mano serán más fáciles de recrear. Los de peso medio o más pesado requerirán un poco más de trabajo ya que necesitarás rastrearlos y llenarlos a través de tus capas. Recuerda cambiar tu fuente a una capa de píxeles o a una capa vectorial, dependiendo del tipo de pincel que planeas usar. No se pueden crear capas MD con una capa de texto. Una vez que hayas terminado, prueba tu animación y ajusta tus fotogramas por segundo. Por lo general, duplicar el número de fotogramas da una buena tasa, pero jugar y probar diferentes configuraciones. Por último, el boomerang tiende a funcionar mejor con este tipo de animación ya que crea un efecto más suave que el looping, que puede hacer que parezca entrecortado. A continuación vamos a echar un vistazo al frijol saltando. Te veré ahí. [MÚSICA] 6. Animación 2: grano saltar: [ MÚSICA] Echemos un vistazo a cómo funciona el frijol saltando. Las letras individuales se mueven hacia arriba y hacia abajo a través de marcos duplicados, ya que la letra baja su color cambia, y la siguiente letra comienza a subir y caer. Esto continúa durante toda la palabra hasta que todas las letras han saltado y cambiado de color, por lo que ¿qué fuentes funcionan mejor para saltar bean? Las fuentes cursivas no funcionan. fuentes de impresión funcionan mejor porque puedes animar fácilmente cada letra individualmente, y aunque el peso de la fuente no importa, fuentes de peso más pesadas mostrarán mejor el cambio de color. Entrémonos al Fresco y echemos un vistazo más de cerca. [ MÚSICA] Muy bien, estamos listos para nuestra segunda animación, yo llamo a éste el bean saltando por razones obvias, las letras van a saltar a través de la palabra en secuencia. A medida que saltan y vuelven a bajar, van a cambiar de color, y la siguiente letra en secuencia va a empezar a subir y caer. Ahora mencioné en el abridor de este video que esta animación en particular funciona mejor con fuentes impresas en lugar de fuentes cursivas que tienen conectores porque necesitas poder seleccionar individualmente y mover las letras. Así que he escrito mis palabras en una nueva capa. Estoy usando una fuente llamada Anton regular, que creo que tal vez una de las fuentes incorporadas. Pero de nuevo, al igual que con la animación anterior, la fuente específica que estoy usando no importa. Ya he mencionado que recomiendo usar una fuente impresa para esto para que tengas letras separadas. También recomiendo usar una fuente más pesada o de peso medio, porque si vas a hacer el cambio de color y utilizas esto a un tamaño más pequeño, vas a querer asegurarte de que puedas ver el color cambiar y si tienes una fuente más delgada, va a ser más difícil hacerlo, entonces adelante y elige cualquier fuente que te guste. Ahora esta sigue siendo una capa de texto, y la he dejado de esa manera porque hay algunos cambios que quiero hacer usando las herramientas de texto antes convertir la capa en una capa vectorial. Al igual que con el Wiggle, porque quiero usar las herramientas de transformación para mover mis letras hacia arriba y hacia abajo, necesito convertirla de una capa de texto porque no puedo hacer eso de otra manera. Pero antes de hacer eso, quiero tener texto en vivo para poder hacer algunos cambios. Voy a seguir adelante y seleccionaré mi “Herramienta Texto”, y quiero seleccionar ambas palabras y el signo de exclamación, y voy a mover esto aquí para que puedan ver lo que está pasando. Voy a ir a mis propiedades de capa, y lo primero que quiero hacer es darle a cada de estas letras un poco de espacio para respirar. Quiero alguna habitación que no sólo los pueda seleccionar, sino para que tengan una presencia más individual y no se aplasten al lado de la otra letra. Esto es un poco apretado, así que voy a ir a mi kerning aquí abajo en la parte inferior, y si apenas empiezas a arrastrar hacia arriba, va a empezar a mover todo a la derecha. No quiero ir demasiado lejos, sólo voy a ir alrededor de 30. Pero sí sin embargo, quiero hacer un cambio adicional al signo de exclamación, voy a hacer que se haga un poco de una tambalearse al final y voltear de ida y vuelta y luego como se trata de descanso, ahí es cuando va a cambiar su color. Necesito darle un poco de espacio para hacer eso. Simplemente arrastraré esto para que solo se seleccionen la N y el signo de exclamación, volveré a bajar y voy a arrastrar esto hacia arriba más. No necesito ir demasiado lejos, son apenas unos 70 ahí. Nuevamente, solo quiero tener suficiente espacio para que cuando lo incline 15 grados de cualquier manera no va a golpear el N. Ahora que he hecho los cambios al espaciado en mis letras, estoy listo para comenzar animando para que pueda seguir adelante y convertir esto. Nuevamente, no estoy convirtiendo esto porque necesito fotogramas vacíos, en realidad vamos a estar usando duplicados, pero voy a necesitar convertir esto para que pueda usar mis herramientas de transformación en las letras individuales. Con mi capa seleccionada, voy a ir a los tres puntos y voy a elegir capa vectorial, pero puedes elegir pixel si quieres. El modo en que voy a animar esto es tener una letra que suba todo el camino hasta mi línea superior que voy a designar, y a medida que vuelva a bajar, cuando llegue a aproximadamente el punto medio, va a cambiar de color y la siguiente letra de la secuencia va a subir a la cima, y eso va a seguir todo el camino a través. Voy a tener el signo de exclamación subir y caer, pero también voy a hacer que haga la tambaleamiento de la que hablé. Lo que quiero hacer es darme algunas guías con las que trabajar. Podrías hacer esto orgánicamente y simplemente moverlos hasta donde quieras, depende totalmente de ti, solo me resulta más fácil trabajar con algunas guías. Lo primero que voy a hacer es encender mis “Grids”, puedes encontrar eso en el ícono aquí. Nuevamente, no olvides que mi pantalla está volteada para una zurda, por lo que la tuya podría estar del otro lado. Quiero darme la línea superior así como ese punto medio, así que con mi pincel vectorial, voy a elegir el negro aquí y me voy a dar una capa vacía. Ahora esta es una capa que no se va a exportar con la ilustración final o animación, sólo me va a dar lo que necesito a lo largo de la animación. Sólo voy a dibujar mi línea y mantenerla recta, y vamos a hacer eso. En realidad puedo simplemente seleccionar éste, y lo duplicaré. Sólo vamos a bajar eso para darme un punto a medio camino, así que justo ahí, y voy a duplicar eso una vez más, quiero darme una línea de base. Antes de hacer eso, realmente quiero ajustar mis letras para tenerlas realmente sentadas en una línea en alguna parte, así que voy a agarrar esa capa y solo voy a mover esto hacia arriba, sostenga el dedo en un tobogán táctil si quieres mantenerlo recto. Ya está por ahí, así que voy a agarrar aquí mi “capa Guía” y quiero duplicar esta línea de nuevo, estoy en la capa equivocada ahí. Yo quiero estar en esa y sólo voy a llevar esto al fondo. Solo quería darme una línea de base ahí, ahí es donde sé que todas las letras van a aterrizar y voy a golpear “Hecho”, y puedo apagar mis guías, y sólo voy a mantenerlas encendidas. Nuevamente, comenzaremos con la J, va a subir a la cima y al primer fotograma de animación. Bajará a aproximadamente un punto medio y cambiará a un rosa claro y la U va a subir, y voy a continuar eso todo el camino a través. Lo primero que quiero hacer sin embargo, es asegurarme de que tengo mi capa de textos seleccionada, y me voy a dar unos cinco fotogramas de la misma en esta posición y color solo para establecer una línea de base para el animación para que puedas ver, comenzó como rojo y luego termina como rosa. Voy a duplicar esto cinco veces, y luego lo duplicaré una vez más y aquí es donde vamos a empezar a animar las letras. Muy bien. Lo primero que quiero hacer es seleccionar mi, J, con mi herramienta de selección rectangular. Sólo voy a dibujar una caja sobre mi J, voy a quedarme en ese marco y agarrar mi herramienta Transformar. Mantendré el dedo hacia abajo en el “Selector táctil”, y voy a arrastrar esto hasta arriba. Ahora puedes subir más si quieres, sólo voy a ir a por ahí, así que está en la parte superior de la carta y voy a golpear “Hecho”, y ese es el primer fotograma, deseleccione, y duplicar eso otra vez. Ahora quiero volver a seleccionarlo, agarrar mi herramienta de transformación, y la voy a traer a mitad de camino y la traeré a por ahí, golpear “Hecho”, y quiero cambiar el color. Asegúrate de que sea rosa, así que voy a seguir adelante y seleccionaré este rosa claro y voy a anular la selección de esa y quiero, en ese mismo marco ese número 7, agarrar mi U aquí y voy a arrastrar esto todo el camino hasta la cima. El motivo por el que estoy haciendo esto incremental es porque hacerlo de esa manera te va a dar una animación mucho más suave y sólo va a darle un poco más énfasis en el saltar haciéndolo de manera incremental, Así golpeó “Hecho”. Muy bien, sigamos adelante y dupliquemos ese marco. Voy a seguir adelante y volver a seleccionar la U, y quiero traerlo esto a mitad de camino, lo traeré a por ahí. También necesito llevar a mi J todo el camino hacia abajo y aquí es donde la planificación es útil, casi olvidé mover mi J, que habría sido un problema, y lo traeré bien por ahí. Golpear “Hecho”, también quiero asegurarme de haber cambiado el color de mi U, y en este marco ahora voy a añadir una tercera letra a la mezcla. Quiero seleccionar mi M y porque mi U está a mitad de camino, quiero mi m todo el camino arriba, para que puedan ver que está en rampa. Desseleccionar, duplicar el marco, quiero que mi U venga todo el camino hasta su punto de descanso y luego agarra mi M. Quiero cambiar el color y arrastrarlo a mitad de camino y se puede determinar lo que es a mitad de camino. Pero yo sólo sería consistente en todos los aspectos. Deseleccionaré y ahora quiero que mi P vuelva a subir. Para el primer par de marcos, solo estás trabajando con dos letras, pero después de eso tienes tres en marcha al mismo tiempo, por lo que es algo a tener en cuenta. Quieres asegurarte de nuevo que lo planeas para que puedas hacer un seguimiento de todo. Desseleccionar. Ahora voy a seguir esto todo el camino a través la palabra hasta llegar al final, porque de nuevo, voy a manejar el signo de exclamación un poco diferente y quiero mostrarte lo que hago con eso, así que voy a acelerarlo en este punto y volveré cuando llegue al final. [ MÚSICA] He llegado al punto donde mi N está a mitad de camino hacia abajo y ha cambiado de color y quiero empezar a trabajar con el signo de exclamación. Voy a añadir un fotograma duplicado, agarrar mi herramienta de selección. En realidad, quiero refuerzos. No voy a añadir un fotograma duplicado todavía. Quiero llevar mi signo de exclamación a lo más alto. Una de las cosas que recomiendo, es que tengas un orden en la forma en que haces las cosas. Mueves la primera letra, cambias el color de la siguiente letra y la arrastra a un punto. Hazlo en un orden particular todo el camino porque te va a ayudar a hacer un seguimiento de lo que estás haciendo. En realidad acabo de perder el orden de lo que estaba haciendo y por eso casi olvidé llevar el signo de exclamación hasta más alto en ese mismo marco. Deseleccionaré eso y ahora agregaré un duplicado. Tomaré mi N y lo devolveré a bajar. Si sientes que no es del todo donde lo quieres, solo puedes usar estas pequeñas flechas. No tiene que ser perfecto. Estas líneas no van a estar mostrando una vez terminada la animación, pero quieres asegurarte de que esté bastante cerca de donde estaba porque de lo contrario, realmente lo vas a ver y la animación va a saltar. He bajado este. Quiero llevar mi signo de exclamación a aproximadamente a mitad de camino y no voy a cambiar el color hasta que se termine tambaleándose. Voy a traerlo a mitad de camino. Todavía voy a hacer esto de manera incremental para que tenga un movimiento más fluido. Voy a seguir adelante y golpear “Duplicar”. No necesito volver a seleccionarlo. Sólo trae esto de vuelta abajo. En este punto, quiero que se tambalee. Voy a traerlo 15 grados en una dirección y luego 15 grados a la izquierda también. Voy a seguir adelante y duplicar ese fotograma, agarrar mi Herramienta Transformar. Voy a sujetar el dedo en el Selector de Touch y me va a permitir romperlo a 15 grados. puede ver que está bastante cerca de ese fin. Es por eso que quería sacarlo un poco. No está golpeando, así que no me voy a preocupar por ello, pero sí quiero duplicar el marco. Pon mi dedo en el Selector Touch. Se puede ver lo que pasó. Muy bien. Lo que debí haber hecho es reiniciarlo porque en realidad agarró parte de ese N. Voy a golpear “Done” y voy a hacer copias de seguridad, anular la selección. Quiero hacer una nueva selección. Voy a usar la Herramienta Lasso en su lugar, porque va a ser muy difícil hacer eso con la rectangular por ese espacio realmente apretado. Ahora sé que no he seleccionado nada de ese N. Voy a golpear mi herramienta de transformación y ahora puedo seguir adelante y llevar esto a 30 grados. Déjame asegurarme perfecto. Le pegaré a “Deseleccionar”. No necesito rehacer eso. En realidad puedo simplemente usar duplicados a esto. Voy a hacer cerca de tres de cada uno de estos. Voy a duplicar este fotograma donde va a la derecha y luego arrastrarlo hasta el final. Iré al segundo fotograma en donde viene a la izquierda, lo duplicaré, y lo arrastraré hasta el final y voy a hacer eso unas cuantas veces. Quiero que se tambalee de ida y vuelta unas tres veces. Sólo veamos. Ahora quiero que llegue a un punto recto. Voy a duplicar este fotograma y una vez más, usa mi Herramienta Lasso. Será mucho más fácil que usar una carpa rectangular. Selecciónelo, ponga mi dedo en el Selector de Touch, y colóquelo en su lugar. Le pegaré a “Deseleccionar”. Este es el punto donde quiero que cambie a rosa, cuando se trata de su punto de descanso. Tomaré mi Herramienta de Relleno y la cambiaré a rosa. Adelante y apaguemos a nuestros guías. Voy a correr por la animación sólo para comprobar y asegurarme de que todo se vea bien. Volveré a esa capa y le pegaré a “Play”. Esto se ve bien. Me gusta cómo se está ejecutando todo, todo aterrizó donde se suponía que debía. El tema es que tan pronto como se hace el signo de exclamación tambaleándose y cambia de color, inmediatamente vuelve a arrancar y no se sienta en absoluto en este color rosa. Voy a parar eso y llevarlo hasta el final de la animación. Estoy en mi marco 26. Ahora, Fresco no tiene forma de crear una bodega. Lo que quiero decir con eso es que no se le puede decir agregue automáticamente un número establecido de duplicados de este fotograma, es necesario duplicarlos usted mismo. Voy a tomar este marco final y lo voy a duplicar unas 20 veces. Tengo 20 copias de las letras completamente rosadas todas en la parte inferior, por lo que se va a sostener básicamente al final y luego volver a empezar. Vamos a pasar por eso otra vez. va a tambalear, aguantar, y luego volver a empezar. Puedes hacerlo todo el tiempo que quieras. Me quedé con 20 porque creo que está bien. También podrías agregar más al principio si quisieras que se aguantara el rojo por más tiempo. Creo que cinco marcos están bien para eso. Me gusta cómo se ve esto. Una recomendación que tengo es que antes de hacer esos duplicados al final, corra por tu animación porque si encuentras un lugar que necesitas arreglar, vas a necesitar arreglarlo en ese marco y cada marco posterior. Porque recuerda, se está repitiendo a través de toda la animación. Hacerlo antes de crear esos duplicados significa que vas a tener que corregir mucho menos fotogramas. Solo tienes que tener eso en cuenta y corre a través tu animación antes de hacer esos y los fotogramas. [ MÚSICA] Esta animación funciona seleccionando cada letra individualmente, moviéndola hacia arriba y hacia abajo al punto original sobre una serie de fotogramas. En lugar de trabajar con capas vacías, las creamos usando capas duplicadas para obtener consistencia en toda la animación. A medida que cada letra se reduce a su punto original, su color cambia para que al final de la animación, toda la palabra sea de un color diferente. Las fuentes de escritura a mano o cualquier cosa con conectores no funcionan, ya que necesitas poder animar cada letra individualmente. Imprimir Fuentes funcionan mejor ya que puedes seleccionar fácilmente un animar cada letra. Por último, el peso de la fuente no importa. No obstante, las fuentes de peso más pesadas sí muestran mejor el cambio de color. A continuación, vamos a echar un vistazo a la animación de luces intermitentes. Te veré ahí. 7. Animación 3 | Luces parpadeantes: [ MÚSICA] En esta animación vamos a crear luces intermitentes seleccionando letras al azar y cambiando brevemente su color sobre una serie de fotogramas duplicados. Esta animación en particular funciona mejor con fuentes de impresión de peso más pesado en lugar de fuentes cursivas que tienen conectores. Las letras se seleccionan al azar y su color se cambia brevemente antes de pasar al siguiente fotograma. Echemos un vistazo más de cerca. Ahora, aquí estamos listos para Animation 3, que es luces intermitentes. Esto es similar al último frijol saltando, excepto que en realidad no estamos moviendo tanto los textos como el color. Vamos a seleccionar individualmente letras como hicimos la última vez. Esta vez aunque al azar y cambiaremos brevemente su color sobre una serie de fotogramas duplicados. Ahora, al igual que con la última, fuentes de escritura a mano o cualquier cosa con conectores, no va a funcionar con esta animación como se quiere poder seleccionar letras individuales. El peso de la fuente realmente no importa, aunque de nuevo, si planeas usar esto a un tamaño más pequeño, vas a querer usar una fuente de peso medio a pesado. Porque cuando se haya bajado, se va a mostrar mejor la animación. He configurado mis cartas y estoy usando una fuente llamada Poppins black. Es una fuente de peso más pesada, pero de nuevo, si se reduce aún mostrará el cambio de color muy fácilmente. Ahora no vamos a estar moviendo ningún tipo real en esta animación. El movimiento va a venir de los cambios de color aleatorios que van a suceder a través de las letras sobre una serie de fotogramas duplicados. Es la aleatoriedad del cambio de color lo que va a dar una sensación más natural a la animación general. Por lo que queremos ser muy cuidadosos cuando estamos seleccionando nuestras letras para que podamos evitar cualquier patrón. Ahora a diferencia del bean saltando, no vamos a estar usando ninguna herramienta de selección para esto. No obstante, estaremos utilizando la herramienta de relleno para cambiar el color de las letras individuales. Para hacer eso, necesitamos convertir nuestra capa de textos a un vector o a una capa de píxeles. Pero recuerda cuando hacemos eso, perdemos cualquier tipo de vida, que significa que cualquier cosa que necesites para cambiar lo que la herramienta de texto, no vas a poder estar seguro de que tienes la fuente de tu elección y cualquier cambio que necesite para realizarlo con la herramienta de texto ya están hechos antes de convertir su capa. Ahora ya he hecho los cambios que quería hacer y son cambios similares así que lo que hice con el frijol saltando. Yo uso la herramienta de texto para cambiar el kerning de por letras, así que los extendí un poco. También ajusté la iluminación entre las dos líneas. Acabo de acercarlas más juntas. Una vez que terminé, seguí adelante y convertí mi capa de texto a una capa vectorial. El mío está todo listo para empezar a hacer los cambios de color. El modo en que quiero que se vea mi animación es que quiero que se mantenga en este estado para los primeros cuatro o cinco fotogramas. Se va a cambiar de color al azar sobre una serie de fotogramas duplicados adicionales y al final va a parpadear de ida y vuelta entre todo rojo y todo rosa claro hasta que finalmente aterriza sobre rosa claro y otra vez sostiene para varios marcos. Una cosa que tienes que recordar es a medida que cambias tus cartas, debes recordar cambiarlas de nuevo. La forma más fácil de hacerlo es crear todos tus duplicados por adelantado. Voy a seguir adelante y crear 40 duplicados de esta capa. Voy a acelerarlo, así que volveré enseguida. [MÚSICA] Tengo mi configuración de 40 marcos duplicados, y antes de empezar a cambiar nuestros colores, quería explicar por qué acabo de configurar eso antes de tiempo. Con esta animación en un solo fotograma, vamos a escoger dos o tres letras para cambiar a un color diferente. Pasaremos al siguiente fotograma, que será un fotograma duplicado, y luego escogeremos dos o tres más y cambiaremos su color. Pero tenemos que asegurarnos de que los dos o tres del fotograma anterior sean cambiados de nuevo. Déjame mostrarte lo que quiero decir. Estoy en mi último fotograma aquí y tengo seleccionada mi herramienta Color Relleno y el rosa claro al que voy a cambiar las letras. Sólo voy a escoger tres al azar. Ahora si yo fuera a duplicar este marco ahora, estos seguirían siendo rosados y necesitaba elegir rojo para que eso significa que necesito agarrar mi selector de color de nuevo, elegir el rojo, cambiar esto de nuevo, regresa y cambia esto a rosa, y luego escoge dos o tres más. No es que eso sea difícil, sino más de una serie de unos 40 fotogramas, estás agregando mucho tiempo innecesario a la creación de tu animación. La otra cosa que haces es correr el riesgo de olvidar cambiar los colores de nuevo. El motivo por el que quieres asegurarte de que estén desplazado hacia atrás es para que no veas ningún patrón ni ninguna sujeción a lo largo de los marcos. Déjame salir de esto y te mostraré por qué estamos usando duplicados. Quiero llevar esto de vuelta al estado original. Vuelvo al marco 40 y todo es rojo. Déjame retroceder un marco hasta 39. Tengo mi rosa claro seleccionado, y solo elegiré tres letras al azar. Si voy a mi fotograma duplicado que ya está en su lugar y ya en el estado original, no necesito recordar cambiar esas letras. Sólo puedo escoger las siguientes dos o tres letras. Ahora puedo voltear de ida y vuelta entre estos dos. Ahora, recogí las mismas cartas en este caso, que es algo que se quiere evitar. Pero de nuevo, esta es sólo una forma de evitar retrabajos adicionales. Cuando se trata de estas animaciones, piensa en cómo desea vea su resultado final y piense en formas en que puede ahorrarse tiempo en el transcurso de crear la animación así como evitar trampas como olvidar hacer cambios que necesitas. Vuelvo al estado original donde tengo 40 duplicados de este fotograma y voy a volver al inicio de mi animación. Quiero que los primeros cinco marcos se lleven a cabo en este estado, por lo que todos rojos. Me saltaré las cinco pasadas, voy a las seis. Al final, voy a usar los últimos varios fotogramas para parpadear de ida y vuelta entre todo rojo y todo rosa un par de veces y luego tenerlo aterrizar sobre todo rosa y sostenerlo por unos marcos más allá. Voy a empezar en el marco 6, seleccionando dos o tres letras, moviéndome al siguiente fotograma, seleccionando dos o tres más. Depende de ti cuántas letras te gustaría elegir en cada fotograma. Encuentro dos o tres letras aleatorias da un mejor efecto. Pero esa es totalmente tu elección. Sólo voy a seleccionar estos tres. Ahora el truco va a ser recordando lo que acabas de seleccionar, porque recuerda, si volteo a éste, ya no lo ves. Tenía a L, G, y S seleccionados, así que quiero escoger dos o tres que no sean ninguna de esas letras así que iré con I, H y F. Siempre trato de elegir al menos una en cada línea. Tengo F, I, y H. Vamos a usar T y A esta vez. Sólo voy a continuar esto sobre unos 30-35 fotogramas. Voy a acelerarlo en este punto y te veré del otro lado. [ MÚSICA] He hecho eso a través de 35 cuadros y lo que traté de hacer es sólo asegurarme de que no estoy recogiendo una letra más que otras. Es difícil de nuevo, estás empezando de nuevo con cada cuadro, por lo que puede ser difícil hacer un seguimiento. Te recomiendo fregar y solo asegurarme que una de tus cartas no esté parpadeando más que las otras, a menos que ese sea el efecto que vas a hacer. Creo que el mío se ve bastante bien. Estoy en el marco 35, lo que significa que mi siguiente va a ser todo rojo, y así es como quiero esto. Ahora, en realidad podría simplemente hacer unos cuantos más porque realmente no necesito estos marcos adicionales. Creo que solo seleccionaré aleatoriamente solo unos cuantos fotogramas más hasta llegar a 40 allí. Ahora estoy en mi marco final y todos he leído. Nuevamente, quiero que esto destelle de ida y vuelta entre todo rojo y todo rosa unas cuantas veces y luego finalmente aterrizar sobre todo rosa. Voy a duplicar este marco, y voy a cambiar todas las letras de este marco a rosadas. En este punto, no necesito seguir haciendo eso. En cambio, voy a duplicar este fotograma, arrastrarlo hasta el final. Volveré al rosa, lo duplicaré, lo arrastraré hasta el final. Esto es similar a lo que hicimos con el signo de exclamación y el ejercicio anterior. Es sólo un poco más fácil de ver en este caso. Voy a hacer eso unas tres o cuatro veces por cada una. Sé que quiero que esto aterrice sobre rosa, así que quiero que sea mi último duplicado. Necesito otro rosa y haré uno más rojo y luego otro rosado más. Pasaremos eso hasta el final y este es el estado final que quiero. En este punto, voy a sumar unos 10-15 marcos de este color. Tengo un total de 60 cuadros. Acabo de agregar alrededor de 10-15 de este rosa. Vamos a seguir adelante y golpear “Play” y ver cómo se ve. Se inicia en rojo y parpadea entre las letras. No veo ninguna carta parpadeando más que las otras y parece que todas ellas brillaron al menos dos o tres veces y eso es otra cosa que se quiere vigilar. Si te has perdido alguna de las letras que va a aparecer también. Simplemente mantén un ojo hacia fuera para si necesitas volver atrás y arreglarlo. Se sostiene en el rosa y luego se remonta al rojo y comienza de nuevo. Ahora podrías acelerar esto. Pero encuentro este en particular si es demasiado rápido, especialmente cuando tus colores están en la misma familia y relativamente unidos, es más difícil ver ese cambio de color. Simplemente parece una luz parpadeante en su lugar. Voy a traer eso de vuelta a alrededor de cinco. Acabo de encontrar que funciona mucho mejor. Voy a hacer un cheque final antes de llamar a esto hecho. Me gusta cómo se ve esto. Creo que está animando a un buen ritmo. No tengo ningún patrón donde no estoy recogiendo una carta en particular o estoy escogiendo demasiado una. Voy a seguir adelante y llamar a esta animación hecha. [ MÚSICA] Las letras se seleccionan individualmente al azar y sus colores se desplazan brevemente a lo largo de una serie de marcos duplicados. Las capas de textos necesitan ser convertidas a un píxel o a un vector para que las letras puedan seleccionarse individualmente y rellenarse con un color diferente. Asegúrate de seleccionar tu fuente antes convertirla ya que una vez que la conviertas a píxel o a un vector, ya no es de tipo live. La aleatoriedad del cambio de color es lo que ayuda a que esta animación se vea natural así que trata de evitar patrones cuando estés seleccionando tus letras. Las fuentes de escritura a mano, o cualquier cosa con conectores no funcionarán con esta animación ya que necesitas poder seleccionar las letras individuales para la animación. Por último, cualquier fuente de peso funcionará, sin embargo, fuentes de peso más pesadas mostrarán el cambio de color más fácilmente. A continuación, vamos a echar un vistazo a la cuarta animación, la escritura en efecto. Te veré ahí. 8. Animación 4: escritura sobre efecto: [ MÚSICA] La escritura en efecto imita escritura a mano al revelar gradualmente una palabra o una frase y la dirección natural y la velocidad a la escritura a mano. El efecto funciona mejor cuando se usa una fuente cursiva o de escritura a mano. Se pueden utilizar fuentes de impresión. No obstante, son más difíciles de animar de forma natural. En este efecto, vamos a usar máscaras para ocultar nuestros textos de manera no destructiva. Entonces destapa el texto animando una máscara revelar. Al hacerlo incrementalmente en la misma dirección natural que nuestra escritura a mano, podemos imitar la escritura suave cuando se reproduzca en un fotograma más alto por segundo. Vayamos a Fresco y echemos un vistazo más de cerca. Estamos listos con animación para el efecto de escritura en. Ahora, esta es otra animación muy común que vas a ver en redes sociales o en sitios web. Lo que vamos a estar haciendo es imitar la escritura a mano y usar la función de enmascaramiento en Fresco para hacer eso de manera no destructiva. Ahora hay algunas consideraciones a la hora de elegir la fuente, y mencioné un par de ellas en el abridor del video. Este efecto funciona mejor con una fuente de escritura a mano, pero no tiene que ser cursiva. Las fuentes de impresión de peso más pesado van a ser más desafiantes de animar, y es posible que no lean tan bien a menos que esté usando alguna fuente de marcador de clasificación. Pero te recomiendo probar tu fuente favorita y solo ver cómo se ve. Ahora vamos a estar creando esto de nuevo animando una máscara revelada. Para hacer eso de forma natural, queremos pensar con anticipación en cómo naturalmente escribiríamos una palabra y revelar nuestra máscara en la misma dirección. Ahora antes de entrar en realidad creando la animación, quiero hablar un poco sobre cómo funciona el enmascaramiento en Fresco. Tengo esta forma de hoja aquí que creé, y esta es en realidad una forma vectorial que tiré. No obstante, sí quiero señalar que enmascarar en Fresco es todo basado en pixeles. Incluso si estás empezando con una forma vectorial, solo ten en cuenta que cuando empieces a usar la función de enmascaramiento, te vas a obligar a usar herramientas de píxel, por lo que es algo a tener en cuenta, especialmente cuando estás dimensionando tu documento. Ahora lo primero que quiero señalar sobre enmascaramiento es que todo comienza dentro de la propia capa. Voy a tocar en mi capa de hoja aquí y luego volver a tocar para obtener mi menú de acción de capa. Hay dos formas en que puedo añadir esto. El primero es crear una máscara vacía, que se puede ver creada allí una máscara blanca sobre toda la capa. Ahora no pasó nada porque de nuevo, es una máscara blanca y con cualquier enmascaramiento en cualquier app, blanco revela y oculta negro, así que para ocultar la hoja, necesitaría tocar la capa y golpear “Invertir Máscara”. La otra forma en que puedo crear la máscara es de nuevo tocar la capa para obtener el menú de acciones de capa, y enmascarar el contenido de la capa. Ahora pasa lo mismo que pasó con la anterior, nada está oculto porque me está dando una máscara blanca sobre un fondo negro. Necesitaría volver a tocar y golpear “Invertir máscara”. Ahora me está dando una máscara negra en la forma exacta de mi hoja y la hoja está [inaudible] oculta. Quiero llamar tu atención hacia abajo aquí. En cuanto añadas aquí una máscara, te va a dar un menú contextual muy pequeño en la parte inferior, mostrando revelar y esconder. Ahora en otras apps, cuando estés usando el enmascaramiento, vas a usar un pincel y usar blanco o negro para revelar u ocultar con tu máscara. En Fresco, todo se hace aquí. Si tengo seleccionado “Reveal”, cualquier cosa que haga con cualquier pincel de color va a revelar mi máscara. Si tengo seleccionado “Ocultar”, es lo contrario, lo voy a esconder. Nuevamente, el color real de mi pincel no importa en absoluto. Lo que importa es lo que has seleccionado aquí abajo. Ahora otra cosa que notarás es en cuanto agregues una máscara, automáticamente va a elegir el pincel de píxeles. Nuevamente, la característica de enmascaramiento en Fresco está basada en píxeles, por lo que no puedes elegir ni los pinceles vivos ni los pinceles vectoriales. No obstante, puedes elegir cualquier pincel de píxel. No tiene que ser un pincel básico, lo que significa que en realidad puedes revelar tu máscara usando un pincel de textura también. Más allá del pincel de píxeles, también puedes usar algunas de las herramientas de forma y relleno aquí abajo. Podría agarrar mi herramienta de lazo. Podría usar una de mis formas incorporadas y puedo usar mi herramienta de relleno y te mostraré cómo funciona eso en un momento. Empecemos con el pincel de píxeles sin embargo. Si miras tu capa aquí, parece que la capa de la hoja se ha ido por completo. Pero si te volteas, esa es la capa original de la hoja, y si me volteo hacia atrás, esa es la máscara. Esto es algo clave a recordar porque sobre todo en las próximas dos animaciones, vamos o bien estar animando la máscara o vamos a estar animando la capa, y hay que asegurarse de que estás en la derecha para que la animación funcione correctamente. Estoy en capa de máscara y voy a asegurarme de que se seleccione “Reveal”. Seguiré adelante y seleccionaré uno de los pinceles de pixel. Voy a empezar con sólo el cepillo redondo duro básico. revelar, si empiezo a dibujar sobre esto, para que puedan ver que está empezando a revelar la forma de la hoja desde debajo de la máscara. Puedo seguir adelante y golpear “Ocultar” y lo contrario es el caso. Ahora de nuevo, no necesito simplemente usar un pincel redondo básico, puedo usar cualquiera de los pinceles de textura. Si agarro uno de mis pinceles de textura favoritos aquí, usaré el pincel pigmentado de uno de los packs de Kyle Webster y lo tengo en revelación y acabo de empezar a cepillarme a través de esto. Se puede ver que viene en un poco más débil porque lo está haciendo con textura en lugar de un pincel sólido, y si acerco aquí, se puede ver la bonita textura de ese pincel. Entonces por el contrario, puedo seguir adelante y golpear “Ocultar”, y lo mismo va a pasar. Ahora mencioné anteriormente que también puedes usar algunas de las herramientas de forma y selección. Mientras estoy en mi capa de máscara aquí, si agarro mi herramienta elipse, por ejemplo, y simplemente arrastra una elipse, puedo agarrar mi herramienta de relleno, y se va a rellenar dentro esa forma de círculo para que si lo deselecro, se puede ver que crea un óvalo ahí. Puedo hacer eso con cualquiera de las formas. También puedo agarrar la herramienta de lazo y dibujar una forma que quiera. Yo, de nuevo, lo lleno. Se va a rellenar en ciertos puntos porque, de nuevo, recuerda, usamos un pincel de textura para revelar parte de nuestra máscara. Un par de cosas finales que quiero señalar sobre el enmascaramiento. Hay un par de formas en que puedes mostrar la máscara en tu ilustración. Puedes elegir superposición roja si quieres. Personalmente encuentro en capas funciona mejor para mí. También puedes copiar tu máscara, cortar tu máscara y pegarla, y vamos a estar usando eso en la animación bonus y te mostraré cómo hacer eso. Entonces, lo otro que quiero llamar tu atención es que puedes desvincular tu máscara. Si tengo esto vinculado y agarro mi herramienta de transformación, todo va a moverse juntos. Si lo desvinculo haciendo clic en ese icono. Si agarro mi herramienta de transformación mientras estoy en mi capa de máscara, puedo arrastrar eso alrededor y se puede ver que se mantiene dentro de la forma, pero puedo moverla libremente desde la forma misma. Lo mismo va por la forma. Si agarro mi herramienta de selección, puedo mover eso por ahí independiente de la máscara. Nuevamente, esto va a ser algo que usamos en una de las próximas animaciones; la máscara puesta así como la textura. Tenemos que trabajar de forma independiente, por lo que desvincular y vincular va a ser clave. Entonces, una nota final, también puedes apagar tu máscara simplemente tocando ese icono allí. Eso es todo con el enmascaramiento. Vamos a seguir adelante y empezar a bucear en la animación real. Tengo mis letras en su lugar y estoy usando una fuente llamada curva de aprendizaje, que es una fuente cursiva conectada, pero nuevamente, la fuente específica que estoy usando no importa. Puedes usar cualquier fuente que quieras. Pero como mencioné anteriormente, las fuentes de escritura a mano, ya sean cursivas o no, funcionan mejor para este efecto. Tengo dos copias de mi capa aquí, y la razón de eso es una vez que enmascaro esta capa superior, va a desaparecer y pieles de cebolla no van a funcionar en este caso. Lo que quiero hacer es darme una guía porque voy a estar animando el desvelar la máscara, y necesito ver la dirección en la que voy. Como mencioné anteriormente, es importante pensar con anticipación en cómo escribirías sobre las palabras forma natural y animar tu máscara en esa misma dirección para que funcione más suavemente. Cómo escribiría esto es empezar aquí por la izquierda y subir. Yo completaría mi w y luego volver por ahí y empezar mi r arriba nuevo y continuar esto hasta llegar a por ahí en la t, venir a la cima, empezar mi t para completar mi pequeño gancho ahí. Crea mi e y mi travesaño sobre mi t. Ahora voy a guardar el punto sobre el ojo para el final. Voy a escribir a la o, empezar aquí y venir alrededor y arriba, abajo, arriba, y luego completarlo, y luego de nuevo en el último fotograma añadir mi punto. Esa es la forma en la que quiero animar mi máscara. Lo primero que voy a hacer es darme una máscara para esta capa superior, así que tocaré y voy a enmascarar todo el contenido de la capa, así que solo te crearé máscara vacía. De nuevo, me está dando una máscara blanca para empezar, así que necesito invertir eso. Ahora claro que sigue mostrando porque tengo mi capa aquí y esta va a ser mi capa guía, así que no necesito que sea esta opaca. Voy a seleccionarlo y bajar la opacidad a alrededor de 10 más o menos. Sólo lo necesito lo suficiente para poder verlo para poder animar mi máscara correctamente. En este punto, quieres asegurarte de que estás de vuelta en la capa de máscara para esa capa superior. Nuevamente, el color de tu pincel no importa. Lo único que importa es si te has revelado u ocultado. También quiero asegurarme de que mi animación esté encendida, así que tengo mis fotogramas ahí. Vamos a estar creando esto sobre una serie de fotogramas duplicados porque como agrego un revelador, quiero que se quede en su lugar mientras voy al siguiente. Tengo seleccionado el pincel redondo duro básico, puedes elegir un pincel texturizado si lo deseas. Voy a animar el mío con un pincel opaco regular sin textura, y me acercaré aquí. Ahora los primeros fotogramas, en realidad quiero que quede completamente en blanco. Voy a duplicar esto unas cuantas veces. Empezaré a animar en mi cuarto fotograma. Con mi pincel seleccionado y el menú contextual en revelado, y asegurándome de que estoy en mi capa de máscara, no en la capa de texto real, voy a empezar a animar esto encendido, y quiero hacer esto en pequeños incrementos en lugar de trozos más grandes. Hacerlo en incrementos más pequeños sobre una gran cantidad de fotogramas va a dar una animación mucho más suave. Entonces si lo hago en trozos más grandes sobre unos pocos. Cada vez que lo hago, sí quiero duplicar mi marco. Voy a sacar esto. Golpearé duplicado y otra vez, solo añada un poquito más. Ahora en este caso particular, voy a quedarme al lado izquierdo de esta forma y luego volver a bajar a la derecha. Voy a bajar un poco mi pincel . Añadir un duplicado. Acabo de dibujar cuidadosamente línea ahí. Esta animación no es rápida. Va a llevar tiempo y se necesitan muchos marcos. Una de las cosas que te voy a advertir es porque terminarás con un montón de marcos. Quieres hacer esto lentamente y solo mantén un ojo en lo que estás haciendo para que puedas corregir las cosas como necesites. Si accidentalmente revelas algo, digamos que golpeé algo ahí. En lugar de eliminar toda la capa, puedo simplemente golpear Hide y deshacerme de eso. Asegúrate de volver a revelar y acaba de empezar de nuevo. Golpeé Duplicar. Sube a la cima. Sólo voy a seguir haciendo esto mientras vuelvo abajo. Como necesitas simplemente ajustar el tamaño de tu pincel. Una vez que vuelva a esta parte donde no tengo que preocuparme por ello, traeré de nuevo porque de lo contrario, me va a llevar mucho más tiempo hacer esta animación. Nuevamente, estoy haciendo esto en incrementos muy pequeños. Voy a acelerar esto en este punto hasta llegar a la t Sólo recuerda que voy a estar revelando esto en la dirección en la que escribiría la palabra. Te veré una vez que haya terminado. [ MÚSICA] He animado en la primera parte de mi primera palabra aquí y detuve la t Creo que podría añadir solo un toque más aquí para que se acerque un poco más a la t misma, no tiene que ser perfecto, porque esto va a estar corriendo a través de unos fotogramas altos por segundo. No vas a ver cositas. Voy a duplicar eso. Voy a empezar por la parte superior de la t ahora y bajar hasta que llegue por aquí, y hacer mi pincel más pequeño. Aquí es donde es importante tomarse su tiempo. Quiero asegurarme de que no estoy animando en ninguna parte del travesaño, así que solo estoy siendo muy cuidadoso de quedarme dentro aquí. Bajaré. Sólo voy a seguir dando vueltas hasta que llegue por aquí. Mi pincel es realmente pequeño, así que me está llevando un poco más, pero estoy en algunos lugares más apretados aquí, así que sólo quiero tener cuidado, ir a nuestro maduro por ahí. Estoy terminando mi t. Voy a añadir un duplicado y empezar a hacer mi travesaño. Ahora podrías hacer el travesaño después hacer la e, depende de ti. No voy a hacer el punto sobre el i hasta el final. Ahora voy a duplicar y voy a empezar con mi e. Quiero quedarme dentro de mi espacio aquí mismo. Sólo voy a dibujar líneas. Se fue un poco por la borda allí. Déjame golpear a Hide. Nuevamente, no tiene que ser perfecto, pero realmente se pueden ver lugares como este. Solo quieres mantener un ojo hacia fuera mientras estás pasando. Sólo seguiré dando vueltas. Voy a acelerar esto de nuevo en este punto hasta llegar al final. Volveré antes de terminar el punto sobre el i. Te veré ahí. [ MÚSICA] Ambas palabras están escritas en. Una cosa final que queda por hacer es animar en el punto sobre el i. he agregado un fotograma duplicado. Ahora en lugar de usar el pincel, voy a usar la herramienta Lasso. Quiero asegurarme de que estoy en mi capa de máscara. Voy a rastrear alrededor de los bordes del punto y luego usar mi herramienta de relleno para rellenarlo. Una vez que golpee Deseleccionar, está en su lugar y va a aparecer en ese marco final. Un par de puntos sobre los ajustes de reproducción para esta animación en particular. Por alguna razón, la animación de bucle tiende a ponerse un poco de buggy. No sé si es un problema con el fresco que se va a arreglar o es justo como funciona. Encuentro que cuando reproduzco, si solo lo hago en Play una vez, funciona perfectamente bien. Una vez que lo exportas, parece estar bien. Es solo el modo de reproducción el que se pone un poco buggy. No me he puesto a jugar una vez mis fotogramas por segundo o todo el camino hasta 40. Porque los fotogramas más altos por segundo van a hacer que esto funcione más suavemente junto con animarlo de manera incremental. Le pegaré a Play. puede ver que lo está escribiendo, pone un punto y luego se sienta ahí. Vamos a seguir adelante y pausar eso y apagar nuestra capa guía para que quede completamente en blanco. Volveré a golpear Play. Lo está escribiendo en la dirección que habría escrito esto. Ahora, te mostraré cómo se ve con loop. A veces funciona bien cuando está haciendo reproducción y a veces se pone un poco de hipo. Puedes probarlo. Veo que acaba de volver y empezó de nuevo. Acabo de encontrar que reproducirlo en Play una vez funciona mejor. Solo quiero comprobar y asegurarme que todo esté montando sin problemas. Una cosa final a tener en cuenta sobre esta animación es si vas a exportarla con una animación de bucle y quieres que se mantenga en este estado antes de que empiece de nuevo, asegúrate de que estás agregando esos fotogramas duplicados al final como hemos tenido anteriormente, cualquier lugar de 10, 30, 40, 50 , por mucho tiempo que quisieras sostener, solo agrega algunos fotogramas duplicados al final. Me gusta cómo se está ejecutando esta animación. Creo que está funcionando sin problemas y los incrementos son buenos. Voy a seguir adelante y llamar a esta animación hecha. La animación imita la escritura a mano escribiendo en una palabra o una frase sobre una serie de fotogramas duplicados. Usando la característica de enmascaramiento de frescos, poco a poco revelamos más de nuestra fuente hasta que se completa toda la palabra. Hacerlo en pequeños incrementos sobre muchos fotogramas, nos dará una animación mucho más fluida que si se hace en incrementos más grandes a lo largo de unos pocos. Esta animación funciona mejor con fuentes de escritura a mano, aunque no tienen que ser cursivas. fuentes de impresión de peso pesado van a ser más desafiantes animar pero prueba tu fuente favorita y simplemente ver cómo se ve. Para obtener mejores resultados, piense con anticipación en cómo escribirías naturalmente en tu palabra y desenmascararla en el mismo patrón. Por último, un fotograma más alto por segundo va a darle a esta animación una sensación mucho más suave y natural. A continuación, vamos a echar un vistazo a la animación 5; enmascarar. Te veré ahí. [MÚSICA] 9. Animación 5 | Máscara con efecto de máscara: Esta animación utiliza la función de enmascaramiento del fresco para ocultar dos líneas de texto y revelarlas gradualmente sobre una serie de fotogramas duplicados. Ambas líneas de textos se colocan frente a donde finalmente aterrizarán y se colocan máscaras sobre cada uno de ellos, haciéndolos invisibles. Cada línea de texto se mueve entonces fuera de su masa gradualmente sobre una serie de marcos duplicados hasta que ambas palabras aterrizan exactamente donde las queremos. Echemos un vistazo más de cerca. Estamos en nuestra quinta animación. A éste se le llama máscara. Vamos a tener una máscara de línea en primero y luego van a subir dos capas de texto de abajo y de arriba y emerger al mismo tiempo. Ahora lo bueno de esta animación en particular es que vamos a estar trabajando completamente no destructivamente. Estaremos usando un texto en vivo porque no necesitamos cambiar el color de relleno ni usar ninguna herramienta de selección para que podamos mantener el texto en vivo. También vamos a estar usando máscaras para que podamos hacer cambios en cualquier momento. Mencioné al inicio del video que cualquier fuente va a funcionar para esto de cualquier tamaño, peso, o tipo. Personalmente encuentro que usar fuentes similares si estoy usando dos líneas, les da una animación mucho más suave que tratar de trabajar con dos fuentes muy diferentes, pero depende completamente de ti. Nuevamente, porque estás trabajando de manera no destructiva, puedes probar cosas diferentes siempre y cuando recuerdes ajustar tus máscaras en consecuencia. Vamos a seguir adelante y empezar. Todavía no he configurado mi texto porque antes de hacer eso, quiero mostrarles dos formas en las que se puede crear fácilmente la línea de la que va a salir el texto. Me daré una capa vacía. El primer método es agarrar la herramienta de selección rectangular y simplemente arrastrar hacia fuera la forma. Te va a dar una selección que luego puedes usar la herramienta de relleno para rellenar. Ahora la desventaja de este para mí es que la única forma que tienes de ajustar esto antes de rellenar la forma es usar aquí las herramientas de sumarte o restar. Si tuviera que hacer esto más pequeño, lo voltearía para restar y arrastrar algunos lejos y viceversa. Una vez que lo rellene, si agarro mi herramienta de relleno y solo toque y agregue ya sea un vector o un píxel, ahora puedo transformarlo sin embargo lo necesito. Pero de nuevo, no tengo esa flexibilidad por adelantado. El otro enfoque que puedes tomar para crear esa línea media es ir al fondo aquí donde verás esta regla. Si toco y sostengo, me va a dar la regla pero también verás estas formas adicionales. Si elijo cuadrado, tengo aquí este cuadrado tenue, ligeramente transparente con una caja limitadora. Puedo hacer la forma que quiero por adelantado usando el cuadro de límite y puedo ajustarla sin embargo lo necesito. Entonces con mi herramienta de relleno en una capa vacía, solo tocaré y otra vez me preguntará si quiero un vector o un píxel, voy a elegir vector. Si apago esto, tengo la línea en su lugar. Si fuera necesario, podría entrar y agarrar esa herramienta de transformación. Acabo de encontrar este enfoque para ser más flexible adelantado y mucho más fácil de ajustar. He configurado mi texto ahora y estoy usando una fuente llamada Apparat Black, que creo que es una de las fuentes incorporadas. Pero de nuevo, como ya he mencionado, la fuente exacta, tipo de fuente y el peso de la fuente no importan con esta animación en particular. Simplemente juega con diferentes fuentes para ver qué funciona mejor para ti. Nuevamente, porque estamos trabajando de manera no destructiva, puedes ajustarlo a medida que avanzamos siempre y cuando recuerdes ajustar las máscaras. El modo en que quiero que esta animación funcione es que esta línea rosa va a salir de esta línea media a la cima, y viceversa. El rojo va a salir de la línea y golpear el fondo. Estoy empezando enfrente de donde quiero que termine y sí quiero señalar que tengo cada uno de estos en su propia capa separada porque vamos a estar animando cada uno de ellos por separado dándole a cada uno de ellos su propia máscara. Apagé temporalmente el texto por lo que vamos a empezar animando primero la línea. La primera parte de esa animación es que la línea va a animarse y luego las dos líneas de texto van a emerger al mismo tiempo. No todo va a pasar al mismo tiempo, pero en general, queremos tener el mismo número de fotogramas para cada capa. Es realmente importante que a medida que estamos animando esta línea, necesitamos hacer un seguimiento de cuántos fotogramas usamos porque necesitamos duplicar estos, ese número de fotogramas antes de empezar a animarlos. Verás a qué me refiero en un momento. Lo primero que quiero hacer es agregar una máscara a esto El proceso va a ser el mismo que lo que usamos para el efecto de escritura. Seleccionaré el toque de capa y voy a elegir el contenido de la capa de máscara. Ahora mi máscara inicial está invertida. Necesito esto para ocultar la línea y entonces la línea va a salir de ella. Volveré a tocar y pegaré a “Invertir Máscara”. No sé si esto es un bicho en fresco o es justo como es con este tipo particular de máscara en una forma pero si acerco, se puede ver que todavía tengo una línea muy débil aquí. La forma más fácil de resolver eso es desvincular la máscara, que vamos a necesitar hacer de todos modos porque sólo vamos a estar animando la máscara. Tengo una capa seleccionada y desvincularé eso. Voy a agarrar mi herramienta de transformación y solo voy a sostener mi dedo hacia abajo en el selector táctil y sacar ligeramente esto hasta que eso desaparezca. No quiero que salga demasiado, solo quería lo suficiente para que desaparezcan esas líneas débiles. Le pegaré a “Done” y ahora todo se ha ido. Si mantiene el dedo en el botón, lo va a hacer desde el centro y hacerlo de manera uniforme. Tengo mi máscara de línea ahora, la máscara está desvinculada lo que significa que puedo animar la máscara separada de la línea real misma. Quiero asegurarme de que estoy en esa capa. Ahora la forma en que esto va a funcionar es sobre una serie de marcos. Vamos a mover gradualmente la máscara hacia la derecha para que dé la apariencia de la línea que emerge del lado izquierdo. Déjame hacer esto manualmente para que puedas ver a qué me refiero. Voy a agarrar mi herramienta de transformación, nuevo, estoy en mi capa de máscara. Quiero asegurarme de que se quede aún así que voy a sostener mi dedo hacia abajo en el selector táctil y apenas empezaré a arrastrar esto a través. Al arrastrarme, de nuevo, estoy limitando mi exposición. Está haciendo que esa línea parezca que está apareciendo desde la izquierda, aunque técnicamente sea estacionaria. Déjame seguir adelante y mover eso hacia atrás. Ahora es realmente importante que te quedes en el camino con esa animación. Lo otro importante es que lo hagas de manera incremental. Acabo de hacerlo todo a la vez pero para que la animación funcione sin problemas, hay que hacerlo en spurts más cortos sobre una serie de fotogramas lugar de grandes trozos porque de lo contrario, es va a lucir muy entrecortada y no leer la forma en que quieras. Déjame golpear aquí “Hecho”. Tengo mi primer marco en su lugar y voy a dejar eso completamente en blanco. Lo quiero fuera porque quiero que todo esto regrese a un estado inicial donde nada se muestra. Voy a seguir adelante y golpear “Duplicar” y este es el punto en el que quiero empezar a animar la línea en. Voy a agarrar mi herramienta de transformación. Nuevamente, quiero asegurarme de que solo estoy eligiendo el marco seleccionado. Pondré mi dedo hacia abajo en el selector de toque y solo voy a arrastrar esto través hasta que solo un poco de esa línea esté mostrando. Le pegaré a “Hecho” y voy a seguir haciendo eso. De nuevo marco seleccionado. Ahora acabo de estropearlo porque no sostuve mi dedo hacia abajo. Retrocedamos y volveré a empezar. Golpeó “Hecho”. Sólo voy a seguir haciendo esto hasta que se muestre toda la línea. [ MÚSICA] He hecho toda la línea, he movido la máscara fuera de esa línea a todo lo que está mostrando. Ahora es posible que hayas visto a medida que pasaba, hubo un par de veces en las que necesitaba retroceder porque accidentalmente bajé la máscara. El problema con eso es que va a exponer las cosas por delante de donde quieres que se expongan. Simplemente haz un seguimiento de lo que estás haciendo y asegúrate copias de seguridad si es necesario y simplemente empieza de nuevo. Es realmente importante mantener el dedo abajo en el selector táctil solo para mantener esa posición, momento tengo 12 cuadros, voy a seguir adelante y golpear play en esto. Quiero volver a mi capa principal para que pueda hacer eso. Sólo quiero ver cómo se está animando eso. Vamos a mover el speedup. A lo mejor moverlo un poco, un poco demasiado rápido. Lo que va a suceder en última instancia es que una vez que esa máscara esté fuera de la pantalla, entonces vamos a sostener esto durante el tiempo que sea necesario animar nuestras dos capas de texto encendidas. Ahora mismo empieza de nuevo cada vez y no es así como va a terminar. Solo quiero probar eso anticipación para asegurarme de que no haya nada que necesite ajustar antes de pasar a las otras dos capas de texto. Hemos animado nuestra línea en más de una serie de 12 fotogramas. Es importante señalar que a pesar de que cada uno de estos elementos está en su propia capa, y en última instancia vamos a estar animando cada capa de forma independiente. En general, el número de fotogramas para cada capa necesita coincidir. Eso va a asegurar que la animación comience y se detenga cuando se supone que debe y ninguna sola capa se inicie o se detenga antes de las otras dos capas. Lo primero que quiero hacer es agregar máscaras a mis dos capas de texto. Ahora recuerda que el rosa se va a animar hacia arriba y el rojo se va a animar hacia abajo. Una vez que tenga esa máscara en su lugar, entonces voy a duplicar cada una de esas capas 12 veces. Simplemente se van a sentar en su lugar con sus máscaras para esos primeros 12 fotogramas mientras la línea entra a la pantalla. Empecemos con el rosa aquí. A diferencia de la máscara que creamos para la línea, en realidad voy a crear estas máscaras usando la herramienta de selección rectangular. Quiero que esta línea de texto se anime desde lo más alto de la línea roja. Voy a agarrar la herramienta de selección rectangular. Sólo voy a asegurarme de que estoy en esa capa y apenas empezar a arrastrarme. Sólo estoy consiguiendo un comienzo duro aquí porque siempre puedo ajustar esto una vez que la máscara esté en su lugar, pero estoy tratando de acercarme lo más posible. Tengo mi selección en su lugar. Está cubriendo tanto la línea como el texto porque no quiero que el texto parezca como si estuviera viniendo por la línea misma, quiero que suba desde arriba. Tocaré y golpearé crear una máscara en lugar de contenido de capa de máscara. De nuevo, me va a dar una masa que necesito invertir. Voy a invertir eso y ahora se ha ido. Si fuera a desvincular esta máscara, vuelve a mi capa de texto, agarra mi herramienta de transformación, entonces puedo subir este texto desde la parte superior de esa línea. Traes eso de vuelta. Quiero hacer exactamente lo mismo con mi texto rojo. Simplemente podría seleccionar esta copia la máscara. Simplemente puedo pegar mi máscara y luego moverla hacia arriba de esta manera. Agarra mi herramienta de transformación, pon mi dedo en el selector táctil, y estoy todo listo. Esa es una forma más fácil de volver a hacerlo cuando se trata de crear estas animaciones lo más fácil posible para te lo más fácil posible para que no pierdas la noción de nada y no te lleve mucho más tiempo de lo que necesita. Ambas máscaras están desvinculadas, que es exactamente lo que quiero porque quiero que las propias máscaras en este caso se queden en su lugar y vamos a animar el texto. Va a ser opuesto a lo que hicimos por la línea. Quiero que ambos vengan al mismo tiempo, pero recuerda que necesito que ambos se sientan bajo sus máscaras por al menos 12 fotogramas antes de empezar a animarlos. Quiero seleccionar aquí mi capa y voy a tocar y duplicar esta 12 veces. Al hacerlo, vas a ver que la línea empieza a animarse. Hemos animado nuestra línea en, y en mi caso, lo he hecho más de 12 frames. Hemos creado las máscaras para nuestro texto y luego duplicamos las dos líneas de texto para dar a cada uno de esos el mismo número de fotogramas que se necesitó para animar la línea en. Ahora tu número podría ser diferente al mío, solo depende cuántos fotogramas te tomó para animar tu línea en la pantalla. Sólo asegúrate de que los tres coincidan. Estamos listos para empezar a animar nuestro texto pero hay un par de cosas que quiero señalar primero. Lo primero es que vamos a animar una línea de texto a la vez. Queremos asegurarnos de que cuando animamos la segunda línea, se haga sobre el mismo número exacto de fotogramas. Pero además de eso, queremos asegurarnos de que lo animemos en aproximadamente los mismos incrementos. Porque estamos creando la primera línea que vas a ver a medida que cruzas los marcos, cómo viene y solo quieres vigilar eso y verás mejor a lo que me refiero cuando empecemos creándolo. La otra cosa que quiero mencionar es que ahora mismo porque no tenemos ningún cuadro de espera en esta línea donde duplicamos este fotograma 12, igual que lo hicimos con las animaciones anteriores, va a empezar de nuevo y correr a través su animación a medida que estamos creando nuestro texto. No te preocupes por eso vamos a arreglar eso en el backend una vez que sepamos cuántos marcos necesitamos para nuestro texto. Porque en ese punto vamos a entonces duplicar este fotograma 12 sobre ese mismo número exacto para que todo funcione al mismo tiempo. Voy a empezar con mi línea rosa de textos. Eso va a subir de abajo, surgió de la línea y aterrizar la misma cima. Tengo esa capa seleccionada. Es importante asegurarse de que tenga la parte de texto de la capa seleccionada la parte de texto de la capay no la máscara porque vamos a animar el texto en este caso, y voy a duplicar mi marco. Nuevamente, al igual que mencioné, la línea desaparece porque está volviendo a la primera parte de su animación, pero la verás animar mientras animamos nuestro texto encendido. No te preocupes por eso ahora mismo. Voy a seguir adelante y agarrar mi herramienta de transformación y elegir marco seleccionado. Nuevamente, no quiero hacer toda la capa. Voy a mantener el dedo hacia abajo en el selector táctil y sólo arrastra esto hacia arriba hasta que empiece a ver el texto. Sólo quiero emerger justo por ahí. Voy a pegarle hecho. Voy a duplicar mi marco de nuevo. Se puede ver que cuando hice eso, la línea comenzó a animarse. Ahora eventualmente una vez que terminemos, toda la línea ya va a estar encendida y permanecer en su lugar. Pero hasta que terminemos con el texto, no sabemos cuántas capas de retención necesitamos para esto todavía. Sólo mantén un ojo en eso. He duplicado mi línea, volveré a agarrar el marco seleccionado, sostendré el dedo hacia abajo y solo voy a mover esto un poco más. También puedes usar los botones incrementales aquí, solo vas a hacerlo mucho más despacio. Depende de ti. Voy a pegarle hecho. Duplicar mi marco de nuevo, las líneas que vienen un poco más. Marco seleccionado. Sostendré mi dedo hacia abajo. Subiré esto un poco más. Sólo voy a acelerar esto en este punto. [ MÚSICA] Fueron alrededor de cinco marcos para hacer eso. Ahora podría encontrar que quiero ajustar eso. Tal vez tenga que volver a mis marcos y mover las cosas por ahí. Lo que voy a hacer en este punto aunque es que voy a volver a mi línea, ir a mi fotograma 12, y voy a duplicar este último fotograma hasta llegar a los 18 porque ese es el exacto número de marcos que tengo para las letras. Con esa capa seleccionada, pegaré Duplicar hasta que tenga 18. Esto me va a dar un mejor calibre cuando esté haciendo el otro. Ahora quiero animar mi capa roja de arriba a abajo y el mismo número de fotogramas. este momento estoy en el marco 12 aquí, y quiero duplicar ese marco y se puede ver que la capa rosa está empezando a pico en, por lo que eso me da una buena indicación de cómo necesito animar al otro. Voy a agarrar mi herramienta de transformación Marco seleccionado, sostengo mi dedo hacia abajo, y solo voy a llevar esto hasta que empieces a verlo pico a través. Se puede ver que tengo aproximadamente la misma cantidad viene ahí como yo lo hago allí, así que le pegaré a Done. Voy a seguir adelante. Marco seleccionado. Sostén mi dedo abajo sigue tirando de esto hacia abajo. Simplemente aceleraré esto en este punto. [ MÚSICA] Tengo ese animado encendido, en 18 fotogramas. Ahora, estoy encontrando que esto está un poco demasiado abajo, lo cual no es un problema. Voy a agarrar mi herramienta de transformación y fotogramas seleccionados, y solo voy a tocar eso hacia atrás, ese es más o menos el mismo lugar. Ahora tienen la misma cantidad de espacio entre éste y éste. Vamos a correr nuestra animación y ver cómo se ve hasta ahora. Si golpeo Play, la línea va a llegar primero. Déjame ralentizar eso. Primero vendrá la línea, y luego las dos líneas de texto. Ahora obviamente está apareciendo de nuevo al principio porque aún no hemos hecho ningún cuadro de retención. Pero en realidad solo quiero asegurarme de que todo esté sucediendo al mismo tiempo. Lo aceleraré un poco. Me gusta cómo se está animando. Me gusta cómo funciona la línea primero. En este punto, sólo quiero asegurarme que tenga exactamente el mismo número de marcos, lo que hago. Si pauso esto, tengo 18 fotogramas para ambas letras y mi línea. Ahora en este punto quiero seguir adelante y crear marco de espera. Por lo que quiero que se mantenga en esta posición antes de que se remonta al principio y empiece a animarse de nuevo. Voy a crear, diría probablemente unos 20 duplicados de cada [MÚSICA]. Tengo 38 fotogramas por cada capa, mis dos capas están gravadas en mi línea. Vamos a seguir adelante y golpear el juego y ver cómo se ve eso. Entonces se va a animar en espera por 20 fotogramas, y luego va a volver a empezar de nuevo. Ahora con esta animación en particular, si lo deseas, puedes entrar en ajustes y cambiarlo a boomerang, y en ese caso se va a animar en espera por 20 fotogramas y luego sostenerlo por otros 20 fotogramas ya que hace ciclos y luego se va a animar a sí mismo. Ahora lo único de éste es por la forma actual en que lo teníamos configurado. Se anima y luego patea de nuevo en su lugar de nuevo. Si quieres que se aguante un poco antes de que haga eso, en realidad necesitarías agregar algunos más de estos fotogramas vacíos. Necesitas duplicar eso para cada capa, que todo coincida y así es como se va a sostener. [ MÚSICA] Solo quiero revisar y asegurarnos de que tengamos la misma cantidad de marco, por lo que 48, 48, y de alguna manera tenemos 47 así que volvamos aquí. Voy a hacer uno más, deberíamos tener 48 ahora. Vamos a golpear Play it va a animar encendido. Aguanta, ve hacia atrás, anima fuera. Se va a aguantar por 10 fotogramas y luego retroceder de nuevo. De nuevo, puedes ponerlo en boomerang y hacer que se anime. Solo tienes que asegurarte de agregar una serie de marcos vacíos al principio. De lo contrario, sólo va a patear de nuevo en cuanto se anima a sí mismo. Me gusta cómo se está animando esto, creo que está funcionando bien y sin problemas. No necesito ajustar ninguno de los incrementos todo está espaciado muy bien. En realidad me gusta cómo se está ejecutando la animación boomerang. Depende de ti si quieres que ejecute un bucle o un boomerang, solo asegúrate de ajustar tus fotogramas en consecuencia. Pero voy a seguir adelante y llamar a esta animación particular hecha. [ MÚSICA] El texto en vivo se puede utilizar en esta animación, por lo que no es necesario convertir a un píxel o a un formato vectorial. Si bien el texto en vivo es editable y significa que puedes cambiar tus palabras. Recuerda ajustar tus máscaras en consecuencia, por lo que las palabras no se muestran a través. Alinear tus máscaras por adelantado te va a ayudar a crear una animación sin fisuras, pero debido a que no son destructivas, se pueden ajustar en cualquier momento si es necesario. Cualquier fuente de cualquier peso y tamaño va a funcionar con esta animación, así que juega con tu favorita y mira cómo funciona. Haz un seguimiento de cuántos fotogramas creas para que todas las capas de tu animación tengan el mismo recuento. Esto es importante para mantener la animación suave. Revelar tu texto en pequeños incrementos sobre múltiples fotogramas te dará una animación más suave que revelar en incrementos más grandes sobre menos. Por último, un fotogramas por segundo más rápido tiende a darle a este un efecto mucho más suave, pero jugar con diferentes configuraciones y ver qué funciona mejor. A continuación, vamos a echar un vistazo a la animación bonus, animando textura. Te veré ahí. 10. EXTRA: animación de textura textura en Adobe Fresco: En esta animación, estaremos creando una máscara a partir del texto y animando la textura dentro de esa máscara sobre una serie de fotogramas duplicados. Esta animación funciona con cualquier fuente, aunque funciona mejor con fuentes de peso más pesadas, ya sea impresa o cursiva. Debido a que vamos a estar animando nuestra textura dentro de la máscara, fuentes de peso más pesadas van a mostrar mejor ese movimiento si la animación se usa a un tamaño más pequeño. Empiezas con una línea de texto y creamos una máscara a partir del contenido de la capa. A partir de ahí, la textura se crea o bien en fresco o se tira como un archivo y le aplicamos una máscara de capa. Se desvinculan la máscara y la textura y empezamos a movernos y volteando la textura sobre una serie de fotogramas, creando así la animación. Vamos a seguir adelante y echar un vistazo más de cerca. Estamos en nuestra animación final y esta en realidad va a ser la más fácil de las seis animaciones que hicimos. Va a ser menos una animación de texto y más de una animación de textura. Estaremos usando nuestra capa de texto para crear una máscara exacta de la palabra o frase que queremos animar nuestra textura dentro de. Como mencioné en el abridor del video, puedes mantener la capa de texto como una capa base de color o puedes obtener el color directamente de la textura como tengo aquí. Voy a seguir adelante y crear usando una capa base de color solo para que puedas ver cómo se hace. Pero de nuevo, si no quieres hacer eso, solo esconde o descarta la capa de textos una vez que hayas creado la máscara. Vamos a seguir adelante y empezar. Mi palabra está toda configurada y voy a ir con una fuente llamada Poleno. Al igual que con los otros ejercicios, la fuente específica no importa, pero el tipo de fuente sí. En última instancia, puedes usar cualquier fuente que quieras con esta animación, solo va a depender qué tamaño planeas utilizarla. El motivo por el que digo que es si fuera a reducir esto y usarlo como pegatina en una historia de Instagram, si no hay mucho bienes raíces dentro de la carta para ver la animación de textura a un tamaño pequeño, no va a leer de la forma en que quieres que lo haga. Te recomiendo con esta animación en particular si sabes que la vas a estar usando en un tamaño mucho más pequeño, ve con la fuente de peso medio o más pesado. Si lo vas a usar a un tamaño más grande, la fuente realmente no importa, así que escoge la que más te guste. Puedes tomar un par de acercamientos para tirar la textura para esta animación. El primero es que puedes agregar una capa vacía, agarrar uno o más de los pinceles incorporados y crear tu propia textura. O si ya tienes una textura favorita que quieres usar, puedes ir al menú del lugar y tirarla de esa manera. Voy a hacer eso, tengo algunas texturas sentadas en mis archivos. Eres bienvenido a usar las texturas que proporcioné con la clase o puedes usar tu propia textura favorita si tienes una. Voy a ir a Archivos, ahora sé que quiero que el color para mi animación final venga de la capa base de textura, ese color rosa, rojo. No quiero que ningún color venga de mi textura, así que voy a elegir uno de mis blancos y negros. Sé que quiero que este sea el foco de la textura así que voy a sostener mi dedo hacia abajo en el selector táctil y voy a rotar esto. Ahora necesito que esto sea más grande que la palabra. El motivo de eso es que vamos a estar moviendo la textura alrededor para animarla. Si es demasiado pequeño y te mueves demasiado lejos a la izquierda, a la derecha , hacia arriba o hacia abajo, entonces existe el potencial de que la capa debajo asome y no quieres eso. Voy a sacar esto y traerlo bien por ahí, y le pegaré a Done. Por ahora mismo, no necesito esta capa de textura. Voy a apagarlo porque quiero crear una máscara a partir de mi capa de texto. Voy a seguir adelante y seleccionarlo, toque de nuevo y quiero enmascarar el contenido de la capa. Cuando hago eso, se puede ver una máscara exacta en la forma exacta de mis letras se crea. Ahora no necesito esta máscara para la letra misma, solo necesito que sea texto para crear la máscara. Voy a volver a tocar, voy a Cortar máscara, y volveré a subir a mi capa de textura y encenderla. Ahora quiero volver a agregar esa máscara a esta capa, así que tocaré y golpearé la máscara de lugar y solo elegiré Hecho. Otra vez aquí está la máscara y si me volteo, ahí está la textura. Ahora, quieres mantener un ojo hacia fuera para algo si estás en tu capa de máscara, y ves este ícono donde muestra que está vinculado, quieres asegurarte en este punto de que esté desvinculado. El motivo de eso es si guardo este enlace, y vuelvo a mi textura y agarro mi herramienta de transformación, todo incluyendo la máscara se va a mover juntos, y no queremos eso. En realidad queremos que la máscara se quede donde está y queremos poder mover la textura de forma independiente. Volveré a mi máscara haga clic en eso y solo me aseguraré de que la máscara de capa esté desvinculada. Ahora si vuelvo a esa capa de textura, puedo mover esto alrededor y se puede ver que la máscara se queda justo donde está. Estamos en el punto donde podemos empezar a animar nuestra textura. Nuevamente, me he asegurado de que mi máscara esté desvinculada a que pueda mover la textura alrededor independiente de la máscara. Mi animación ya está encendida y estoy en esa capa de textura porque eso es lo que vamos a estar animando. Esto está bien como mi primer marco, voy a mantener esto y quiero duplicar esto. Voy a seguir adelante y tocar y golpear Duplicar. Quiero trasladar esto a una posición diferente. Entonces hay un par de formas en que puedes hacer eso. Uno de los mayores objetivos cuando estás haciendo esto es asegurarte de que no lo estés haciendo en un patrón porque sobre todo si tienes un menor número de cuadros, vas a ver una muy distinta patrón, si no tienes cuidado con cómo lo mueves. Quiero agarrar mi herramienta Transformar. Nuevamente quiero elegir Marco seleccionado porque solo quiero mover la textura en este marco en particular. Lo primero que voy a hacer es subir aquí a la cima y voy a elegir flip vertical. Eso me va a dar una parte de mi movimiento. Entonces solo voy a arrastrar esto al azar tal vez hacia la derecha. Puedes ir en cualquier dirección que quieras , y yo le pegaré a Done. Ahora tengo mi segundo marco y se puede ver a los que se mueven ahí ya. Volveré a pegar Duplicar a eso. Esta vez voy a ir con decir flip horizontal y tal vez lo moveré hacia abajo a la izquierda así que tengo algún movimiento ahí. Ahora recomiendo hacer al menos cuatro o cinco frames si no más, tiendo a hacer alrededor de 10-12. Voy a seguir adelante y hacer eso ahora y voy a acelerarlo así que te veré cuando termine. [ MÚSICA] Tengo mis marcos en su lugar y sólo voy a golpear Play para revisar mi movimiento aquí. Veo algún movimiento agradable, sin patrones. No tengo letras asomando desde debajo de ella donde lo saqué demasiado lejos, de una forma u otra. Voy a entrar en Ajustes, ahora esto está configurado en cuatro ya de mi capa anterior de textura. Sólo voy a sacar eso. Ciertamente se podría hacer eso obviamente eso lo hace mucho más rápido. Esto es genial para algo como si estás creando estática para una televisión o estás haciendo una película de cine de viejos tiempos. ¿ Dónde estás usando textura de papel de periódico para crear una cuadrícula? Esa velocidad funciona muy bien. Para los efectos de esta animación, ahora voy a mantener esto a las cuatro. Tengo mi movimiento en su lugar, pero de nuevo, quiero que pase el color de la capa de texto por lo que voy a seleccionar esta capa, así que apagaré mi animación. Quiero asegurarme de que esa capa esté seleccionada y vaya a las propiedades de mi capa. Voy a cambiar mi modo de mezcla a algo así como superposición. Ahora si quisiera, también podría cambiar mi opacidad, pero en realidad me gustan los niveles y las capas ahí. Me gusta cómo está viniendo ese rojo pero en algunos de los puntos donde la textura está golpeando y jugando con ese color, me está dando ese color PG. Volvamos a golpear Play y me gusta cómo se ve eso. En este punto podría seguir adelante y exportar esto. Si sí usas estas dos, todo lo que realmente necesitas hacer es asegurarte de que estas son las dos capas que se muestran, y cuando lo exportes, y te mostraré más sobre exportar en el siguiente video, esas dos capas irán juntas. Solo asegúrate de que todo lo que quieras exportar sea visible. También podrías agrupar esto si quisieras, pero no es necesario. [ MÚSICA] Las fuentes de peso más pesado tienden a funcionar mejor con esta animación porque permiten que tu animación de textura se vea incluso cuando se usa a un tamaño más pequeño. El tipo se utiliza para crear una máscara para colocar sobre la textura, pero no es necesario para la animación final. Dicho esto, si quieres mantener tu capa original de textos no animados en su lugar como color base, puedes exportar todo juntos. Recuerde utilizar todas las herramientas y la herramienta de transformación incluyendo voltear vertical y horizontal, para crear un efecto más aleatorio, y por lo tanto natural. Para animar solo la textura, asegúrate de desvincular tu máscara de la capa de textura y asegúrate de que tu capa de textura sea visible en el panel de capas. Por último un fotogramas bajos por segundo tiende a funcionar mejor con esta animación ya que los fotogramas más altos por segundo tienen una sensación más frenética. Próxima parada, vamos a hablar de exportar opciones, te veo ahí [MÚSICA]. 11. Opciones de exportación en movimiento en Adobe Fresco: [ MÚSICA] Muy bien, así que hemos creado nuestras animaciones y estamos listos para empezar a explotarlas. Ahora Fresco ofrece múltiples formas de exportar tu animación final como secuencias GIFs, MP4s y PNG. El que elijas en última instancia va a depender de dónde planeas usar tu animación. Vamos a hablar los diversos formatos en un momento. Pero antes de que hagamos eso, sigamos adelante y echemos un vistazo a cómo configurar tu lienzo para prepararlo para la exportación. Lo primero que quieres hacer es pensar en dónde quieres usarlo. Quiero usar esta como pegatina de animación que pueda subir a GIPHY y usar en Instagram o mensajería, lo que significa que necesita tener un fondo transparente y todo lo demás que tenía detrás de ella tiene que estar fuera. Pausa esto por un momento. Lo primero que quieres hacer es asegurarte de que la capa que Fresco pone en su lugar automáticamente esté apagada. Simplemente selecciónalo y golpea el pequeño globo ocular. Cualquier otra capa opaca que no quieras aparecer están apagadas. Ahora si piensas volver a la capa de textura donde teníamos dos capas donde creé un sólido que usé como base de color y luego la textura encima de ella. Yo querría que esas dos capas quedaran encendidas y se exportarían juntas. Tengo mi capa lista para ir. Está sobre un fondo transparente. Vamos a seguir adelante y entrar en la exportación y hablar de los diversos formatos que están disponibles para usted. Una vez que estés listo para exportar tu animación, sube al botón Compartir en la parte superior y elige publicar y exportar. Verás movimiento en la parte inferior y podrás cambiar el nombre de archivo así como elegir entre los tres formatos diferentes, MP4, GIF y secuencia PNG. Hablemos primero de GIF. Son el formato más aceptado y de uso común, pero también son el formato más antiguo. Uno de los mayores problemas con los GIF es que no soportan transparencias incluyendo transparencias parciales como sombras. Donde se necesita un fondo totalmente transparente, Fresco va a crear antialiasing y añadir lo que se llama un tapete alrededor tu animación para empañar la ilustración en sí y evitar que buscando entrecortado. Si tienes una sombra o una transparencia parcial, no se soportan en absoluto en los GIF. Si necesitas usar una sombra con tu animación, vas a necesitar usar un fondo de algún tipo o exportarlo como PNG, que hablaremos en un poco. El único problema final con los GIF es que también tienen una calidad visual mucho menor que otros métodos, por lo que son más difíciles de usar a un tamaño mayor. Hablemos un poco de las alfombrillas que acabo de mencionar. Cuando elijo GIF, me dan dos opciones, sin transparencia y el blanco es transparente. Si no elijo transparencia y genero mis marcos, automáticamente va a añadir un fondo blanco puro a los lados de mi lienzo. Ahora si esto va a funcionar para ti, eso está bien. El problema es de nuevo, este es el tamaño de mi lienzo y aquí hay todo tipo de relleno. Si sí planeas usar algo como esto, recomiendo recortar más cerca de tu animación para que puedas cambiar tamaño de tu lienzo y Fresco antes de exportarlo. De esa manera no tienes todo este espacio no utilizado que es relleno lo que sea que lo estés colocando. Si elijo el blanco como transparente y generar mis marcos, me va a dar esa estera que mencioné. Se puede ver una línea blanca muy tenue alrededor de todas mis letras. Ahora, las letras reales en sí están intactas, pero la línea blanca es muy entrecortada por el antialiasing. Fresco está forzando la transparencia donde la transparencia no existe con los GIF y eso está bien, a excepción de algunas cosas. El primero es si planeas usar esto como una pegatina de texto, una pegatina de texto animada en algo como GIPHY, esa esterilla blanca va a aparecer. Ahora se ha vuelto bastante ampliamente aceptado que estos existen. Si vas en GIPHY o sitios como él, vas a ver un montón de animaciones que tienen esa alfombra blanca su alrededor y que acaba de ser aceptada, y en un tamaño muy pequeño donde estarías usándolo en una historia o algo así, es mucho más difícil de ver. El otro tema sin embargo, es si sí necesitas usarlo a un tamaño más grande, a partir de esta grabación, Fresco no permite una opción para cambiar el color de la alfombrilla a algo que no sea blanco o apáguelo por completo. Ahora en el siguiente video, te voy a mostrar cómo tomar una secuencia PNG de Fresco y crear un GIF mucho más limpio fuera de ella. Además de cómo puedes usar Photoshop para apagar la alfombrilla o cambiar el color. Pero si planeas exportar directamente desde Fresco, solo debes saber que al exportar con un GIF, ya sea exportas con un fondo o con esta alfombrilla blanca. La siguiente opción que tienes es MP4. Ahora, los MP4s tienen algunas opciones más para ellos. En realidad se puede almacenar tanto audio como video. Aunque en Fresco, en realidad no hay forma de agregar audio a partir de este punto. Hay dos versiones de mp4 en Fresco, automáticas y listas para web. Automático va a estar al tamaño que lo creaste, web ready va a reducir un poco el tamaño. No veo mucha diferencia en calidad cuando la cambias. El tamaño más pequeño de los MP4s es lo que los hace realmente deseables. Sitios como Facebook e Instagram en realidad requieren esto sobre GIFs y PNGs para publicaciones y otras cosas. Ten eso en cuenta. El mayor problema con los MP4s es que no soportan ninguna transparencia en absoluto, ya sea completa o parcial, porque usan lo que se llama codificación JPEG. No se puede hacer ninguna transparencia. Eso me va a llevar a la opción final, que son los PNGs. Vamos a seguir adelante y echar un vistazo a eso. Muy bien, así que cuando elijas secuencia PNG, lo primero que vas a notar es que en realidad no hay otras opciones. Eso es todo. Tú eliges secuencia PNG y no hay otras casillas desplegables. El mayor inconveniente con Fresco y este PNG secuencias que en realidad no está animado. No exporta un PNG animado, pero exporta lo que se llama secuencia PNG. Lo que es es una instantánea de cada fotograma que creaste como un archivo PNG. Lo que vas a conseguir es un archivo zip con una imagen de cada fotograma y luego necesitas llevarlo a otra app y animarla. Ahora de nuevo, en la siguiente lección, te voy a mostrar cómo llevarlo a Photoshop y animarlo. Pero si no tienes Photoshop disponible para ti, hay una serie de sitios gratuitos en la web que también puedes usar. El otro inconveniente de los PNGs, específicamente los PNGs animados, es que la mayoría de los sitios no los aceptan en este punto. A pesar de que te dan la exportación más limpia y puedes usar transparencias, desafortunadamente, mientras que la mayoría de los navegadores realmente las aceptan, los sitios en sí mismos no. lo que todo se reduce [MÚSICA] a es necesario pensar en dónde planeas usar tu animación, qué otras herramientas tienes disponibles para ti si eliges una opción, digamos como secuencia PNG, y decide qué va a funcionar mejor para tu animación. Echemos un vistazo rápido hacia atrás a nuestra lección. Los GIF son el formato de animación más aceptado, pero también son los más arcaicas y tienen una calidad visual mucho menor que cualquier otro formato. No soportan transparencias de ningún tipo por lo que esteras necesarias donde se necesita un fondo transparente. Las transparencias parciales no están en voz alta para nada así que si has creado una sombra, vas a necesitar crear un elemento de fondo o guardarlo como una secuencia PNG. MP4s tienen un tamaño de archivo mucho más pequeño, pero no admiten transparencias en absoluto porque usan codificación JPEG. El formato PNG sí permite transparencia total o parcial y tiene una calidad mucho mayor que los GIF. El problema es que Fresco exporta una secuencia PNG en lugar un PNG animado por lo que aún vas a necesitar animar los fotogramas en un programa separado. A continuación te voy a mostrar cómo tomar una secuencia PNG de Fresco y crear un GIF mucho más limpio en Photoshop. Te veré ahí. 12. Convierte una secuencia PNG a GIF en Photoshop: [ MÚSICA] Estoy aquí en Photoshop y quiero tomar esa secuencia PNG que acabo de exportar de Fresco, y quiero convertirlo primero un PNG animado y luego finalmente exportarlo como un animado GIF. Nuevamente, la razón por la que estoy haciendo eso aquí es porque, partir de ahora mismo, a partir de ahora mismo, Photoshop brinda más opciones cuando se trata mattes y GIFs que Fresco, así que puedo elegir blanco, negro, puedo elige un color personalizado si me gustaría. Antes de dirigirnos a la animación sin embargo, hay un par de cosas que quiero señalar. El primero es que estoy en Photoshop para escritorio. A partir de ahora mismo, Photoshop para iPad no tiene funciones de animación, por lo que necesitarás usar la versión de escritorio de la aplicación. La otra cosa que quiero señalar es que cuando Fresco exporta una secuencia PNG, te va a dar un archivo ZIP. Tendrás que asegurarte de descomprimir eso antes de dirigirte a Photoshop. He ido adelante y lo he hecho aquí. Sólo voy a hacer doble clic y abrirlo, y se puede ver que tengo cinco imágenes PNG aquí. Pero si piensas volver a mi animación, en realidad solo creé tres fotogramas, pero cambié la reproducción a boomerang. Para compensar eso, cuando Fresco exportó mis secuencias PNG, me dio esas dos imágenes PNG adicionales para hacer ese efecto boomerang. En esencia, es uno, dos, tres, dos, uno, pero para los fines de la línea de tiempo del video, está etiquetada de uno a cinco. Ahora, hay una forma realmente fácil de abrir esto como un archivo de video en Photoshop. Lo primero que quieres hacer es asegurarte de que tus opciones estén abiertas aquí abajo. Si no es así, simplemente haga clic en “Opciones”, haré clic en el primer archivo PNG, checkoff secuencia de imagen y haga clic en “Abrir”. Va a preguntarme cuál quiero que sea mi tasa de fotogramas. Ahora, elegí siete en Fresco así que me quedaré con eso aquí. Verás que me da un grupo de video aquí en mi línea de tiempo así como en mis capas aquí. Quiero concentrarme aquí abajo en la línea de tiempo. Lo primero que quiero hacer es asegurarme de que vaya a este cog y haga clic en Loop Playback para que no sólo se ejecute y se detenga. Tengo mi resolución fijada al 50 por ciento y eso está bien en realidad. Si encuentras que Photoshop se está ejecutando torpe o lento, siempre puedes cambiar tu resolución para ayudarla. Sólo voy a seguir adelante y haga clic en “Jugar”. Ahora, lo que puedes encontrar es que las primeras veces que atraviesa la línea de tiempo, corre torpe. Se puede ver parando ahí, y eso no es lo que quiero, pero me parece que a medida que lo atraviesa comienza a aprenderlo. No estoy seguro si eso es lo que está haciendo, pero sí me parece suavizar. En realidad voy a parar eso para que pueda mostrártelo. Puedes correr por tu cabeza de juego aquí. También puedes correr a través de él aquí. Si sientes que tu animación no está funcionando tan rápido como te gustaría, también tienes la opción de cambiar su velocidad. Solo puedes hacer click aquí en este pequeño botón de reproducción. Te va a dar velocidad y duración. La duración se basa en cualquiera que sea tu velocidad. Digamos que quiero poner en 125 por ciento porque no siento que esto estuviera funcionando tan rápido como lo quiero. Ha cambiado mi duración porque va a correr a través esos cinco fotogramas mucho más rápido si hago clic en Jugar. En realidad me gusta esto mucho más que la forma en que estaba funcionando al 100 por ciento. Está corriendo la velocidad exacta que quería. Eso es todo por decir que tienes la opción de acelerar o ralentizar el juego si quieres, de nuevo, con solo hacer clic aquí en este pequeño botón de reproducción. En este punto, tengo PNG animado. Ahora, no voy a guardarlo como PNG, voy a exportarlo como GIF. Pero eso es lo fácil que es crear eso en Photoshop. Pero echemos un vistazo a cómo podemos exportar nuestro archivo como un GIF animado. Para exportar mi GIF, voy a subir a File, Export, Save for Web Legacy, y va a abrir un cuadro de diálogo para mí. Ahora, mi archivo es realmente grande porque creé esto en Fresco a un tamaño mucho más grande de lo que necesitaba. Si recuerdas, trabajé con vectores y no tengo textura en esto. Voy a cambiar el tamaño de mi imagen a 1.000 píxeles solo para mantener el tamaño de mi archivo relativamente bajo. La otra cosa que quiero hacer es asegurarme que GIF esté chequeado aquí. Si tienes muchos colores en tu GIF, puedes asegurarte de que se muestre el número máximo de colores, que es 256. No cambio nada aquí, pero lo que sí cambio son las opciones mate. Aquí es donde, bajo este cuadro desplegable, vas a tener todas las opciones que no necesariamente estás viendo ahora mismo en Fresco. No puedo elegir mate, puedo elegir el color cuentagotas, por lo que puedo usar mi cuentagotas para seleccionar un color en alguna parte, puedo usar los colores de primer plano o de fondo, blanco, negro, o si hago clic en otro, me deja poner en un código hexadecimal específico. Realmente depende de ti lo que quieras usar. Ahora, donde utilizarías uno personalizado es, digamos que tienes un sitio web que no tiene un fondo blanco puro, pero quieres tener un mate detrás de tu GIF. Simplemente puedes seguir adelante y hacer clic en “Otro”, clave en el código hexadecimal exacto para tu sitio web, y estás todo listo. Ahora, voy a salvar esto de dos maneras. Lo primero que quiero hacer es guardarlo sin mate, y luego lo voy a guardar con un mate blanco para que puedas ver la diferencia. Sin embargo, antes de que hagamos eso, voy a acercar aquí. Ahora, estoy acercando al 800 por ciento. Se puede ver que tengo un antialiasing aquí en los spots donde hay muchas curvas, que en este caso particular hay mucho porque la fuente con la que trabajé tenía muchas curvas, donde yo tener algunas líneas rectas para que puedas ver que no tengo ese picadura. Pero de nuevo, tengo esto acercado al 800 por ciento, y no es así como lo estaría usando. Si fuera a usar esto sería más probable que se usara en algo como Instagram donde sería mucho más pequeño, y no se puede ver ese aliasing. Si empiezo a hacer clic en “Jugar”, solo veo ese meneo y eso es sin mate en él. Porque empecé con una secuencia PNG realmente limpia, estoy obteniendo una salida agradable y limpia incluso con un archivo GIF. Voy a seguir adelante y detener esto. Vamos a cambiarlo a negro para que puedas verlo mejor. Si acerco, se puede ver que me da ese bonito, pequeño, contorno negro ahí que va a proteger los bordes de mi texto que el antialiasing golpee ese contorno negro en lugar de la texto en sí. Ahora, si acerco realmente cerca, va a parecer que está en todo porque de nuevo, estoy acercando al 800 por ciento, que no es donde usaría esto. Permítanme cambiar esto a blanco. Lo primero que voy a hacer es asegurarme que para siempre se comprueben aquí abajo. Haré clic en “Guardar”, quiere hacer clic en “Guardar” y no en “Listo”. Voy a cambiar esto por venir pronto blanco mate, y sólo voy a guardarlo en el mismo archivo. Ahora, quiero volver a subir a mis opciones de Archivo y Exportación, porque de nuevo, quiero ahorrar esto fuera esta vez sin mate para que puedas ver la diferencia. Cambiaré esto a ninguno. Nuevamente, cambiaré el tamaño de mi imagen así que estamos comparando manzanas con manzanas. Asegúrate de que se revise para siempre. Voy a hacer clic en “Guardar” y voy a hacer próximamente no mate. Entrémonos en los preestreno para ambos para que puedas ver la diferencia. Tengo mis dos GIFs aquí, uno con el blanco mate y uno no mataría. Voy a seguir adelante y golpear la Barra Espaciadora para darnos un adelanto. Este es el que no tiene mate. Se puede ver que incluso a este tamaño realmente grande, está realmente limpio. Hay imperfecciones o es antialiasing y las curvas manchas, pero usaría algo como esto para cargar a GIPHY para que pueda usarlo como pegatina de texto en una historia de Instagram o en mensajería en alguna parte, lo usaría realmente pequeño. Esas imperfecciones realmente no van a importar. Permítanme desplazarse hacia abajo al que tiene el mate. Este es el que tiene un mate blanco. Por supuesto, el texto está bien, pero se puede ver el antialiasing y las bandas a su alrededor. Ahora, esto sería genial si tuviera que usar mi GIF a un tamaño más grande en un sitio web y quisiera que mi texto se viera intacto. Podría, por supuesto, emparejar mi mate con cualquier fondo de color que tenga, y se vería genial. Si tengo opción así, lo más probable sería usar esto en Instagram de lo que haría esto, porque a pesar de que esto sí tiene el anti-aliasing de nuevo a un tamaño más pequeño, no vas a verlo. Ahora, ojalá algún día sumarán las mismas opciones en Fresco que tienen en un Photoshop. Constantemente están agregando a Fresco todo el tiempo, por lo que es posible, pero por ahora mismo, si tienes acceso a Photoshop para escritorio, esta es una opción para apagar tu mate o configurar el color mate a lo que quieras. Si no tienes Photoshop y aún quieres hacer esto, hay otras opciones gratuitas por ahí como Easy GIF y otros sitios web por ahí. Puede que no funcionen tan bien, pero hacen un trabajo bastante bueno de crear un PNG animado, que luego se puede convertir en un GIF. [ MÚSICA] Echemos un vistazo rápido hacia atrás a nuestra lección. Solo necesitas seleccionar la primera secuencia de imagen y imagen PNG en la parte inferior del cuadro de diálogo abierto para abrir tu PNG animado. Para igualar tu velocidad, establece los fotogramas por segundo, el mismo número que eligiste en Fresco. Una vez que estés dentro de Photoshop, vas a ver un grupo de videos tanto en tu panel de capas como en la línea de tiempo en la parte inferior, y este es tu PNG animado. Recuerda, si quieres ralentizar tu animación o acelerarla, simplemente haz clic en la línea de tiempo y cambia la velocidad. Cuando esté exportando, elija Guardar para Legado Web en el menú Exportar en el menú Archivo y asegúrese de que GIF esté seleccionado como su opción. Una vez seleccionado eso, elige qué color de mate te gustaría, blanco, negro, primer plano, fondo, cuentagotas o personalizado o apágalo por completo. Pero recuerda, si trabajas sin mate, habrá antialiasing alrededor de las curvas en tu diseño, pero cuando estás empezando con una secuencia PNG, suele ser bastante mínima. A continuación, vamos a envolver la clase, así que te veré ahí. [ MÚSICA] 13. Para concluir: [ MÚSICA] Estamos al final de clase y me gustaría agradecerte por confiar en mí con tu tiempo y creatividad. Espero que estés emocionado de crear tus propias animaciones de texto usando Fresco. Me encantaría ver tus animaciones. Recuerda, si creas un proyecto, por favor compártelo en la Sección de Proyectos y Recursos. No solo ayudas a los futuros estudiantes ver lo que aprenderán cuando tomen la clase, cuando compartan un proyecto y dejen una reseña, ayudarás a que más personas lo encuentren. Si compartes una de tus animaciones en una historia que publicas en Instagram, etiquetame como me encantaría compartirla con mis propios seguidores. Tengo muchas clases nuevas en las obras, así que asegúrate de dirigirte a mi perfil y haz clic en el botón “Seguir” para que te avisen cuando publique una clase. También encontrarás toda mi alineación de clases de ilustración digital y fotografía. Información sobre mi grupo de Facebook que se dedica a todas las cosas textura digital donde puedes compartir tu trabajo, hacer preguntas o compartir tus propios consejos y trucos en un ambiente amigable. También encontrarás un enlace a mi canal de YouTube donde comparto tutoriales digitales cortos que complementan mis clases aquí en Skillshare. Por último, un enlace a mi boletín. Cuando te inscribas, recibirás un paquete de pincel y textura gigante y regalos regulares. Si tienes alguna pregunta sobre clase o sugerencia para una nueva, publica en la sección de discusión a continuación o envíame un correo electrónico. El enlace está en mi perfil. Gracias de nuevo y feliz creando. [ MÚSICA]