Transcripciones
1. Introducción: Hola a todos soy Kaitlin Kirk, y soy diseñador de movimiento de tiempo completo en Kaitlin Kirk Design. En esta clase estarás aprendiendo a crear cinco animaciones de texto versátiles en After Effects. Cuando te metes en la animación siempre te imaginas animando todo tipo de personajes y escenas geniales, pero lo que he aprendido en mis años de experiencia es que casi todos los proyectos requieren algún tipo de animación de texto. Ya sea un video explicador, un comercial,
o una publicación en redes sociales la mayoría de las piezas van a necesitar algunos textos de llamada, algunos tercios más bajos, o incluso algunos puntos de bala. Estoy compartiendo con ustedes mis formas favoritas de animar texto. Cosas que son divertidas, de moda, y que se pueden utilizar de una amplia variedad de maneras. Esta clase fue diseñada pensando en el principiante, pero definitivamente ayudará si tienes algún conocimiento fundamental de After Effects. Cosas como la interfaz de usuario, y cómo usar fotogramas clave todo eso bueno. Ese eres tú y estás listo para agregar algunas animaciones de texto a tu kit de herramientas vamos a cavar.
2. Descarga e instalación de guiones: Oye. Bienvenido a la lección número 1. En esta lección, en realidad no estaremos animando nada, pero en su lugar, vamos a estar instalando algunos scripts gratuitos que serán útiles a lo largo del proyecto. Ahora si ya sabes instalar scripts, siéntete libre de pasar por esta lección. Los enlaces para descargar esos scripts están disponibles en los recursos del proyecto. No obstante, si nunca has instalado un guión antes o tal vez solo necesitas un refresco sobre cómo hacerlo, quédate conmigo y te guiaré por ese proceso. Lo primero que vamos a hacer es guardar y cerrar nuestro proyecto. Cuando instalas scripts, en realidad
tienes que reiniciar After Effects de todos modos, así que solo vamos a seguir adelante y cerrarlo. Ahora, como dije, puedes encontrar los enlaces para estos guiones en los recursos del proyecto. El primero aquí se llama DescomposeText. Ambos estarán disponibles a través de aescripts.com. También verás que ambos son técnicamente nombre-su-propio-precio, y así tendrán un precio sugerido aquí pero siempre puedes entrar, y teclear 0 para obtenerlos gratis. Ahora si encuentras que estás usando este guión todo el tiempo, y te encanta y es genial, y quieres volver y pagarlo, esa es una gran manera de apoyar a las personas que hacen estos guiones. En nuestro caso, en realidad ambos están hechos por la misma persona. Pero una vez que obtienes tu 0 mecanografiado, puedes seguir adelante y añadir al carrito. Después tirarás hacia arriba el otro enlace, que es para SequenCelayers. Entra en un 0 o paga por ello si quieres, y agrega al carrito. Ahora en este punto, vas a necesitar crear una cuenta con Aescriptos si no tienes ya una. Tan solo para no mostrarte mi información personal, voy a una especie de velocidad a través de esta parte del proceso, pero solo vas a presionar “Continuar” a la caja. Ahora una vez que hayas realizado tu pedido, puedes ir a Mis descargas y licencias para acceder a esos scripts, y hay un enlace a él aquí mismo en esta página final de pago. Después verás esos dos guiones que acabamos de descargar aquí en la parte superior. Simplemente vas a necesitar presionar “Descargar” y luego este botón. Voy a guardarlos en mi computadora en mi carpeta Descargas y luego iré a hacer lo mismo con DecomposeText. A partir de ahí, solo necesitas abrir la ubicación de esos archivos en tu computadora. Ahora solo necesitarás extraer esos archivos. Voy a hacer eso muy rápido. Ahora ambos están disponibles. En realidad instalar estos en After Effects es súper simple. Solo tienes que ir a la ubicación de tu computadora donde viven
tus archivos de script y arrastrarlos. Si estás en un PC, puedes seguir conmigo. Si estás en un Mac, obviamente será un poco diferente, pero estoy bastante seguro de que la estructura de archivos es bastante similar. Voy a ir a abrir mi Explorador,
ir a mi C-drive, Archivos de programa,
Adobe, After Effects, Archivos de soporte, luego me desplazaré aquí abajo a mis ScriptUi Panels, y luego finalmente, a esta carpeta ScriptUi Panels. Esta es la carpeta en la que puedo simplemente arrastrar estos. Tendrás que entrar y encontrar el archivo.jsx y simplemente arrástrelo. Golpea “Continuar” y voila, tu script está instalado. Haré lo mismo con SequenCelayers. De nuevo, es el archivo jsx. Golpea “Continuar”. Ahí vamos. Ahora voy a seguir adelante y abrir After Effects volver arriba. Ya que ustedes van a empezar con un nuevo proyecto, también
voy a empezar con un nuevo proyecto aquí. Mi primer paso va a ser salvar este proyecto. Por lo que iré a Archivo, Guardar como. Voy a llamar a este TextAnimations_StudentProject. Obviamente puedes llamarlo como quieras. El último paso aquí con estos guiones es
ponerlos a disposición de nosotros dentro de nuestro espacio de trabajo. Para hacer eso, iremos a Ventana, y luego te desplazarás hasta abajo hasta que encuentres esos dos nuevos guiones. El primero es DecomposeText, un pop-up por aquí. El siguiente es SequenCelayers. El tuyo puede aparecer en una ubicación diferente. Puedes sentirte libre de atracar donde quieras. Obviamente, el espacio de trabajo de todos se ve un poco diferente y así es como me gusta que el mío sea configurado. Siempre y cuando las tengas a tu disposición para usarlas durante este proyecto, entonces deberíamos estar bien para ir. La siguiente ventana que vas a querer
asegurarte de tener abierta es ésta de aquí, que se llama Crear nulos a partir de caminos. Este es ahora un script predeterminado en After Effects. Ha sido así desde
octubre de 2017 así que si estás usando una versión anterior de After Effects, no la
tendrás y tendrás que actualizarla. Actualmente estoy ejecutando la versión más reciente de After Effects a septiembre de 2020. Pasemos a nuestra primera animación de texto, que es el revelador dramático.
3. Técnica No. 1: revelación dramática: En esta lección, vamos a estar aprendiendo nuestra primera técnica de animación de texto, que estoy llamando Revelar Dramático. Esta es una técnica que me gusta usar con bastante frecuencia en piezas de ritmo más lento, así que imagina algún tipo de música lenta, de mal humor. Lo usaré mucho para títulos, e incluso para tercios más bajos. Empecemos a hacer esto nosotros mismos creando una nueva composición. Antes incluso de crear esa composición, soy un gran fan de tener proyectos bonitos, organizados, así que voy a empezar por crear una carpeta. Llamaré a esa carpeta “COMPS”, y luego voy a hacer una nueva composición dentro de esa carpeta usando este ícono aquí. Voy a llamar a esto “Animación de texto 01". Ahora, estoy trabajando en full HD, así que estamos trabajando en 1920 por 1080, y estoy trabajando a 24 fotogramas por segundo, que es en lo que me gusta trabajar para todos mis proyectos de animación. Voy a mantener esto a diez segundos de duración. De verdad probablemente no necesitemos que sea tanto tiempo, pero vamos a rodar con él. También voy a dejar el color de fondo establecido en negro. Esa composición ahora vive en esa carpeta ahí, lo cual es bonito. Vamos a empezar agregando realmente un color de fondo. Ahora, como viste en esa ventana de composición, siempre
puedes hacer esto en tu configuración de composición si quieres. Prefiero usar sólidos. Simplemente siento que me da un poco más de control. Voy a ir a “Capa”, “Nuevo”, “Sólido”, y voy a entrar y seleccionar un azul de mal humor, azulado, púrpura, gris medio, para algún drama. A continuación, voy a añadir algo de texto, que puedes hacer con bastante facilidad con solo hacer doble clic en tu herramienta “Tipo”. Eso levantará el cursor. Por supuesto, siéntete libre de usar cualquier texto de muestra que quieras aquí. Simplemente voy a usar el nombre de esta técnica, así Dramatic Reveal. Ahora bien, si quiero alterar la fuente, que hago, pasaré a mi panel de “Personaje”. Siéntete libre de usar la fuente que quieras. Me voy a quedar con una de mis fuentes favoritas de Adobe, esta “Bicyclette”, y voy a usar un peso regular. También puedes dimensionarlo, reducirlo, lo que quieras hacer. Entonces, antes de empezar a animar, vamos a entrar en nuestro recuadro de párrafos y asegurarnos de que esto esté alineado con el centro. Ahora, lo último que voy a hacer es que voy a entrar en mi pestaña
“Alinear” y la voy a alinear con la composición. Asegúrate de que esto esté configurado en “Composición”, que debería ser si es lo único que has seleccionado. Si quisieras, que yo sí, también
puedes seguir adelante y alinear este punto de anclaje. Se puede llegar a esta herramienta, la herramienta “Pan Detrás” pulsando
Y, para luego agarrar su punto de anclaje, mantener “Ctrl”, y ajustarlo allí al centro. A mí me gusta hacer eso por si acaso voy a estar escalando, o girando, o algo por el estilo. Ese es el punto desde el que sucederán todas esas cosas, así que me gusta ponerme eso en el medio, justo como una buena cosa de limpieza. Volveré a mi herramienta “Selección”. Ahora, estamos listos para animar esto. Lo que estamos haciendo para crear este efecto es una combinación de una animación de seguimiento y una animación de opacidad, por lo que es bastante simple de crear. Empecemos animando nuestro rastreo, que es el espacio entre las letras. Entraremos, nos desplazaremos hacia abajo para ver todas nuestras opciones, y tendrás este pequeño botón “Animate” por aquí. Si no lo tienes, puedes hacer clic en este botón aquí abajo en la esquina izquierda para expandirte, y debería estar ahí. Golpea este pequeño triángulo junto a “Animate”, y luego sube a “Tracking”. Eso agregará un animador a tu capa, que ahora te permitirá animar tanto el tipo de seguimiento como la cantidad de seguimiento. Si quieres jugar con esta cantidad de seguimiento, verás que ese es el efecto que vamos por. Ese es el parámetro que vamos a estar animando. Nota rápida, la razón por la que lo tenemos configurado para ser texto alineado al centro es porque si lo tuviéramos alineado a la izquierda, no seguiría de la misma manera. Ahora, también hay usos para este tipo de rastreo, pero por ahora, vamos a mantenerlo alineado en el centro. Creo que quiero que esta animación tome unos dos segundos. Eso es un poco más largo de lo que lleva en esta primera muestra uno, pero la muestra uno fue creada con un propósito muy específico, y la dramática lenta no funcionó realmente para eso. Este, en realidad vamos a hacer muy lento y muy dramático. Voy a ir adelante dos segundos, y voy a soltar un fotograma clave golpeando el cronómetro porque así es como quiero
que se vea esto cuando terminemos de animar. Después iré al inicio de la composición y voy a aumentar el rastreo. Voy a incrementarlo hasta que esas letras finales estén justo fuera de pantalla, y luego sigamos adelante y previsualice eso. Vamos a añadir algo de facilidad a estos fotogramas clave seleccionándolos ambos, y puedes hacer clic con el botón derecho en “Asistente de fotogramas clave”, “Facilidad fácil”, o simplemente puedes pulsar F9. Ahora, sigamos adelante y previsualemos eso. Ya se ve mejor, pero lo que no me gusta es que realmente no quiero que dude al principio. En realidad no me gusta la facilidad al principio. La facilidad al final no es lo suficientemente lenta para mí, así que quería entrar en este punto final mucho más lento, y salir de este punto de partida mucho más rápido, así que voy a entrar al editor de gráficos. Voy a seleccionar ese parámetro, en realidad
pueda ver mi gráfica. Entonces voy a agarrar este marco llave de extremo, y voy a agarrar este pequeño mango amarillo, voy a sostener “Shift”, y voy a tirar de él hacia la izquierda. Si no sostengo “Shift”, se moverá hacia arriba y hacia abajo, cual no queremos, así que sólo voy a tirar de él por aquí. Entonces voy a agarrar este primer fotograma clave, y para hacerlo más rápido, voy a hacerlo más empinado. Se trata de cómo debería verse tu curva. Salgamos del editor de gráficos,
y ahora, vamos a previsualizar. Eso es sentirse mucho más agradable. Ahora que nuestro seguimiento está animado, sólo
tenemos que añadir una opacidad, un desvanecido, porque no queremos que sea visible aquí al principio. Todo lo que vamos a hacer es hacer clic en nuestra capa y vamos a presionar el atajo para la opacidad, que es T, y vamos a establecer un marco clave. Ahora, quiero ver mis otros fotogramas clave para que pueda alinearlo, así que voy a seleccionar esa capa y golpear U, que
pueda ver todos mis fotogramas clave, y luego voy a mover ese fotograma clave de opacidad 100 por ciento hasta el final. Voy a bajar esta opacidad de apertura a cero, que no se pueda ver. Vamos a previsualizar eso. Eso ya se ve bastante bien, pero solo por una buena medida, sigamos adelante y solo presionamos F9 en esos dos fotogramas clave y que alienten los fotogramas clave; no puede doler. Eso se ve bastante bonito. Estoy bastante contento con eso. Ahora, antes de pasar a la siguiente técnica, quiero tocar cómo esto podría usarse un poco diferente. Pensemos en el caso en particular donde tal vez, quieres usar esto como un tercio inferior. Voy a seguir adelante y duplicar esta capa sólo para mostrar como ejemplo. Voy a cambiar esto por un nombre, tal vez reducirlo un poco, moverlo aquí abajo a la esquina. Entonces como les mostré antes chicos, si suben a “Párrafo” y lo cambian a alineado a la izquierda, en
lugar de seguir desde ambos lados, solo
se rastreará desde la derecha, lo que tiende a verse mejor cuando ustedes tienen algo en el lado izquierdo de la pantalla. De forma alternativa, si quisieras ponerlo en el lado derecho, querrías alinear a la derecha el texto. Pero de todos modos, esa es solo otra forma en que puedes usar esta técnica. Eso es todo para este. Pasemos a nuestra siguiente técnica de animación de texto llamada “box wipe”.
4. Técnica No.2: barrido de caja: Por lo que a esta siguiente técnica se le llama una toallita de caja. En este ejemplo verás que allí no hay texto. El cuadro lo limpia en un color más claro y a medida que se limpia, deja ahí tu texto final en un color más oscuro, en nuestro caso. Para ello, vamos, por supuesto, a crear una nueva composición. Voy a dejar todos mis ajustes igual por supuesto, llámalo animación de texto 02. Ahora voy a añadir un sólido para un color de fondo. Esta vez creo que me voy a ir con algo un poco más brillante y divertido como un magenta, y voy a añadir algo de texto. Como dije, me gusta esta fuente, me voy a quedar con ella. Podría escalarlo un poco. Yo lo voy a alinear al medio, y luego voy a mover mi punto de anclaje justo como una buena medida. Creo que eso se ve bien. Ahora, para que esto sea limpiado por una caja, necesitamos una caja. Entonces voy a crear una capa de forma. Para ello, agarraré mi herramienta de rectángulo, y voy a asegurarme de que no tengo ninguna otra capa seleccionada en este momento. Si tuviera mi texto seleccionado y quisiera hacer una caja,
sería una máscara en su lugar, que no es lo que estamos queriendo en este momento. Queremos una capa de forma. Para asegurarse de que todas sus capas no estén seleccionadas, presione F2, y luego puede acercar aquí y puede hacer un cuadro. Ya verás que creó una capa de forma. Voy a seguir adelante y renombrar mi capa de forma presionando enter y llamarla rectángulo 01. Yo lo voy a centrar en la composición, y luego en realidad voy a agarrar el texto y los voy a centrar juntos uno al otro verticalmente. Ya verás cuando seleccioné ambas capas, cambia automáticamente
esto a selección, que es lo que quiero en este caso, así que eso me funciona. Parece que ya están bastante alineados. Pero ahora, obviamente no puedo ver mi texto ahora mismo, y sé por este ejemplo que voy a necesitar otra capa de texto, ¿verdad? El blanco, el azul marino. Entonces voy a seguir adelante y duplicar mi capa de texto, controlar D, y lo voy a subir por encima de mi rectángulo. Ahora, sigamos adelante y cambiemos el color de este rectángulo. En realidad está funcionando bastante bien con este color, pero para hacer eso, subiré aquí con el relleno. Voy a usar mi herramienta Cuentagotas para seleccionar este color y luego simplemente moverlo a una versión más ligera del mismo. Tan como lavanda. Entonces ocultemos ambas capas superiores usando la bola del ojo por ahí, y hagamos de esto un color más oscuro. Vamos a entrar al personaje, abrimos la configuración de color, y luego bajamos a un bonito morado oscuro. Hazlos visibles de nuevo, y ahora estamos listos para empezar a animar. Lo que tenemos que hacer es animar el camino de este rectángulo. Pero las capas de forma cuando haces un rectángulo, por defecto hacen un trazado de rectángulo en lugar de solo un trazado regular, lo que significa que solo puedes animar el tamaño, la posición y la redondez. Queremos animar los puntos de ruta reales. Por lo que quiero hacer clic derecho en trayectoria de rectángulo y presionar “Convertir a Bezier Path”, y ahora tengo fotogramas clave de trayectoria, que es lo que necesito. Todo lo demás se fue pero no necesito esas cosas ahora mismo, así que eso funciona. Ahora lo que voy a hacer es ir 10 fotogramas hacia adelante, Shift Page Down, y establecer un fotograma clave porque así es como quiero que se vea esto en medio de la animación de caja. Entonces voy a ir al principio, y lo que quiero hacer es mover estos puntos de ruta todo el camino para conocer a los demás. Entonces los voy a agarrar, voy a sostener, mientras empiezo a moverlos, voy a sostener Shift para que no se muevan arriba y abajo. Voy a acercarlo a estos otros, pero no del todo perfecto, para que
pueda acercarme y luego conseguirlos lo más precisos posible. Esto no necesita ser perfecto, pero quieres que esté bastante cerca. Ahora puedes ver esta caja anima abierta. Ahora lo necesitamos para animar de izquierda a derecha tipo de cierre. Entonces a partir de este punto, voy a ir 10 fotogramas hacia adelante otra vez, poner otra clave y ahora voy a mover estos puntos a la derecha, la misma forma que acabo de hacer, pero a la inversa. Nuevamente, no necesita ser perfecto pero debe estar bastante cerca. Ahora puedes previsualizar eso. Tu caja se está limpiando pero de nuevo, es súper robótica. Vamos a hacer lo mismo que hicimos en la última y añadir algo de flexibilización. Así que agarra esos fotogramas clave, toca F9. Voy a seguir adelante y entrar a mi editor de gráficos. Voy a acercarme usando la tecla más, y sólo voy a seguir adelante y tirar de todos estos a una influencia de aproximadamente 50 por ciento, que se puede ver en esa pequeña caja de ahí abajo que aparece mientras se tira de ellos. Manteniendo el turno también para evitar que se muevan demasiado. Esto es otra cosa, 50 por ciento de influencia no necesita ser perfecta, solo necesita estar cerca. Ahora vamos a previsualizar eso. Eso se ve mucho más divertido, mucho más zippy y limpio. Eso es lo que queremos. Ahora, lo que necesitamos hacer es usar esta capa de rectángulo para revelar este texto. Entonces vamos a seguir adelante y duplicar el rectángulo, ponerlo arriba, y voy a seguir adelante y renombrar esto a Matte 01. Después entraré en mi capa de texto, debajo de mi configuración Track Matte, y seleccionaré “Alpha Matte”, lo que hará de esta capa superior un mate para la capa inferior. Ahora vamos a previsualizar lo que está pasando. Eso está súper cerca de lo que queremos. El cuadro está animando encendido, revelando el texto blanco, animando apagado. Pero lo único es que nuestro texto oscuro o texto
inicial ya está apareciendo al principio, lo cual no queremos. Ahí no queremos nada. Esa es una solución súper simple. Iremos adelante al 10º fotograma clave donde la caja está cubriendo completamente, y como esta capas en la parte inferior, sólo lo
desplazaremos hacia adelante para empezar en ese punto. De esa manera no está apareciendo aquí mismo. Vamos a previsualizar eso. Ahí tienes, eso es lo que queremos. Ahora, justo como paso final, vamos a ir en estas capas que se hacen existentes en este vigésimo fotograma clave. Adelante y recortarlas manteniendo presionada la tecla Alt y presionando la tecla de corchete derecha. Eso recortará esas capas para que no sean más largas de lo que necesitan ser. Esto es útil porque si no obtienes esta animación de rectángulo exactamente perfecta en los bordes como estábamos hablando, es probable que aún deje un poco de artefacto en la pantalla. Entonces si solo recortas la capa, no
tienes que preocuparte por eso. Entonces sí, esa es una limpieza de caja, esa es una que me gusta usar para títulos, para tercios más bajos e incluso para puntos de bala cortos. Ahora sigamos adelante y aprendamos sobre un movimiento rápido.
5. Técnica No.3: entrada rápida: Pasando a la derecha, nuestra siguiente técnica es ésta, o un rápido movimiento. En realidad hay muchas maneras distintas a
lo que estás viendo aquí para usar esta, así que vamos a sumergirnos. Vamos a hacer una nueva composición. Como de costumbre, Animación de texto O3. Como de costumbre, hagamos un sólido para el fondo. Piensa que esta vez iré con un verde sagey. ¿ Por qué no? Agregaremos un poco de texto, haga doble clic aquí. Gong para escribir, pasar rápido. Asegúrate de que esté alineado en el centro. Alinearlo al centro de mi comp, y luego lo voy a mover de abajo solo un poquito porque eso es lo que me gusta. Sí, me siento bastante bien por eso. Lo que estamos haciendo aquí es que sólo vamos a hacer unos rápidos movimientos verticales. Lo que queremos animar es la posición. Antes de que hagamos eso, voy a hacer mi pequeño ni-quisquilloso, mover mi punto de anclaje a la cosa del medio. Después para acceder al parámetro de posición, solo
presionaremos el atajo P. Así verás que la posición aparece. Pero realmente sólo quiero animar la posición vertical de esto. Por lo que voy a hacer clic con el botón derecho Posición y golpear Dimensiones separadas. Eso lo dividirá en mi posición X e Y, lo que sólo me da un poco más de control. Yo solo quiero animar mi posición Y. Entonces voy a poner un fotograma clave ahí, y luego voy a seguir adelante, digamos 10 fotogramas clave, probemos eso. Mueve ese fotograma clave a ahí. Vuelve al principio, y voy a mover todo lo suficiente. Vamos a previsualizar eso. Ya sabes lo que siento al respecto, es robótico. Entonces vamos a agarrar estos fotogramas clave, F9 para agregar una facilidad, entrar en nuestro gráfico, desseleccionar esta posición X. Sólo queremos ver la Y. Acercar. Queríamos facilitar más a su posición final, así que sostén “Shift” y arrastra esa izquierda, y queríamos salir de esa posición inicial con bastante rapidez. Entonces hagámoslo bonito y empinado. Eso se siente mucho más agradable. Ahora, queremos que esto suceda una palabra a la vez. Aquí es donde va a entrar nuestro primer uso de uno de nuestros pequeños y prácticos guiones gratuitos. Teóricamente podrías tomar esta capa de texto, duplicarla tres veces, y entrar y eliminar parte de ella, y luego eliminar otra parte. Es complicado y tendrías que entonces alinearlos y asegurarte de no meterte con tus fotogramas clave. Para evitar eso y mantener las cosas lo más simples posible, vamos a utilizar nuestro script de texto descompuesto. Ahora, ya verás que tienes un par de opciones. Puedes descomponerlo en caracteres, palabras o líneas. No tenemos líneas en este, así que nuestras opciones son realmente personajes o palabras, y vamos a empezar por sólo hacer palabras. Deja seleccionada esta opción superior, posición
original usando expresiones. Si encuentras que este script realmente está molestando a tu máquina, siempre
puedes probar esta segunda opción, porque sin expresiones, no hará que tu máquina se mueva tan lentamente, pero nunca he tenido un problema con ella. Entonces dejémoslo en esta opción por ahora y presione Descomponer. Ahora voy a presionar “Control A” y “U”, para colapsar un poquito todos esos para poder verlos. Ya verás que lo que hizo es, lo rompió en estas capas separadas. Dejó aquí tu capa original, lo cual es bueno, pero simplemente la hizo invisible. Eso es lo que queremos por ahora. Ahora, se están moviendo por separado, pero todos se están moviendo al mismo tiempo. Por lo que queremos compensarlos. Esto es otra cosa que podríamos hacer manualmente simplemente moviéndolos, y con solo tres palabras, eso no es tan difícil. Pero sí descargamos también un guión muy útil para esto. Entonces, vamos a entrar en nuestro script de capa de secuencia. Voy a moverlo para poder ver todas mis opciones aquí. Yo quiero compensar estos comprar insertar una serie de marcos. Siempre prefiero trabajar en fotogramas sobre segundos en situaciones como esta. Entonces pondré aquí mi depurador de línea de tiempo, al inicio de la composición porque ahí es donde quiero que comiencen estas compensaciones. Agarré mis capas, empezando por la que quiero ser última. Entonces entraré un número de fotogramas, voy a hacer dos, y voy a golpear Ejecutar. Ahora, vamos a previsualizarlo. Eso es bastante bonito. Si quisiéramos, podríamos empezar con una pantalla en blanco, lo que podría ayudar aquí. Vamos hacia adelante unos seis fotogramas y sólo empecemos ahí mismo. Muy bonito. La belleza de esto y de estos guiones que hemos utilizado, es que realmente sólo tuvimos que hacer una vez esta animación vertical de arriba hacia abajo. No tuvimos que copiarlo y pegarlo a cada una de estas cartas individuales. Sólo tuvimos que animarlo una vez, descomponerlo con este guión, y luego compensarlo con este guión, que hace que sea realmente rápido y fácil hacer esto una y otra vez. Ahora, para mostrarte otra opción con esto, voy a seguir adelante y ocultar estas capas superiores, y voy a volver a hacer visible la capa original. Entonces este es el que animamos originalmente. En lugar de descomponerlo por palabras, lo
voy a descomponer por personajes, de nuevo, dejando seleccionada esta opción top y voy a golpear Descomponer. Esto te dará muchas capas, y solo para hacer mi vida un poco más fácil, voy a agarrar todas esas capas y hacerlas de un color diferente para que destaquen. Yo voy a ir con morado. Ahora, de nuevo, puedo usar mi script de capas de secuencia para compensarlas. Pero si hice lo mismo que hice la última vez. Entonces si agarré de abajo hacia arriba o el último al primero, y los compenso por dos fotogramas, eso lleva mucho tiempo para un poco tan corto de texto. Entonces voy a deshacer eso, y lo que realmente me gusta de este guión es que en realidad puedo compensarlo por medio fotograma. Podría incluso hacer un cuarto de fotograma o 0.8 de fotograma, pero voy a hacer medio fotograma entrando en 0.5, golpear Ejecutar, y eso es realmente agradable. Eso me gusta. Hagamos un experimento más aquí. Voy a volver a esconder todos esos,
volver a mi original, y voy a duplicar mi original. En lugar de tenerlo animado a lo largo de la posición Y, voy a golpear a “U”, para que pueda volver a ver esos fotogramas clave. En realidad, voy a golpear “P”, así que también puedo ver mi X. Porque quiero, en lugar de que se anime a lo largo de la posición Y, intentemos por la posición X. Hagámoslo terminar aquí. Pasaremos al principio y haremos que se mueva desde la derecha, tal vez sobre así. Vamos a previsualizar eso. Aquí no somos robots, así que sigamos adelante y sumamos algo de flexibilización, como sabes me encanta hacer. Empinado al principio, no tan empinado al final. Eso es bastante bonito. Entonces podemos hacer esos mismos dos experimentos. Podemos tomar eso y podemos descomponerlo en palabras. Encontremos esas capas para que podamos ver qué estamos haciendo. Hagamos esos rosados. Podemos agarrarlos de último a primero, entrar en capas de secuencia, compensarlos por, hagamos un fotograma esta vez, Ejecutar. A ver cómo se ve eso. No está mal. Entonces podemos volver a esconderlos, volver a nuestro original, descomponerlo por personajes, y para esconderlo todo, le pegas “Control A” y le pegas dos veces a “U” para que colapse todo. Encuentra esas nuevas capas. voy a hacer amarillos. Entra en capas de secuencia, desfasadas por la mitad de un fotograma. agarré en la dirección equivocada. Yo cometo mucho ese error. Recuerda, agarra desde el último hasta el primero, ten tu línea de tiempo donde quieres que comiencen esas compensaciones, Ejecuta. Ahí lo tienes. Si lo quisieras, solo una opción más, puede que no
te guste que sean totalmente visibles cuando empiezan a mudarse. Puede que no te guste que solo aparezcan aleatoriamente, simplemente
estallan en pantalla. No me importa, sobre todo en animaciones rápidas rápidas, pero qué podrías hacer si no te gustara eso, volvamos a nuestro movimiento vertical original. Voy a moverlo hasta arriba aquí, sólo para que podamos enfocarnos en ello. También podrías entrar y agregar un fotograma clave de opacidad. Así que golpea “T”, golpea tu cronómetro, golpea a “U”, para que puedas ver todo. Voy a mover eso hacia adelante 10 fotogramas y dejarlo caer eso a cero. Lo que podría hacer es realmente tenerlo en plena opacidad después de como seis fotogramas. Voy a agarrar esos, pega a “F9", veamos cómo se ve eso. Es un poco de una vibra diferente, un poco menos ágil y divertida, pero tal vez sea un poco más corporativo y profesional, si eso tiene sentido. Sé que es un cambio tan menor, pero sí hace una gran diferencia. Entonces si querías tomar eso y descomponerlo en palabras, Descomponer. Voy a hacer estos azules, y luego secuenciarlos por tal vez dos fotogramas. Como dije, es un efecto muy similar, pero tal vez un poco más corporativo, limpio, esa vibra. Como puedes ver, aquí hay muchas opciones diferentes. Podrías intentar hacerlo de abajo hacia arriba. Tal vez incluso podrías intentar tal vez entrar de izquierda a derecha. Tendrías que tener cuidado porque entonces tu última carta aquí en la extrema derecha estaría viniendo primero, que obviamente no es como leemos. Por lo que tendría que ser una elección creativa con seguridad, no un texto que sea súper esencial. Este es otro que puedes usar como título. Podrías usarlo para tercios más bajos, podrías usarlo para puntos de bala, sobre todo si tuvieras puntos de bala largos, y quisieras moverlos por línea, lo cual como dijimos, es una opción sobre aquí en texto descomponer. Hay muchas formas diferentes en las que puedes usar esta. Pasemos a nuestra siguiente,
que es personajes saltos.
6. Técnica No.4: caracteres saltarines: Nuestro cuarto método aquí se llama personajes saltos, y así tus personajes van a saltar en pantalla uno a la vez. Vamos a cavar. Empezaremos haciendo una nueva composición, supuesto animación de texto O4, como estoy seguro que podrías haber adivinado. Voy a hacer un nuevo sólido. Esta vez voy a ir con uno de mis colores favoritos. A mí me encanta el morado, así que voy a hacer algo así. Creo que eso es lindo. Añadiré algo de texto y eso dirá, personajes saltos. El proceso de animación aquí al principio va a parecer súper familiar. Es bastante similar a lo que hicimos con el rápido movimiento de entrada. Aquí las principales diferencias es que vamos a sumar algún rebasamiento para darle un poco aún más vida. También vamos a sumar algunas variaciones hacia el final que realmente lo diferenciarán. Empecemos animando nuestra posición vertical de esta palabra. Vayamos a P, y luego de nuevo, voy a separar estas dimensiones. Ahora, quiero un punto de referencia de dónde está el fondo de mis personajes. Para ello, voy a usar mi herramienta de regla y mis guías. Si aquí no tienes a estos gobernantes visibles, todo lo que tienes que hacer es presionar Control R, para que estos salgan. Cuando
pases por encima de tu regla, te dará este ícono con las dos flechas pequeñas y podrás tirar de una guía. Voy a poner una guía donde están el fondo de mis personajes, solo para que mientras estoy moviendo esto para animarlo, tenga ese punto de referencia. Digamos que tenías una y minúscula aquí, te gustaría que esta guía estuviera aquí abajo. Solo querías marcar el punto más bajo donde tienes personajes visibles. Voy a soltar un fotograma clave en mi posición
y, y voy a seguir adelante por esta. Creo que ocho cuadros deberían hacerlo. Entonces voy a llegar a este punto y voy a tirar a mis personajes hacia abajo y asegurarme de que estén amables y por debajo de esa línea. Me estoy dando un poco de espacio para respirar solo para darme algo de flexibilidad después. Nuevamente, verás para qué es todo esto en un rato. Podemos previsualizar eso. Súper aburrido. Ahora antes de empezar a relajar y esas cosas, quiero crear algún rebasamiento. Overshoot es justo donde va a entrar y va a ir un poco más lejos de lo que necesita, y luego volverá a su base de origen. Voy a ir adelante otros cuatro fotogramas y poner otro fotograma clave. Este es nuestro lugar de descanso final. Entonces esa llave queremos estar ahí mismo. Pero este, en realidad queremos ser un poco más altos. Subiremos eso, y luego voy a
entrar a mi editor de gráficos y facilitar estos fotogramas clave. Agarra a todos, presiona F9. Voy a agarrar a estos dos y aliviarlos, sacarlos sosteniendo Shift. Voy a agarrar este y hacerlo más empinado. Nuevamente porque queremos que realmente salga del punto de partida y luego se aliente en su final. Analicemos eso y veamos cómo se ve. Está bastante bien. Creo que quizá le vendría bien un poco más de rebasamiento. Para hacer eso, en realidad voy a volver a mi gráfica y voy a tirar eso hacia abajo. Parece un poco agachado entre aquí y aquí, así que solo voy a añadir un fotograma clave más, voy a ir hacia el fotograma clave y darle a ese fotograma clave más. Ahora eso es sentirse bastante bien. Al igual que en la última lección, vamos a venir aquí para descomponer texto, y ahora vamos a descomponer esto en personajes. Es ahí tenemos a todos nuestros encantadores personajes, y los vamos a agarrar de último a primero. Ve a capas de secuencia, y voy a compensarlas por medio fotograma ya que hay tantos personajes. A ver cómo se ve eso. Realmente divertido. Eso me gusta. Ahora, aquí es donde las cosas se ponen diferentes. Hay muchas maneras en que puedes hacer que esto salga a la pantalla aparte de simplemente aparecer. Te voy a mostrar algunos de mis favoritos. El primero que tenemos que hacer para poder hacer algunos de estos métodos es precomponer nuestra animación. Entonces, voy a agarrar todas estas capas, voy a hacer clic derecho y voy a golpear,
precomponer, y va a estallar esta caja para que pueda nombrarla. Yo lo voy a nombrar, carácters_pre saltos. Ahora se representa como una bonita capa. Lo que puedo hacer ahora, y es por eso que esta guía está aquí, es que solo puedo poner una máscara en esta capa para que no las
veas debajo de este umbral. Voy a llegar a donde mi capa está terminada de animar. Voy a asegurarme de que mi precomp esté seleccionado, agarrar mi herramienta de rectángulo, y en realidad también voy a ir a Ver y seleccionar Ajustar a guías. De esa manera cuando haga esta máscara, se romperá a esa línea verde. Ahora vamos a previsualizar eso. Ahora sólo se pueden ver cuando están dentro de la máscara. Ahora otra opción que tenemos, sería que una caja para dibujar y que los personajes sólo sean visibles dentro de esa caja. Hagamos eso. De nuevo, agarremos nuestra herramienta de rectángulo, esta vez sin ninguna capa seleccionada, y hagamos una caja. Voy a presionar “Enter” y renombrar este Rectángulo 01. Voy a entrar en mis opciones de capa de forma, y voy a hacer este trazo blanco, y voy a reducir el peso del mismo hasta que sea similar a mis letras, tal vez algo así. Creo que eso se ve bien. Iré a mi pestaña Alinear, asegurarme de que esté centrada. Creo que eso se ve bien. Ahora lo que tenemos que hacer es ajustar nuestra máscara para que coincida con esta caja. Yo sólo voy a borrar mi primera máscara. Bueno, déjame dejarlo. Déjame duplicar mi pre-comp, y luego en este, eliminaré mi máscara y haré una nueva máscara que se alinee con esta caja. Ahora le daré mi mejor tiro mirándolo y luego puedo acercarme si necesito asegurarme. En realidad sólo es importante aquí en la parte inferior, y así que eso debería estar bien. Ahora vamos a previsualizar eso. Vamos a tener un tema. Seguro que se puede ver de qué se trata. Debido a que usamos esta guía como nuestro punto de referencia, nuestras cartas no vienen de lo suficientemente bajas. Lo que necesito hacer es hacer ajustes a mi animación inicial. Voy a seguir adelante y sólo eliminar esa pre-comp, y voy a hacer visible mi animación original aquí de nuevo. Todo lo que voy a hacer es entrar en este fotograma clave inicial, y lo voy a arrastrar hacia debajo de mi caja. Vamos a previsualizar eso. Debido a que viene de tanto más lejos, podría necesitar otro par de fotogramas clave. Voy a alargar un poco ese espacio por ahí. Vuelve a intentarlo. Es bastante divertido. Agarremos nuestra capa de texto, vayamos a DescomponseText, descompongamos en caracteres. Agarra esas capas de última a primera, ve a Secuencia Capas, Ejecutar. Tenemos esta animación muy similar, pero con un poco de movimiento extra. Ahora voy a agarrar de nuevo esas capas y pre-comp de nuevo, y esta vez la voy a llamar JUMPYCHARTERS_PRE2. Voy a cambiar el color de la misma para que me sea fácil distinguir, y luego voy a hacer lo mismo, agarrar mi herramienta de rectángulo, asegurarme de que esta capa esté seleccionada y hacer una máscara. Ahora, es realmente difícil para mí ver cuando hago zoom si mi máscara está en el lugar correcto, y es porque mi máscara es blanca y también mi capa. Voy a entrar, en realidad puedes cambiar el color de tu máscara haciendo clic derecho, y solo voy a ponerla roja. Ahora puedo ver que de hecho está en el lugar correcto. Ahora veamos esto. ¿No es eso lindo? Si realmente quisiéramos contar con este texto o si éste fuera un tercio inferior o algo así, incluso
podríamos tener este cuadro dibujando. Déjame mostrarte cómo hacer eso realmente rápido. Voy a ocultar mi capa de texto, voy a entrar en mi rectángulo, desplazarme hacia abajo mis opciones y pulsar “Añadir Recortar Caminos”. Ahora, bajo tus opciones Recortar Caminos, verás que tienes Inicio, Fin, Desfase. Vamos a trabajar con End. Adelante 12 fotogramas,
insertemos un fotograma clave, luego regresemos
al principio y hagamos nuestro punto final hasta cero. Vamos a ver eso. No me gusta la dirección en la que está dibujando, preferiría que dibuje de esta manera. También es obviamente muy rápido. Sigamos adelante y salgamos a 20 cuadros y veamos si eso ayuda. Después hay un par de formas en que podríamos cambiar la dirección. Podríamos o animar Inicio en lugar de Fin, o podríamos entrar aquí bajo Trayectoria Rectángulo, y podríamos revertir la dirección del camino. Ahora veamos eso. Es mejor, pero añadamos algo de flexibilización. Golpea “F9", y éste queremos aliviar de ambos extremos, por lo que el punto de inicio y el punto final. Analicemos estas gráficas, no queremos ver,
y vamos a tirar de ambas para que sean un poco más dramáticas. Ahí vamos. Ahora lo que puede pasar es que esto se puede animar, y entonces nuestra capa de texto puede animar en. Vamos a mover esa capa para empezar donde termine esta animación. Voy a moverlo hacia arriba, que
quede justo debajo de esta capa de rectángulo. A ver cómo se ve eso. En realidad creo que nuestra animación de texto podría comenzar antes. Ya que está empezando por aquí, en realidad
podríamos empezar nuestra animación de texto probablemente por ahí. Sí, ahí vamos. Esa es otra opción, y luego solo para darte un ejemplo más de algo que podrías hacer, volvamos a nuestra animación inicial de personajes saltos, así que ésta. Lo que podrías hacer, de nuevo, esto sería súper útil para un tercio inferior o algo así,
es que podrías tener un dibujo de subrayado y los personajes salen y luego subrayan dibujar, o incluso podrías tener se dibuja y se queda en. Pero hagámoslo encendido y apagado solo por diversión. Voy a agarrar mi herramienta Pluma, voy a asegurarme de que no se seleccionen capas. Voy a colocar un punto aquí, y luego voy a sostener Shift y colocar un punto del otro lado. Si mantienes pulsado Shift se asegura de que sea una línea recta. Voy a volver a cambiar a mi herramienta de cursor, voy a renombrar este subrayado, y luego voy a ir a mi ventana Alinear, centrar eso hacia arriba. Si le pego a “Control”; hará que ese guía desaparezca porque ahora sólo está en mi camino. Se puede ver que necesito ajustar mi máscara, porque la máscara está ahí mismo, y la línea está justo aquí. Entrémonos en esto. En realidad duplicemos esta capa. Acude a nuestra máscara, selecciona nuestra máscara, y luego podemos agarrar ambos puntos de ruta y podemos tirar eso hacia abajo. Ahora vamos a previsualizar eso, asegúrate de que se vea bien. Sí lo hace. Muy bonito. Ahora vamos a que el subrayado realmente dibuje en. Ocultemos nuestro pre-comp y de nuevo, seleccionemos las opciones para la capa de forma y vayamos a agregar Recorte Paths. Vamos a hacer lo mismo, vamos a animar el punto final. Vamos a hacer estallar un fotograma clave aquí, vamos a avanzar 10 fotogramas clave, y vamos a bajar esto a cero. Eso lo dibujará. Añadamos algo de flexibilización, F9. Quieres que éste se aliente en ambos lugares. Hagámoslo 12 cuadros en su lugar. Bastante bonito. Tendremos la animación de texto, solo sigue las líneas. Vamos a mover el principio a alrededor de aquí, cuatro fotogramas en para esta animación de 12 fotogramas, y vamos a fregar y asegurarnos de que las letras nunca se adelanten a la línea, que no lo hacen. Vamos a ver eso. Bastante cool. Siempre se puede jugar con el tiempo de esto. Si quisieras que el subrayado se encendiera completamente y luego los personajes para animar, solo
podrías poner esta capa al final de esa animación, y eso también está totalmente bien. Diferentes cosas funcionan para diferentes situaciones, pero me voy a quedar con mi seguimiento más rápido. Entonces una vez que se asiente mi animación, también
voy a tener mi línea dibujando. Pero no quiero que solo revierta lo que ya hizo, solo como un ejemplo rápido. No quiero que vuelva así. Yo quiero que se saque de esta manera. Eso sólo significa que estaré animando el punto de inicio. Dejaré caer un fotograma clave ahí, voy a ir adelante 12 fotogramas porque eso es lo que nos conformamos para esta animación, por lo que debería ser similar, y luego voy a animar el inicio todo el camino a 100. Adelante y ponle algo de flexibilización a esos porque sabes que vamos a querer. Se ve bien, y ahora veamos todo eso de vuelta. Creo que porque está tan de cerca, el cronometraje solo se compensa por cuatro cuadros en el camino de
entrada, parece raro que todo llegue a un arreglo y luego la línea se apague. Hagamos que la línea empiece a despegar antes de que los personajes se resuelvan. A lo mejor tan pronto como haya. Sí. Estas son todas grandes opciones, toneladas de flexibilidad aquí. Sigamos adelante y pasemos a nuestra técnica de animación de texto final, el golpe de trazo. También guarda tu proyecto.
7. Técnica No.5: barrido de pincelada: Para nuestra quinta y última técnica de animación de texto, vamos a hacer un Stroke Swipe. Por lo que verás un pequeño trazo se anima, se desliza hacia la derecha y revela nuestro texto y se apaga. Empecemos. Hagamos una nueva comp, Animación de
texto 05, última. Hacer un nuevo Sólido, como de costumbre. Voy a ir con como un amarillento, un color más claro, y luego añadir algo de golpe de texto. Sí, hagámoslo en un color más oscuro, tal vez como un gris oscuro. Se ve bien. Ya verás que hay dos elementos principales de esta animación. Una es que el texto se está revelando de izquierda a derecha, y la otra es la animación de este pequeño trazo que se anima y se mueve a la derecha, luego anima. Empecemos por revelar nuestro texto. Voy a escalar esto solo un poquito, mover mi punto de anclaje, asegurarme de que esté centrado. Entonces para revelar los textos, simplemente
vamos a usar una máscara. Así que ten seleccionada nuestra capa, agarra nuestra herramienta de rectángulo, y luego entra aquí y simplemente dibuja una máscara alrededor del texto. Ahora, voy a entrar por este lado derecho porque estos son los dos puntos van a estar animando, y voy a asegurarme de que su endpoint esté bastante cerca del borde,
solo para que no estemos animando ningún espacio extra que no hagamos necesitan estar animando. Entonces ahora animemos esa máscara de izquierda a derecha para revelar el texto. Voy a adelantar diez fotogramas, vamos a hacer 12, y poner un marco clave en mi camino de máscara. Después iremos al inicio de la composición y moveremos estos dos
puntos de máscara todo el camino hacia la izquierda hasta que el texto ya no sea visible. Adelante y previsualicemos eso. Honestamente, este es uno que aunque vamos a entrar aquí y vamos a
aliviarlo, todavía no va a quedar genial hasta que le agreguemos el trazo. Creo que en realidad eso sigue siendo un poco demasiado rápido, así que vamos a entrar e ir a 16 fotogramas y que la animación tome alrededor de ese tiempo. Eso se siente mejor. Ahora, necesitamos la animación de este pequeño trazo. Entonces vamos a entrar aquí, vamos a agarrar nuestra herramienta de pin, asegurarnos de que no tenemos ninguna capa seleccionada,
poner un punto aquí, poner un punto aquí, mantener pulsada la tecla Shift y poner un punto aquí abajo. Ahora ese ancho se ve bien, queremos que el ancho sea o al menos quiero que el ancho sea similar a mis letras, así que nos quedaremos con 11. Entonces voy a entrar y cambiar el color de este trazo. Voy a acercar, presionar este botón y usar mi cuentagotas para que sea del mismo color que mi texto. Ahora quiero asegurarme de que estos dos elementos estén alineados entre sí, así que ve a tu ventana Alinear, asegúrate de que esto esté configurado en Selección, y pulsa “Alinear verticalmente” Voy a cambiar el nombre de esta capa a ESTROKE_01. Te darás cuenta de que numero todo, y eso es solo porque si termino queriendo otra o
termino necesitando duplicar esta animación y presiono CTRL+D, automáticamente numerará la siguiente secuencialmente, que yo realmente me gusta. Entonces por eso hago eso. Ahora lo que necesitamos que haga este trazo es que lo necesitamos para animar su ancho, que por suerte es un parámetro que podemos animar muy fácilmente. Sigamos adelante y ocultemos nuestros textos por el momento para que solo podamos enfocarnos en el trazo. Entraremos aquí, bajaremos todas nuestras opciones en el trazo. Ve a Contenido, Forma, y debajo de nuestras opciones de trazo, verás Ancho de trazo, que es perfecto. Eso es lo que necesitamos. Pasemos a cerca de nuestra marca de diez fotogramas y pongamos un fotograma clave, y volvamos a nuestro comienzo de nuestra comp y animemos ese Ancho de trazo hacia abajo a cero. Adelante y aliviemos esos fotogramas clave, F9, desseleccione todo lo que no queremos ver, tire de eso a la izquierda sosteniendo Shift y voy a hacer esto también fácil. Tire de eso a la derecha sosteniendo el Shift, y veamos cómo se ve eso. Podría ser quizá un poco más rápido, quiero ver cómo se ve a los ocho cuadros. Volvamos en realidad sólo a 10, volvamos a nuestra gráfica y vamos a aligerarla aún más. Creo que eso va a funcionar. Por lo que
necesita animarse y también va a necesitar animarse apagado. Yo sólo voy a seguir adelante en mi línea de tiempo, esto es una especie de conjetura arbitraria, pero sólo voy a seguir adelante y hacer esta animación, y luego la alinearé donde tenga que estar más tarde. Entonces pondré un marco clave aquí, iré adelante 10 fotogramas y haré que vuelva a bajar a cero. Agarra esos marcos clave y dale a mis marcos clave algo de amor. Por lo que animo encendido y luego apagado. Eso es lo que necesitamos. Ahora, volvamos a hacer visibles nuestros textos. Lo que necesitamos hacer es que este trazo siga el movimiento de esta máscara. Por lo que necesitamos el trazo para estar constantemente en la derecha en esta línea. Lo que voy a hacer en lugar de tratar de hacer eso manualmente y conseguir que coincida perfectamente, es que voy a usar un script que viene por defecto con After Effects. Voy a agarrar mi capa de texto, voy a golpear M para Máscara, voy a seleccionar Ruta de máscara, asegurarme de que eso esté resaltado, luego entraré en Crear Nulls From Paths. A partir de aquí, voy a seleccionar la segunda opción, Nulls Follow Points, y ya verás qué va a hacer eso. Lo que se hace es crear capas nulas que siguen mi máscara. Entonces si selecciono eso también, se
puede ver que esos nulos, esos cuatro casitas moradas, están siguiendo mis puntos de máscara, lo cual es realmente útil. Ahora lo que voy a hacer es que voy a padres el movimiento de este trazo a uno de estos puntos de masa. Obviamente, no necesito los cuatro de estos puntos y realmente no me gusta tener capas extra. Entonces estos dos nulos obviamente no se están moviendo, así que voy a seguir adelante y deshacerme de ellos. Entonces solo voy a escoger este nulo superior versus el de abajo, no por ninguna razón en particular, y voy a eliminar el de abajo. Entonces ahora sólo me queda uno, pero se está moviendo con mi máscara y eso debería ser todo lo que necesito. Si voy adelante y padre mi trazo a este nulo, se moverá con él, pero no está alineado. Entonces antes de que lo padre, voy a golpear CTRL+Z, necesito alinearlo con esta máscara. Entonces voy a ir a un punto en el tiempo donde la máscara se está animando activamente, y voy a agarrar esa capa para poder ver la máscara. Para alinear esto con la mayor precisión posible, obviamente
podría simplemente arrastrarlo y mirarlo y eso estaría bien. Si quieres hacer eso, adelante. Pero para hacerlo con bastante precisión, voy a acercarme aquí y voy a volver a usar mi herramienta de regla. Entonces si no está ya ahí, pulsa “CTRL+R” y luego puedes venir aquí y puedes arrastrar una guía hasta que esté justo debajo de tu punto de máscara. Entonces, mientras tengas la opción Ver, Snap to Guide seleccionada cuando muevas tu Stroke, se ajustará a esa guía. Aquí vamos. Entonces ahora eso está alineado un d asegúrate de no mover tu depurador de línea de tiempo antes de hacer esto porque todo esto se basa en este momento específico en el tiempo. Ahora, agarra tu Stroke Layer y páselo a ese nulo. Ahora debería estar moviéndose perfectamente con tu máscara. Lo que estamos buscando que suceda aquí es que queremos que nuestro trazo se anime,
luego se revelen nuestros textos, y luego nuestro trazo para animar. Entonces en este momento nuestro trazo se está animando a medida que nuestro texto se revela, así que sigamos adelante y movamos estas dos capas, nuestra capa de texto y nuestro nulo asociado hacia adelante hacia donde el trazo termina de animar. Por lo que animará encendido, luego revelará. Entonces queremos mover estos animate fuera de los fotogramas clave para que se alineen con la finalización de la animación de máscara. Vamos a previsualizar eso. Muy bonito. Eso funcionará o si lo quisieras, podrías tener estos marcos clave de extremo para tu Ancho de trazo. Podrías tener esos superpuestos un poco con el final de la animación de la máscara para que tu trazo empiece a desollar antes de que se detenga por completo, lo cual creo que se ve aún más bonito, pero eso es solo un cosa de preferencia. Eso es todo, esa es la quinta y última técnica. Los hemos aprendido todos, gran trabajo. Sintoniza el siguiente video para conocer cuál
será tu ejercicio para que puedas empezar a poner todo esto en acción.
8. Tu ejercicio: Gran trabajo pasando por todas esas lecciones, pero ahora es momento de practicar. Lo que quiero que hagas por tu ejercicio es que quiero que escojas al menos tres de las cinco técnicas que aprendimos. Entonces quiero que uses el texto y los colores de tu elección, y quiero que animes ese texto usando esas tres técnicas. Ahora ten en cuenta, si quieres, puedes hacer los cinco, primer lugar, pero también puedes mezclar y emparejar algunas de estas técnicas. Entonces en nuestra lección de personajes saltos donde aprendimos sobre subrayado y aprendimos sobre el dibujo de caja, podrías usar totalmente esas técnicas con algunas de estas otras animaciones de texto. Por ejemplo, con el movimiento rápido en, podrías tener un dibujo de caja y luego el texto se mueva rápido desde arriba. O podrías tener un cuadro dibujando y luego hacer el revelador dramático dentro de esa caja. Básicamente, solo quiero que te sientas libre de ser tan creativo
como quieras o simplemente apegarte estrictamente a las técnicas que aprendimos, lo que sea más cómodo para ti. Pero cuando termines tu proyecto, por favor asegúrate de compartirlo en la Galería de Proyectos de Skillshare. Me encantaría ver lo que ustedes crean. En tanto que FYI, también hay una lección extra después de esto. En esa lección, te voy a mostrar algún tipo de usos del mundo real de estos y te enseñaré algunos consejos y trucos para duplicarlos. Entonces digamos que querías usar uno de estos como tercio inferior y
tuviste 50 tercios más bajos en un proyecto que necesitabas hacer, te
voy a dar algunos consejos para que eso sea un poco más fácil. Entonces sí, espero verte ahí y también buena suerte en tu ejercicio.
9. ¡Lección extra!: Muy bien, bienvenidos a nuestra lección extra. Esta es una lección un poco más larga, pero está repleto de buena información. Lo que les voy a mostrar a lo largo de esta lección, es cómo tomar cada uno de los cinco textos, técnicas de
animación que hemos aprendido, ponerlos en una aplicación práctica, y luego duplicar esa aplicación práctica. Sé para mí que es un gran factor a la hora de elegir la técnica de animación de texto que voy a usar en una pieza es si es o no fácil de duplicar. Si tengo un proyecto que solo necesita un par de líneas de texto resaltado, tal
vez esté bien, eligiendo uno que requiera un poco más de trabajo para duplicar. Pero si tengo un proyecto que necesita, digamos, un 100 tercios más bajos, podría querer elegir uno que sea realmente simple de duplicar. Basta con copiar pegar, modificar el texto. Te voy a mostrar ejemplos de cada uno de estos, algunos de ellos son más duros que otros y requerirán más ajustes que otros, lo cual es solo buena información para que tengas antes de comprometerte con ellos para un gran proyecto largo. Empecemos con nuestro dramático revelador. Lo que he hecho es que he hecho un simple tercio inferior usando esa técnica. Tengo este pequeño trazo que anima y luego mi texto que anima en. Ahora éste es el más fácil de duplicar. Es literalmente tan simple como cambiar tu texto. Agarré estas tres capas, mi línea, mi nombre, mi título, las duplicaré. Voy a moverlos a la parte superior, voy a cambiar el color de la capa sólo por mi cordura. Asegúrate de hacer invisible el fondo, los originales. Y luego decir que quería que éste fuera el nombre de mi marido en su lugar. Escribiré, ese no es el nombre de mi esposo, escribiré a Derek Kirk, y luego cambiaré su título a artista 3D. Ahí vas es literalmente así de simple. Es por eso que incluí este en esta clase, honestamente, porque es tan simple de duplicar, literalmente sólo cambiar el texto. Ahora vamos a pasar a nuestra toallita de caja, que no es del todo tan simple. Lo que estoy imaginando para esta situación práctica aquí es que has llegado al final de un video explicador. Digamos que ha caído en la ganancia, y quieren hablar sus impactos ellos y hablar de cuánto dinero han recaudado, cuánto, cuántas familias han ayudado, cosas así. El toallita de caja funcionaría muy bien para
esto, se vería muy bien. Pero, como dije, no es
lo más fácil del mundo de duplicar, pero vamos a sumergirnos porque tampoco es tan terriblemente difícil. Duplicemos las cuatro capas, y las arrastremos aquí abajo fuera del camino y cambiemos el color. Digamos que queríamos que este próximo dijera un millón de dólares recaudado. El motivo por el que este es tan complicado es porque tenemos múltiples copias de ambos de los elementos principales. Tenemos nuestro texto oscuro, también
tenemos nuestros textos claros, que es una copia del mismo, y tenemos nuestro rectángulo, y entonces tenemos ese mismo rectángulo siendo utilizado como mapa. Para facilitarnos la vida, vamos a utilizar algunas expresiones de luz para vincular las capas copiadas, a las capas de las que son una copia, si eso tiene sentido. Empecemos con el texto. Ahora mismo si cambiáramos este texto a un millón levantado, esta capa de texto no cambia. Si tuviéramos que reducir el tamaño de esto, esa capa de texto no bajó el tamaño. Vamos a deshacer eso y hagámoslo para que cambie con él. Para ello, vamos a desplazarnos hacia abajo nuestras opciones en nuestra capa de texto superior. Debajo de texto, debe ver el texto fuente. Hagamos lo mismo en la capa de texto inferior, para que podamos ver texto fuente en ambos lugares. Ahora para crear una expresión, sostienes alt y golpeas el cronómetro. Ahora eso va a aparecer, no te
preocupes por ello. En realidad ni siquiera estamos escribiendo nada. Todo lo que vamos a hacer es agarrar esta pequeña cosa en espiral aquí, esta es la herramienta de látigo de pico que vamos a presionar y sostener, y verás arrastrada esta línea azul hasta que lleguemos al texto fuente de la capa de texto original. Suelta, y te lo llenará. Ahora para salir de esta caja. Puedes hacer clic fuera de ella, o puedes pulsar “Enter” en el pad numérico, pero no en el inter regular. Ahora nuestros textos fuente están atados al texto fuente aquí. Si escribo algunas galimatías, tengo galimatías en la capa superior dos, lo cual es genial. No obstante, nuestro tamaño aún no está ligado a él. Si yo entrara y bajara esto, ese no escaló. Atemos esta línea a ella de la misma manera. Por lo tanto, ven a nuestra capa de textos toplex, presiona S para la escala. Haz lo mismo, en realidad, volvamos a nuestros textos originales, “Control Z”, y luego hagamos lo mismo en esta capa inferior, pulsa “Escala” para que puedas ver escala en ambas capas de textos, en tu parte superior capa, mantenga alt, haga clic en el cronómetro, agarra tu látigo de pick, arrástrelo hacia abajo a escala. No lo arrastre a la capa, arrástrelo a la propiedad, así que escale. Ahora cuando cambio esto para decir, “Un millón elevado”, y luego lo escala hacia abajo sosteniendo turno se puede ver que la capa superior siguió a lo largo. Eso es lo que estábamos buscando. Pero lo siguiente es que nuestra caja ahora no es lo suficientemente amplia. Si sólo cambiáramos nuestra caja, lo que podemos hacer ya que animamos el camino. Si solo escalamos esto, esta manera, la animación en sí en realidad todavía funciona. Pero ahora nuestra capa mate no está emparejada, por lo que no se ve muy bien. Deshacer eso, y atemos la escala de la capa mate superior, a la escala del rectángulo inferior de la misma manera. S para escala, S para escala, alt, cronómetro, agarra el látigo de púa, átalo a la escala del rectángulo. Ahora, cuando tomo esto, y lo amplío un poco, todo está funcionando como debería ser. Obviamente son unos pasos extra creo que usar estas expresiones para
unirlas es más fácil que tener que duplicar tu texto una vez que lo hayas cambiado, y reemplazar esa capa con esta capa, y también hacer lo mismo. Básicamente tendrías que eliminar tus dos capas superiores y recrear, lo cual puedes hacer si realmente tienes miedo a las expresiones. Pero si no, creo que esta es una forma mucho más fácil de hacerlo. Hagámoslo una vez más sólo por el bien de la práctica, y encontremos una forma de transición entre estos dos. Creo que lo que quiero hacer, es que quiero que este texto salga de una manera similar a la que se encendió. En realidad voy a tomar nuestro rectángulo original, y lo voy a duplicar de nuevo. Llevándolo a la parte superior de esta capa, presiona U para ver mis fotogramas clave, y voy a llegar al final de esta capa. Voy a tirar de esto para que se alineen. Ahora, esto actuará como un borrado de ese texto. Yo quiero que sea blanco. Entonces lo que quiero pasar es que esta próxima capa empiece a animar. Puedo alinearlo hasta donde el final exacto de esas otras capas para que todo pase paso a paso, o incluso podría empujar un poco más de superposición aquí y hacer algo así que creo que se ve bastante genial. Voy a entrar con este rectángulo y voy a cambiar un
poco el color para ser más algo más en el mismo reino, pero un poco diferente, sólo para mezclarlo un poco. Veamos qué tenemos hasta ahora. Nuestro impacto, un millón recaudado. Entonces, digamos que lo último que querían decir es que 5 mil familias ayudadas. Tomemos estas cuatro capas, las duplicamos, las llevemos a la parte superior, las
moteamos, cambiemos el color, y luego desafortunadamente, no podemos hacer esas expresiones una vez y hacerlas funcionar cada vez. Si fuera a cambiar este texto ahora, no
va a cambiar el texto superior porque
ese texto superior en realidad sigue mirando esta capa de texto. Tendremos que rehacer esas expresiones. Pero ahora que los hemos hecho y estamos cómodos con
ello, no nos debería llevar mucho tiempo. Vamos a entrar en nuestra capa de texto superior y abrimos las propiedades que necesitamos abrir. Texto de Fuente y Escala. Abramos las mismas propiedades en la capa inferior. Voy a extender un poco esta ventana para poder verlo todo. Voy a agarrar esto. Se puede ver la expresión original sigue ahí. Si hago clic ahí, debería resaltar todo el asunto y luego puedo usar mi herramienta de látigo de pico para recoger látigo a la capa correspondiente. Yo voy a hacer lo mismo con la báscula. Bajarlo a la escala de la capa original, y ahí vamos. Ahora, debería poder cambiar esto para decir que ayudaron 5 mil familias. Voy a querer escalar eso hacia abajo solo decir aquí y parece haber funcionado. En este caso, en realidad ni siquiera necesito cambiar esa caja, lo cual es bonito. Pero si lo hiciera, sería tan sencillo como abrir la escala de
ambas capas y la paternidad a esa, lo cual puedo seguir adelante y hacer justo que
no vengo por el camino más tarde y tal vez tenga que añadir otra carácter. A lo mejor esto tiene que decir 5,000 más. Entonces mi caja no es lo suficientemente grande. Entonces quiero hacer mi caja un poco más grande, y entonces mi mapa estará en línea también solo para ayudar a mi yo futuro en caso de revisiones. Ahí vamos. Eso está funcionando como debería. Hagamos la misma transición que hicimos la última vez. Agarremos nuestro rectángulo del último conjunto de texto y lo alineemos con el final de esta capa, y luego traigamos mi nueva capa, hagamos que esa sea blanca, y luego traigamos mi nuevo texto a algo de una superposición. Entonces también quiero que esta nueva caja sea del mismo color que la caja original, así que voy a asegurarme de que esto siga seleccionado. Entra en Relleno y usa mi herramienta cuentagotas. A ver cómo se ve. Bastante cool. Nuevamente, ese no es el más fácil del mundo de duplicar, pero es un efecto bastante cool con un esfuerzo bastante mínimo. Simplemente tal vez usa esa en proyectos donde no tengas que duplicarla un billón de veces porque terminarás con un billón de capas y muy bien podría volverte loco. Pasando adelante. Para el rápido movimiento en, estamos en una posición mucho más fácil. Lo que he imaginado aquí es un llamado a la acción
al final de un comercial o algo así. Tenemos, hagámoslo. Entonces después dirá: “Llámanos hoy”. La clave para hacer que éste sea fácil de duplicar es asegurarte de que te
aferras a esa capa de texto original que animaste antes de utilizar capas de texto y secuencias de descomposición. Mientras tengas esa capa, todo lo que tienes que hacer es duplicarla. Yo lo voy a llevar a la cima, voy a cambiar el color, y voy a hacer que empiece aquí al final de esta capa. Hazlo visible y luego simplemente voy a cambiar el texto. Voy a tener su dicho: “Llámanos hoy”. Entonces todo lo que tienes que hacer es volver a tu texto descompuesto, descomponerlo en palabras. Agarra tus capas de última a primera, si recuerdas, con tu fregadora donde quieras que comiencen. Entra en SequenCelayers, lo compensan por dos fotogramas. Ahí vas. Ese ya está hecho. Vayamos a la marca de cuatro segundos, recortemos esas capas hacia arriba, y hagamos una pantalla más. Ven aquí otra vez a nuestro texto original, duplicarlo de nuevo. Voy a cambiarlo a verde. Hagamos que éste sólo diga, en serio. Porque esa es una palabra, en realidad ni siquiera necesitamos hacer o descomponer textos en nuestros secuenciaLayers porque no hay nada en qué descomponerlo. Hagámoslo una vez más y que éste diga, hazlo. Este queremos descomponer en palabras, llevar nuestro fregador al lugar correcto, y SequenCelayers. Ahora, tenemos un llamado a la acción bastante cool. Probablemente sea un poco demasiado lento, así que querrías acelerar esto, pero solo otro consejo de bonificación rápido aquí. Otra forma de hacer que este aspecto parezca genial sería
duplicar tu fondo aquí en la parte inferior y moverlo hacia adelante para que tu fondo cambie realmente cuando tu texto cambie. Vayamos a Layer, Solid Settings, y hagamos de esto un bonito azul. Entonces lo que pasa es que también son fondos destellantes. Entonces podrías hacer lo mismo. Vuelve al verde si querías cuando aparece en serio, y luego vuelve al azul, cuando lo haces pops. Mira esto. Bastante bonito. Esa es una buena opción si necesitas usarlo repetidamente. De nuevo, tampoco me gustan las capas extra, pero simplemente nunca elimines esta capa que se vuelve invisible después de usar el script de texto descompuesto. Agárrate y tu vida será mucho más fácil. Ahora vamos a hablar de la cuarta técnica, de los personajes saltos. Lo que he imaginado para este es sólo un tercio inferior, sólo nombre, sin título. Este es probablemente el escenario de caso más difícil de
duplicar con el cuadro draw on y luego el texto. Pero la clave para hacerlo lo más simple posible es otra vez, aferrarse a esa capa invisible que resulta del texto descompuesto. Voy a empezar solo duplicando esa capa de texto. Yo lo traigo aquí arriba, voy a motonearlo, y lo haré visible para que realmente pueda verlo. Un buen consejo para cuando estás trabajando con tercios inferiores es asegurarte siempre de que tu texto esté alineado a la izquierda, si vas a estar en el lado izquierdo de la pantalla, o bien alineado a la derecha, si vas a estar en el lado derecho del pantalla. Motivo de que sea, si traigo mi título seguro aquí, tengo esto justo donde lo quiero. Entonces estoy asumiendo que esto no es para emisión, pero queríamos estar bastante seguros, así que está dentro de ese margen. Si fuera a entrar y escribir un nombre más largo, y voy a ir con, este es el nombre de mi perro, Lava Bean Kirk. Porque tengo el centro de texto alineado, voy a tener que moverlo. En lugar de tener que moverlo cada vez que reemplaces el texto, empecemos con texto alineado a la izquierda. Entraré al párrafo y le pegaré a “Left Align”. Entonces si quería estar de vuelta en ese lugar, hay un par de maneras en que podría hacerlo. Podría o bien seleccionar todos mis fotogramas clave de posición a la vez y arrastrarlo de esa manera. Pero eso puede ser finicky. Encuentro que no siempre funciona por alguna razón. Pero como sólo animamos la posición y en este caso, estamos de suerte. En realidad podemos simplemente usar nuestra posición x solo para moverla y hacer un poco más lejos. Sí. Ahora cuando cambie ese texto, empezará en el mismo lugar, que es lo que quiero. El siguiente aspecto de esto es recomponer y resecuencia. Voy a seguir adelante y voy a hacer eso. Voy a golpear “Descomponer texto”. Voy a descomponerlo en personajes. Golpea dos veces a “You”, así que no los veo todos. Ven aquí al frente, agárralos a todos. Voy a secuenciarlos por medio fotograma. Mira a esos pequeños personajes felices. Ahora si recordarán lo que hicimos la última vez es que los precompusimos. Agarré todos esos y los precompondré a decir y los
pondré en un precompuesto como Lava Kirk PRE. Ahí está ella. Ahora todo lo que necesitamos es ese rectángulo. Voy a duplicar el mismo rectángulo que la última vez. Obviamente no va a funcionar para mí. Para cambiar el tamaño de esto, desafortunadamente, no puedo simplemente agarrarlo y cambiar la escala. Honestamente se ve bien en este momento, pero lo que está haciendo es deformar el ancho de nuestro trazo cuando haces eso. No se puede ver cuando hago pequeños cambios, pero se puede ver cuando hago grandes cambios. Ve cómo este se ha ensanchado y esos se han vuelto
más delgados y lo mismo pasaría si lo haces de esa manera. Tan sólo para mantener aquí todo kosher, vamos a utilizar una forma diferente de escalar. En primer lugar, voy a entrar aunque a mi texto, y voy a encontrar, hagámoslo visible. Voy a hacer algunas guías. Entraré aquí, acercaré al medio aquí. Voy a hacer algunas guías para mostrar un punto central. Se puede ver que en realidad ya he hecho esto y para eso están esas guías. Esos están en mi camino. Déjame ir a View, Clear Guides, y luego volveré a hacer eso. Control R para regla. Voy a conseguir unas guías en medio de esta capa. No tiene por qué ser perfecto, pero tiene que estar cerca. Eso se ve bastante bien. Entonces voy a agarrar mi caja, mi capa de forma, y voy a ajustarla a esas guías. De nuevo, tienes que tener activado View, Snap to Guides para que eso suceda. Ahora en lugar de escalar, voy a entrar en mi rectángulo. Voy a entrar en mi camino rectángulo que está aquí. ¿ Recuerdas esos parámetros que no queríamos antes? Bueno ahora vienen en súper prácticos. Para éste, sólo vamos a cambiar el tamaño. Si entramos y empezamos a
cambiarlo, se escala uniformemente, lo
que normalmente sería bueno, pero no queremos eso ahora mismo. Por lo que vamos a desmarcar esta caja de porciones de restricción, parece una pequeña cadena. Sólo cambiaremos el ancho horizontal, lo
llevaremos a donde creemos que se ve bien. Eso se ve realmente bien. Notarás cuando estés cambiando de tamaño, no afecta al ancho del trazo. Por eso estamos usando el tamaño en lugar de la escala. Esa es una de las bellezas de las capas de forma. Ahora esto ya casi está listo. Ocultemos de nuevo esa capa de texto original. Todo lo que tenemos que hacer es agarrar nuestro nuevo pre-comp y dejar caer una máscara sobre él. Asegúrate de que la máscara se alinee con la parte inferior de esta capa, zoom para asegurarte de que lo haga, lo hace. Eso debería hacerlo. En realidad eso no lo hace. Tenemos que compensar esta capa para que no aparezca hasta que ocultemos mis guías. No aparece hasta que la línea esté ahí. A ver cómo ahora está saltando y no hay nada de donde saltar. Vamos a compensarlo para empezar por ahí. Aquí vamos. Otro consejo aquí, cuando sabes que vas a estar trabajando con muchos tercios más bajos, me gusta empezar por solo seguir adelante y hacer una versión que está en el lado izquierdo de la pantalla y una versión que vivirá a la derecha. Porque si tuvieras la cara de alguien aquí, la pusiste a la izquierda. Si tuvieras la cara de alguien aquí, pusiste a la derecha. Normalmente, cuando la gente filma por cosas así, no
están grabando a todos de un lado. Es más que probable que necesites ambos lados. A mí me gusta simplemente seguir adelante, y como en este caso, habría hecho otro de éstos donde mi texto estaba bien alineado. Entonces que, en lugar de tener que modificarlo una vez que llegue, ya
tengo una versión alineada a la derecha. Tan solo otro consejo de bonificación en esta lección de bonificación. Pasemos a nuestra técnica final, el golpe de golpe. En este caso, he creado un punto de bala. Porque esta es una de mis formas favoritas de hacer balas. Porque se ve limpio, se ve limpio, pero también puede revelar muchos textos a la vez. Odio ver que los puntos de bala vienen palabra por palabra. Creo que se pone súper repetitivo súper rápido. Esta es una de mis formas favoritas de hacer los puntos de bala, y en realidad no es tan difícil de duplicar una y otra vez. Adelante y sumérgete. Voy a seguir adelante y agarrar las cuatro de mis capas y las voy a duplicar. Ahora esto va a parecer raro, pero sólo voy a mover en realidad mi punto de bala y mi texto. Voy a anular la selección de mi trazo y voy a anular la selección de mi nulo. Entonces voy a mover estos hacia abajo donde creo que los quiero, que sería por ahí. Ahora, lo siguiente que tengo que hacer es cambiar mis textos. No tienes balas que digan lo mismo una y otra vez, o al menos espero que no. Voy a entrar y en realidad voy a hacer este más largo. Pero debido a que tiene una máscara
encima, puede ponerse complicado. Si empiezo a escribir más allá de la máscara, en realidad no
puedo verlo. Yo sólo voy a entrar en mi máscara golpeándolo, y voy a cambiar donde dice Agregar aquí en mi máscara a ninguno. De esa manera por ahora, la máscara no está teniendo impacto, así que podré escribir libremente. Voy a decir que este es un punto de bala aún más largo con aún más por aprender, como este hecho interesante. Yo quiero mostrarles una que sean tres líneas, cómo lo ajustarían para eso. El primero que tenemos que hacer es ajustar nuestra animación de máscara para que se ajuste a nuestro nuevo texto. Vamos al punto final aquí, asegurémonos de que estamos en esta clave y vamos a agarrar estos dos puntos y arrastrarlo más allá de nuestro texto. Entonces tomemos estos dos y arrástrelos por debajo de nuestro texto, para asegurarnos de que todo se esté mostrando. Entonces podemos seguir adelante y cambiar esto de nuevo a Agregar. Ahora vamos a agarrar este fotograma clave y copiarlo. Vuelve al principio. Porque se está encogiendo a medida que se remonta, en lugar de tratar de conseguir eso perfecto y arrastrarlos hacia abajo, solo
voy a pegar el fotograma clave que acabamos de copiar, y luego voy a agarrar estos dos puntos correctos, y estoy va a arrastrarlos a la izquierda hasta que no veamos nuestro texto. Voy a poner algo de nivel en estos fotogramas clave, volver a hacerlo ya que lo hemos ajustado, voy a golpear a F9, y luego los tiraré un poco. Vamos a ver. Eso se ve bastante bien. Sigamos adelante solo para que no estemos compitiendo con el primer punto de bala. Arrastremos éste hasta donde empieza aquí a los dos segundos, para que éste se encienda y luego éste se encienda. Te darás cuenta, obviamente, este trazo está todo estropeado, y también lo es este nulo. Eso se debe a que usamos el script, el crear nulos de script de ruta para que este nulo siga una máscara. Actualmente, está siguiendo la máscara de nuestra vieja capa en lugar de nuestra nueva capa. Todo lo que tenemos que hacer, si quieres, podrías eliminar este nulo, podrías agarrar este camino de máscara. ¿ Vuelven a seguir los puntos los nulos? Podrías eliminar todos los extras de la misma manera que lo hicimos la primera vez, o puedes entrar en esta capa y golpear U dos veces, y luego puedes ver el código que se creó al presionar ese botón. Todo lo que necesitas hacer es cambiar la capa de origen. Esto aquí significa capa fuente. Esta es la capa que está mirando actualmente. Voy a resaltar todo entre el signo igual y ese punto y coma, y voy a volver a usar mi herramienta de látigo de pick y a escoger látigo a mi capa de texto más nueva. Ya verás de inmediato que movió tu nulo y te movió el trazo. Ahora definitivamente está más cerca. Lo único ahora que está mal es que nuestro trazo no
es lo suficientemente largo para cubrir todos nuestros textos. Entraremos en nuestro Stroke, entraremos en nuestra Configuración, Configuración de
formas en nuestro camino, y solo vamos a agarrar esto y tirarlo hacia abajo, lo suficientemente
bajo como para cubrir todas nuestras letras. Ahora veamos eso. Nuevamente, no el menor esfuerzo, pero tampoco el más alto. Digamos que teníamos un punto de bala más sólo porque prácticamente hablando probablemente lo haríamos. Hagamos todo eso una vez más. Voy a entrar, agarrar mis dos capas inferiores, y moverlas hacia abajo hasta que estén espaciadas como me gustaría. Voy a cambiar este texto para decir: “Este es un punto de bala corto”. Porque sabía que esto cabría dentro de la máscara existente, en realidad no
me molesté en poner esa máscara en Ninguno de Add. Ahora todo lo que necesito hacer es cambiar mi camino de máscara. Llegaré a este punto final y lo acercaré. Podría mover estos, pero en realidad no necesito hacerlo. Entonces no voy a hacerlo porque parece un trabajo innecesario. Todo lo que necesito hacer ahora es entrar en esta capa nula, golpear U dos veces, agarrar la información de mi capa fuente, todo entre el signo igual y el punto y coma, recoger látigo a mi nuevo texto. ve bien con una pequeña excepción, y eso es obviamente que nuestro trazo es a veces un poco demasiado largo. Vamos a entrar en nuestro camino, agarrar ese punto, y acortarlo donde quisiéramos. Ahora veámoslo todo. una manera bastante rápida, no
voy a decir que sea la forma más rápida, pero una forma bastante rápida de
revelar algunos puntos de bala, revelar mucha información en poco tiempo que no es solo tu run-of-the-mill fundido on de puntos de bala. Eso lo hace por la lección de bonificación. Gracias chicos por quedarse conmigo a lo largo esta lección y a lo largo de todas las demás lecciones. Espero que ustedes hayan podido obtener alguna información valiosa, algún conocimiento práctico del mundo real de esta lección extra. Gracias.
10. ¿Necesitas ayuda para procesar?: Ahora ya has completado tu animación y estás listo para renderizarla. Hay alrededor de un millón de formas en las que puedes renderizar las cosas. Hay todo tipo de configuraciones en las que podríamos indagar. Pero si nunca has renderizado algo antes o solo estás buscando una manera rápida de conseguirlo completado, te
voy a mostrar un par de maneras diferentes que yo renderizar algo como esto. El primero que debes saber es que esta de aquí arriba, esta pequeña barra que puedes ajustar es tu área de trabajo. Las únicas cosas que renderizarán son lo que hay dentro de tu área de trabajo. Ya que esta composición es de 10 segundos en este momento y nuestra animación solo toma alrededor de dos, tenemos un poco de espacio muerto en esto, y algún espacio muerto está bien. Pero digamos que queríamos que esto fueran cinco segundos. Puedes venir a tu marca de cinco segundos y puedes recortar el final de tu área de trabajo para alinearte ahí mismo. Ahora sólo renderizarás cinco segundos en lugar de 10. Para renderizar, vas a asegurarte de que tu ventana de Cola de Render esté abierta. Si no está ahí por defecto, ve a Ventana, baja a Render Queue y aparecerá. El mío ha atracado justo aquí. Ahora una vez que tengas esa ventana abierta, puedes agarrar tu composición, que en nuestro caso es Text Animation 01, y solo puedes arrastrarla. Ahora, la primera forma en que te voy a mostrar cómo renderizar, que es la forma en que casi siempre lo hago, es pulsando este botón aquí, Cola en AME. Pero lo que esto hará es traer a la luz un programa diferente llamado Adobe Media Encoder. Si no tienes eso instalado, habrá que
instalarlo para que este método de renderizado funcione. Si no quieres instalar otro programa en
tu computadora en este momento, lo entiendo totalmente. Te estaré mostrando una manera de no tener que usar esto. Pero por ahora, no toquemos ninguna de estas configuraciones y vamos a presionar Queue en AME. Eso va a abrir lenta pero seguramente un nuevo programa. Aquí está Adobe Media Encoder, que es sólo un programa de compresión. Ahora, la razón por la que me gusta usar Adobe Media Encoder es porque es la única forma en que puedo obtener un archivo MP4, que me gusta usar por su tamaño. Tengo algunos ajustes predeterminados configurados aquí que uso a menudo, pero como no los tendrás, sigamos adelante y configurémoslos para ti. En primer lugar, tocarás este botón azul más a la izquierda. Ahora para obtener un archivo MP4 como estaba hablando, hay que tener un formato de codificación H.264. Vas a tu menú desplegable Formato y tendrás todas estas opciones, pero vas a seleccionar H.264. Entonces bajo Preset, de nuevo, tengo unos pocos que he guardado que aparecen, aquí arriba. Pero como no tendrás estos, bajemos y elijamos HD 1080p de alta calidad. Ahora, también puede seleccionar en Nombre de salida. Puedes seleccionar dónde guardará y cuál será el nombre del mismo. Estoy bien con la animación de texto 01. Ahora si quieres, puedes desplazarte por tu configuración de video y ver cuáles son. Lo único que podría cambiar sería mi configuración de bitrate. Si encuentras que esto está tardando mucho tiempo en renderizar, siempre
podrías bajar tu tasa de bits objetivo a 10 o 12 y ver cómo se ve. Estas son animaciones bastante simples, por lo que no necesitas un bitrate de paso super due. Esa sería mi única recomendación de algo que cambiar. Pero aparte de eso, todo esto debería ser lo que necesitamos que sea, por el preset. Haga clic en “Aceptar”. Ya verás que tu preset está listado aquí. Aquí se enumera tu ubicación de salida, y solo puedes pulsar este botón de reproducción verde, que renderiza tu archivo. Entonces una vez hecho, puedes entrar aquí y en realidad abrirla. Esto te mostrará dónde aterrizó y aquí está. Voy a entrar a mi vista de detalle para poder mostrarles a qué tamaño terminó esto. Se trata de 528 kilobytes. Ahora volvamos a After Effects y te puedo mostrar una manera renderizar esto sin tener que usar Encoder. De nuevo, agarra tu composición, arrástrala a tu cola de renderizado. Ahora, tengo de nuevo, algunas configuraciones que se llenarán que son valores predeterminados que he configurado. Pero como no vas a tener esos, sólo
vamos a entrar en cada uno de estos y asegurémonos de que sean correctos. Debajo de tu Configuración de Render, quieres asegurarte de que esto esté configurado como mejor. Asegúrate de que tu Resolución esté llena. No quieres que Field Render esté encendido, y sí quieres que esto se establezca únicamente en área de trabajo. Recuerda cuando ajustamos nuestra área de trabajo, si esto estuviera ajustado a longitud de comp, seguiría renderizar los 10 segundos enteros. Queremos asegurarnos de que sea solo área de trabajo. Queremos utilizar la velocidad de fotogramas de nuestra composición. En Módulo de salida, puedes ir a tu menú Formato. Voy a seleccionar QuickTime. No puedo hacer un MP4 esta vez, pero aún puedo hacer un MOV. Eso es lo que voy a hacer. Iré a QuickTime, y luego bajo mis Opciones de formato, voy a usar un códec de animación. Esta es solo mi preferencia. Podrás jugar con otros que puedan funcionar para ti. Puedes hacer alguna investigación, decidir qué necesitas, pero voy a usar la animación y ese es mi go-to. Haga clic en “Aceptar”. Todo lo demás se debe configurar simplemente bien. Si alguna vez quisieras exportar algo con transparencia, di que era alguna animación de texto que querías superponer sobre algún video. Para hacer eso, entrarías en tus Canales y golpearías RGB más Alpha. MP4s en realidad no soportan Alpha. Cuando necesito renderizar algo con transparencia, esto es exactamente lo que hago. Por ahora, no tenemos transparencia, así que voy a dejar ese set en RGB. Mi configuración de audio está configurada en auto para que si hay audio, se exporte. No tenemos audio en esto, así que no necesitamos preocuparnos por ello, pero Si lo hiciste, estos ajustes deberían funcionar bien. Por último, puedes entrar aquí y configurar a dónde va a exportar. Voy a llamar a esto Animación de texto 01 Large, porque el tamaño del archivo será mucho más grande como verás. Entonces puedes darle a “Render”. Ahora, sólo para mostrarles lo que quise decir, podemos entrar aquí y encontrar ese nuevo renderizado, que está justo aquí, y ver el tamaño del archivo en comparación con el MP4. Es por eso que prefiero usar Media Encoder y prefiero crear y MP4s, pero todo es solo una cosa de preferencias. Vamos a ver este. Se ve bien. son algunas formas diferentes que puedes usar para renderizar tus ejercicios o cualquiera de estas animaciones de texto para cualquier propósito que puedas necesitar. Si tienes alguna pregunta, solo póngalas en la discusión de la clase.
11. ¡Gracias a todos!: Muchas gracias chicos por aprender conmigo. Me lo pasé muy bien. Espero que lo hayas hecho también y espero que hayas disfrutado agregando algunas nuevas animaciones de texto a tu toolkit. Cuando hagas tu ejercicio, asegúrate de compartirlo en la galería de proyectos para que todos
podamos verlo y admirar tu arduo trabajo. Si quieres compartirlo en Instagram, asegúrate de etiquetarme @KaitlynKurtDesign. Mientras tanto, si tienes alguna pregunta o inquietud, solo ponlas en la discusión de la clase y haré todo lo posible para ayudarte. Gracias otra vez. Nos vemos la próxima vez.
Kaitlyn Kirk, Motion Designer
