Animación de texto para principiantes: plantillas de Adobe After Effects: elementos de Videohive y Envato: parte 2

1. INTRODUCCIÓN: Hola, soy Jake. Y movimiento a Zion de una calificación en esta clase, quiero mostrarte un montón de diferentes formas de leer animaciones de texto. Estos son ejemplos de la vida real de un proyecto aprobado que creé este año en abril de esta primavera. Creé este nuevo proyecto para el mercado de plantillas After Effects más grande del mundo, que es Envato Elements. Y también este proyecto está disponible en Video Hive también. Entonces así es como se puede decir que estas técnicas están actualizadas y aprobadas para la venta en el mundo profesional de las plantillas de diseño de movimiento. Lo mejor de esta clase es que está dirigido a principiantes. Está bien si nunca has abierto Adobe After Effects en toda tu vida, estoy empezando por lo básico. Por lo que se sentiría cómodo en el uso herramientas y poco a poco avanzaría hacia personal avanzado y profesional desde mi proyecto real con cada nuevo video. Además, he decidido terminar cada video con un reto para que te asegures de que entendiste la técnica que proporcioné en cada video. Podrás presionar pausa y completar el reto, y luego pulsar play para ver la forma correcta de completar y el reto. De esta manera, tendrás práctica real que mejorará la comprensión de cada técnica. Y para completar esta clase, nuestro objetivo es crear estos dos tipos de animaciones de texto complejas, que podrían parecer simples para los diseñadores de movimiento avanzados. Pero no olvides que proyectos complejos enteros están hechos a partir de estas partes simples. Estaré feliz de verte en mi clase como también tu resultado después de seguir todos los pasos. Así que empecemos. 2. 1 Creación de animación básica: Entonces estoy usando Adobe After Effects 2021. Si no tienes este software, puedes ir a los productos de adobe.com After Effects e iniciar la prueba gratuita porque la versión gratuita del software funcionará bien. Además, si te gusta la animación de texto, también puedes comenzar con este tutorial. También se inicia desde el nivel de principiante. Y muestro en esta clase otras técnicas que puedes usar para animar tu texto y crear plantillas de animación de texto. Hemos abierto nuestro software Adobe After Effects, y ahora podemos elegir el diseño estándar. Entonces en este caso, si dejas mayormente aquí, estarás teniendo los mismos paneles, que puedes ver en mi pantalla. Pero si por alguna razón no puedes ver algunos de los paneles que puedes ver en mi pantalla. Siempre se puede referir a ellos por su nombre. Entonces por ejemplo, este panel de caracteres, puedes habilitarlo desde aquí, desde el carácter de ventana. Y básicamente puedes habilitar cualquiera de los paneles que puedes ver en mi pantalla. De acuerdo, así que vamos al panel Proyecto y ahora podemos crear nuestra primera composición. Para crear composición, es necesario hacer click aquí. Hagamos click aquí y aquí podemos ajustar nuestra dimensión. Entonces piensa en la composición como un tamaño de su pantalla en la que vamos a trabajar. Entonces, en primer lugar, queremos elegir nuestra resolución. Entonces en nuestro caso, usaremos década de 1920 por tomate, que es full HD. Además, podemos establecer una velocidad de fotogramas. Utilizaré 30 cuadros estándar por segundo. Y aquí en duración, se puede establecer cuánto tiempo tomará esta composición. Entonces, por ejemplo, aquí hay fotogramas aquí, segundos, minutos, y horas. Ahora caso podemos dejar esos diez segundos. Y todo se ve bien. Aquí. Sólo podemos nombrarlo. Podemos nombrarlo como composición principal. Y haga clic. Ok. También he abierto este proyecto al que les vamos a referir creando tipo de animaciones geniales. Entonces en este primer video de esta clase, vamos a crear esta animación genial de qué dinámica. Entonces para crear esta animación de texto, solo necesitamos crear nuestra capa de texto. Y para crear nuestra capa de texto, necesitamos seleccionar esta herramienta de tipo horizontal. Así que la hoja más a la izquierda aquí, podemos acercar o alejar en nuestro cerebro con solo usar rueda en el ratón y sólo la pierna más a la izquierda, sostener y arrastrar. Y en este caso vas a crear este cuadro de texto en el que podrás escribir tu texto. Se puede ver que he creado este cuadro de texto, entonces puedo dejar mayormente aquí y empezar a escribir mi texto. También tecleemos la palabra dinámica. Ahora sólo podemos seleccionar este texto y cambiar a cualquier fuente que te guste. En mi caso, he utilizado la fuente Montserrat, extra negrita. Y aquí sólo podemos cambiar el tamaño de nuestro texto. Esta fuente Montserrat es gratis. Simplemente puedes descargar desde la web con el nombre Montserrat fuente, o usar cualquier otra fuente, funcionará bien. Por cierto, si escribes demasiado del texto, puedes ver que se trata de quedarse en esta frontera. Y siempre se puede simplemente más a la izquierda, sin expandir. Si necesitas más texto. Voy a eliminar esto. Simplemente selecciónelo y presione Retroceso o Eliminar. Y ahora sólo podemos seleccionarlo y elegir aquí en panel de párrafo. Y como siempre, si puedes ver este párrafo del panel, puedes ir a Ventana y habilitarlo desde aquí, párrafo. Aquí en el panel de párrafo, sólo podemos configurarlo al centro. Así que vamos a hacer clic aquí. Y ahora podemos ver nuestro centro de texto. Y también podemos usar este panel de alinear, que es realmente útil porque con solo dos clics aquí y aquí, podemos simplemente alinear horizontalmente así, y luego alinear verticalmente. Esto es más o menos como puedes simplemente enviarle tu texto o chasquear a cualquier parte de tu pantalla. Que con solo usar estos botones, que es realmente genial también. De acuerdo, entonces el siguiente paso será animar este texto por cerveza en la pantalla. Para que puedan ver tenemos aquí bastante cool animación de operación. Así que intentemos hacer exactamente eso. Lo que podemos hacer es seleccionar este texto dinámico. Y luego desplábamos aquí abajo. Y podemos ver esta palabra animar, que es exactamente lo que queremos. Queremos dar click en esta flecha y elegir Opacidad. Se puede adivinar, podemos optar por animar prácticamente a cualquier propiedad que tengamos aquí. Por ejemplo, si seleccionamos la posición, significa que podemos animar nuestros textos por posición. Entonces, por ejemplo, vamos a ver. Hagamos clic en Posición. Sólo podemos moverlo hacia arriba. Y con este selector de rango, podemos simplemente animar a cada personaje uno por uno. Y lo que es genial de posición que también hemos avanzado tipo de animación. Y podemos ir a la rampa hacia arriba. Ahora como se puede ver. Estamos animando nuestras cartas no sólo una por una, sino todas a la vez. Y es mucho más suave. Una vez más, más en esta animación de propiedad de posición, se puede comprobar en esta clase de animación de texto. Y esta clase, me enfoco principalmente en la posición y también en rastrear propiedad de la animación. Pero en esta clase, queremos enfocarnos en la opacidad. Entonces permítanme seleccionar este animador y haga clic en eliminar, que eliminará este animador. Y vamos a hacer clic en esta tecla de flecha. Y ahora elige Opacidad y 20 cumplen con opacidad. Lo que queremos hacer es establecer esta opacidad en 0, que le dice al sampler que en un punto de partida, no queremos ver nuestro texto. Una vez más, para animarlo, tenemos que ir a este selector de rango. Aquí con esta opción de Inicio, podemos desplazarse a través. Y ahora se puede ver que estamos animando nuestras letras una por una. Se puede ir a Advanced y dijo esta forma para rampa hacia arriba. Y ahora podemos animarte letras a la vez, lo cual es mucho más suave. Ahora básicamente, ya sabes, algunos tipos de animación de la propiedad de opacidad. Pero en nuestro caso, vamos a configurarlo offset a 0 y dar forma a dos cuadrados, lo que básicamente significa que cada personaje aparecerá uno por uno. Así que ahora como se puede ver, cuando estoy cambiando este valor está animando. Pero cuando dejo de cambiar este valor, no pasa nada. Básicamente porque necesitamos crear nuestros primeros marcos clave. Así que vamos a crear nuestro primer fotograma clave. Vamos a poner esta obra de cabeza al principio. Y por cierto, lo que se puede ver en la pantalla es básicamente nuestra línea de tiempo. Y va de 0 segundos a diez segundos, lo que hemos dicho en configuraciones de composición. Entonces si voy a presionar 0 o numpad, comenzará a jugar a través de todos estos segundos. Para animar este texto, necesitamos crear nuestro primer fotograma clave. Demos clic en este cronómetro hoja más a la izquierda aquí. Y vamos a fijar esto en 0. Ahora permítanme explicar qué es clave-marco. Clave-marco es básicamente punto en el tiempo, debemos recordar es el valor de la propiedad de sodio. En nuestro caso, este fotograma clave recuerda este punto en el tiempo, que es de 0 segundos, el valor que es el 0 por ciento del inicio de la propiedad. Entonces, por ejemplo, si voy a mover este playhead dos segundos o 1 segundo y cambiar el valor de inicio a 100, que es por clic izquierdo del ratón aquí y escribe 100. Haga clic en cualquier lugar. Se puede ver que creó otro fotograma clave. Y ahora básicamente after Effects intentará conectar estos dos fotogramas clave. En este fotograma clave, hemos guardado el valor de 100, y en este primer fotograma clave, hemos dicho valor de 0. Entonces ahora si voy a desplazarse a través, pasará de 0. Preste atención aquí. Va a ir de 0 a 100. Y como pueden ver, nos da nuestra animación desde 0 por ciento de esta palabra al 100% de este mundo. Entonces así es básicamente como puedes animar letras una por una. Y para crear look más interesante. Como puedes ver aquí en mi ejemplo original, estas letras aparecen un poco en la pantalla al azar. Y esto es bastante fácil de hacer. Solo tienes que ir al pedido aleatorizado aquí en la pestaña Avanzado y dar click en. Ahora, si voy a desplazarse a través, se puede ver que aparece en la pantalla y orden aleatorizado. Por lo que ahora mi reto para ti es eliminar esta capa de texto y escribir cualquier otro texto. Por ejemplo, los elegantes son increíbles y hacen lo mismo con solo usar tu propio recuerdo de lo que ya aprendiste. Así que trata de no hacer trampa y simplemente pausa este video y trata de hacerlo tú mismo. Y una vez que lo hagas, solo en pausa este video y mira cómo se necesita hacer de manera incorrecta. De acuerdo, Así que si lo recordarás todo correctamente, acabas de seleccionar esta composición de texto. Un cuadro de texto, luego escribe palabra, increíble. Y también podemos seleccionar la herramienta de selección. De esta manera, solo podemos mover nuestro texto por ti. Simplemente use esta herramienta de alinear y alinear exactamente en el centro de su pantalla siempre se establece la hamburguesa al centro. Aquí has cambiado tu prueba si quieres. Y entonces sí vamos a querer ir al texto aquí y elegir Opacidad. Y aquí tenemos que establecer esta opacidad a 0 y Selector de rango, necesitaría crear un fotograma clave al principio. Y luego a 1 segundo a 100. Y por último, tendríamos que ir a avanzado y cambiar orden aleatorizado a on. Esto es básicamente lo que necesitas aprender del primer video de esta clase. Bien hecho. El siguiente video, voy a mostrar cómo puedes hacer esta animación sea aún más interesante. Vamos a intentar sumar este tipo de contornos a nuestros personajes así como añadir algunos colores. Nos vemos el siguiente video. 3. 2 Creación de animación de color: Por lo que hemos creado nuestra primera animación de texto, que se ve bastante genial. Podemos hacerlo aún mejor. En este video, quiero mostrarles cómo se puede crear una animación más compleja, que básicamente nos permite no solo leer este tipo de operación de animación del gusto, sino también agregar en tipos más complejos. Por ejemplo, esta animación de contorno, así como estos colores que cambian de rojo y luego este naranja, amarillo, y finalmente blanco, que es animación más avanzada. Déjame mostrarte cómo puedes hacerlo. Entonces la forma más fácil en la que se podría pensar es simplemente duplicar esta capa. Simplemente selecciónalo y presiona Control D para duplicar o ir a Editar, Duplicar, que también es Control D o Comando D si estás en un Mac y simplemente mueve una de las capas a tiempo. Y si vamos a seleccionar esta capa, esta de bosque, y ir al panel de efectos y presets. Y por cierto, si no puedes ver este panel de efectos y presets, puedes ir a Ventana y habilitarlo desde aquí, Efectos y Presets y escribir aquí, rellenar efecto y soltarlo en este primer texto. Y ahora como se puede ver, hemos creado este tipo de animación de operación a partir de un color, luego va a este tipo de color blanco. Ahora podemos básicamente cambiar a cualquier color que nos guste. Es realmente genial la animación que te metes aquí. Y básicamente puedes incluso duplicar una vez más. Así que seleccionemos esta capa inferior con este color de relleno y presionemos Control D y moverla incluso un poco más allá, así como ésta. Por lo que estas capas vendrán una tras otra. Y lo que esto es realmente nos permite hacer es cambiar este primer color también, por ejemplo, leer uno. Así como esto, estamos cambiando aquí. Entonces éste solo podemos seleccionarlo y cambiarlo a color amarillo, que estará en medio. Este último será el mismo, que es el color del personaje, que es blanco. Ahora como se puede ver, hemos creado este color rojo del color amarillo y finalmente de color blanco. Y así es básicamente como puedes incluso elegir otros tipos de colores. Y cambiará entre estos colores, remolino cualquier medio, que es bastante divertido e interesante de aspecto. Siempre puedes mover estos textos un poco más lejos y conseguir este tipo realmente genial de efecto de luz policial. Por último, lo que puedes hacer es seleccionar esta capa inferior y presionar Control D. Y más polares, estas superiores, solo pagas la selección, ésta, luego mantén presionada turno y selecciona la de arriba. Y ahora solo podemos moverlo aún más allá y seleccionar este de abajo. Lo que podemos hacer, solo podemos seleccionar este efecto de relleno y eliminarlo, lo que básicamente significará que esta capa inferior sigue siendo blanca. Pero si solo podemos intercambiar estos colores, y básicamente este gran cuadrado significa que es color de relleno. Y este pequeño cuadrado significa que su verdadero color. Y para explicar esto mejor, quiero seleccionar esta capa y dar click aquí en el botón Solo. Entonces básicamente con este botón en solitario, solo podemos ver esta capa que hemos seleccionado. Y podemos ver este color para capas en la parte superior, que es realmente útil porque quiero mostrarte lo que es diferente entre estas dos cajas. Por lo que ahora solo podemos ver esta capa de texto inferior. Y ahora solo podemos hacer click aquí en estas flechas, que básicamente cambiarán y lo que hace, solo quita este color de campo, pero siempre se puede seleccionar el color de relleno y cambiar a cualquier color que debamos me gusta. O básicamente pincha aquí, que eliminaremos este color de relleno. Lo que vamos a dejar es este trazo. E incluso podemos cambiar el grosor del trazo y obtener este tipo de efecto. Así que básicamente hemos eliminado nuestro relleno de cada uno de los personajes. Y si voy a hacer click aquí en esta cuadrícula de transparencia alterada, se puede ver que es completamente transparente y todos los trazos de estos personajes son visibles, que es exactamente lo que queremos. Porque si vamos a apagar el modo solo, veremos todas estas capas coloridas, pero este choque aparecerá primero. Así que vamos a hacer clic aquí. Comienza con esta capa de texto con el trazo. Entonces aparecen estos colores. Y sólo entonces podemos ver esta animación con nuestro color blanco, lo que le da aún más complejidad a nuestra animación. Y como reto final, en este video, quiero mostrarte un problema con esta técnica. Entonces digamos que creaste esta animación genial y quieres cambiar el texto. Y como se puede adivinar, es necesario hacer doble clic en cada una de estas capas de textos y cambiar esto a nueva palabra. Entonces, por ejemplo, al texto. Y como se puede ver, hay que hacer en cada una de estas capas de textos. Realmente tómate algo de tiempo. Y es por eso que quiero mostrarte una técnica realmente genial que nos permita cambiar los textos sólo una vez. Toda esta animación aparecerá encima de ella. Lo que básicamente significa que vamos a crear nuestra primera plantilla de animación de texto. Pero antes de crear esta plantilla de animación de texto, quiero que recuerden este tipo de animación que ya creamos. Así que vamos a pasar por él. Hemos creado esta capa de trazo. Después hemos creado esta capa con el color de relleno rojo uno, luego con esta azul, y finalmente, la original con color blanco. Y por qué he decidido recordarte que porque después de la técnica, cómo crear la plantilla, te quiero. Así que rehacer toda esta animación. Pero no te asustes, será realmente fácil. Entonces, antes que nada, queremos crear nuestra plantilla de animación de texto. Por lo que es realmente fácil de hacer. Podemos simplemente seleccionar todos estos textos y simplemente eliminarlo. Y aquí, selecciona este texto y asegúrate de que haya rellenado el color. Con sólo hacer clic en la plaza. Y elige el relleno y selecciona este color de trazo. Y haga clic aquí para desactivar el trazo. Ok, Así que ahora tenemos nuestra sencilla animación de texto que creamos en video anterior. En la forma de crear las plantillas de textos que hay que hacer es precomponer esta animación de texto. Así que vamos a seleccionar este texto e ir a la capa pre-componer, y llamémoslo animación de texto uno y haga clic. De acuerdo, entonces, ¿qué es genial de esto? Ahora, podemos simplemente duplicar esta animación de texto, por ejemplo, así y aplicar un efecto llamado find edges. Ahora vamos también en solitario esta capa. Entonces veremos cómo este encontrar bordes de nuevo a funciona. Básicamente sólo podemos cambiar a invertir, lo que nos deja con este efecto de trazo. Y lo que es genial de este efecto que hemos creado, este trazo de texto. Pero si voy a hacer click aquí y rejilla de transparencia, se puede ver que no es del todo transparente. Y salgamos de esta cuadrícula de transparencia y un-solo esta capa de texto. Podemos cambiar este modo para agregar o a pantalla, que básicamente hará visible solo este trazo de texto y no el color negro en su interior. Así que vamos a hacer clic en la pantalla, y vamos a mover esta capa blanca un poco más allá. Y ahora como se puede ver, hemos creado básicamente el mismo tipo de animación que creamos previamente. Una vez más, lo que hicimos, precomponemos nuestra animación, lo que básicamente significa que hemos tomado nuestro texto y lo hemos puesto en un cuadro y precomponer cuadro. Entonces si voy a hacer doble clic en esto, cualquiera de estas composiciones, podemos abrir este cuadro y ver dentro esta animación de texto aquí en composición principal, podemos ver estos textos animación, estos cuadros. Y en una de las cajas, he aplicado este efecto find edges, que básicamente me permite crear este efecto de trazo en una de estas composiciones. Y por qué estamos exactamente hizo esto. Es sólo porque ahora cuando estamos aplicando nuestros efectos encima de esto, estas cajas metafóricas, que son básicamente composiciones. Cada una de estas composiciones están obteniendo esta capa de texto. Y para mostrarte cómo funciona, solo podemos abrir esta composición de texto más a la izquierda doble clic aquí, y cambiarla a cualquier otra palabra. Por ejemplo, animar. Y luego vamos a la composición principal. Y como se puede ver, ya cambió a este nuevo mundo. Pero al mismo tiempo, todavía tenemos este tipo de animación e incluso estos efectos que hemos aplicado en la parte superior. Así que básicamente ahora mi reto para que usted cree el mismo tipo de animación que hemos creado antes con los colores. Pero mediante el uso de estos textos animaciones. Así que siéntete libre de pausar este video y tratar de hacer este reto. Si no estás seguro de que puedas hacer este canal, puedes volver a ver este video y luego pausar este video y tratar de hacer este reto. He asumido que lo has intentado y la versión correcta para hacer esto, será seleccionar esta animación de texto con nuestro texto y sin ningún efecto y simplemente duplicarlo. Presiona Control D. Luego simplemente muévalo un poco atrás y ve a efectos y presets y escribe este efecto de relleno, que ya usamos antes. Y solo deja a cualquier color que queramos. Una vez más, es necesario duplicarlo, moverlo más lejos. Y éste también, y cambia esto a cualquier otro color, por ejemplo, azul. Y ahora podemos dejar este modo en solitario. Y ahora como se puede ver, hemos creado este tipo de animación que aparece con este trazo, luego con el color, y luego con nuestro texto original. Y esta es una buena oportunidad para explicarte por qué en After Effects, el orden de estas composiciones importa. Entonces básicamente, como se puede adivinar, si voy a colocar esta animación de texto en la parte superior, aparecerá encima de nuestros trazos. Entonces mi caso, quiero dejar estos trazos en la parte superior, entonces quiero usar esta animación de texto con el color rojo, por lo que aparecerá debajo de los trazos. Entonces quiero aparecer este color azul encima del rojo. Así que voy a simplemente seleccionarlo y dejarlo caer encima de esto y asegurarme de que no te caigas encima de todos ellos porque cubrirá nuestro efecto de trazo. Así que dejémoslo aquí. Y en este punto es realmente útil saber cómo cambiar el nombre de estas capas para que sea más fácil navegar. Así que seleccionemos esta capa y presionemos Retorno o Enter en el teclado. Y solo agrega la palabra que representa el color. Entonces mi caso, es azul. Este es efecto de bordes finos, que básicamente es trazo. Y éste es uno, es rojo. Entonces llamémoslo rojo. Y éste, estoy presionando Enter para cambiarle el nombre. Y esto es blanco, que es original. Y ahora es realmente fácil ver que tenemos el trazo en la parte superior, entonces este color azul, que aparecerá justo después de este rojo. Y por último, queremos ver este blanco, que ahora está abajo. Y queremos colocar encima del azul, pero por debajo de este efecto trazo. Por lo que esta es una buena oportunidad para entender que se puede mezclar este orden de estos efectos. Siempre se puede obtener el nuevo tipo de look. Así que básicamente siempre puedes jugar con el orden de estas capas y obtener resultados diferentes. Y si este video es demasiado abrumador para ti, te recomiendo que lo vuelvas a ver. Y después de ver este video una vez más, vas a entender que esta técnica no es demasiado dura. Y solo si eres nuevo en este tipo de métodos de plantilla de animación de textos, puede ser algo difícil para ti entender. Pero si vuelves a ver este video una vez más, vas a conseguir que esta animación sea básicamente la misma, que hemos creado antes. Pero ahora siempre se puede ir a la animación de texto y cambiar esta palabra a cualquier tipo de texto. Por ejemplo, el nombre de mi canal. Y también lo cambiará automáticamente aquí. Y también aplica todo este tipo de animaciones en la parte superior. El siguiente video, quiero mostrarte cómo puedes crear este tipo de cuando gira este texto. Y podemos conseguir campo 3D de nuestro texto, que es también utiliza los mismos colores que hemos creado. Así que básicamente es otro nivel de complejidad para esta animación. Y es realmente genial porque realmente parece que está en 3D. Nos vemos el siguiente video. 4. 3 aspecto de animación 3D: Por lo que ahora hemos creado este tipo de animación al ir a mostrarte cómo puedes crear este tipo de campo 3D a nuestro texto. Y lo que es genial de estas plantillas de animación de texto que siempre puedes ir a esta animación de texto y simplemente cambiar el tamaño de nuestros textos. Entonces, por ejemplo, quería ser más grande. Entonces nuestro efecto 3D, ¿sería más notable? Incluso podemos disminuir el liderato, que básicamente el espacio entre estas letras. Y una vez más, centremos este texto usando este panel Alinear. Ahora vamos a la composición principal. Y lo que ya tenemos es nuestra animación. Vamos a usar los mismos colores que he usado en mi proyecto, que es básicamente este color amarillo entre sí. Y ahora quiero sumar este tipo de rotación 3D. Básicamente lo que podemos hacer es simplemente seleccionar estas tres capas abajo y unidas a esta capa en la parte superior. solo usar este látigo de púas, básicamente puedes dejar la mayoría de la pierna, que solo se asegura de seleccionar estas capas y dejar más resbalón y adjuntar a esta superior. Incluso podemos usar Layer New Null Object, que es básicamente el objeto vacío al que solo podemos adjuntar cualquier cosa. Por ejemplo, podemos utilizar todas estas capas seleccionadas y adjuntarla con esta gran web. Básicamente estamos partiendo de este objeto nulo. Y ahora si voy a mover este objeto nulo, podemos presionar P a la posición Z y moverlo. Se puede ver que tenemos, estamos moviendo todas estas animaciones también. cual es realmente útil porque si voy a mover toda la capa blanca, se puede ver que se cae de nuestra animación. Y en este caso, si vamos a padre todas estas capas a un objeto nulo, se moverá exactamente lo mismo que este objeto nulo. Y ahora lo que queremos hacer es hacer click en este conmutadores y modos de toggle para ver este icono de capa 3D, que es básicamente significa que podemos hacer clic izquierdo del ratón aquí. Y todas estas capas y lo hacen 3D. Ahora cambiando esta rotación X e Y, podemos rotarlo este texto. Y como ya lo puedes ver, gira y 3D, que es exactamente lo que queremos. Pero este texto realmente no tiene este tipo de grosor, que queríamos ver. En este caso, necesitamos usar algo de creatividad para que parezca que tiene alguna dimensión a este texto. Y una vez más, es realmente fácil de hacer. Simplemente puedes crear un fotograma clave para la rotación y, igual que en su mayoría aquí. Y quiero crear este fotograma clave aquí a dos segundos donde termina esta primera animación. Así que básicamente puedes simplemente mover este fotograma clave alrededor. Y justo después de que ocurriera esta animación, luego en tan solo 1 segundo por aquí. Vamos a rotarlo un poco así, como se podía ver en mi ejemplo original. Pero en este ejemplo se puede ver que tiene este tipo de grosor con los mismos colores. Como he logrado hacer esto, sólo podemos elegir este color, que ahora no es azul sino amarillo. Así que vamos a cambiarle el nombre. Ahora presionemos P para ver la posición y mover este playhead. Por lo que estará encima de este fotograma clave. Y para ver si está encima, justo encima de este fotograma clave. Puedes consultar este ícono aquí. Se puede ver si voy a poner mi cabeza de juego aquí. No está encima de este fotograma clave. Y ahora cuando lo coloco encima de ella, se ilumina azul. Y por qué esto es importante, porque si voy a crear una animación para este texto amarillo haciendo clic en este cronómetro de posición. Se sincronizará con esta animación sólo por si vamos a crear nuestra animación en exactamente los mismos lugares que estos fotogramas clave. Entonces en mi caso, solo quiero moverlo a la izquierda, lo que básicamente significa que necesito cambiar este primer valor a menos 25. Por ejemplo, se mueve hacia la izquierda. Y por cierto, este primer valor es valor x. Es por ello que un valor y este valor z. Para que como se puede ver, se mueve horizontalmente, esto verticalmente, y este es el espacio z más lejos o más cerca de la cámara. En nuestro caso, solo queremos moverlo en x valor exactamente igual. Quiero mover este color rojo. Entonces presionemos P para ver cuál es la posición. Vamos a crear un fotograma clave. Y volvamos a moverla a este primer fotograma clave aquí. Y por cierto, puedes ajustarte a estos fotogramas clave con solo mantener presionada Shift. Como pueden ver, estoy sosteniendo Mayús y se conectará a estos fotogramas clave. Y ahora solo podemos mover este fotograma clave aquí, que es básicamente los valores originales de ceros, ceros 0. Y aquí también podemos mover esta capa a la izquierda. En nuestro caso, queremos movernos a menos 25, pero el doble de la distancia, porque hemos movido nuestra primera capa a la izquierda, dos menos 25 píxeles. Para moverlo aún más lejos, queremos configurarlo a menos 50 para conseguir este campo 3D aún más exagerado. Con esta animación, estamos consiguiendo este campo 3D realmente genial a nuestro efecto. Simplemente asegúrate de no rotar sobre porque aún arruinará esta ilusión. Pero para este tipo de proyectos que he creado aquí, realmente funciona bien. Porque en el siguiente fotograma, continuamos esta moción con este texto aquí. Y en este punto en este tipo de animación realmente funciona. El siguiente video, te voy a mostrar cómo puedes crear este tipo de siguiente paso de esta animación. 5. Animación de texto de 4 diapositivas: Entonces en este punto, hemos creado este tipo de animación, que se ve bastante genial. Pero ahora queremos continuar con este movimiento y nuevo tipo de animación. Podemos simplemente duplicar esta animación de texto aquí en el panel del proyecto. Selecciónelo y pulse Control D para duplicarlo. Como se puede ver ahora se llama herramienta de animación de texto, y podemos simplemente hacer doble clic en ella y cambiar este texto a cualquier otro. Entonces, por ejemplo, llamémoslo solo texto. ¿ Qué es diferente entre duplicados y composiciones aquí? Y duplicado y composiciones. Este tipo de ventana y no en ventana del proyecto. Que aquí estamos creando las copias que utiliza el mismo tipo de fuente. Básicamente, si cambiamos la fuente, por ejemplo, dos increíbles. En esta composición principal, también cambia en todas estas composiciones. Pero si los duplicamos aquí en panel de proyecto, esta animación de texto, no utilizará la misma fuente. Tendrá otra fuente del texto, lo cual es realmente útil porque ahora todavía tenemos este tipo de animación, pero no está conectada a ninguna de estas composiciones. Entonces básicamente hemos creado otra copiadora, pero no se adjunta a ninguna de estas composiciones. Ahora solo podemos usar esta animación de texto para nuevos tipos de animaciones. Vamos a abrirlo aquí y texto, hagámoslo este animador uno y crear nuevos tipos de animación aquí y animar. Ahora podemos usar este llamativo, que es bastante cool. Básicamente, podemos animar personajes van desde lados más tristes, lo cual es una animación bastante genial por sí sola. Entonces si voy a establecer este cursor de tiempo al principio y configurarlo a 0 o incluso por debajo de 0, así como esto. Y crea un fotograma clave y ve a 1 segundo y configurarlo en 0. Se extenderá muy bien. Ahora presionemos 0 numpad. Y como pueden ver, tenemos esta animación. Para hacer esta animación en una más interesante, siempre se puede seleccionar este fotograma clave e ir al editor de gráficos aquí. Y editor de gráficos, asegúrese de que está utilizando este Editar gráfico de velocidad haciendo clic aquí. Y no Edit Value Graph. Usa este Editar gráfico de velocidad para ver exactamente el mismo gráfico que estoy viendo aquí en mi pantalla. Y lo que este gráfico nos permite hacer es hacer clic en este mango, clic y mantener pulsado más a la izquierda, y arrastrarlo a la izquierda y a la línea de base. Y luego una vez que toques esta línea de base, se iluminará de color naranja, como se puede ver, que es exactamente lo que queremos. No queremos ir abajo. Solo queremos configurarlo a esta línea de base y arrastrarla hacia la izquierda y soltarla. De esta manera, hemos creado este tipo de curva, lo que significa que al principio de esta animación comenzará muy rápido y luego se ralentizará para el final. Así que ahora si voy a presionar 0, un numpad, se puede ver que empieza realmente rápido y se ralentiza hacia el final. Salgamos de este gráfico. E incluso podemos difundir estos fotogramas clave, que básicamente ralentizarán esta animación. Y podemos ver esta animación un poco mejor. A lo mejor vamos a reducir esta distancia. Entonces iría un poco más rápido. Esto básicamente cómo podemos crear este tipo de animación realmente inteligente e interesante. Incluso puedes ir más allá si te gusta, este tipo de look, que solo asegura que tu cabeza de juego exactamente en este fotograma clave. Y luego solo cambia este valor. Porque si no está en este fotograma clave, crearás otro fotograma clave. Y básicamente agregarás otro tipo de automatización, que no es lo que queremos. Simplemente elimine fotogramas clave no deseados y cambie solo en este fotograma clave que ya lo leemos y jugamos con este valor. Nos gustaría, me voy a poner a 0. Ahora volvamos a esta composición principal. Ya tenemos este tipo de animación de preparación en pantalla. Y luego esta rotación. Ahora vamos a cortarlo. Todas estas capas a este momento en que se gira, siempre podemos comprobar este nulo. Presiona U en el teclado para ver la animación. Y en este último fotograma clave, solo podemos cortar todas estas capas seleccionando todas ellas. Y luego acaba de cortarlo así. Vamos a asegurarnos de cortar cada una de estas capas, lo que básicamente nos permite cortar esto y desaparecerá. Ahora como saben, podemos manipular estos fotogramas clave. Por lo que tendrá mucho más interesado en la animación. Ahora si voy a anular la selección de cualquiera de estas capas haciendo clic sobre aquí y presionando U en el teclado. Y una vez más, puedo ver todos mis fotogramas clave. Y vamos a seleccionar todos estos tres fotogramas clave e ir al editor de gráficos como lo hicimos antes. En nuestro caso, quiero que esta animación comience lentamente así. Deseleccionemos, seleccionemos esto y también arrástrelo a línea base y hacia la izquierda. Y seleccionemos este fotograma clave y también a la línea de base y a la derecha. Voy a escribir una nota a la izquierda. Como se puede ver. Ahora, nuestras curvas significa que comenzará muy lento. Entonces rápido hacia el final, que es exactamente lo que queremos. Y por cierto, si te estás preguntando por qué esta curva fue por debajo de la edad, solo porque este valor pasó de 0 a valor negativo. Por eso fue por debajo y no en la parte superior. Así que salgamos de este editor de gráficos. Veamos cómo se ve. Presionemos número 0. Ahora como se puede ver, tenemos esta primera dimensión y luego se puede ver que esto comienza lentamente y luego desaparece, que es exactamente lo que queremos. Porque ahora podemos usar esta animación de texto para arrastrarla aquí y moverla hacia la derecha. Continúa exactamente esta moción. Pero esta animación, como se puede ver, parte desde el centro. Y podemos modificar esto. Podemos ir a la animación de texto para simplemente seleccionar su texto, seleccionar su párrafo, y luego hacer clic en texto alineado a la izquierda. Ahora como pueden ver, si voy a desplazarse, podemos conseguir este tipo de animación. Y podemos amplificar esta animación seleccionando este texto y presionando P en el teclado para animar sólo la posición. Así que seleccionemos esta herramienta de selección. Muévelo a la derecha donde queremos que aparezca. Aquí al inicio, sólo podemos moverlo al centro. Vayamos también al editor de gráficos y hagamos que vaya muy rápido al inicio y vayamos despacio hasta el final. Incluso podemos conseguir esta curva así. Por lo que definitivamente comenzará realmente rápido y lento. Al final, podemos presionar U en el teclado para ver también estos fotogramas clave, y también moverlo así . Por lo que también comenzará rápido y lento al final. Ahora vamos a la composición principal. Ahora, como pueden ver, esta continuación de este movimiento se ve mucho más suave. Podemos incluso moverlo a la izquierda si queremos. Y así es básicamente como puedes crear estos frescos cortes de salto, que tipo de inician este movimiento y terminan aquí. Y ahora mi reto para ti es crear este tipo de curación de estos colores. Porque hemos creado esta primera parte y la segunda parte, pero no tenemos estos colores. Entonces presiona pausa en este video e intenta crear los colores para este segundo tipo de animación para ver si entendiste correctamente cómo hacer esta técnica. Y luego un-pausar este video y ver de la manera correcta cómo se puede hacer esto. De acuerdo, Entonces la forma correcta de hacer esto, sólo para duplicar esta composición, muévela un poco así. Incluso podemos copiar el color amarillo desde aquí. Selecciónelo y pulse Control C para copiar el control V para pegarlo. Una vez más, este orden importa. Entonces vamos a moverlo abajo. Vamos a asegurarnos de que sea amarillo y no una especie de color verdoso. Ahora vamos a duplicarlo una vez más. Muévete un poco así. Y vamos a copiar este color rojo, Control C y Control V para pegar esto. En nuestro caso, incluso queremos solaparnos de esta manera. Empezaremos a ver los colores y luego el texto. Y llamémoslo. Así como esto. Veremos los colores y luego el texto que aparece en la pantalla. Así es básicamente como se puede crear este tipo de animación. Como puedes adivinar, puedes crear un montón de diferentes tipos de formas. Entonces en nuestro caso, hemos utilizado dos tipos de esta animación. Hemos utilizado esta animación de texto con el animador de la opacidad. Y también hemos utilizado la animación usando este llamativo. Y como puedes adivinar, siempre puedes usar las otras formas de animarlo. Por ejemplo, esta posición. Y animarlo desde arriba. Entonces se vería algo así. Una vez más, en este tipo de animación de la posición, te recomiendo que veas esta clase de animación de texto que va en profundidad en una animación basada en posiciones, así como, como realmente cool otras formas de animar el texto. Y por último, en el siguiente video, te voy a mostrar cómo puedes crear este tipo de animación del fondo con tu imagen. Porque aquí es bastante fácil de hacer. Se puede ver que acabo de escalar esta animación. Entonces solo dupliqué esta imagen un montón de veces y la hice aparecer en opacidad. Pero este tipo de animación es un poco más compleja. Así que déjame mostrarte en el siguiente video. 6. 5 Animación de imagen de fondo: Así que vamos a crear nuestros antecedentes. En primer lugar, necesitamos importar algún video. Simplemente podemos dejar doble clic con el ratón aquí en panel de proyecto en espacio vacío e importar cualquier video que debamos tener. Vamos a crear una composición para ello. Entonces, por ejemplo, voy a llamarlo placeholder y haga clic en Ok. Y estoy usando el placeholder para que pudiéramos usar cualquier otro video. Y solo dejaré caer este video original en nuestra composición principal. Básicamente si la misma técnica de usar plantillas. Porque ahora si voy a usar este placeholder, siempre podemos cambiar dentro de este placeholder a cualquier otra imagen, y seguirá funcionando bien. Así que una vez más, es una muy buena idea volver a ver todo este vaso y tratar de usar esta técnica en la que estás creando las plantillas y no solo la animación de tu texto o fondo. Vamos a crear alguna animación genial para nuestro fondo. Podemos simplemente presionar S en el teclado para ver nuestra escala. Y vamos a crear un fotograma clave aquí al principio y sobre aquí donde aparece. Hagámoslo aún un poco más grande. Así como esto. Básicamente la forma más fácil de crear animación más interesante con solo seleccionar estos fotogramas clave y presionar F9. Si voy a ir al editor de gráficos, vas a ver que empieza lento y luego rápido, luego lento, lo que ya da más interesado en tipo de animación. Pero siempre podemos amplificar este movimiento solo arrastrando así. Por lo que ahora podemos ver este tipo de efecto de zoom. Y para que este efecto sea aún más interesante, podemos utilizar la técnica que llamó Alpha Matte. Entonces para crear esta técnica, tenemos que ir a la capa nuevo sólido. Ahora vamos a llamarlo met y hacer click De acuerdo con este met, con este conmutadores de alternancia, necesitamos cambiar este interruptor de alternancia para ver esta pista mate, lo que básicamente significa que en todas partes donde se puede ver esta capa que acabamos de crear con la misma resolución de nuestra composición. Veríamos este lugar titular. Así que voy a cambiar esto a alfa mate es así. Se puede ver que enmascarar usando esta alfombrilla. Y si voy a habilitarlo. Y por ejemplo, también presione S en el teclado, cree un fotograma clave, colóquelo al inicio. Por lo que sería del 100 por ciento. Y después. Justo por aquí. Puedo cambiar esta escala a un valor menor. Por ejemplo, un pastel 3D. También seleccionemos este Marcador de posición y presionemos U para ver dónde cierran estos fotogramas clave. Por lo que será el mismo tipo de animación. También selecciónelo y pulse F9. Y también vamos al editor de gráficos y creamos este tipo de curva. Por lo que se asemejará al mismo movimiento. Ahora, si voy a cambiar esta capa, este soporte de lugar seguirá utilizando esta alfombrilla como máscara para este soporte de lugar. Entonces vamos a desactivarlo. Y ahora como se puede ver, donde podemos ver esta capa mate. Ahí, podemos ver a nuestro titular de lugar. Así que déjame mostrarte. Se puede ver que todavía tenemos este efecto de zoom. Pero con esta capa mate, que está cambiando la escala a la más pequeña, podemos enfocarnos solo en esta parte de la imagen. Y si íbamos a presionar 0 numpad, podemos ver este tipo de efecto realmente cool e interesante con este objeto nulo que creamos antes. Siempre podemos amplificar este efecto aún más. Presione S para crear un fotograma clave de escala. Aquí al principio donde no podemos ver esta animación. Siempre podemos escalarlo hasta 55. También selecciónelo, presione F9, vaya al editor de gráficos y cambie exactamente al mismo tipo de animación. Y ahora incluso amplificamos este efecto de hacer zoom en. Incluso podemos cambiar esto a menor valor como 20. Y ahora este efecto aún más pronunciado. Y lo que es genial de esta capa mate que siempre podemos usar este placeholder, click en este conmutadores de alternancia y gira este marcador de posición en la capa 3D, presiona R para ver las propiedades de rotación. Y también podemos rotar esta capa así. Y seguirá utilizando este tapete como guía dónde mostrar esta capa. Por cierto, en los casos en los que se puede ver este tipo de artefactos raros, siempre se puede ir a la capa, nueva capa de ajuste, este pequeño consejo rápido, cómo deshacerse de este tipo de artefactos. Y como se puede ver, sin esta capa de ajuste, se corta nuestra imagen. Y si vas a colocar esta capa de ajuste entre el fondo y tu animación de textos, no tendrá este tipo de problema. Por cierto, siempre podemos ocurrir este trasfondo. Entonces tendríamos este tipo de animación. También vamos a crear otro sólido y podemos dimensionarlo hacia abajo y moverlo hacia la derecha. Así como esto, podemos usar esta línea para ajustar a este tipo de H más a la izquierda doble clic en esta herramienta de rectángulo. Creará una máscara que podemos establecer para restar. Y si abriremos esta máscara, podemos disminuir el tamaño y crear este tipo de borde. También podemos presionar S y hacer clic en este botón Desbloquear. Entonces lo haríamos, podríamos cambiar la dimensión de la plaza. Y también vamos a hacer clic aquí. Se ajustará a este tipo de borde. Y por último, podemos simplemente presionar P en el teclado para crear una posición. Aquí, el inicio, solo puedes moverlo a la izquierda. Y vamos a cortar este marco. Por lo que se iniciará con este segundo disparo y seleccionará este fotograma clave y lo moverá como lo hicimos antes, moviéndose a la izquierda. Por lo que empezará rápido y más lento al final. Entonces de esta manera, puedes crear este tipo de animación genial con solo conocer estas pocas técnicas. Así que una vez más, para conocer más sobre las animaciones de texto, te recomiendo que veas también esta clase. Conoce aún más técnicas que abrimos uso en tus futuros proyectos. Y de verdad te recomiendo que veas tantas clases como puedas en la animación de texto. Por ejemplo, éste. O incluso puedes ir a Video Hive, ese usuario neto y cartera de Jake y revisar todos mis proyectos. Solicito más clases sobre mis precios. Estaré encantado de compartir mis conocimientos y experiencia creando este tipo de proyectos. Siéntase libre de seguirme aquí en Skillshare. Publico clases de Adobe After Effects todas las semanas. Y por cierto, si te interesa crear más tipo de cosas divertidas de VFS, siempre puedes revisar mis otras clases. Tengo sólo 12 minutos. Tenemos x plus. Y obtendrás un resultado realmente poderoso al final. Gracias por mirarte y espero verte en mi próxima lección.