Animación cinética en tendencia en After Effects

1. Introduccion: Hola, esta es casa Sho de Motion Circles.com En este curso te enseñaré a hacer animación tipo trendy que veas He estado enseñando diseño de movimiento desde hace cuatro años y he enseñado a más de 40 K estudiantes. Me siento verdaderamente honrado de poder compartir lo que he aprendido en los últimos diez años con la comunidad y ayudar a los estudiantes en su viaje de diseño de movimiento. Esta clase está inspirada en el trabajo que Matt, Boys y Patrit llevan años sacando en su canal de Instagram Han sacado cientos de formas de animar la tipografía y el trabajo que están haciendo es verdaderamente inspirador están haciendo es verdaderamente inspirador Si quieres inspirarte sobre cómo animar la tipografía, asegúrate de revisar su página de Instagram en la descripción de la clase a en la descripción de la clase En este curso, te estaré mostrando cómo animar la tipografía lo hacen y hacer que tu tipo sea divertido y tu tipo sea divertido y Esta clase es apta para principiantes. Sin embargo, no voy a entrar en demasiados detalles sobre cómo funciona after effects si estás interesado en aprender el software. Esta otra clase se llama el curso completo de principiantes sobre efectos posteriores te ayudará y te ayudará a comenzar de inmediato con el software. En este curso, aunque seas un principiante con cero experiencia en after effects, aún podrás seguir paso a paso con las cosas que enseñamos. Trato de que este curso sea lo más sencillo posible para que los principiantes entiendan el proceso y la lógica detrás de la animación. Una vez que entiendas las formas que animamos estas tipografías, estarás totalmente equipado para animar tu propia animación tipográfica Y empieza a explorar todo tipo de posibilidades por tu cuenta. Las técnicas y procesos que impartimos en este curso son aplicables a cualquier otro proyecto de diseño de movimiento. Y puedes aplicar las cosas que enseñamos aquí a otros proyectos de inmediato. Para el proyecto de clase, te voy a llevar a través cómo animar diferentes estilos de tipografía Paso a paso, puedes descargar los archivos del proyecto a seguir. También puedes elegir tu propia palabra y diseño para probar las técnicas que enseñamos. El objetivo es sencillo para hacerlo divertido a través de estos diferentes proyectos. En la clase, estarás aprendiendo todos los aspectos esenciales de los efectos posteriores con prácticas del mundo real. Estaremos cubriendo, cómo preparar tu archivo de diseño e ilustrador. Cómo personalizar tu propio guión gráfico de diseño. Cómo aprovechar los enchufes gratuitos para trabajar de manera más efectiva y ahorrar tiempo. Cómo tomar el control total de tu animación mediante el uso gráficos de velocidad y darle vida a tu movimiento como un profesional. Cómo aplicar efectos especiales a tu animación tipo y hacerla estilizada Cómo animar rebotes realistas. Cómo aplicar algunos principios simples de animación a tu proyecto. Y cómo usar fotogramas clave simples y editores de gráficos para lograr animaciones complejas Toneladas de atajos de teclado , consejos de flujo de trabajo y trucos que puedes empezar a usar de inmediato. Al final del curso, tendrás una comprensión completa de cómo hacer estas animaciones tipográficas de moda y poder explorar por tu cuenta Una vez que hayas terminado con este curso, puedes consultar mis otras clases y comenzar a sumergirte en los gráficos en movimiento y la animación después de los efectos sobre diversos temas. Si tienes alguna duda pasando por la clase, no dudes en comunicarte y estaré aquí para ayudarte. Entonces, ¿estás emocionado de comenzar con una moda de aspecto increíble animación tipográfica de moda de aspecto increíble para compartir No puedo esperar a verte en clase. 2. Encuentra inspiración: Bienvenidos a la clase. Antes de comenzar a sumergirnos profundamente en los efectos posteriores y la animación, quiero hablar sobre dónde obtener inspiración y paletas de colores Para mí, me gusta inspirarme en Pinterest y Heads El contenido está curado y podrás encontrar diseño y animación increíbles en Pinterest o cabezas Sólo tienes que escribir cualquier cosa que estés buscando. Déjame mostrarte cómo se hace. Ahora estamos dentro de pellizcos y he puesto en la palabra clave tipografía cinética Esto es lo que me muestra. Básicamente para pellizcos, el resultado se basa en tu historial de búsqueda anterior Cuanto más mires esos diseños de aspecto impresionante y el mejor diseño te mostrará. Básicamente puedes ver que estos son todos los diferentes tipos de tipo cinético a los que puedes hacer referencia o inspirarte. Algo así. Uno se ve bastante genial. Y una vez que haga clic en uno de ellos, si te desplazas hacia abajo, también podrás ver algunos de los diseños y animaciones relacionados. Y esta es una buena manera de explorar diferentes estilos de animación o diseños. También puedes ver que hay una paleta de colores diferente a la que incluso puedes hacer referencia a partir de estas inspiraciones Estoy bastante seguro de que esta es la primera vez que usas Pinterest. No te muestra tantos diseños guapos. Pero ten paciencia porque una vez que lo uses por un tiempo, va a mostrar todos los diferentes diseños basados en los que hiciste clic a través del tiempo Tus tablas van a verse cada vez mejor. Y todas estas son grandes ideas que puedes usar para animar tu propia tipografía Algunos de ellos son estáticos, algunos están animados, y todos pueden ser buenos referentes. Eso es todo con Pinterest. Si vas a manos, podemos buscar tipografía cinética Incluso puedes usar una palabra clave diferente, tal vez como animación de tipo. Simplemente te va a mostrar un montón de ideas diferentes donde puedes animar el tipo Y este en particular es de Matt, como mencionamos en la introducción anterior Y ha hecho mucha animación tipográfica genial. Puedes hacer referencia a su estilo o a su animación. Hay un montón de opciones diferentes y también hay otros diseñadores increíbles que están trabajando en la tipografía Y tendrán esas hermosas animaciones de tipografía cinética como esta también se ve bastante genial Me gusta la textura y la animación es divertida, juguetona, eso se ve bastante bien. Yo personalmente no uso mucho las manos, por eso se pueden ver las tablas de aquí en las manos, no es tan guapa como las tablas en pinpecho Una vez que uses como uno de los programas o el software por un tiempo, va a tomar el tipo de estilo que te gusta. Y luego a través de su algoritmo, te va a recomendar cada vez más los que te gustaron o hiciste clic antes Entonces es por eso que ves esta paleta colorida o como una variedad de animación diferente que está en mi tablero. Y a través del tiempo, si haces clic en esos hermosos, solo va a poblar cada vez más diseños mejores para que coincidas con tu gusto Entonces esa es una buena manera de obtener referencia o inspirarme en los increíbles diseños y animaciones que ya tenemos que está en Internet En cuanto a paleta de colores, este es el sitio web que me gustaría usar. Se llama Cooler Stassio. Si vas a herramientas y luego puedes ir a explorar paletas, hay un montón de paleta de colores que es popular en este momento que puedes usar Simplemente puedes tomar una toma de pantalla o incluso puedes generar tus propias paletas Si vamos al generador de paletas y si golpeamos en la barra espaciadora, va a poblar todos estos colores Si te gusta uno de los colores, puedes bloquearlo. Digamos que si yo, vamos a poblar así. Si me gustan estos dos colores, puedo encerrarlos aquí. Y luego seguir poblando otros colores. A mí me gusta este amarillo de aquí. Y luego sigamos poblando los dos de la izquierda. Solo estoy odiando la barra espaciadora para seguir cambiando los colores por aquí a la izquierda y pensar hasta que encuentre uno bueno, creo que esto es bastante bueno Entonces voy a guardar esta paleta para mi proyecto. Así es como nos inspiramos en Internet, y también cómo conseguir una buena paleta de colores. En este curso, estaré usando muchos atajos de teclado y se reflejará en mi pantalla. Los atajos de teclado son excelentes maneras mejorar su eficiencia y flujo de trabajo. Separa al animador amateur de los profesionales. Si quieres hacerlo de manera profesional, asegúrate de usar los atajos de teclado de la manera que yo lo hago. Y con la práctica se volverán naturales e intuitivos para ti. Eso es. Con esta lección, te presentaré algunos enchufes que usaremos a lo largo del curso en la siguiente lección. 3. Plugins gratuitos: En esta lección, echemos un vistazo a algunos taponamientos que podemos usar para acelerar nuestro flujo de trabajo y ayudarnos a animar Vayamos a Scripts.com Este primero del que quiero hablar se llama Copy Y éste es nombre tu propio precio. Puedes poner cero si eres principiante y quieres probarlo. Y si quieres poner cualquier número, puedes ponerlo aquí y agregarlo a las tarjetas. Básicamente, esta va a copiar tus flexiones sin sobreponer tus valores Lo que significa es que una vez que usamos esta, podemos aplicar la misma animación de flexibilización a diferentes cosas simplemente copiando la flexibilización sin cambiar el valor de la propiedad Entonces vamos a demostrar cómo hacerlo en la licencia real, pero esta es una muy buena. Eso nos va a ahorrar mucho tiempo y acelerar nuestro flujo de trabajo. Este es el primero, cada copia, y luego si vamos a otro, a esto se le llama Texto Descompuesto También es nombra tu propio precio. Entonces, lo que hace este taponamiento es que puede separar cada letra de un cuadro de texto sobre su propia capa para que tengamos cada letra separada y se pueda animar individualmente Y eso es muy importante cuando hacemos la animación para tipografía Este también es un nombre, tu propio precio, y puedes poner cero si eres principiante solo para probarlo. Otro plug in del que quiero hablar se llama Motion Tools Pro de Motion Design School. Este también es gratuito y tiene muchas características diferentes. Soy bastante nuevo en esto y quiero probarlo, así que como que juego con él mientras estamos animando la tipografía, voy a mostrar un par de formas de usar este Hay mucho potencial en este plug in, pero solo exploramos muy poco de nuestra lección Aún así, si quieres usarlo y probarlo, puedes descargarlo y probarlos tú mismo. También hay tutoriales en línea donde puedes encontrar personas sobre cómo usar este complemento para acelerar su flujo de trabajo. Y esta es una muy buena para mí, personalmente, no la he estado usando demasiado. Y la última es la sobrecarga. Este es un plug in pago, no es gratis, es de Battle X. Básicamente, te va a ayudar a transferir tu archivo de Illustrator o capas de Illustrator a after effects sin problemas para que no tengas que hacer nada solo con un clic en un botón, puedes transferir toda la información de estas formas de Illustrator a after effects si eres un principiante. También te mostramos cómo hacerlo sin el enchufe, pero este enchufe en general te va a ahorrar mucho tiempo. Y eso es por los cuatro enchufes que tenemos. El primero es como copia y luego descompuso Text Motion Tools Pro y luego sobrecarga Si abro mis efectos after, ya tengo los descargados e instalados. Si vamos a Windows, podemos ir a extensión, y ahí está el panel de herramientas de movimiento uno. Puedo encender este y luego puedo dejar caer este panel tal vez justo por encima de mi control de efectos por aquí. Para que tenga abierto este panel motion pro. Quiero dejar caer este panel de control de efectos debajo. Entonces tenemos dos paneles separados. Y entonces sigo viendo así motion tools pro, así es como arreglo los paneles. Y luego si voy a Windows, también puedo acceder a mi texto descompuesto debajo por aquí Este es uno que realmente lo necesitamos, podemos abrir una ventana para acceder a ese enchufe. Y esta es la copia. Si quiero hacer esta, sólo voy a hacerla más pequeña. A lo mejor ponlo encima por aquí solo para acoplar esta copia. Y luego tengo mi copia Este y mi herramienta Motion por aquí. Puedo cambiar entre los dos haciendo clic en la pestaña de aquí. Vamos a usar mucho la copia Como y luego vamos a usar un poco herramientas de movimiento En la lección, puedes explorar este taponamiento por tu cuenta Hay un montón de potencial, como dije. El último es la sobrecarga. Sin embargo, la sobrecarga es principalmente cuando lo estamos usando en Illustrator, transferimos archivos de Illustrator a after effects. En este caso, ya que está dentro de los efectos posteriores, también puedes transferir medios hacia atrás, como puedes transferir capas de efectos posteriores a Illustrator. Funciona en ambos sentidos, y te voy a mostrar eso en las lecciones que vienen. Eso es todo con el taponamiento que vamos a usar en la lección Pasemos al siguiente video. 4. Diseño + prepara obras de arte: Bien, comencemos con esta primera lección. En esta lección, vamos a animar la palabra compartir. Comparte stands para compartir tu trabajo. Como persona creativa, tienes que quedarte, practicar tu oficio y compartirlo con el mundo. Compartir es una contribución. Cuanto más compartes, más inspiras a los demás. Entonces como puedes ver aquí en nuestro archivo illustrator, ya tenemos la palabra compartir diseñada con una hermosa paleta de colores. No obstante, quiero mostrarte el proceso completo de cómo animar cualquier palabra que te guste en este estilo Entonces para hacer eso, comencemos desde cero. Usemos aquí el panel derecho para diseñar esta palabra. Y luego después del diseño, vamos a importar esta obra de arte dentro, After effects Para animar, diseñaremos rápidamente esta palabra La fuente que estamos usando se llama drug boats. Sólo tenemos que escribir la palabra. Ahora, también hice algunos estiramientos de las alturas. En este momento se trata del 171% de las alturas originales porque queremos llenar el espacio Muchas veces estamos animando el camino propiedad de estas palabras Para hacer eso, necesitamos delinear las fuentes después del contorno solo presionamos en el comando shift O para el contorno. Después de esbozar la palabra, no podemos cambiar ya no podemos cambiar la palabra que seleccionamos. Así que asegúrate de elegir la palabra correcta que quieras animar antes de esbozarla Y después de esbozarlo, no podrás cambiar nada. Ahora solo necesitamos duplicar esta palabra. Aguanta, opción y luego arrástrala hacia arriba. Ahora tenemos otra palabra aquí. Cambiemos el color a verde. Vamos a moverlo por aquí para tener un desplazamiento con la segunda capa, para que casi tengamos una sombra de tres D detrás de la palabra que tenemos. No obstante, también necesitamos ajustar la trayectoria de estas capas posteriores para que todas estas esquinas estén conectadas como puedes ver aquí La forma en que queremos hacer eso es que podemos acercar, Ir a seleccionar la segunda capa que es una capa negra. Y luego vamos A en el teclado, seleccione todos estos puntos de anclaje. Voy a arrastrar aquí este punto de anclaje para conectar aquí estas esquinas. Y entonces voy a arrastrar estos dos puntos de anclaje, moverlo hacia arriba que esté conectado en la parte superior. Y luego por aquí necesito conectar esta esquina. Simplemente arrastra este punto de anclaje, conecta ahí la esquina. Y luego puedo arrastrar este punto de anclaje para moverlo hacia la izquierda para que la sombra se acerque muy bien a la curva. Ahora tenemos un tres D S aquí. Vamos a hacer lo mismo por el H. Modificaremos la capa negra en la parte posterior. Ahora mismo tenemos seleccionada esta herramienta de selección directa. Para que podamos dar click sobre estos puntos de anclaje y luego simplemente arrastrarlos. Se puede ver por aquí nos falta un punto de anclaje. Lo que haré es presionar P en el teclado con mi herramienta Pin. Voy a añadir un punto de anclaje en este camino. Golpea en este camino, y ahora tengo un punto de anclaje extra. Presiona A en el teclado para volver a la herramienta de selección directa. Y entonces voy a arrastrar este punto de anclaje hasta la esquina del borde aquí para conectar estas dos esquinas. Y luego voy a añadir otro punto de anclaje aquí, P en el teclado, Agregar punto de anclaje, golpear A en el teclado, Volver a la herramienta de selección directa, hacer eso. Y luego por aquí, la arrastraré aquí para que tengamos la H todo conectada. Eso es bueno. Haremos lo mismo con las otras letras. Ahora creo que todo se ve genial. Tengo mi letra tres D. Lo siguiente que solo necesitamos cambiar el color de la H y R. Acabo de darme cuenta de que nos falta un signo de exclamación, lo cual está bien porque podemos usar este lote después de que tenga este diseñado Ahora apenas comienzo el turno G para desagrupar todas las letras. Ahora puedo seleccionar la H y la R para elegir este color. Ahora tenemos Share listo para usar. Así es como diseñé esta carta aquí. Después de que tengamos la carta diseñada, solo necesitamos importar estas letras en after effects y comenzar a animar Vamos a After Effects. Vamos a crear una composición. Da click en Nueva Composición, Nombra ésta Com principal, y luego hazla 1080 por 1080 pixeles. Velocidad de fotogramas, 30 fotogramas por segundo. Cambia la duración a 10 segundos. Da click en ok, ahora tenemos esta área de trabajo que podemos usar. Eso es bueno. Volvamos a Illustrator. Ahora, el estándar de la industria para importar archivos de Illustrator a after effects es mediante el uso de un plug in llamado overload. Está bajo sobrecarga de extensión de ventana. No obstante, es un plug in pagado, no es gratis. Te vamos a mostrar cómo usar la sobrecarga para transferir rápidamente archivos entre Illustrator y secuelas. Te va a ahorrar mucho tiempo si estás trabajando entre Illustrator y after eats. Simplemente va a ser un gran ahorro de tiempo. También voy a demostrar como importar los archivos sin sobrecargar el plug in al final, Pero por ahora vamos a ahorrar algo de tiempo y usar sobrecarga. Una vez que tengamos estas letras listas, solo seleccionaré cada una de ellas y luego usaré sobrecarga para transferir los archivos dentro después de Emax Seleccionemos esto y la capa negra en la parte posterior. Ahora tenemos seleccionada toda esta letra S. Presionemos este botón aquí. Transfiera nuestra carta a after effects. Y después seleccionaré la transferencia rosa. Y luego seleccione la transferencia A nuevamente. Puedes ver lo rápido que es transferir toda esta información de forma, información ruta de Illustrator a after effects. Ahora puedo empujar este fondo también en cuanto a la sombra. Podemos crearlo después una vez que tengamos la animación. Así que no tenemos que preocuparnos por la sombra. Y podemos preocuparnos, o tal vez pueda empujar una estrella y luego simplemente cambiarle el nombre a Estrella. Por ahora, solo lo esconderé porque no necesitamos usar la estrella por ahora. Ahora tengo todos mis elementos dentro. Después de los efectos, podemos ir a empezar a animar dentro de los efectos posteriores En primer lugar, necesito agrupar estas cartas. Primero dos capas va a ser mi letra S. Hombres turno C para hacer una nueva composición. Nombrar esta silla. Bien, y luego el comando C, H. Estoy agrupando estas letras ahora tengo todas mis letras y mi estrella, y mis antecedentes. 5. IA a AE sin Overlord: Bien, en este video quiero hablar sobre cómo transferimos archivo de Illustrator a after effects sin la sobrecarga de plug in. Aunque la sobrecarga te ayudará a ahorrar mucho tiempo, es un plug in pagado, así que si no lo tienes, también hay una forma sencilla de transferir archivos de Illustrator a after effects. Aquí tenemos configurado este archivo de Illustrator. Y en términos de animación de texto, lo primero que tenemos que hacer es delinear esos textos. Digamos que si tenemos nuestro diseño de texto en Illustrator, lo primero que tenemos que hacer es delinearlo para que podamos usar un comando de atajo shift para asegurarnos de que esté delineado. ¿Así es como delineaste el texto en Illustrator? Puedo eliminar este ya que nuestro diseño ya está delineado. Solo quiero mostrarte cómo podemos esbozarlo antes de importar nuestros archivos. La razón por la que necesitamos delinearlo es porque la forma en que animamos en los efectos posteriores la mayor parte del tiempo que necesitamos para manipular la propiedad path de estas formas Necesitamos tener estas formas en un contorno para poder animar en los efectos posteriores Después de tener delineada la topografía, necesitamos ir a un panel de capas. Y luego vamos a hacer clic en este menú desplegable aquí. Seleccionemos esta secuencia Release to Layer. Entonces ahora mismo puedes ver que solo tenemos una capa dentro de este panel de capas. que significa que si importamos este archivo en after effects, solo estamos obteniendo esta capa con todo horneado en esta capa. Para que no podamos manipular cada letra o elemento por separado. Entonces, para animar estas letras por separado, tenemos que ir a este desplegable Haga clic en Liberar a Secuencia de Capa. Ahora puedes ver que todo debajo esta capa está separado en su propia capa. Y ahora solo necesitamos seleccionar todo lo que está debajo de esta capa uno y luego dejarlos caer fuera de la capa uno. Esa capa uno se vacía. Ahora puedo borrarlo. En este caso, se puede ver cada elemento está separado en su propia capa. Si alterno estos iconos de visibilidad, puedes ver que esta es mi paleta de colores por aquí. Y luego obtuve la capa siete, que es una estrella. Aquí, tengo un montón de capa que representa estrellas. Y luego por aquí, recibí cada letra en su propia capa. Esa es la forma en que queremos separar nuestras capas dentro de Illustrator. Vamos a guardar este archivo de Illustrator. Eso es todo lo que necesitamos hacer dentro Illustrator antes de importar este archivo, vamos a guardar este comando S. Vamos a After Effects. Ya tengo mi composición puesta. Todo lo que necesito hacer es ir a Panel de Proyectos, Haga doble clic aquí. Vamos a navegar a mi storyboard, que es Share. Y luego en el Import como necesitamos cambiarlo a composición, conservar los tamaños de capa. De esta manera podemos mantener el tamaño de capa que tenemos en Illustrator, que es 1080 por 1080 sin cambiar el tamaño del archivo original. Entonces asegúrate de no seleccionar esta secuencia de Illustrator o Photoshop, ya que si seleccionamos esta, va a causar un problema con nuestra línea de tiempo. Asegúrese de que esto no esté marcado. Haga clic en Abrir. Ahora puedes ver que tenemos una carpeta llamada Shared Capas, que contiene todas las capas que tenemos dentro de Illustrator. Y luego tenemos una composición importada. Un doble clic dentro de esta composición. momento se puede ver bajo esta composición, tenemos todas estas capas. Eso es similar a lo que teníamos dentro de este panel de capas en Illustrator. Así es como importamos todas estas capas individuales dentro de los efectos posteriores para animar. Ahora lo que tengo que hacer es seleccionar todo, copiarlos, y luego pegarlo en mi composición principal, que es mi área de trabajo. Eso se ve bastante bien. Lo siguiente que tenemos que hacer es organizar un poco la línea de tiempo. Ya sé que el primer par de capas hasta la capa seis a seis, estas son mis paletas de colores Entonces puedo borrarlo por ahora. No necesito mi paleta de colores. Y todas las capas estelares, las puedo agrupar dentro de una composición. Así que selecciona todas las capas de estrellas. Comando turno C, nombra a esta nueva composición estrella. Ahora tenemos la capa estrella guardada dentro mi panel de proyecto aquí para que no necesite tenerla dentro de mi línea de tiempo. Puedo borrarlo en mi línea de tiempo, pero va a permanecer dentro de mi panel de proyecto por aquí. Veamos qué tenemos debajo. Este es mi signo de exclamación. Con mi signo de exclamación, también quiero encontrar la sombra que está en el negro detrás de mi signo de exclamación Quiero encontrar esa sombra. Esta capa 27 es una sombra. Entonces estas dos capas deberían ir juntas como una letra. ¿Verdad? Para agruparlos, lo precompondré, comando C, Solo nombra este signo de exclamación como Y luego encontraré las dos siguientes letras. Esta es una E. Quiero encontrar la sombra de la E porque estos dos conformaron mis tres D letra E. Vamos a agruparlos juntos. Llámalo así. Ahora se entiende la idea. Solo necesito encontrar cada letra con la sombra detrás de ella y agrupar esas dos capas juntas para representar cada letra. Así transportamos nuestro archivo illustrator dentro de after effects. El tema con esta animación de carta compartida que tenemos, vamos a animar en el siguiente video Sin embargo, solo una vista previa, no vamos a cambiar la información de forma o la información de ruta de estas letras. En ese caso, no necesito cambiar ninguna de las capas del ilustrador en una capa de forma. Sin embargo, hay algunos casos en los que necesitamos cambiarlos en una capa de forma. Entonces para hacer eso, vamos por ejemplo, si queremos cambiar esta R en una capa de forma, todo lo que necesito hacer es volver a hacer clic en ir a Crear, Crear Formas a partir de la capa vectorial. Y ahora puedes ver que va a crear una capa de contorno, capa 18 Contorno. Y apague mi capa original de Illustrator. Ahora si voy a este menú desplegable, vaya a Grupo, vaya a Ruta Puedes ver si hago clic en este camino, obtuve todos estos puntos de anclaje que soy capaz de manipular para arrastrar y transformar estas formas en una letra diferente con fines de animación Entonces estas son las dos cosas que quiero mostrarte en esta lección. Primero es preparar el archivo de Illustrator dentro de Illustrator. Asegúrese que en el panel de capas, estamos separando cada capa en su propia capa individual con el comando de liberación a secuencia de capa. Y después de tener todos estos elementos en su propia capa, podemos importarlos dentro de after effects. Y entonces podemos usar la composición para agruparlos juntos. Si no necesitamos animar la propiedad pasada. Si necesitamos animar la propiedad pasada, solo podemos ir a volver a hacer clic y luego ir a Crear, Crear formas a partir de capas vectoriales Y así es como creamos estas formas, donde podemos animar la propiedad pasada por aquí para transformarse entre diferentes caminos Si no tienes el enchufe de sobrecarga, este va a ser tu video de ir. Si olvidaste cómo importar archivos de Illustrator a After Effects, siempre puedes volver a consultar este video. Y con la práctica, este proceso te va a llegar natural. Eso es todo con este video. Pasemos al siguiente para animar este texto de Shear 6. Comparte: Ahora comencemos con la animación. Primero, necesito P en el teclado para sacar la propiedad de posición, y ahora podemos volver a hacer clic en dimensiones separadas. Como solo estamos animando la posición Y, no queremos ningún cambio de posición X. Digamos el fotograma clave en la posición Y. En primer lugar, quiero que nos movamos hacia arriba y hacia abajo. Lo que quiero hacer es animar una letra y luego aplicar la misma animación en todas las letras Y luego desfasar los fotogramas clave de animación para que todos tengan la misma animación escalonada, para que todas las letras se animen Intentemos primero esta animación, adelante. Cinco fotogramas. Comando flecha derecha, 12345 Y luego hagamos una anticipación porque mi S se va a mover hacia Antes de que baje, primero voy a hacer que se mueva hacia arriba. La mayoría como ganar energía en la dirección opuesta. Es un principio de animación que usamos antes. Yo me muevo, siempre vas a la otra dirección para ganar energía. Y luego vamos hacia adelante diez cuadros. Desplazamiento de mando, flecha derecha para diez fotogramas. Vamos a mover esta carta hacia abajo, tal vez por aquí. Eso se ve bien. Y luego ir hacia adelante diez cuadros de nuevo. Desplazamiento de comando flecha derecha. Va a volver a la posición de sobreimpulso, comando C, copiar este fotograma clave por aquí, y luego ir por cinco fotogramas nuevamente, 12345 copiar el primer Va a volver al comando de posición original V. Ahora este es un bucle de mi animación para la S. Si previsualizo este, va a subir y luego bajar y luego vuelve un sobreimpulso Se está repasando un poco, es casi como repasar demasiado y luego retroceder a su posición Esta es mi animación general para la S. Ahora solo necesito seleccionar todo el fotograma clave, reclick, asistente de fotograma clave, ir a *** Y luego hagamos clic en este editor de grafos para modificar las gráficas con el fin de obtener algo de energía de nuestra animación. Ahora solo necesitamos arrastrar un poco estos mangos para que obtengamos algo de energía. Tal vez 75% de influencia, o probemos 70% de influencia. Se puede ver que hay un número de influencia cuando estoy arrastrando este mango. Tratemos de dar el 70% de influencia aquí. No tiene que ser exacto para el sobreimpulso de anticipación A lo mejor darle un 55% de influencia. No quiero que sea demasiado. Ahora, veamos cómo se ve. Sí, ya puedes ver. Ahora tenemos algo de energía a nuestra carta. Tiene algún carácter. A mí me gusta esta moción aquí. Ahora solo necesitamos duplicar de nuevo esta animación. Asegurémoslo, una vez que vuelva a la posición original, se va a quedar ahí cinco fotogramas. Así que avancemos cinco fotogramas, 12345, y ahora podemos copiar el fotograma clave Todo el comando de fotograma clave C, comando V, y luego ir al final otra vez, 12345, manténgalo por cinco fotogramas. Y luego vuelve a copiar. Y luego copiemos una ronda más, 12345, Copia de nuevo. Entonces ahora tenemos cuatro bucles de nuestra animación. Juguemos esta animación S aquí. Sí, eso me gusta. Ahora ya tenemos lista la animación. Podemos simplemente copiar todos estos fotogramas clave a las otras capas para que tengan el mismo tipo de animación Pero antes de hacer eso, necesitamos seleccionar todas las capas P en el teclado, asegurarnos de volver a hacer clic en la propiedad position, separar las dimensiones. Ahora tenemos la posición blanca. Vamos a copiar todo el fotograma clave en su posición. Y luego seleccionar todas estas propiedades de posición para las letras. Asegúrate de que nuestro indicador de línea de tiempo esté en cero. Segundo comando V para pegar en el fotograma clave. Ahora todo tiene el mismo fotograma clave. Se moverán igual. Ahora, todas las letras se mueven al mismo tiempo. No obstante, esto no es lo que quiero hacer. Eso, quiero que cada letra se mueva una a la vez. Entonces, para compensarlo, vamos a seleccionar las letras de la segunda letra, el marco clave de la segunda letra. Seleccione todos estos, asegúrese de no seleccionar el primer lote porque los necesitamos para la influencia de flexibilización Y ahora vamos a este enchufe de herramientas de movimiento. Ya te mostré como instalar este plug in en el video anterior y como ponerlo aquí en tus paneles de after effects. Tenemos que cambiar la cantidad de aquí a dos fotogramas. Y entonces vamos a darle a este botón de aquí. Va a compensar nuestros fotogramas clave en dos fotogramas. Sin embargo, una vez que hago clic en eso, si voy a mi editor de grafos, puedes ver que está borrando toda mi información de flexibilización Entonces lo que quiero hacer es seleccionar el primer lote porque no tocamos el primer lote, que es la animación en la S. Necesitamos seleccionar la animación en la S y luego asegurarnos de hacer una copia en la información de flexibilización Y luego podemos seleccionar cada letra, todos estos fotogramas clave. Asegúrate de que volvamos a pegar la información de flexibilización. Para que todavía tengamos esa animación que tenemos al principio. Y ahora necesito compensar las dos primeras capas por dos fotogramas también. Si selecciono todo el fotograma clave y voy al editor de grafos, ahora puedes ver que todas estas curvas están bellamente desfasadas. Y eso es lo que queremos. Juguemos la animación que se ve bastante bien. Ahora podemos simplemente animar rápidamente las estrellas. Digamos que tenemos la estrella aquí unida a la S. Vamos a golpear R y desplazarnos en el teclado para levantar la escala y la rotación. Vamos a golpear el fotograma clave en la escala y la escala de propiedad de rotación, 420 fotogramas, desplazamiento de comentario Golpea de nuevo el fotograma clave para la rotación, solo quería tal vez dar una vuelta en 2 segundos. Entonces para la talla, la tendré tal vez alrededor del 50% al principio. Y luego ir hasta el 100% Y luego aguantar ahí por cinco fotogramas. 12345, sostén ahí como 100% para cinco fotogramas. Y luego volver a esto otra vez. Voy a mover a estos dos en el centro. Ahora vamos a volver a hacer clic en Asistente de fotogramas clave, Easy Ease, y luego ir al editor de grafos Tratemos de manipular los mangos para darle alguna influencia. Dale tal vez como 65% o 70% de influencia para tener una curva similar a esta en términos de rotación. Esta es mi curva de rotación. Voy a juntar estas asas. Y luego en cuanto a la escala, esta es mi curva de escala que se ve bastante genial. Siento que no se mueve lo suficientemente rápido. Vamos a juntar estos, asegurémonos de que esté girando lo suficientemente rápido. Estoy seleccionando todos los fotogramas clave. Y luego manteniendo pulsada la opción para mover el último fotograma clave para ajustar el tiempo para que vaya más rápido y más lento Ahora puedo duplicar estos fotogramas clave. Comando ir adelante cinco cuadros, comando V. Ahora voy a cambiar esta rotación a dos rondas. Este va a ser el segundo bucle Eso se ve bastante bien. Ahora puedo duplicar el comando estrella D para duplicación. Voy a mover la estrella para que esté por aquí en la esquina de la comezón. Y luego el tercero, lo voy a mover para que esté por aquí. El cuarto, lo voy a mover por aquí. Quinto, lo voy a mover por aquí. Y esa es toda la estrella que necesitamos. Y luego voy a ser padre de la estrella a cada letra. Entonces la primera estrella es madre de la. Para que se mueva con el. Quiero asegurarme de que se mueve con la letra para que no esté rotando al azar. El último va con el signo de exclamación. Ahora solo necesito compensar un poco el fotograma clave. A lo mejor por dos fotogramas. 12345, tal vez por cinco fotogramas. Y luego 12345 van 45 fotogramas offset. Este va 45 cuadros. Desplazamiento de 12345. Desplazamiento de 12345. Eso se ve bastante bien. Ahora hagamos una capa de sombra para nuestro texto. Seleccionemos todas las capas sobre el fondo y establecemos C. Cambiemos esta a Share Animation. Eso es bueno. Y luego duplicar este comando de capa D. Vamos a los efectos y remitente del Panel de Precess, efectos de Windows y precess efectos de Windows y precess Buscar relleno de efecto, Ir añadir un relleno. Entonces vamos a mover este hacia abajo a la derecha un poco. Y luego seleccionemos esta para que sea una versión más clara de este color de fondo o una versión más oscura de este color de fondo. Apenas un poco oscurecido, casi una pista. Creo que eso se ve bastante genial. Juguemos a éste. Ahora tenemos una sombra pasando debajo de nuestra animación de texto. Ahora lo último que queremos hacer es un efecto de brillo de deslizamiento pasando de izquierda a derecha pasando por encima del texto Para hacer eso vayamos a la capa de nuevo sólido. Vamos a crear casi como un color blanco. Vamos a probar un color blanco. Ahora sólo necesito ir al Pintole. Dibuja una forma que se vea bastante bien. Ahora sólo voy a mover éste para cubrir esta carta aquí. Voy a moverlo todo el camino a la derecha. Vamos a asegurarnos de que el punto de anclaje en el centro, mantenga presionado el comando triple clic en esta pluma detrás de la herramienta para mover el punto de anclaje al centro. Y luego vamos a golpear P en el teclado. Agreguemos un fotograma clave y luego avancemos 123440 fotogramas. Mueve este todo el camino hacia la derecha. Seleccione ambos fotogramas clave. Asistente de fotogramas clave con clic derecho, fácil facilidad. Ir al editor de grafos. Asegúrate de que todos estamos ajustando el gráfico de velocidad. Ha sido el gráfico de velocidad que estamos ajustando desde el principio. Eso es algo que olvidé mencionar antes. Asegúrate de hacer clic en este botón aquí para ir al gráfico de velocidad que estamos ajustando para manipular la animación. Dale una gráfica como esta. Solo quiero estar seguro de que está cubriendo todas las letras que uno está barriendo. Eso debería estar bien. Y luego lo siguiente que tenemos que hacer, tenemos que hacer esta animación de compartir para que sea la estera alfa de mi capa solar blanca. Vamos a hacer click sobre la capa solar blanca. Y luego tenemos que darle vuelta a la pista Opción Matt por aquí. Si no lo tienes, asegúrate de hacer clic en el segundo botón aquí en la esquina para encender la alfombrilla de la pista. Y luego ir a seleccionar la capa número dos, compartir animación para ser la pista. Ahora mi animación de compartir ha desaparecido porque el icono está apagado. Pero tenemos que volver a encenderlo. Y ahora si me alterno, se puede ver que el efecto mentón está cubriendo, superponiéndose encima de mi animación Siento que la transparencia es demasiado. Así que dale en el teclado. Cambiemos este a 85% bajarlo un poco el tono, y ahora veamos cómo es nuestra animación. Eso se ve bastante bien. Bien, eso es todo con nuestra primera animación. No olvides probarlo y compartirlo con el mundo. Te veré en la siguiente lección. 7. Éxito: Bienvenido de nuevo. En esta lección, vamos a animar la palabra éxito La acción es la clave fundamental del éxito. Las ideas de Pablo Picasso no te llevarán al éxito, las acciones lo harán. Entonces hoy vamos a poner en alguna práctica para animar esta palabra, el éxito Como puedes ver aquí, tenemos nuestro éxito diseñado en nuestro tablero con un ilustrador. Ya te mostré cómo usar la sobrecarga de enchufar para transferir archivo de Illustrator a after effects, y también te mostré cómo hacerlo sin la sobrecarga de taponamiento En esta lección, te voy a enseñar otra manera, que es construir este diseño dentro de after effects para que no necesitemos transferir ningún archivo. Ahora vamos dentro de After Effects ahora. Primero vamos a crear una nueva composición. Vamos a nombrar a este principal Com. Cambiemos la dimensión a 13, 50 a 1080. Y luego enmarcar a la derecha a 30 fotogramas por segundo. Duración a diez segundos. Haga clic en. Bien, ahora tenemos una composición y el proyecto puesto en marcha. En primer lugar, quiero agarrar este color rosa que tengo en mi tabla R. Yo solo quiero agarrar el código y luego ir a after effects. Vamos a crear un fondo. Ir a Capa Nueva, Véndelo. Haga clic en la pasta de color en el código. Da click en, bien, ahora tenemos un fondo rosa. Podemos bloquear esta capa por ahora. Ahora solo necesitamos crear nuestro propio texto. Como no estamos usando ninguno de los textos dentro de este archivo de Illustrator, podemos construir todo dentro de los efectos posteriores, y podemos animar justo dentro de los efectos posteriores Vamos a escribir la palabra éxito, luego vamos a navegar al panel de caracteres. Si no lo tienes, está bajo el carácter de Windows. La fuente que estamos usando se llama Rock Grotesco condensed Solo quiero hacer que la fuente sea más grande para llenar el espacio. También quiero estirar la altura, escala vertical de la fuente para hacerla más alta. En algún lugar alrededor, tal vez por aquí, eso es lo suficientemente alto. Siguiente Quiero arrastrar dos reglas para marcar el margen superior e inferior Comando R para la regla. Solo voy a arrastrar dos regla para asegurarme de que tengo un margen similar. Para que la fuente que tenemos no pase por encima del margen, acercándose demasiado al borde. Ahora puedo mover esta palabra hacia arriba, eso se ve bien. Y déjame duplicar este comando de capa. Arrástralo hacia abajo para este texto. Vamos al personaje. Cambiemos las fuentes a un ancho diferente. Escojamos el atrevido por ahora. Y entonces puedo reducir el tamaño. Ya no quiero esta escala vertical. Cámbialo al 100% y ahora tenemos esta versión más corta del éxito, y luego tenemos una versión más alta del éxito. Al hacer zoom en cuanto al espaciado intermedio, tal vez quiero acercar a estos dos el uno al otro Para que en este caso, tal vez tenga que cambiar la escala. Podría ser necesario cambiar la escala vertical de esta capa superior aún más grande. Ahora tenemos un espaciado bastante bueno entre estas dos capas diferentes. Creo que eso funciona por ahora. La forma en que quiero animarlos es que quiero usar la propiedad path de estas dos versiones diferentes de una misma letra Para transformarse entre ser alto y grueso y luego ser corto y grueso Básicamente es una transformación entre esto de aquí, esta información de propiedad de ruta, y luego esta pequeña información de propiedad de ruta Para ello, necesitamos convertir todo en una capa de forma con la propiedad de ruta Re, hacer clic en Crear, Crear formas a partir del texto. Y luego ir a la primera capa, Crear, Crear Forma a partir del texto. Y ahora tenemos las dos capas de texto delineadas que tiene información de ruta. Podemos ocultar estas dos capas originales ahora solo usa el botón Shy y luego hacer clic en el Shy aquí para ocultar las dos capas. Si alterno el menú desplegable debajo del contenido, tengo todas estas capas diferentes dentro de esta capa. Y luego tengo todas estas otras letras dentro de la segunda capa, que es el texto inferior. Eso se ve bien. Y primero, solo quiero animar primero el de arriba La forma en que vamos a hacer esto es que necesitamos seleccionar dos capas. Déjame seleccionar ambas capas. Y luego en la barra de búsqueda, busquemos nuestro camino. Ahora se va a encender toda la propiedad de camino que tenemos. Debajo de cada letra, necesitamos agregar un fotograma clave en la propiedad path, todas las letras que se ven bien A continuación, digamos que primero vamos a animar la letra S Para animar el morphing entre la versión más corta de la S y la versión más alta de la S, todo lo que necesitamos hacer es copiar el fotograma clave bajo la propiedad path Copiemos este fotograma clave, y luego vayamos a la propiedad path de la S más alta y luego vayamos adelante 25 fotogramas. Desplazamiento de mando, flecha derecha, 12, eso es para 20 fotogramas, y luego 12345 para 25 fotogramas Y luego podemos seleccionar la propiedad path. Pulsa el comando V para pegar en mi versión más pequeña de la S. Sin embargo, se ha movido al fondo. Necesito tener una estancia en la cima. Y una vez que hago eso, si presento esto, se puede ver que la S se está estirando. Ese es el tipo de animación que necesitamos. Es bastante sencillo. Y luego digamos que vamos adelante otros 25 cuadros. Entonces podemos copiar el fotograma clave anterior que es el man de estado original C y luego comando B. Ahora bien, si solo esta capa S y el fondo y luego si acabo de reproducir esta animación, va a tener esta capa S subiendo y bajando transformando entre la versión alta y la versión más corta Así es como animamos un morphing entre diferentes espesores de la fuente Una nota especial aquí es que para animar el morphing suavemente, es mejor tener los dos espesores dentro de una familia Porque para la mayor parte de la fuente que está bien diseñada, el punto de anclaje, el número de puntos de anclaje siempre son los mismos dentro de la misma familia. Se puede ver esta versión más larga, la versión más alta de la S que tiene, tiene tantos puntos de anclaje. Y luego si alternamos a la versión más corta, es tener la misma cantidad de punto de anclaje. Y esos puntos de anclaje llevan la información de posición y la información de ruta que se está transformando entre estos dos espesores, digamos que si la cambiamos a una familia de fuentes diferente y luego si quieres transformarse entre dos fuentes diferentes, y entonces las dos familias de fuentes diferentes van a tener diferente número de puntos de anclaje Eso va a causar un problema. Así que asegúrate de animar siempre el morphing entre caracteres o entre letras dentro de una misma familia Y entonces algunas de las fuentes funcionan mejor que las otras. Por ejemplo, esta roca grotesca, está teniendo una tonelada de diferente espesor desde extra ancho hasta como ancho normal Y luego condensada, comprimida. Tienen tantos grosores diferentes que puedes usar para animar Y también hay otro fondo que vamos a utilizar a lo largo del curso. Pero esa es una nota especial, es que necesitamos animarnos siempre dentro de una misma familia Ahora se puede ver que básicamente cómo animamos una letra, que ya tenemos esta S, podemos deshacer solo esta letra y el Ahora vamos a hacer lo mismo por el resto de la carta. Veamos si queremos animar la U. Vamos a copiar el fotograma clave más corto de aquí Y luego bajemos a la U aquí. Asegúrate de alinear los fotogramas clave juntos, V. Entonces solo necesitamos dirigir la U hasta el final para alinearnos con nuestro margen. Ahora podemos copiar este primer fotograma clave. Ahora tenemos la S y U animando. Eso se ve bien. Hagamos la C. Aquí tenemos la C. Ve a este y luego alinea el marco clave. Entonces solo necesitamos mover la C todo el camino hacia arriba. Entonces vamos a la segunda C, porque la misma letra, solo necesitamos copiarla. Y luego solo tenemos que mover la C por aquí también. Eso es bueno. Y luego tenemos la E. Vamos a copiar el fotograma clave en la E. Luego vamos a la propiedad path de la E. Asegúrese de seleccionar la propiedad path antes de pegar en el fotograma clave, lo contrario no sabe a dónde ir. Eso se ve bien. Y luego tenemos el, vamos al fotograma clave de la S, y luego vamos a la versión más alta. Asegúrate de que lo peguemos, lo movemos a la parte superior. El último, podemos hacer lo mismo, pero solo moverlo todo el camino hacia atrás. Esta va a ser nuestra animación. Y entonces si avanzamos 25 fotogramas, de nuevo, vamos a copiar los estados originales de cada letra para que sea un bucle. Ahora ya puedes ver si lo juego, tenemos todas estas letras animando que se ve bastante bien Lo siguiente que vamos a hacer es que vamos a hacer lo mismo por esta capa inferior. Ahora solo necesitamos copiar la información de la versión más alta. Vamos a la S, que es el primer fotograma clave. Entonces vamos a pegar en este primer fotograma clave a este comando de propiedad de ruta más corto V. Eso se ve bastante bien, ya está saliendo de abajo Eso es lo que nos gusta, entonces copiemos la U. Péguela. Eso se ve bastante bien, para que ya no tengamos que ajustar la posición. Es tener la posición exacta que queremos. Ahora copiamos el C. La segunda C aquí, eso se ve bien. Y luego copiamos la E, eso es bueno. Y luego copiaremos la S. Luego la última S, que es ésta. Asegúrese de seleccionar la propiedad pasada. Ahora solo necesito asegurarme de que va a volver a la versión más corta después de 25 fotogramas para hacer un bucle. Ahora bien, si toco esta animación, así es como se ve. Se ve bastante genial. Sin embargo, necesitamos ajustar la configuración de flexibilización para que tenga más energía Seleccionemos todos los fotogramas clave, luego volvemos a hacer clic en Asistente de fotogramas clave. Facilidad fácil. Vamos al editor de grafos. Tenemos que cambiar estos mangos. Asegúrate de que estamos dentro del gráfico de velocidad. Haga clic en el segundo botón. Editar gráfico de velocidad. Ahora solo necesitamos cavar algo de influencia. Tal vez cambiar la influencia al 70% Intentemos cambiar la influencia al 70% en ambos mangos. Nos va a dar una linda animación con algo de energía que se ve bastante bien. Volvamos a la línea de tiempo y veamos la animación. Siento que quiero más energía. Quiero hacerlo aún más. Quizás en vez de 70, intentemos un 80% de influencia para tener más flexibilización y más variación de velocidad Probemos 80% de influencia. Eso se ve bastante bien. Sí, creo que eso me gusta si arrastro esta línea de tiempo aún más alta. Ahora lo que queremos hacer es que solo quiero duplicar estos fotogramas clave En primer lugar, seleccione todos estos fotogramas clave, comando C, y luego podremos duplicar estos fotogramas clave dos veces más Comando V duplicado. Y luego por aquí, comando V duplicado. Y tal vez una vez más, comando V duplicado, jugando cuatro veces. Lo mismo con este lote de fotogramas clave. Copia. Entonces el comando V pegado en el comando V más allá de él en Comando V lo pegó para que sepa que mi animación se está reproduciendo cuatro veces Ahora eso es bueno. Y lo siguiente que quiero hacer es escalonar estos fotogramas clave O desfasar estos fotogramas clave para que cada letra se esté animando una tras otra en lugar de todas al mismo tiempo Para hacer eso, básicamente quiero que esta S vaya primero. Y a lo mejor después de dos fotogramas flecha derecha dos fotogramas, quiero que esto vaya. Y entonces quiero que cada letra se retrase en dos cuadros. Veamos cómo se ve eso. Si retraso la animación por dos fotogramas. Por cada letra, eso es bueno. Y entonces vamos a hacer lo mismo desde el principio. Vamos a tener dos marcos. Va a ser mi segunda carta aquí. Y luego ir por dos cuadros. Ahora tenemos todo retrasado en dos fotogramas. Ahora eso es bastante suave. Me gusta cómo se ve. Eso es hermoso. Si cierro el menú desplegable, todo lo que tengo son dos capas dentro de una composición con un fondo, pero la animación ya está dentro. Me gusta cómo se ve eso. Déjame tratar de cambiar un par de letras un color oscuro en lugar de a la blanca. Quiero cambiar y la C y E y en negro. Para ello, vayamos dentro de esta primera capa, y después seleccionemos el ir al relleno. Y luego cambiar este color a negro. Y luego el siguiente, vamos a seleccionar el primero entrar en el relleno, cambiarlo a negro. Entonces vamos a cambiar la E. Eso se ve bien. Entonces vamos a cambiar el, éste. Ejecutar uno. Necesidad de cambiar el último a placa. Eso se ve bien. Y luego para la segunda capa, va a ser la U más grande aquí. Éste. Entonces la C aquí. Esta, la segunda, y luego la S aquí. Bien, eso se ve bastante bien. Si selecciono todos y luego cierro todos. Bueno, esa es mi animación. Eso se ve bastante bien. Siento que no está justo en el centro. Yo sólo quiero moverlo tal vez en el centro un poco. Veamos nuestra animación. Ahora vamos a agregar algo de turbulencia encima de esta animación Vamos a la capa nueva y luego seleccionemos capa de ajuste. Ahora vamos a agregar un efecto llamado pantallas turbulentas Selecciona las pantallas turbulentas, puedes ver que ya está distorsionada Quiero cambiar los montos para que sea menos, tal vez 20. Y luego cambiemos el tamaño a un tamaño más pequeño, tal vez a diez. Se puede ver que mis bordes de la carta ya están rugosos en términos de complejidad Puedo tonificarlo hasta tal vez cinco, y se puede ver que los bordes están más pixelados, aún Ahora podemos animar la evolución. Vayamos al principio desde cero. Quiero ver dónde está mi fin. Si tengo mi final por aquí, voy a cambiar la evolución a tal vez cinco veces. Ahora mi turbulencia debería estar moviéndose y debería estar teniendo una turbulencia que se mueve constantemente Siento que la complejidad es demasiado. A lo mejor lo tono de nuevo a tres y luego la talla a siete, solo en un movimiento muy suave. Lo siguiente que quiero añadir es un efecto de ruido. Puedo hacer un efecto de ruido por aquí. Agrégalo encima de mi capa, pon el efecto ruido en el frente. Cambiemos la cantidad a 10% Va a tener un ligero ruido repasando mi animación. Creo que se ve bastante bien. Y lo último que quiero añadir son esas flechas. Puedes dibujar las flechas en los efectos posteriores. Para ahorrar algo de tiempo, usemos el enchufe sobrecargado para introducirlo en los efectos posteriores Aquí tengo dos capas, que es mi flecha. Lo dejaré caer, lo pondré debajo la capa de ajuste de ruido. Y luego simplemente animaré rápidamente estos dos con un camino de recorte Vayamos al camino de recorte y luego vamos a cero. Asegúrate de que el inicio sea todo cero y luego seguir adelante tal vez 20 fotogramas, cambiar todo al 100% luego reliquia ir a velocidad de fotograma clave Si cambio la influencia a tal vez 66, lo mismo que esta. Ir a cambio de velocidad de fotograma clave a 66. Entonces necesito mover los dos fotogramas clave al final hacia adelante para que no estén comenzando al mismo tiempo. Permítanme copiar estos cuatro fotogramas clave y ponerlos debajo de la capa uno. Esa debería ser nuestra animación para los Eros. Si selecciono las dos capas, mechiFC nombra a esta flechas Ahora tenemos una flecha por aquí, y luego puedo duplicarla. Pulsa R en el teclado, gírelo a 180 grados, está por aquí. Y luego duplicarlo nuevamente. A lo mejor ponlo alrededor de la C aquí. Ahora solo duplico la flecha un par de veces. Los esparzco, los coloco diferentes posiciones según mi animación. Bueno, eso es todo con la animación de la esperanza de éxito. Disfrútalo. Y te veré en el siguiente video. 8. Animación en bucle: Bien, en este video te voy a mostrar cómo podemos hacer un loop sin fisuras con nuestra animación. Usemos este proyecto como ejemplo. Para hacer un bucle sin fisuras, todo lo que necesitamos hacer es encontrar un punto de partida que sea el mismo que el punto final, y así es como creamos un bucle sin fisuras. Alternemos la línea de tiempo y veamos primero nuestra animación. Si vamos a los fotogramas clave de nuestro éxito, te animamos en el teclado, puedes ver este fotograma inicial No tenemos nada que sea igual a estos marcos iniciales. Así que necesito jalarlo todo el camino hasta que mi último fotograma clave de pase comience a animarse. Entonces en este punto, creo que este podría ser el punto de partida, porque este es un punto en el que todo ya comenzó a animarse Necesito asegurarme de arrastrar una regla para encontrar un punto de referencia. Puedo usar esta S como punto de referencia. Digamos que solo quiero marcar esta posición de mi primera oreja S y asegurarme de saber dónde se encuentra esta. Y luego también quiero usar una palabra diferente como referencia, como la S más pequeña aquí. Arrastraré una regla aquí abajo. Si no tienes la regla, solo tienes que darle comando R. Para tirar hacia arriba de la regla, todo lo que tenemos que hacer es encontrar dos puntos de referencia. El primero aquí y luego el oscuro S más pequeño aquí. Esta es mi posición para la S. Y luego estaré en el teclado para cortar el rango de previsualización para iniciar mi animación. partir de este punto , lo siguiente que tengo que hacer es encontrar un punto final donde este esté en la posición exacta como mi gobernante. Si seguimos adelante, esta es nuestra animación. Esta animando. Eso es bueno. Eso es bueno. Si queremos encontrar algo, podemos ir desde el final aquí. Si arrastramos el indicador de la línea de tiempo de atrás hacia adelante, ve alrededor de este punto en este es el punto exacto donde mis dos S están en la ubicación exacta con mis s desde el principio. De esa manera sé que este marco es exactamente el mismo que el primer fotograma. Si lo corté aquí, va a crear un bucle sin fisuras. Vamos a entrar en el teclado para cortar el rango de vista previa hasta aquí. Y este es el rango de previsualización donde vamos a tener una animación de bucle de estímulo. Vamos a golpear la barra espaciadora para la vista previa. Sí, se puede ver que es un bucle sin fisuras. Ya que también tenemos alguna animación secundaria. Tenemos todas estas flechas que entran y salen. También queremos asegurarnos de que todas estas flechas comiencen y terminen dentro de mi rango de vista previa. Si mis flechas van afuera, partir de aquí, va a estropearlo con mi bucle. Si tenemos una animación secundaria similar a esta, necesito arrastrar todas mis capas dentro de mi rango de vista previa para crear un bucle sin fisuras. Además, puedes ver si te golpeo en el teclado, no hay solo un punto donde tenemos estas dos Ss son la posición exacta como el primer fotograma. Si vuelvo a retroceder, debería haber otro punto por aquí. Este es otro punto en el que va a circular sin problemas. Si lo corté desde aquí, solo puedo darle un golpe en el teclado para cortarlo aquí también. Básicamente, tenemos un par de bucles dentro de mis capas como animación. Y puedo cortarlo donde quiera, siempre y cuando el primer y último fotograma sean exactamente iguales, solo quiero ver entre estas posiciones, no tengo nada más. A lo mejor este marco aquí, aunque lo corte aquí, esta es exactamente la misma posición con mis dos s. Si lo corto aquí, podría, aún podría ser un buen lugar con una animación en bucle El único tema sería, creo que estas S son buenas. El único problema sería que podría no haber tiempo suficiente para mis flechas completen su animación dentro de este corto período de tiempo. Entonces quiero incluir tal vez dos bucles con mi animación de bucle por aquí N. Puedo permitir mis flechas se animen dentro de estos dos bucles, y luego todavía tengo una animación de bucle sin temas completa Espero que eso tenga sentido. Te puedo mostrar otro ejemplo. Veamos otro ejemplo aquí. Aquí hay otro ejemplo. Esta es la animación en la que vamos a trabajar en el siguiente video. Sin embargo, podemos usar esto como ejemplo para nuestra animación en bucle Primero tenemos que tirar hacia arriba el comando de regla R para mostrar las reglas. Y luego necesito encontrar mi posición de partida. Solo quiero asegurarme de encontrar un lugar donde todas mis letras comiencen a animarse A ver si este es un buen lugar alrededor de ocho fotogramas. Simplemente arrastre una regla para ver dónde está mi primera letra P. Y luego necesito arrastrar una regla para asegurarme de que marcamos abajo la posición para la Y. Eso es bueno. Y luego podemos estar en el teclado para establecer aquí el rango de vista previa. Sigamos adelante, asegurémonos de que tal vez podamos permitir que juegue por dos bucles. Y luego encontraremos un lugar donde tengamos el en la posición exacta por aquí. Esta es la posición exacta de mi primera letra y la y. Vamos a golpear en el teclado. A ver si juego por aquí. Si va a ser un bucle sin fisuras. Sí, creo que tiene sentido. Creo que eso funciona. Ahora en el primer fotograma tenemos la P y la Y, y luego la última trama tenemos la P y la Y en la misma posición exacta. Así es como creamos un bucle sin fisuras. También necesito asegurarme de que todas mis estrellas se estén animando dentro de este rango de previsualización al inicio Aunque en mi línea de tiempo se puede ver la capa extendiéndose, pero nada está animado todavía. Así que no tengo que preocuparme tanto por ello. Si cambio el fotograma clave, este es un punto de partida donde se está animando la primera estrella Ya está dentro de mi rango de previsualización. Eso funciona. Y entonces necesito asegurarme de que la última estrella no va a salir de mi punto final aquí. Creo que eso también funciona. Eso puede complacer a nuestro bucle similar. Si la toco, así es como se ve. Simplemente va a seguir dando vueltas continuamente. Bien, eso es todo con este video, espero que te hagas una idea de cómo crear un loop similar con nuestra animación tipográfica Empecemos a animar este texto de fiesta en el siguiente video 9. Fiesta: Bienvenido de nuevo. En esta lección, vamos a animar esta palabra, fiesta Trabaja duro. Juega duro cuando la vida es dura. No te olvides de festejar. Como puedes ver, ya tenemos este diseño presentado en Illustrator. Podemos tomar una captura de pantalla de la paleta de colores por ahora, y luego vamos a construir el texto dentro de After effects. Ahora volvamos a After effects. Vamos a crear una nueva composición, nombrar este comp principal, y luego cambiar la dimensión a 1080 por 108030 cuadros por segundo Y entonces la duración será de diez segundos. Haga clic en OK. Ahora tenemos nuestro archivo after effects. Ahora vamos a escribir herramienta, escribiendo nuestra palabra Fiesta que se ve bien. Y luego en esta lección, vamos a usar la fuente rock grotesca Cambiémoslo a un peso pesado. Asegúrate de que la escala vertical esté al 100% Todo vuelve a estar por defecto. Solo necesitamos esta capa de fuente por ahora. En esta lección, recuerden que hablamos de algo del estilo cuando animamos, tenemos que cambiar el texto editable en un pase para que podamos manipular el pasado para hacer el En esta lección, no tenemos que hacer un esquema de nuestro texto para que después de animarlo todo, aún podamos cambiar el texto a cualquier copia que queramos decir aquí. Entonces esa es una ventaja que tenemos si no esbozamos nuestro texto. Ahora tenemos nuestra palabra de fiesta aquí. Sólo vamos a dejarlo caer. Déjame alejarme. Vamos a ir a mi pestaña Alinear y luego centrar Aligelo. También quiero acercarme de nuevo para asegurarme de que mi punto de anclaje esté completamente abajo. Vamos a hacer clic en esta pluma detrás para arrastrar mis puntos de anclaje. Asegúrate de que esté alineada con el centro de mi texto. Y luego déjalo caer todo el camino hacia abajo, justo al borde por aquí. En cuanto a la animación, solo quiero tratar con una propiedad en esta lección, que es una propiedad de escala. Una vez que bajemos el punto de anclaje, encendamos la propiedad de escala. Como en el teclado, si hago la escala más grande, va a agrandar nuestra copia, ¿verdad? Entonces esta va a ser esencialmente la animación que queremos, haciendo que esta línea de fiesta sea cada vez más pequeña. Volvamos a ponerlo al 100% solo quiero ver si cambio este texto todo el camino hacia arriba. ¿Es esto lo suficientemente grande como para ocupar todo el espacio? Siento que quiero que este texto esté por aquí cuando vaya más grande. En ese caso, tal vez tenga que dejar caer este punto de anclaje aún más abajo. Tal vez por aquí, digamos que tengo 270% alrededor de esto por aquí y luego cambiarlo de nuevo al 100% o incluso más pequeño Podemos hacerlo aún más pequeño, tal vez como 50% para que la línea del partido esté muy abajo. Creo que eso funciona del 50% al 300% Sí, eso funciona. Esencialmente. Esa es nuestra animación. En primer lugar, lo que quiero hacer es que quiero ir a importar mi paleta de colores de la que ya tomé una captura de pantalla. Asegúrate de tener mi paleta de colores aquí y luego ir a la capa nueva sólida. Demostremos este color amarillo como fondo para el texto. Quiero ir al personaje, asegurarme de que tenemos un relleno blanco y un contorno negro que se vea bastante bien. Podemos ocultar la paleta de colores por ahora. Ahora podemos animar la línea del partido a 0 segundos. Déjame tirarlo hacia abajo, acercarlo a cero segundos. Quiero que la báscula sea tal vez del 60% Sí, eso se ve bastante genial. Con mi punto de anclaje ahí abajo, puedo establecer un marco clave en la propiedad scale. Adelante 25 cuadros, haga clic en 121-23-4525 cuadros. Ahora puedo acercarlo todo el camino hasta 250 o puede ser 300. Sí, creo que me gusta como es ahora mismo. Eso se ve bastante bien. Y luego vayamos a avanzar otros 25 cuadros. Y luego copiar el primer fotograma clave de escala para hacer un bucle para que esta sea nuestra animación, suba y baje. Duplicemos de nuevo las tres capas para que sean dos bucles. Sube y baja y arriba y abajo. Ahora eso se ve bastante bien. A mí me gusta esa animación. Ese es básicamente el fotograma clave que necesitamos. Y entonces ahora necesitamos manipular la flexibilización para darle más energía En cuanto a la animación. Selecciona todos los fotogramas clave, ¿verdad? Haga clic en asistente de fotogramas clave, fácil facilidad. Ir al editor de grafos. La forma en que queremos editar la gráfica. En primer lugar, tenemos que asegurarnos de hacer clic en el segundo botón. Editar gráfico de velocidad. Estamos dentro del gráfico de velocidad. Digamos que este botón encaja gráfico para ver. Para hacerlo más grande, queremos tener una animación de rebote. Lo que significa en términos de rebote, cada vez que sucedía un rebote. O una pelota rebota hasta el aire, siempre que llegue al punto más alto o más alto, va a ser donde la velocidad sea la más baja para un rebote por aquí En este punto, la gráfica debe ser casi plana, tan plana como pueda ser, para que podamos lograr una curva de rebote. Y en este punto, está perdiendo toda la velocidad. Al principio, quería golpear el suelo con energía, así que necesito tirar de esta manija todo el camino de regreso para tener una curva donde tengamos algo de velocidad al principio. Y luego lentamente, esta energía va a desaparecer. A medida que la curva se aplana, tenemos la energía que se va. Y luego cuando baje, va a acelerarse lentamente. Nuevamente, esta es la curva que necesitamos en términos de una animación de rebote Simplemente arrastramos este asa aquí. Estos dos bucle, la curva va a ser idéntica. Así que vamos a tirar de este todo el camino hacia arriba y luego arrastrar esta curva hacia atrás un poco. Tenemos algo de velocidad al principio, poco a poco nos disipamos hacia el punto más alto La velocidad se va a convertir en cero. Y luego cuando baje, va a acelerar lentamente de nuevo. Y luego cuando golpea el suelo, va a recuperar algo de energía. Esta es la gráfica que necesitamos. También queremos asegurarnos de que estos puntos más altos estén alrededor de la misma altura para que obtengamos la misma energía Veamos, la animación cuando ajustamos la gráfica. Sí, ya tenemos algo de rebote para ello. Creo que se ve bastante bien. Solo necesito duplicar este fotograma clave una vez más para que tengamos cuatro rebotes Comandemos C y luego asegurémonos de que el indicador de la línea de tiempo esté por aquí. Comando V, Ahora tenemos cuatro rebotes, 1234 lo. Ahora tenemos lista nuestra animación. Solo necesitamos hacer una cosa más antes de duplicarla a un color diferente. Quiero seleccionar el texto y luego ir a la configuración de caracteres. Quiero reducir un poco más el rastreo. Tal vez cambiarlo a negativo 50. También puedo ajustar los individuales, tal vez estos dos. Solo usaré mi opción de atajo de teclado, flecha izquierda para acercarlas. Entonces saca este un poco. Acércate este solo para ajustar el seguimiento. Ahora tenemos una tecnología de fiesta que está cerca la una de la otra. Con un seguimiento ajustado ahora solo necesitamos separar cada letra en su propia capa para que podamos compensar la animación. Vamos a sacar mi plug in ventana de texto descompuesto. Y luego con la capa de fiesta seleccionada, podemos descomponerla. Para que después de hacer clic en el texto descompuesto, vamos a tener cada letra en su propia capa Y esta capa de fiesta está apagada de su visibilidad. Podemos tímido a éste con nuestra capa tímida. Si obtienes una flecha en el texto descompuesto, es porque si hago clic en esta herramienta de texto, y luego si arrastro un cuadro delimitador y escribo la palabra party Después de haber seleccionado esta capa de fiesta, puedo dar click en el texto descompuesto No obstante, no va a funcionar, me va a dar un conjunto de errores. No se apoya el texto del párrafo. ¿Qué es un texto de párrafo? Un texto de párrafo es cuando haces clic en la herramienta de texto y luego arrastras primero un cuadro delimitador y luego escribes la capa de texto después de eso es un texto de párrafo Sin embargo, para que el texto descompuesto funcione, es necesario hacer clic en esta herramienta de tipo y luego hacer clic en la pantalla una vez Y ves que hay una capa de texto vacía. Ahora bien, si escribes la palabra fiesta, no arrastres ninguna de las casillas delimitadoras, simplemente haz clic en la pantalla aquí Escriba la palabra fiesta. Ahora si haces clic en texto descompuesto, va a funcionar Entonces, si te está dando una flecha, es porque arrastras un cuadro delimitador cuando escribes el texto, lo que te va a dar un mensaje de error en el texto descompuesto Volver a nuestra lección. Ahora ya tenemos lista la fiesta. Sólo necesito golpearte en el teclado. Mostrar todos los fotogramas clave que necesito para compensar cada fotograma clave. Digamos que la P va a ser la primera letra que surja. Estaba compensado por un fotograma. Ir por un fotograma, y luego podemos arrastrar todos estos fotogramas clave hacia adelante por un fotograma que nuestras letras van subiendo uno a la vez. Veamos cómo se ve. Sí, eso se ve bastante bien. Eso es todo lo que necesito. Seleccionemos todas las letras comando shift C. Llamemos a esto animación de una sola parte. Ahora tenemos un lote de comando de animación de fiesta D. Primero vamos a duplicarlo una vez. Solo necesitamos encender nuestra paleta de colores y moverla hacia un lado. Ahora para el segundo, iré a mis efectos y precess, buscaré color de relleno Entonces para el segundo color, lo cambiaré a este color rosa. También necesito un esquema. Entonces lograré el contorno a través del estilo de capa. Haga clic derecho, Ir al estilo de capa en un trazo. Vamos dentro del trazo. Cambiemos el trazo a tal vez uno y luego cambiemos el color a un color negro. Va a ser un trazo negro. Y luego vuelve a poner esta morada. Ahora volvamos a duplicar esta capa rosa. Y ponlo debajo, cambia este color a este color rojo. Y luego duplicarlo nuevamente. Ponlo debajo, cámbialo por el morado. Y luego vuelve a duplicar, ponlo debajo, cámbialo al morado oscuro. Ahora tenemos todos estos colores detrás de mi color blanco. Ahora solo necesito compensar las capas. Apaguemos la paleta de colores. Avanzar un fotograma, desviar las capas, odiar el corchete cuadrado de vida para compensar las capas. Y seguir adelante un fotograma otra vez, compensar esta capa. Y va un fotograma, desfase esta capa y luego vuelve a ir un fotograma, desfasar esta capa. Ahora tenemos todas estas capas desfasadas por un fotograma. Echemos un vistazo a la animación. Ahora solo necesitamos completar esta pieza con alguna animación secundaria, tal vez algunos arranques. Vamos a agregar en la animación de estrellas. Lo tengo debajo de la carpeta de animación estrella. Estoy usando la animación estrella dos con un montón de duplicación. Ahora esta es una animación completa. Bien, eso es todo con la animación de la fiesta. Te veré en el siguiente video. 10. Me gusta: Bienvenido de nuevo. En esta clase vamos a animar esta palabra Al igual que ya hablamos de tres formas distintas de animar texto en las lecciones anteriores Si hasta ahora te gusta la clase, no olvides dejar una reseña debajo de la clase. Ayudará a que esta clase llegue a más alumnos a los que les guste aprender este tipo de animación. Y va a ser muy apreciado. Ahora entremos en esta lección. Tenemos este tipo presentado en Illustrator. La fuente que estamos usando se llama rock grotesque. Y este atrevido es un negro condensado, y el delgado es solo un énfasis delgado, apretado. La razón por la que estamos usando rotesque del rock es que es una familia muy grande Tiene todos estos diferentes grosores, diferentes pesos para que podamos manipular y transformarnos entre cada uno También puedes elegir el pase de tipo diferente, pero te recomiendo algo que tenga muchas variaciones diferentes para que puedas transformarte o transformarte entre esas variaciones También platicamos sobre cómo usar la sobrecarga de enchufar, así como cómo transferir archivos de Illustrator a after effects En esta lección, con el fin de ahorrar algo de tiempo, solo usaré la sobrecarga de taponamiento para empujar esta letra a after effects Vamos a entrar en After Effects, crear una nueva composición, nombrar este comp principal y cambiar la dimensión a 1080 por 108030 cuadros por segundo La duración va a ser de diez segundos click. Bien, tenemos nuestra composición. Volvamos a Illustrator. También podemos escribir el texto en after effects, pero para ahorrar algo de tiempo, vamos a empujar este sesgo a una letra por una letra Ahora tenemos uno. Y luego regresa, empuja la K, empuja la E, eso queda bien. Y luego vamos a desagruparlo. Y luego empujaré uno por uno. Empujaré primero la L, y luego la I, y luego la K y luego la. Eso se ve bien. Ahora tenemos la información de ruta de todas estas letras. Déjame crear una capa de fondo, nuevo sólido. Solo necesitamos un fondo negro puro que debería funcionar. Déjalo caer hasta el fondo. Ahora solo necesitamos animar la propiedad path para que se transforme entre los diferentes espesores para Si no estamos usando la sobrecarga enchufable, simplemente lo mostraré rápidamente. Vamos a esconder todo aquí. Digamos que si tenemos nuestra propia carta escrita en after effects, cambiémosla para condensar el negro Hazlo súper grande así. Si no estamos usando la sobrecarga de taponamiento, lo que podemos hacer es que podemos y luego ir a Crear formas a partir del texto Ahora tendríamos la información de forma para cada letra, hay cuatro letras en su interior. Déjame borrar esta capa de texto. Ahora vamos adentro y miremos aquí, debajo del contenido, hay cuatro letras y todo lo que tenemos que hacer es duplicarlo tres veces. En la primera capa, podemos eliminar las tres letras y dejar solo una letra dentro. Y luego en la segunda capa, solo borra las otras tres letras. En la tercera capa, eliminemos las L, I y E. Y luego en la última capa, eliminemos las tres primeras letras. Ahora tendríamos cuatro letras diferentes en su propia capa individual y cada una está contenida con información de ruta. Entonces así es como hacemos la información de ruta sin el enchufe en Sobrecarga, es lo mismo que usar el enchufe de sobrecarga. Pero la sobrecarga solo hace que sea más fácil transferir toda esta información de ruta de Illustrator a after effects. Ahora volvamos a encender nuestras capas. Ya tenemos esta información de ruta. Es lo mismo que lo que demostré antes. Si lo haces manualmente, ahora solo necesitamos animar el morphing entre los Seleccionemos toda la capa. Ir a buscar la propiedad path. Asegúrese de que el indicador de la línea de tiempo esté en cero segundos. Vamos a golpear un cronómetro para toda la propiedad del camino. Ahora tenemos un fotograma clave para todo el camino. Ahora solo necesitamos tomar la información de la primera ruta de la misma L, que es la capa cinco de aquí. Vamos a copiar este comando de información de ruta C, y luego vamos a pegarlo dentro de la primera letra, que es esta L grande aquí. Vamos adelante 25 cuadros. Desplazamiento de mando flecha derecha, 1212345. Ahora estamos en 25 cuadros. Seleccione el comando de propiedad de ruta V. Pégalo en. Si alterno la línea de tiempo, se puede ver que este camino se está transformando de este muy largo a uno corto. Eso se ve bien. Y ahora vamos a seleccionar la I, o puedes hacer la E, ya que la tenemos seleccionada, copiemos el fotograma clave bajo el comando path C. Y luego vamos a buscar la E más grande aquí, que es esta. Y luego haga clic en la propiedad path. Asegúrese de hacer clic en esta propiedad antes de pasar el comando de fotograma clave V. Vamos a hacer la K aquí, comando C para copiar Encontremos la K, ésta. Y luego mando V. Entonces el último sería el yo, éste. Vamos a copiar el fotograma clave y luego ir al pie de la letra, éste. Da click en el camino V. Ahora sólo podemos apagar estas cuatro letras, que es la original que no tiene ninguna animación. Apaguemos la visibilidad. Y luego podemos dar click en el botón Shy y dar click en todas las capas. Ahora bien, si toco esta animación, esto es lo que obtengo. Me sale un morphing entre los dos grosores diferentes de las cuatro letras Esencialmente, esa es la animación. Esa es una animación muy básica para estos movimientos. Y luego vamos a golpearte en el teclado. Sólo vamos a ir adelante otros 25 cuadros, 1212345 Ahora copia el primer fotograma clave para que completemos un bucle. Todo está volviendo a los estados originales, y aquí tenemos este bucle único. Ahora solo volvemos a duplicar el fotograma clave para asegurarnos de que tenemos dos bucles. Ahora bien, si toco la animación, este es el movimiento que obtenemos antes de continuar. También quiero comenzar la animación con las caras de tipo delgado primero en lugar de desde la gruesa. Todo lo que quiero hacer es que quiero cortar estas capas, seleccionar todo opción corchetes izquierdos. Y luego podemos mover todo a cero segundo todas las capas para que esté comenzando con las fuentes delgadas. Y ahora nos falta un marco clave al final. Así que vamos a seguir adelante 25 fotogramas nuevamente, y luego copiar el primer fotograma clave en cada capa para que podamos suplicar dos bucles Y está volviendo a las caras de tipo delgado ahora que tengo todos los fotogramas clave, seleccione todo. Clic rojo, asistente de fotograma clave, facilidad fácil. Y luego vamos al editor de grafos. Vamos a darle a esta gráfica gruesa para ver. Y también da clic en este botón para asegurarnos de que estamos en el gráfico de velocidad. En cuanto a la animación, lo que quiero hacer es una animación de rebote Curva de rebote de la que hablamos en la licencia anterior Recuerda cuando tenemos la animación de fiesta, hicimos un rebote en el punto más alto, que es este punto aquí en la línea de tiempo. Quiero que esta animación cuelgue ahí para poder arrastrar estas curvas solo para asegurarme de que estoy arrastrando esta curva hasta el final. Y entonces la velocidad va a llegar a ser cero casi. La curva va a ser lo más plana posible para la primera curva, sólo voy a arrastrar el mango hacia atrás. En términos de influencia, quiero cambiar esta influencia a tal vez 90% de influencia. ¿Ves ese número de influencia? Cuando arrastre el mango por aquí, le daré 90% de influencia y luego arrastre el primer mango hasta la izquierda. Hagamos otro 90% de influencia por aquí para que esté equilibrado por aquí. Necesito marquear, seleccionar esto porque hay cuatro capas diferentes con cuatro letras diferentes y hay algunos marcos clave por Entonces necesito marcar, tirar de esta manija hacia atrás, tal vez dos, 15% y luego marquesina, seleccionar de nuevo, hacer lo mismo, mover este mango todo el camino hacia atrás y luego cambiar la influencia de aquí a alrededor del 90% Esta también podría ser 90% Y entonces el último va a ser el mismo, alrededor del 15% de influencia ya que es para bucle. Por lo que estas curvas deben ser idénticas. Y este es un tipo de curva de rebote que necesitamos. Veamos cómo se ve la animación con este tipo de curvas. Eso es bastante agradable. Es casi como un rebote, ¿lo ves? Siento que la animación es un poco lenta. Déjame tratar de acercar estos fotogramas clave, seleccionar todo la opción It y el teclado Y luego simplemente arrastra el último fotograma clave para que podamos manipular el espaciado entre todos estos fotogramas clave para que vaya más lento o más rápido En este caso, quiero que sea más rápido, así que solo mueve todo dentro para estar más cerca. Creo que se ve bastante bien. Ahora, tal vez pueda copiar estos fotogramas clave una vez más para darles cuatro bucles en lugar de dos bucles. Ahora va a hacer cuatro bucles. Ahora eso está bien, y lo siguiente que quiero hacer es agregar algún cambio de opacidad para que la letra parpadee un Vamos a la primera letra. Pulsa Mayús en el teclado para levantar la opacidad. Y luego vamos de 100% tal vez ir adelante cinco fotogramas, 12345, cambiar a 85% y luego ir adelante cinco cuadros otra vez 12345, cambiarlo de nuevo a 100% 12345, y luego vamos a cambiarlo a 85% Tenemos casi como un parpadeo Y luego podemos agregar una expresión para loop out esta animación. Vamos a mantener la opción en el teclado. Golpea el cronómetro, agregando una expresión llamada loop out. Después los corchetes golpearon retorno. Ahora después de agregar en la expresión loopout, esto es lo que obtenemos Obtenemos este parpadeo constante para esta carta. Creo que eso funciona. A continuación, solo quiero copiar los fotogramas clave y hacer lo mismo para las otras tres letras Selecciona los tres, ve a cero segundos con el comando indicador de línea de tiempo V. Golpéate en el teclado para mostrar el fotograma clave Y luego solo necesito copiar este comando de expresión C y luego ir a agregarlo a estas tres letras. Opción de mantener presionada. Y luego haga clic en el cronómetro para abrir el campo de expresión y luego pegar en la expresión Ahora tenemos todas estas tres letras parpadeando. Creo que se ve bien. Y lo siguiente solo quiero compensar los fotogramas clave tal vez por dos fotogramas. Ir a cero. Segundo comando, haga clic durante 2 segundos y luego voy a desfasar estos fotogramas clave, avanzar dos segundos nuevamente, desviar los fotogramas clave avanzar dos segundos nuevamente, desviar los Ahora me acabo de dar cuenta del problema. ¿Recuerdas cuando copiamos los dos primeros conjuntos de fotogramas clave en cuatro conjuntos? Recuerdo que no modificamos la curva para el último fotograma clave Si voy dentro de estos fotogramas clave, si voy a echar un vistazo al editor de grafos dentro del fotograma clave, y recuerda que este es el final, este es el último fotograma clave donde tuvimos en la primera animación y simplemente básicamente hicimos una copia para obtener otros Sin embargo, la influencia aquí no es correcta y no es consistente. Entonces necesito ajustar la influencia aquí también para hacer esta parte alrededor del 15% Y ahora deberíamos tener una curva consistente a lo largo de toda la animación. Vamos a copiar estas influencias. Seleccione todo, vaya a copia fácil. Copia y, a continuación, pega el Easing en este conjunto de fotogramas clave Da click en este As, luego ve a este, da click en la S. Ahora solo estoy copiando todo a estas tres letras diferentes. Ahora echemos un vistazo y veamos si la animación es consistente. Sí, ahora es mucho más consistente cuando termina el segundo bucle, entrando en el tercer bucle, eso se ve bastante bien. Ahora lo siguiente que quieres agregar es agregar alguna animación secundaria, tal vez algunas estrellas como las lecciones anteriores. Ya tengo mis estrellas dentro del panel del proyecto. Es la animación estelar número uno. Y una vez que lo agrego, sólo va a aparecer aleatoriamente en algún tipo de estrellas. Creo que eso se ve bastante genial. Y ahora agreguemos también un efecto de brillo. Ir a capa de ajuste de capa. Cambiemos el nombre para que brille. Y vamos dentro los efectos y proceso y seleccionemos el plug in. Resplandor profundo, El resplandor profundo no es gratis también, pero solo quiero demostrar cómo se ve. No tienes que usarlo si no lo tienes. Pero una vez que lo dejo caer, puedes ver que se ve realmente premium. Y da este bonito resplandor, tal vez demasiado. Vamos a cambiarlo 2.5 y luego bajar el tono del radio, Tal vez 400. Vamos a darle un efecto de brillo muy sutil y agradable por aquí. Cambiemos el umbral de entrada. A lo mejor no, sí, y así es como se ve con el enchufe de globo profundo. Aparte del brillo profundo, también quiero cambiar el color de estas letras. Vamos a añadir otro efecto, matiz y saturación a esta capa de ajuste. Yo solo quiero, desde el principio, golpear el rango del canal, golpearte en el teclado, y luego tal vez ir a alrededor de 4 segundos. Cambiemos el canal para que vaya, tal vez una ronda. Ahora tenemos una información de color que cambia a lo largo de toda la animación. Veamos cómo se ve con los cambios de color. Eso se ve bastante genial. Me gusta cómo se ve, pero creo que a la animación le falta un poco de energía. Todavía tal vez quiera intentar acercar estos fotogramas clave, solo las propiedades de la ruta Para acercar estos fotogramas clave, tengo que seleccionar la opción de mantener pulsada todo y luego seleccionar el último fotograma clave Simplemente golpee todo dentro así. Sí, eso es mucho mejor si queremos encontrar un lugar donde pueda circular. A lo mejor partiendo de este marco aquí en el teclado, este es el lugar final. Puede ser golpeado y necesitamos asegurarnos de que el fotograma clave de rango de canal esté dentro de este período de bucle Veamos cómo se ve con el loop. Sí, ese va a ser un bucle perfecto. Eso se ve bastante bien. Digamos que con esta lección, espero que les guste. Y te veré en el siguiente video. 11. ¡Gracias!: Bienvenido de nuevo. En esta lección vamos a animar esta palabra Gracias. Todos tenemos mucha gente a la que agradecer en nuestras vidas. Para mí, me gustaría agradecerte por tomar esta clase y elegirme para ser tu instructor. Realmente aprecio tu tiempo para estar aquí conmigo aprendiendo estas técnicas de animación. Entonces quiero dar las gracias de manera animada, igual que esta animación de aquí. En primer lugar, volvamos al ilustrador. Este es nuestro storyboard. El tipo de cara que estoy usando es roca grotesca. De nuevo, me gusta usar esta familia porque tiene una gran variación, ¿verdad? este momento estoy usando estas fuentes negras y en esta animación queremos hacer algo más como un falso tres D. Tiene algo de ancho para cada letra y es muy sencillo de configurar. Simplemente hacemos una copia de ésta y después vamos a esbozarla. Chmift, podemos esbozar esta otra vez. Y luego vamos a cambiar el color de cada letra. Desagruparlo, Chmiift para desagrupar las letras. Ahora sólo puedo probar estos colores. Puedes elegir el color que más te guste para hacer tu propia animación en una palabra única. Sólo te estoy enseñando cómo podemos hacer esto. Gracias. Ahora sólo puedo poner éste debajo de la letra y simplemente mover todo a la derecha para que podamos ver un grosor detrás de cada letra. Ahora puedo agrupar cada letra y la sombra juntas. A lo mejor deja caer esta llave encima y luego acercarlos, y luego dejar caer esta una espalda así. Simplemente tambaleando estas letras. Para que podamos crear una profundidad como esta. Si quieres arreglarlo de esta manera, puede ser algo parecido a mi izquierda, esta tabla aquí. Y así es como configuramos el archivo de Illustrator para esta animación. Como ya sabemos usar la sobrecarga, quiero revisar en esta lección cómo podemos transferir el archivo de Illustrator a after effects sin un plug in. Revisemos eso otra vez. Podemos usar este como ejemplo. Ya no necesito la sombra porque puedo crear la sombra más tarde en los efectos posteriores. Ahora mismo, sólo voy a seleccionar todas las sombras y borrar la sombra. Voy a dejar esta por aquí para que no esté dentro de mi tablero R. Y permítanme eliminar esta placa R para que solo tenga una Junta R con la que trabajar. Listar aquí es solo para fines de demostración, pero para transferir archivo de Illustrator a after effects sin el plug in, esto es lo que hacemos. Vamos al panel Capa y luego vamos a este menú desplegable. Haga clic en Liberar a Secuencia de Capa. Ahora va a expandir todo lo que está debajo de la capa uno. Solo necesitamos seleccionar todo lo que está debajo de la capa uno y luego soltarlos fuera de la capa uno, para que cada uno tenga su propia capa. Y luego podemos eliminar la capa uno ya que está vacía. Ahora bien esta es toda la capa que tenemos que está separada de nuestro comando aquí, suelta dos capas. Ahora tenemos todo separado cuando importamos este archivo illustrator a after effects, todo estará en su capa separada. Vamos a guardar este comando de archivo de Illustrator S, y luego vamos a abrir después de los efectos, crear una nueva composición. Llama a este comp principal. Entonces podemos hacer 1080 por 108030 cuadros por segundo. La duración puede ser de 10 segundos. Haga clic en, bien, solo vaya a Proyecto. Ahora podemos importar el archivo de Illustrator. Haga doble clic en el panel Proyecto y luego navegue hasta el guión gráfico de aquí Asegúrese de seleccionar los tamaños de capa retenida por composición. Y asegúrate de que no seleccionamos la secuencia de Illustrator. Va a causar un problema. Si marca esta marca aquí, asegúrese de que esté desmarcada y haga clic en abrir Ahora si voy dentro de la composición de agradecimiento, tenemos todas estas capas. Copiemos todo. Pasar a mi composición principal. Lo siguiente solo necesitamos agruparlos. Para cada letra es tener una letra en el frente y luego hay una sombra o el grosor. Tenemos que agruparlos juntos. Comando turno C para agrupar esto aquí. Y entonces estos dos son el grupo que. Después la N, luego la K. Y luego la, la última es el fondo. Ahora tenemos todas estas letras importadas a efectos posteriores. Ahora ya podemos empezar a animar estos. En primer lugar, quiero alinearlos. Vamos a darle al comando R para el gobernante. Y luego dejemos caer una pauta por aquí. Eso se ve bien. Yo sólo quiero alinear todo. Suelta el abajo, y luego suelta el Ok. Y luego la S. Podemos mover todo un poco hacia arriba. Ahora antes que nada, lo que quiero hacer es que necesito mover el punto de anclaje a cada letra en la línea base de cada letra para el, el punto de anclaje en el centro de la clave. Vamos a golpear el bolígrafo detrás para dejar caer este punto de anclaje en la parte inferior de la T. Y luego para la H, haz lo mismo por lo mismo, deja caer el punto de anclaje a la línea base de cada letra. Ahora eso funciona. Y después seleccionemos todo P en el teclado. Ahora podemos agregar un fotograma clave. Lo que queremos hacer es que queremos hacer una animación de rebote, ¿verdad? Adelante. A lo mejor 20 fotogramas pueden desplazarse, flecha derecha, 20 fotogramas. Y ahora queremos que todo caiga. Quizá por aquí, el punto más alto. Quiero que salten hasta aquí. Y entonces este es el punto más bajo. Vamos hacia adelante 20 cuadros otra vez. Y luego podemos copiar el fotograma clave inicial para volver a la posición inicial. Ahora estoy pensando en ello. Debería comenzar con las letras en el suelo. Permítanme borrar el primer fotograma clave, y luego dejarme mover todo a cero. Segundo, estoy empezando por las letras en el suelo. Para que puedan saltar hacia arriba y luego ir 420 cuadros. Ahora puedo pegar en el fotograma clave inicial. Nuevamente simplemente aterrizan en el suelo. Después de tener todos estos fotogramas clave, haga clic en Asistente de fotogramas clave, Easy East Ve al editor de gráficos, presiona el gráfico grueso para verlo, y luego asegúrate de que estamos dentro del gráfico de velocidad con el segundo botón aquí. Eso es bueno. A lo mejor jala aquí. Cuando está saltando arriba y abajo, quiero asegurarme de que uno esté en el punto más alto, el punto más alto Aquí es donde la velocidad va a disminuir. Vamos a tener una curva más plana alrededor de esta zona aquí Entonces para la inicial tocando el suelo, la curva va a ser más empinada, así. Así que voy a arrastrar todas las manijas de los dos lados todo el camino hacia atrás. Y luego el mango del medio, va a extenderlo todo el camino afuera. Es una curva más plana en el punto más alto y luego una curva pronunciada en ambos lados Veamos la animación. Todavía no tengo otro conjunto de fotogramas clave, así que necesito duplicar V three key frame nuevamente para hacer otro conjunto Para que podamos tener un rebote. Déjame venir a duplicarlo, eso va a ser un rebote. Todavía hay algún problema con la curva. Seleccionemos todo. Ir al editor de grafos. Puedo ver por aquí, no es simétrico. Hay algún problema con la curva. Necesito tirar de esta manija todo el camino hacia atrás para asegurarme de que está ganando la misma cantidad de velocidad en el rebote por aquí, modo que sea perfectamente simétrico. Y obtenemos una curva de rebote. Veamos la animación. Sí, me gusta cómo se ve. Ahora tal vez lo que pueda hacer es seleccionar todo. Pulsa la opción en el teclado. Mételos dentro un poco más para que tenga más energía En el rebote. Sí, eso me gusta. Ahora solo necesito duplicar el fotograma clave Duplicemos eso para agregar dos límites más, 123. Ahora tenemos tres rebotes, 123. Siento que el lugar donde copiamos el fotograma clave está teniendo problema otra vez. Seleccionemos todo, entremos. ¿Ves esta curva por aquí? Este punto, tiene una curva rara en el lado izquierdo que no es simétrica. Lo que tenemos que hacer es hacer un punto de anclaje selecto y luego tenemos que arrastrar esta curva todo el camino hacia atrás así. Eso es simétrico. Nuevamente, todo es consistente, la velocidad es consistente. Echemos un vistazo. Sí, creo que eso funciona. Y entonces lo siguiente que vamos a hacer es que solo necesitamos compensar el fotograma clave para que cada letra baje en un momento diferente. Hagamos que el baje primero, y después vamos a haber bajado en segundo lugar. Adelante uno fotogramas, o tal vez dos cuadros. Probemos dos compensaciones de fotogramas. Y entonces vamos a tener el H12 1212. Entonces quiero, veamos si eso funciona. Eso podría ser demasiado. Creo que tal vez preferiría un cuadro de compensaciones. Hagamos un fotograma en su lugar. Solo necesito mover todo hacia atrás para que haya un fotograma desfasado aparte. Vaya por un cuadro. Sí, eso me gusta. Eso se ve bastante bien. Ahora lo último que quieres hacer es hacer una variación de color encima de todo. Entonces vamos a ir a una capa nueva y luego crear capa de ajuste. Vayamos a efectos y presets, busca saturación de tonalidad Entonces vamos a hacer lo mismo que hicimos antes. Pulsa un fotograma clave en el rango del canal, te golpea en el teclado, ve a segundos, o podemos encontrar un lugar donde se enlaza Digamos esta parte de aquí, Asegúrate de que mi primer fotograma clave esté alineado con el primer fotograma en lazo Y luego vamos a encontrar otro punto donde los bucles tal vez aquí golpeen y luego voy a cambiar el rango de canal a una ronda que esté cambiando de color. A ver, el bucle que tenemos. Sí, creo que funciona. Acerquemos, echemos un vistazo. Ahora bien, lo último que queremos hacer es agregar un poco más de carácter a nuestras letras. Lo que podemos hacer es que podemos squash y estiramientos. Cuando golpea el suelo, puede aplastar un poco. Y luego va a agregar algún carácter a nuestras cartas. Vamos todo como en el teclado. Golpea Shift. Déjame mostrar todos los fotogramas clave. Animemos la primera, que es nuestra primera letra Sólo quiero manipular la escala de posición y, y. Desbloqueemos esta propiedad aquí. Y luego al principio, cuando está en el suelo, quiero cambiar la escala a tal vez 75% Eso podría ser demasiado, pero podemos probarlo. Y entonces tal vez después de tres frames, 123, va a volver al 100% Luego cuando vuelva a golpear el suelo, antes de que golpee, justo cuando golpea va a ser 75. Pero antes de que llegue a tres fotogramas antes, 123, debería estar al 100% Luego vuelve a ir por tres fotogramas, 123, y luego vuelve a 100 otra vez. Va a ser algo así como éste hit 75, y luego después de tres frames vuelve a ser 100. Vamos a Asistente de fotogramas clave. También podemos agregar fácilmente algo de velocidad desde esta pestaña de velocidad de fotograma clave de aquí Permítanme cambiarlo a 66 como una flexibilización estándar, permítanme copiar estos tres fotogramas clave. Pégalo aquí. Mueve el impacto, el marco central para alinearlo con mi impacto. Y luego por aquí, mueve aquí el marco del medio. Veamos cómo se ve. Ahora está agregando algunas calabazas a mi carta. Ahora puedo simplemente duplicar todos estos fotogramas clave, Ven a ver, y luego ir a la siguiente letra Asegúrate de que desbloqueemos la escala, y luego déjame encontrar la posición del impacto por aquí. Y luego asegúrate de que los alinearemos con el marco clave central. Ir al siguiente. Alinea el marco clave central de aquí así. Después desbloquea la báscula. Alinear aquí. Y luego el último aquí, una línea aquí. Veamos cómo se ve. Si hace la diferencia, sí, se nota que tiene algo de squash y se estira cuando baja, golpeando el suelo. Creo que ya es bastante bueno. Si ralentizamos la animación, va a parecer más obvio, pero no quiero ralentizar la animación por ahora. Ahora lo último que queremos hacer es agregar algunas sombras debajo de este engranaje de texto. Seleccionemos todo, agruparlos juntos. Llamemos a esto cosas animación. Entonces vamos a duplicarlo. Ir a Efectos y preceso, busca un proceso llamado relleno Entonces cambiémoslo a este color azul. Y entonces podemos hacerlo un poco diferente de este azul de aquí. Muévelo hacia abajo, y luego podremos compensar la propiedad de posición. No es tan visible. Vamos a hacerlo más oscuro. Eso se ve bastante bien. Veamos cómo se ve ahora. Sí, creo que eso funciona. Ahí vas. Esta es nuestra animación final para el. Gracias. Eso es todo con este video. Te veré en la siguiente. 12. Conviértete en Insiders de Motion: Antes de continuar, quiero compartir con ustedes una noticia emocionante. Los cursos de diseño de movimiento se volvieron más asequibles en los círculos de movimiento. Con nuestra membresía motion insider por tan solo $7 al mes, obtendrá acceso ilimitado a nuestros cursos de diseño de movimiento de primer nivel, confían más de 50,000 estudiantes en todo el mundo hora de elevar tus habilidades de diseño de movimiento para convertirte en los mejores animadores que puedas ser Como información privilegiada, también recibirás archivos de proyecto de cortesía de todos nuestros tutoriales de YouTube de Motion Circles. Y disfruta de un 25% de descuento exclusivo en todos los demás increíbles proyectos de animación de otros artistas en nuestra tienda de archivos de proyectos. No te pierdas esta oportunidad de subir de nivel tus habilidades de animación mientras conviertes en parte de nuestra vibrante comunidad. Únete a nosotros hoy en motion circles.com y libera tu potencial creativo. 13. Seguir: Bienvenidos de nuevo a esta lección. En esta lección, voy a animar la palabra seguir. Si aún no lo sabes, también tenemos un canal de Youtube que comparte todo animación. A partir de ahí, aprenderás todo tipo de consejos y trucos y técnicas sobre la animación después de los efectos. Así que asegúrate de seguirnos en los círculos de movimiento en Youtube. Aquí está nuestro storyboard para esta lección. Tenemos la palabra seguir. Este es un typha que encontré en Phon.com Este es un recurso gratuito que puedes usar para todo tipo de tifaces y hay Este es el teléfono que encontré aquí que se llama Andrés, y este es el que vamos a usar para animar en esta lección Para la paleta de colores, permítanme simplemente tomar una captura de pantalla de mi paleta de colores. Y vamos a después de los efectos, Crear una nueva composición. Nombra este comp principal, 1080 por 108030 cuadros por segundo, 10 segundos. Ahora vamos a importar nuestro paladar de color aquí, hazlo más pequeño. Déjame ir a nuevos sólidos. Crea un fondo, igual que un color rosa, déjalo caer medallero Ahora podemos ir a la herramienta tipo. Vamos a escribir la palabra follow. Entonces vayamos al personaje. Cambia la tifase para hacerla más pequeña. Podemos hacer todo en mayúscula para que tengan una altura similar para cada palabra También quiero aumentar un poco el dejar. Esa es la palabra que tenemos aquí, se ve bastante bien. Solo quiero asegurarme de que este porcentaje aquí vuelva al 100% Porque voy a animar el camino propiedad de esta carta Quizá tenga que hacerlo más grande. Siento que esta palabra no es lo suficientemente grande. Así de grande quiero que esto funcione para estar por aquí. Déjame ocultar las paletas de colores en cuanto a la animación. Queremos separar cada letra en su propia capa. Para ello, podemos usar un plug in que teníamos antes, ir a Windows y luego ir a descomponer texto Golpea esto, descomponga, si estás recibiendo un mensaje de error para el texto descompuesto, vuelve a la lección donde hablamos de cómo animar En ese video, hablé de cómo resolver el mensaje de flecha en este plug in Si lo estás recibiendo cuando presionas el botón. Solo asegúrate de volver y ver eso otra vez. Si estás recibiendo mensajes de error ahora tenemos estas letras separadas. Puedo borrar esta línea de seguimiento aquí. Lo que tenemos que hacer es que necesitamos convertir cada letra en reliquia ruta crear formas a partir del texto. Eso es lo que queremos hacer. Queremos crear formas para cada letra. Ahora podemos seleccionar toda la letra y luego presionar el botón Shy. Pulsa el botón Shy de aquí para ocultarlos. Ahora tenemos todo lo que está delineado. No obstante, si me alterno dentro de cada letra, el contorno, se puede ver que todas estas letras aún existen. Es por el enchufe de texto descompuesto que usamos. Sigue guardando toda esa otra información. Todo lo que tenemos que hacer es eliminar todas las demás letras que están dentro del contenido de mi capa para que no me confunda de qué letra estamos animando Sólo estoy pasando por esto uno por uno. Ve al contenido y luego guarda lo viejo aquí. El último sería, eliminar todo lo que esté por encima de la W. Eso es bueno. Bien, eso es bueno. Y luego a continuación, necesitamos animar la propiedad de camino de estas letras Seleccione todo, busque la ruta y luego presione el cronómetro para agregar un fotograma clave en todas las letras Eso es bueno, Esta es mi posición original. Vamos por 20 cuadros. Desplazamiento de mando, flecha roja. Asegurémonos de dibujar una regla para que sepamos dónde queremos parar. En el punto más alto de la letra. Tal vez por aquí. Si animo, vaya, seleccione la propiedad de ruta de esta W y arrastraré el camino hasta arriba. Voy a hacer lo mismo con todas estas cartas. Arrastrar este camino hasta alinearme con mi pauta. Esto. Entonces voy a dispararle a éste y luego arrastrar éste hacia abajo, tal vez por aquí eso funcione. Veamos la animación, Esa es nuestra animación, que se ve bastante bien. Vamos por 20 fotogramas, otra vez, 12. Y luego podemos copiar el fotograma clave original que vuelve a la posición original. Y podemos completar un bucle de la animación aquí. Ahora hay un bucle. Sube y baja, sube y baja. Y aún necesitamos copiar estos tres fotogramas clave. Y duplicar una vez más. Vienen por duplicado. Después de este duplicado, vamos a animar la flexibilización para los fotogramas clave Seleccione todo, Re, haga clic, vaya al asistente de fotogramas clave al final, facilidad fácil Ir al editor de grafos. Quiero volver a hacer esta curva de rebote, asegurarme de que estamos dentro del gráfico de velocidad. Arrastre este control deslizante para hacerlo más grande. Quiero una facilidad de rebote como la animación anterior donde tenemos todo solo pisos Uno está en la parte superior y luego baja con cierta velocidad y fuerza para que podamos tener una animación de rebote, una curva como esta Todo cuando sube va a disminuir la velocidad. Y luego cuando baje, se va a acelerar. Veamos cómo se ve. Sí, creo que eso podría funcionar. Simplemente me siento como esta parte, cuando rebota, es al final del rebote Cuando golpea, podría ser demasiado agresivo. Quiero darle a esta flexibilización por aquí un poco de margen de maniobra, seleccionar todo, arrastrar esta curva un poco y luego arrastrar esta curva un poco hacia fuera No es tan agresivo. Intentemos si eso funciona. Sí, creo que eso funciona mejor. Vamos a golpear esta curva para formar una forma como esta. Por aquí, se puede ver que el número de influencia es alrededor del 15% Esta parte, voy a darle el 15% también. En cuanto a éste, voy a dar un 95% de influencia. Y este lo voy a arrastrar de nuevo al 95% también necesito asegurarme, porque estoy manipulando la curva en todas estas capas diferentes, necesito asegurarme de que estoy marquesina seleccionando el manejador porque cada manejador consta Si solo hago clic en esta, podría solo hacer clic en una capa que va a estropear mis curvas. Sí, creo que eso funciona. Solo necesito duplicar todos estos fotogramas clave nuevamente al final para darle un par de bucles más. Cada vez que duplico, necesito arreglar una curva donde mi línea de tiempo en este momento es solo entrar. Veamos la curva por aquí. Necesito arrastrarlo hacia atrás tal vez el 15% de la influencia. Esa es la animación que quiero. En este caso, ves uno, eso, al final, no es tan agresivo. Otra cosa que puedo probar es que podría ser capaz de, digamos desde el principio. ¿Y si la empujé aún más abajo? Vamos a arrastrar una línea por aquí. Y luego al principio, puedo arrastrar todo incluso así. Mueve el camino para que todo baje así. Y esa es nuestra posición de partida. Si hago lo mismo por este marco aquí así, creo que esto me gusta más. Ahora, solo puedo copiar este fotograma clave y luego agregarlo cada vez que llegue al fondo por aquí Sólo estoy copiando estos dos fotogramas clave. Y luego reemplazar donde baje la letra para que tengamos el nuevo conjunto de posiciones para la propiedad pasada. Así, eso se ve bastante bien. Bien, esa es nuestra animación. Se ve bastante suave. A mí me gusta cómo se ve bien. Ahora lo que tenemos que hacer es que necesito compensar el fotograma clave. Te golpeo en el teclado. Asegúrate de que esté compensado por tal vez un fotograma o dos fotogramas. Intentemos dos fotogramas. Vamos a compensar estos fotogramas clave en dos fotogramas. A ver, la animación. Sí, eso se ve bastante bien. Eso es todo lo que necesitamos en cuanto a la animación básica establecida. Ahora podemos combinar estas capas. Llama a esta animación de seguimiento. Ahora podemos duplicarlo y agregar algunos colores basados en nuestras paletas de colores Para el primer duplicado agregado a este color, el siguiente sería este color rosa, y luego el siguiente sería este púrpura más oscuro. Entonces el último sería este color aquí. Aparte del color, también necesitamos agregar algún trazo. Ir al segundo duplicado. Vamos a Estilos de Capa y agreguemos un trazo en términos del trazo. Voy a cambiarlo a trazo negro, dar tres pixeles. Veamos si funcionan tres píxeles. Y luego después de tener este estilo de capa, podemos copiar este comando C y pegarlo en las otras capas. Ahora cada capa va a tener un estilo de capa con trazos. Voy a mover el blanco todo el camino hasta la cima. Y entonces sólo va a cambiar el orden de estos. Ahora vamos a esconder este. Podemos ver todos estos colores, uno detrás del otro. Eso es bueno. Podemos eliminar la paleta de colores. Ahora, lo siguiente, solo necesitamos compensar la posición para cada uno. Vayamos al segundo y lo desplazemos hacia la derecha, tal vez 123455 pixeles Y entonces este será 10 123-451-2345 voy Y luego 123-451-2345 Este será de 15 píxeles, y luego este será de 20 píxeles y luego este Ahora tenemos estas compensaciones. Lo siguiente que también quiero hacer offset en el timing, No sólo en la posición sino también en el timing. Intentemos un desplazamiento de un fotograma. Los corchetes izquierdos compensan un marco. Hay un desplazamiento, un fotograma. Cada capa está desplazada por un fotograma. A ver, la animación. Creo que la animación en sí funciona solo siento que todas estas letras están tan abarrotadas juntas Entonces lo que quiero hacer es que quiero extenderlos un poco. Vamos adentro. Y entonces tal vez vamos a darle algo de espacio. Cambiemos éste a la izquierda. Solo voy a espaciar un poco estas letras para que no se sientan demasiado abarrotadas fuera de la composición exterior, ¿verdad? Sólo voy a espaciar estos. Creo que eso funciona. Volvamos a ver cómo se ve. El trazo puede ser demasiado grueso. Voy a volver a cambiarlo a uno píxeles. Entonces voy a cambiar todo el trazo a solo un pixel en vez de tres. Ahora creo que se ve mucho mejor. Ya no es tan pesado. Se ve mucho más ligero. Creo que me gusta cómo se ve ahora. Ahora he creado un bucle por aquí con mi rango de vista previa. Eso es todo con esta animación para la palabra seguir. Te veré en el siguiente video. 14. Relajación: Bienvenidos de nuevo a esta lección. En esta lección, vamos a animar la palabra, relajarnos. A veces lo más productivo que puedes hacer es relajarte en esta lección. Simplemente relájate y mírame trabajar en esta animación. Y necesitamos manipular la forma de este texto con un ilustrador. Y luego transferir la forma a after effects y trabajar en la animación. Primero lo que queremos hacer es que vamos a guardar esta copia y luego duplicar otra en el lateral. Permítanme crear un bloque grande aquí como fondo. Y luego lo voy a duplicar tres veces. Tenemos tres formas diferentes para una misma palabra. Y luego para el primero, quiero ir a Efectos. Y vamos a Warp. Y luego podemos ir a la propiedad Arc. En esta opción de Warp, si haces clic en este menú desplegable, tenemos todas estas diferentes formas que podemos distorsionar Nuestro tipo dos, podemos hacer el Arco, y luego también podemos cambiar la configuración para manipular aún más la forma y distorsionarla de la manera que queramos En este caso, intentemos hacer de éste un apretón. Para el primero, me gusta más el squeeze, así que voy a distorsionar aún más la banda, tal vez 53% Y entonces incluso puedo cambiar la distorsión vertical horizontal también Pero por ahora, creo que es bueno tenerlo simétrico así para ser exprimido en el centro por allá. A mí me gusta cómo se ve esta. Voy a hacer click en ok, y guardarlo como esto por ahora. Y luego para el segundo, vayamos a Efectos y volvamos a deformarlo. Para el segundo, podría querer usar esta opción de arco aquí. Y entonces probablemente pueda crear algo si pongo todo en posición neutral a la banda, tal vez vamos a cambiarlo a 16. Y luego hagamos una horizontal hasta el 80% Va a hacer que nuestro tipo tenga esta forma así. Entonces si quiero hacer la vertical, creo que podría ser demasiado cambiar la vertical, así que mantengámosla al 80% Y luego vertical será cero y entonces la banda será algo así. Creo que eso me funciona. Esa es mi segunda forma. Y luego el último, vayamos a deformar de nuevo. También podemos explorar todas estas diferentes opciones. Esta es una opción de abultamiento que es casi lo contrario a este apretón Todo está redondeado en el lateral. Entonces también tenemos estos, el caparazón inferior y el caparazón superior. También puedes hacer una bandera. También hay una ola. Creo que me gusta la ola. A lo mejor pueda probar la ola y esta es una forma de pez. El pez no se ve tan bien, es difícil de leer. Y entonces tenemos esta subida y luego el ojo de pez. Puedes explorar estas diferentes opciones tú mismo. Pero creo que lo que voy a usar es que voy a usar esta bandera y luego voy a bajar un poco el tono de la distorsión. Pero creo que lo que voy a usar es que voy a usar una opción de onda y luego voy a intentar hacerlo del otro lado. Justo lo contrario como este anterior que hicimos. Y entonces podemos tratar de hacer algo así. Creo que eso me funciona. Vamos a hacer clic en, bien, ahora tenemos todas estas cuatro opciones como mi forma distorsionada final de este tipo relajado se enfrenta Entonces por ahora, creo que sólo voy a poner este de aquí. Pon este de aquí. En cuanto a la animación, vamos a animar esta primero, y luego esta 1 segundo, tercero y cuarto Ahora que tengo todas estas formas distorsionadas, sólo voy a ponerlas en mi tablero. Suprimir éste. También quiero poner estos tres colores en mi tabla R. ¿Recuerdas cómo platicamos de cómo preparar el archivo de Illustrator antes de la animación? Y vamos a hacer eso ahora en este proyecto, vayamos a Capas. Y luego haga clic en este menú desplegable. Haga clic en Liberar a la secuencia de capa. Tenemos que seleccionar todo y luego dejar todo fuera de la capa uno. Eliminar la capa uno. Y ahora que tenemos todas estas formas separadas en Illustrator, hagamos clic en Guardar Comando. Ahora vamos a crear un proyecto en after effects. Haga clic en Nueva composición Nombra esta comp principal, cambie la dimensión a 1080 por 108030 cuadros por segundo La duración va a ser de diez segundos. Haga clic en Bien. Podemos importar nuestro archivo de Illustrator. Ir a Relax. Asegúrese de que la importación como esté establecida en composición, conserve los tamaños de capa y desmarque esta secuencia ilustradora Déjelo sin marcar y haga clic en Abrir. Ahora entremos dentro de esta composición relajada. Vamos a copiar todas las capas y luego pegarlas en la composición principal. Las tres primeras capas son la paleta de colores. Puedo apagarlo por ahora. Aparte de la paleta de colores, tenemos estas cuatro capas que representan cuatro formas diferentes de nuestro texto que importamos de Illustrator. Ahora podemos animar el primero. Primero, sentémonos en el teclado para levantar la propiedad de la báscula. Ahora en cuanto a la animación, quiero animar este texto 0-100% y tal vez con un ligero rebasamiento. Entonces hagámoslo. Pongamos el cronómetro y luego agreguemos un fotograma clave Cambiar la escala a 0% Vamos adelante 15 fotogramas. Entonces cambiemos la escala al 110% Y luego volvamos a adelantar diez fotogramas, cambiemos la escala de nuevo a 100 Y luego volvamos por diez fotogramas, volvamos cambiar la escala a cero. Esta va a ser nuestra animación, 0-110% Va a flotar alrededor del 100% y luego permanecer ahí por diez fotogramas antes que se reduzca a cero nuevamente y Ahora vamos a seleccionar todos los fotogramas clave. Ir a Rec haga clic en Asistente de fotogramas clave, fácil como el editor de grafos Asegúrate de que estamos dentro del gráfico de velocidad. Sólo vamos a cambiar la influencia de esta curva tal vez al 90% por aquí en el lado derecho. Y luego cambia este para decir que podemos hacer un 25% por aquí. Simplemente arrastremos ambos lados hacia el centro. Entonces esta parte, vamos a hacer 25% y 90% de influencia, casi simétrica a lo que teníamos al principio. Esta es la curva que obtenemos. Veamos la animación. Esa es la animación que queremos para este texto. Ahora lo que podemos hacer es copiar el comando key frame C y luego duplicarlo en todas las otras tres capas, comando V. Podemos encenderlas. Vamos a golpearte en el teclado para mostrar todos los fotogramas clave. No queremos que salgan al mismo tiempo. Para que podamos cortar todas estas cuatro capas. Y luego haga clic derecho, Ir al estilo de capa, Ir a asistencia de fotogramas clave, Secuencia de capas. Haga clic en Bien. Ahora vamos a tener todas estas capas en la secuencia, una tras otra. No obstante, también podría querer ajustar el orden. No quiero que esta sea la segunda capa, quiero que esta capa sea la segunda. Todavía necesito cambiar manualmente el orden de las capas. A pesar de que ya hice las capas de secuenciación, voy a usar aquí el número seis, entonces esta es la última. También quiero atar estas capas más juntas. Déjame ir a dar click en este botón y mostrar el título Acción Segura, para que sepa dónde está mi centro. Solo quiero mover mi capa y mi texto justo al centro. Eso es bueno. Esto está justo en el centro. Y luego cuando desaparezca, quiero que este entre para que estén atados más cerca. Éste, lo voy a mover aquí porque el punto de anclaje no está justo en el centro. Podría querer cambiar el punto de anclaje al centro aquí. Cuando desaparezcan, voy a mover este aquí. Este es el punto de anclaje, se ve bien. Veamos ahora la animación. Sí, me gusta cómo se ve. Lo siguiente que queremos hacer es que queremos duplicar la capa dos veces y luego agregar otras dos capas de detalles a cada animación. Para ello, vamos al primer comando de capa D dos veces y después vamos a ponerle en el teclado. En cuanto a la animación, creo que lo que quiero hacer es que quiero mover los primeros fotogramas clave hacia adelante. Un par de fotogramas para la segunda capa. Y luego para el jugador titular, muevo el fotograma clave hacia adelante para que quede compensado. Entonces lo que quiero hacer es desvincular la propiedad de escala. Quiero cambiar la escala X en el primer fotograma clave para que sea 100% Lo mismo con este para ser 100% Si cambio el color, verás que pasa después de mis cambios Déjame llenar este con un color diferente. Vamos a llenar éste con el verde y luego vamos a llenar el de arriba con el morado. Bien, veamos nuestra animación para la primera capa. Esencialmente lo que hicimos es que para la segunda capa, que es esta capa verde, queremos que esta capa llegue a una escala 100% X. Para que tengamos esta animación de deslizamiento, casi como un golpe desde el centro que va hacia ambos lados. Esta animación que logramos a partir de este fotograma clave aquí, esa es la animación que queremos y queremos crear la misma animación para todas las demás capas Bien, así es como queremos lograrlo. Y luego hagamos lo mismo por estas otras capas. Comando D, duplique y luego te golpee en el teclado. Vamos a avanzar, tal vez un par de fotogramas. Y luego vamos a seleccionar ambas capas. Desvincula la posición x e Y en la escala. Y luego cambiemos este al 100% cambiemos este a 100% Ahora solo necesitamos cambiar el color para este. No quiero que el color sea exactamente mismo para todas estas diferentes formas. Quiero alternar los colores ya que el primero tiene el azul, el verde y el morado en este orden. Para éste, voy a cambiar un orden diferente. Probablemente púrpura, verde a azul. Voy a hacer púrpura como capa inferior aquí. Entonces copiemos este color de relleno. El verde podría estar en la segunda capa. Entonces el azul podría ser la última capa que ya está en azul. Veamos la animación ahora que tenemos alguna capa animando y luego también tenemos los cambios de color también Eso es bueno. Y luego vamos a hacer la tercera capa por aquí. Duplicarlo. Te golpeó en el teclado. Mostrar los fotogramas clave, Mueva este un poco hacia adelante. Haga un desplazamiento y, a continuación, desvincule la propiedad scale. Ir al primer fotograma clave. Cambia esta escala a 100% en escala X, y luego esta a 100% en X también. Para esta, quiero que la capa superior esté en copia verde, y luego quiero que la del medio esté en morado, la última en azul. Esto es lo que obtenemos. Sí, creo que eso funciona por ahora. Y luego el último que tenemos que hacer, golpearte en el teclado, compensar el fotograma clave. El primer fotograma clave, vinculo la propiedad, cambio la escala X al 100% luego cambio la escala X a 100% Nuevamente, para la última, quiero que la última capa esté en el color verde. El del medio estaría en púrpura, y luego la última capa estaría en verde, y la superior sería en azul. Esa es toda mi animación. Echemos un vistazo. Sí, creo que eso se ve bastante bien con esa animación, vamos a seleccionar todas las capas excepto el comando de fondo, shift C. Llama a esta animación relax. Podemos eliminar la paleta de colores ahora, y luego podemos duplicar esta capa, ir a Efectos y encontrar este efecto de bordes finos. Y luego vamos a invertir el efecto de bordes finos. Podemos hacer que este efecto de bordes finos, tal vez mantenerlo del mismo tamaño. Y luego podemos dejar caer la capa original encima del efecto de bordes finos. Haz que esta capa sea más pequeña así. Entonces si toco la animación, ahora tenemos una capa extra de los bordes con este color neón. Si voy a agregar un efecto de resplandor, vaya a capa nueva capa de ajuste. Y luego encontremos un resplandor profundo puesto en la capa de ajuste. Tonificarlo hasta 250 y luego 0.5 exposición. Veamos cómo se ve ahora. Sí, eso se ve muy bien con la configuración del globo para ese contorno de neón y la animación que tenemos. Esto es hermoso. Ahí vas. Así animamos la animación relajada en esta lección Te veré en el siguiente video. 15. Suscribirse: Bienvenidos de nuevo a esta lección. En esta lección, vamos a animar la palabra suscribir Espero que te estés divirtiendo mucho aprendiendo estas animaciones tipográficas No olvides suscribirte a nuestro canal de Youtube para mantenerte al tanto de las tendencias de la industria y también aprender diferentes consejos y trucos y técnicas para mejorar tus habilidades de animación. Ya tengo mi suscriptor diseñado en Illustrator. Esto va a servir de guía para nuestro diseño. Y vamos a volver a after effects para empezar a crear este diseño Inside after effects, vamos a crear una composición. Nombrar éste a la comp principal. Cambiar la dimensión a 13, 50 por 1080. Velocidad de fotogramas. Duración de 30 cuadros por segundo. Clic de diez segundos. Bien, déjame importar nuestro archivo de Illustrator. Haga doble clic, Importar archivo de Illustrator y, a continuación, importe como. Asegúrese de que aquí la configuración esté establecida composición, conserve los tamaños de capa. Y asegúrate de desmarcar esta secuencia ilustradora. Haga clic en Abrir, Ir dentro. Estas son mis tres capas. Tenemos texto más pequeño y luego este más grande y luego el fondo. Seleccionemos este texto pequeño tanto aquí. Haga clic en Crear formas a partir de una capa vectorial. Y ahora hemos creado el esquema para estas letras. Y luego vamos a crear formas a partir de capa vectorial con este texto más grande también. Ahora tenemos dos contornos, podemos ocultar estos originales. Tenemos dos capas de contornos para estas dos palabras aquí. Si hago clic en el menú desplegable, puedes ver que cada letra está desglosada en su propio grupo. Lo siguiente, solo quiero centrar estos dos grupos aquí. Vamos a ir a una línea y luego dar clic en el centro. A continuación, podemos comenzar a animar la propiedad path para estas capas Seleccionemos ambos, y luego busquemos la propiedad path. Vamos a presionar el cronómetro para agregar un fotograma clave en todas las propiedades de ruta bajo estas dos capas Esos son todos los marcos clave que necesitamos para todas las propiedades de la ruta. Tenemos que averiguar qué letra es cuál. Para el grupo uno está comenzando desde atrás, el grupo uno es la letra E. Entonces el último grupo, grupo nueve, va a ser la letra. Esencialmente lo que necesitamos es copiar el fotograma clave. Digamos que el, vamos a copiar el fotograma clave bajo la propiedad path del más grande. Copia este de aquí, comando C. Y luego vamos a buscar el más pequeño aquí. Podría ser el grupo nueve. Sí, es un grupo nueve. Y entonces tenemos que pegarlo aquí. Pero necesitamos avanzar 20 cuadros. Comando shift aro derecho, vamos a pegar en el fotograma clave. Y luego asegurarnos de que movemos esta S para alinearnos con esta posición que queremos. Ahora si toco la animación, puedes ver que mi S está animando desde esta posición original de esta versión audaz y pequeña, hasta esta versión más grande y delgada Y así hacemos la animación entre estos dos tipos de letra, dos espesores Y vamos a hacer lo mismo por cada letra. Déjame simplemente encontrar el segundo fotograma clave de propiedad path para la U, que va a ser el grupo ocho aquí, este es el U más grande Y este es un fotograma clave, necesitamos comando C y luego pegarlo en la propiedad path bajo el grupo ocho, comando B. Asegúrate de mover esto para alinearlo con la posición que lo necesitamos A continuación, permítame encontrar el grupo siete. Para el grupo siete, tenemos tres fotogramas clave. Tenemos que copiar los tres. Commancn. Vamos a buscar el grupo siete aquí. Asegúrese de hacer clic en la propiedad path antes de pegar en el marco clave CommenV, luego muévala aquí, número seis aquí Péguelo aquí, muévelo aquí. Entonces vamos a tener el comando de fotograma clave número cinco C entrar aquí. Muévelo por aquí. Entonces para el B va a ser el grupo cuatro, comando C, pégalo debajo del grupo cuatro, Muévelo por aquí, eso es bueno. Grupo tres aquí, comando C, pégalo. Péguelo, muévelo aquí. Entonces los dos últimos grupos, que es el grupo dos, tienes tres fotogramas clave en el grupo dos. Muévelo por aquí. Entonces el último grupo será este fotograma clave para el pasado aquí dentro Ahora podemos ocultar esta capa porque obtuvimos la animación en la otra capa. Pulsa el botón Shy. Veamos la animación por ahora. Ese es nuestro morphing entre los dos estados. Creo que se ve bien. Y ahora solo necesitamos copiar el fotograma clave original, todos estos primeros comandos de fotogramas clave, y luego ir por 20 fotogramas Pégalo para que tengamos un bucle aquí. Va grande y pequeño y pequeño. Vamos al interior del editor gráfico. Seleccione todo, bien. Haga clic. Vaya a Asistente de fotogramas clave, facilidad fácil. Ir al editor de grafos. Tenemos que manipular la gráfica como lo que hicimos antes. Solo arrastra la influencia por aquí a tal vez 95% Hagamos 95% de influencia en el centro. Y luego por los dos lados, hagamos un 15% de influencia aquí. Cambiemos al 15% Juguemos la animación. Sí, para poder ver el efecto, todavía necesitamos duplicar estas capas un par de veces más. Comando C y luego duplicar. Duplicar de nuevo. Entonces tenemos esto rebota. Sí, creo que me gusta la animación. Déjame duplicar de nuevo para tener cuatro bucles aquí. En cuanto a la animación, me gusta la energía. A mí me gusta lo que parece. Debería estar bien. Sólo quiero ver qué pasa si duplico esta capa. Tal vez voy a hacer algo elegante aquí. Déjame duplicar dos veces. Entonces tú en el teclado, podemos comenzar desde el segundo fotograma clave. Podemos cortar la capa desde aquí. Seleccione la opción de dos fotogramas clave duplicados, corchete izquierdo para cortarlo aquí Entonces vamos a mover la posición inicial de las dos nuevas capas por aquí. Y luego mueve este hacia abajo. Mueve este hacia arriba, así tenemos un diseño como este. Y luego vamos a tocar la animación y ver cómo se ve. Bien, esencialmente lo que quiero hacer es no quiero la superposición que me maree un poco Si este es el estilo al que vas , creo que eres bueno para ir. Pero para mí, creo que puedo manipular la curva aún más para tener una animación similar. Creo que lo que tengo que hacer, golpearte en el teclado. Déjame hacer más grande la línea de tiempo. Déjame solo ajustar los tres primeros conjuntos de fotogramas clave. Los tres primeros fotogramas clave en todas estas propiedades de ruta van al editor de curvas Déjame borrar el resto del fotograma clave para que no distraiga Déjame borrar esta capa para que solo tenga una capa superior con la que trabajar. Déjame obtener todos estos fotogramas clave y luego déjeme volver a colocarlo en el marco clave original, el marco clave lineal. Y luego vuelva a hacer clic en asistente de fotogramas clave. Tan fácil como Vamos a ajustar la curva como lo hicimos antes. Prueba un 95% de influencia aquí en el centro en ambos lados, 95% de influencia. Entonces vamos a hacer un 15% de influencia al principio y al final que la animación realmente coincide con mi primer conjunto de fotograma clave o la primera capa. Ahora deberían tener los mismos rebotes. Sin embargo, cuando cambien, solo va a ser uno grande y otro pequeño. Déjame duplicar estas capas cuatro veces, o tres por 123, para que coincidan entre sí. Y entonces ahora puedo duplicar esta primera capa. Muévelo hacia abajo para que esté ocupando todo el espacio. Déjame arrastrar estas capas hacia abajo. Veamos la animación. Ahora, ahora ya no tenemos la superposición, así que esta es la animación que tenemos. Creo que esto me gusta más sin la superposición y todos los movimientos son similares, ¿verdad? Entonces otra cosa que podemos agregar es, ¿y si hacemos algún offset entre estas letras? Vamos a golpearte en el teclado. Déjame ver si puedo hacer un offset. Déjame probar un desplazamiento de fotograma. Así que vamos a avanzar un fotograma, y luego vamos a mover esto aquí. Y luego un marco para la letra B. Necesitamos copiar las tres propiedades de ruta para poder cambiar una letra en este caso. Entonces voy a mover estos tres sets aquí. Y luego ir adelante para S es un set y luego ir hacia adelante. Para la C va a ser un set y volver a seguir adelante. Para la R, van a ser dos sets. Y luego para el yo, vayamos adelante uno. Y luego hagamos la B. Aquí van a ser los tres conjuntos los que tengan en cuenta una letra. Y luego ir por un cuadro. Mueve estos por aquí para que tengamos un cuadro desfasado a todas estas letras. Creo que se ve bastante bien. Ahora solo tenemos que hacer un principio para la capa superior por aquí, tú en el teclado. Hagamos las mismas compensaciones. Ve a empezar con la primera letra S aquí, y luego ir adelante un fotograma. Mueva estos fotogramas clave más. Ahora veamos cómo se ve. Va a parecer casi un efecto de onda. Ahora, podemos simplemente eliminar este y duplicar éste de nuevo. Ponlo aquí abajo para que no tengamos que ajustarlo una vez más, porque estas dos capas, superior e inferior, están teniendo exactamente la misma animación. Veamos cómo se ve después del offset. Sí, creo que me gusta más. Simplemente se siente muy suave y hay un ritmo para ello. Creo que me gusta cómo se ve. Entonces hagamos eso y luego guardemos el proyecto. Combinemos las tres capas en una sola composición. Hombres de C, nombra éste, Suscríbete Animación. Ahora antes de terminar, tenemos un par de estilos más que podemos agregar. Duplicemos esta capa una vez. Y luego en la segunda capa, vamos a buscar efectos de saturación de tonalidad para esta. Si lo compensamos en un fotograma, solo mueve este anillo un fotograma hacia adelante, podemos cambiar el tono maestro y conseguirle un color diferente que va detrás de nuestra capa original. Cambiemos el matiz maestro. A mí me gusta este color azul detrás del naranja, creo que voy a ir con este. Y entonces también podemos bajar el tono de la saturación maestra. Y bajar el tono de la ligereza, tal vez a negativo 15 en ambos. Para que tengamos casi como una capa de garabatos debajo de ella para darle un efecto de eco Así es como se ve. Entonces después de eso, lo que podemos hacer es agregar un efecto de ruido. Vamos a poner capa nueva capa de ajuste y luego vamos agregando un efecto de ruido, cambiemos el ruido a 10% Otra cosa que quiero agregar es desplazamiento de turbulencia Ahora podemos ver que todo está distorsionado. No obstante, queremos cambiar la cantidad a tal vez 20, entonces podemos cambiar el tamaño a cinco. Si me acerco, puedes ver que hay algunos bordes rugosos que recorren cada letra para que este alojamiento parezca un efecto garabato En cuanto a la animación, vamos a ir a un fotograma clave sobre la evolución y luego podemos ir cinco segundos y luego cambiar la cantidad de evolución a cinco rondas. Veamos qué tan rápida es la animación. Se puede ver que hay una ligera animación. Si voy esto a resolución completa, pueden ver los efectos que obtengo. Ahora creo que la segunda capa podría ser demasiado. Me está mareando un poco. A lo mejor debería cambiar la opacidad a 35% o 20% Vamos a intentar eso Bueno, es una opción para ti, no tienes que encenderla. Creo que podría ser demasiado. Si no te gusta, solo podemos ocultar esta capa. Ahora bien, esta es la animación después de que la agregemos en la pantalla animada de turbulencias. Creo que me gusta cómo se ve ahora solo necesitamos agregar una textura animada para completar esta animación. Ahora acabo de caer en mi textura desde online. Pongamos la textura, hagamos esta textura más grande para cubrir todo el asunto. Entonces antes que nada, es en color blanco, así que necesitamos invertir el color. Busquemos invertidos que se esté convirtiendo en un color negro Ahora vamos a animar la propiedad de rotación de esta textura están en el teclado Vamos a hacer un fotograma clave al inicio, y luego avanzar cinco fotogramas, 12345 Podemos animar esta rotación aquí, asegurarnos de que sea lo suficientemente grande como para cubrir todo el lienzo Entonces vamos a hacer otra rotación, solo hazla lo más aleatoria posible. Por cada cinco fotogramas vamos a tener una vuelta. Entonces después de que tengamos estos fotogramas clave, haga clic derecho, conviértelo en fotograma clave hold, y luego podremos hacer una opción de expresión y luego clic en el Cronómetro Simplemente escriba salidas de bucle. Ahora deberíamos tener una textura que se vea todo el tiempo. Esta textura en estos momentos es demasiado oscura. Vamos a bajar el tono de la opacidad. Tal vez a 65% o incluso 30% más como 25. Vamos a cambiarlo a 25% Tony abajo y veamos la animación por ahora. Ahora, ahí tienes. Esa es nuestra animación completa para el suscriptor. Espero que les guste esta lección. Te veré en el siguiente video. 16. Sudor: Bien, en esta lección vamos a animar la palabra sudores Si alguna vez quieres ser bueno en algo, la práctica es clave. Ya estamos poniendo nuestra sangre y sudor en estas animaciones. Confíe en el proceso y siga practicando. Te convertirás en un gran animador antes de que te des cuenta, echemos un vistazo a nuestro storyboard para los Esta es mi palabra aquí y déjame poner un fondo detrás de ella. Solo una demostración de cómo configuramos esto. Aquí tenemos esta prueba de roca condensada negrita. Primero vayamos a esta herramienta de transformación. Da click en él, y luego podemos sesgar un poco este fondo de la izquierda, inclinarlo Ahora tenemos aquí este texto. Lo siguiente que queremos hacer es agregar un color blanco y cambiar el contorno a este morado. Eso es bueno. Lo siguiente que necesitamos para delinear este comentario para delinear esta palabra. Y podemos ir a la ruta del objeto y luego a la ruta de desplazamiento. Una vez que hagamos el desplazamiento, podemos hacer ya sea 20 píxeles o diez píxeles. Creo que 15 píxeles podrían ser lo suficientemente buenos. Podemos dar click en, bien, ahora tenemos estos trazos. Eso está dentro de la propia letra. Podemos desagrupar estas letras. Comando turno G para desagruparlo. Para el contorno, puedo cambiar el color, déjame copiar este código hexadecimal de color. Y entonces podemos cambiar el contorno por el contorno púrpura. Ahora tenemos configurado este texto, y entonces todo lo que tenemos que hacer es acercarlos más. Así es como configuramos este texto aquí. Ahora solo puedo eliminar este y luego asegurarme en el panel de capas está todo separado. Podemos guardar este archivo de Illustrator. Vamos a After Effects. Da click en esta, crea una nueva composición. Llama a este comp principal. Hagamos 13. 50 por 108030 cuadros por segundo. Haz clic en Bien, vamos a caer en nuestro archivo de ilustrador Sweat. Asegúrese de que esté configurado para retener los tamaños de capa. Desmarca esta secuencia ilustradora y luego podremos ir dentro de estas, copiar toda la capa, pegarla en composición principal Eso es bueno por ahora. Y luego para el fondo, solo necesito hacerlo más grande para que quepa todo el espacio aquí, bloquear el fondo. Movamos todo al centro de la composición. También podemos mantener presionado el comando y hacer triple clic en la pluma detrás de la herramienta. En cuanto a cada letra, tenemos dos capas por cada letra, podemos agruparlas. Agrupemos a este S primeros hombres, nombra a éste S. Entonces para éste serán estos dos serán. Entonces estos dos serán A. Estos dos. Estos dos serán los. No sé por qué tenemos tres capas que no contienen nada. Podemos eliminarlos. Ahora tenemos la palabra aquí que se ve bastante bien. Primero, creo que en este caso, solo necesito animar la propiedad scale para estas capas Vamos a presionar S en el teclado en un fotograma clave a cero segundos. Adelante diez cuadros. Quiero ver dónde está el punto de anclaje. ¿Y si muevo este más grande? ¿Si cambio este a 150% de escala? Esto es lo que obtengo al principio. Creo que lo que quiero es cambiar la escala para hacerla aún más pequeña. A lo mejor así. Hagamos 35% algo así al 35%. Y luego ir por 20 cuadros. Nuevamente, copie el primer fotograma clave para completar un bucle. Déjame seleccionarlo todo. Vuelva a hacer clic, vaya a Asistente de fotogramas clave, Facilidad fácil. Ve al editor de grafos, asegúrate de que estamos dentro del gráfico de velocidad. Yo solo quería pasar el rato por aquí con el 95% de influencia. Arrastrarlo hasta que veamos 95 no tiene que ser exacto. Y luego por aquí lo cambiamos al 15% Eso queda bien. Veamos la animación. Sí, creo que eso funciona. Y luego solo necesito duplicar este un par de veces. Vamos a probar cuatro bucles. Y luego este, nuevamente, 12, solo duplicando estos fotogramas clave Eso es bueno. Y luego podemos compensar los marcos clave para cada letra. Vamos a compensarlo por dos fotogramas. Adelante, dos cuadros. Ve cómo se ve con dos fotogramas de offset. Bien, esa es nuestra animación para el sudor. Ahora solo necesitamos seleccionar todas estas capas. Ken, nombra a éste. Animación de sudores. Duplicemos esta capa un par de veces. Ahora podemos copiar esta paleta de colores. Dejemos caer nuestro paladar de color aquí. Esta va a ser la primera capa. Para la segunda capa, voy a usar un efecto llamado Phil. Cambiemos el color a color verde. Entonces para la tercera capa, podemos cambiarla a este color rosa. Entonces la última capa podemos cambiarla al color azul oscuro. Vamos a tener un marco de desplazamiento para estas capas. Yo sólo quiero ver cómo se ve. Ahora bien, tal vez un desplazamiento de fotograma no sea suficiente. Hagamos dos fotogramas de compensaciones, a ver cómo se ve. También quiero agregar un trazo de estilo de capa alrededor de estas nuevas capas. Vamos a entrar en el trazo. Vamos a cambiarlo para que sea dos puntos, o 1.1 punto debería ser suficiente. Vamos a copiar este estilo de capa y luego pegarlo en estas dos capas. Ahora tenemos un derrame cerebral que da la vuelta. Ahora mismo, siento que es difícil ver la segunda capa. Déjame cambiar el tamaño de la misma. Vamos a cambiarlo a tal vez 110% para que sea un poco más grande. Y éste, cambiémoslo al 115%. Entonces el último, cambiémoslo a uno 20% veamos cómo se ve. Sí, creo que ahora se ve mejor. Es mucho más fácil de ver. Después de tener estas animaciones, quiero duplicar la última capa una vez más y luego usar esta como sombra. Vamos a ajustar el ensamble este color de fondo y hacer que este color de fondo sea más oscuro. Necesito mover la propiedad de posición y asegurarme de que esta no tenga un trazo. Yo sólo quiero sacarlo para que sirva de sombra paralela. Y luego podemos eliminar el estilo de capa. Éste debería ser como sombra caída aquí. Puedo moverme incluso hacia abajo así. Ahora esta última capa está sirviendo como sombra paralela. Creo que se ve bastante bien. Y lo último que queremos hacer es quiero agregar algún esquema que también salga para la primera animación de sudor. Vamos a hacer clic en Revisar el Proyecto de Abastecimiento de Capas. Déjame duplicar esta capa en el panel del proyecto. Entonces esta se va a llamar Sweat Outline. Y luego dejemos caer el contorno de Sudor en mi línea de tiempo. Vamos dentro de esta capa de contorno dentro de aquí. Solo necesito obtener esta capa, copiar esta capa de contorno, copiar esta capa de contorno, y luego pegarla dentro de este contorno de sudor. Podemos entrar en cada capa y copiar el archivo de ilustrador de contorno en mi capa de contorno de sudor. Ahora puedo ocultar toda esta composición solo para tener mi contorno. Ahora puedo ocultar estas composiciones. Estas son mi capa de contorno. Lo que quiero hacer es ir rec click, Crear formas a partir de capas vectoriales. Y luego bajo este grupo de contenido, podemos apagar el relleno para mostrar únicamente el esquema. Vamos a hacer lo mismo por éste. Permítanme crear el contorno para estas capas. Y luego también podemos ocultar todas estas capas de Illustrator. Da clic en el botón tímido. Ahora solo tenemos que ir dentro de cada contenido. Y luego apagamos el color de relleno para que solo nos quede un contorno. Apágala, apágala. Eso se ve bastante bien. En cuanto a la animación, lo que podemos hacer es en el teclado, ir por 20 fotogramas. Yo sólo quería salir así. Vamos a probar todo S E, A y entonces podría ser demasiado grande, encogiéndose un poco Mueve este aquí, vamos a superponerlos un poco para que cada uno pueda ser visto. Yo sólo quiero que se acerquen. También quiero que se acerquen al centro. Entonces necesito manipular el punto de anclaje. Establezca el indicador de la línea de tiempo al final. Esta es la posición que queremos al final. Entonces en este punto, quiero ir al bolígrafo detrás para mover el punto de anclaje al centro para cada letra que vamos a acercar desde el centro para cada letra. Entonces esto es lo que se ve al principio. Incluso podemos hacerlo mucho más pequeño y esta va a ser nuestra animación. Seleccione todo el fotograma clave, asistente de fotograma clave Relic, facilidad fácil de facilitar así A ver si funciona. Cambiemos este todo el camino, dale más energía. Entonces para la transparencia, vamos a presionar la tecla en el teclado. Yo sólo quería desaparecer cuando se acerca. Casi así, así que está desapareciendo cuando se está alejando Y también por ahora, quiero compensarlo con dos fotogramas clave por cada letra. Esta va a ser la animación que tengamos. Veamos afuera cómo se ve con nuestra animación. Ahora bien, así es como se ve el contorno. Sólo lo estoy posicionando detrás de la animación que ya tenemos. Y se puede ver que el esquema sale primero. Antes de todas estas animaciones, solo quiero ver cómo se ve si giro el color del contorno en este color verde en lugar del azul oscuro porque siento que es difícil de ver. Déjame probar este color de pantalla aquí y copiar el código hexadecimal. Estoy cambiando todo el contorno azul por el verde. Creo que el verde es más fácil de ver. Sí, creo que se ve mejor con el color verde. Ahora, se puede duplicar este esquema. Ponlo aquí otra vez. Ahora aquí está nuestra animación final. Eso es todo con la animación de sudor. Te veré en el siguiente video. 17. Esto es arte: Bienvenido de nuevo. En esta lección vamos a animar esta frase Esto es arte. Simplemente me encanta tanto esta frase. Me recuerda que en lo que estamos trabajando es arte. Y estamos usando nuestro arte para contribuir a la cultura. La cultura está conformada por el arte, así que usemos nuestra creatividad para crear más artes increíbles para dar forma a nuestra cultura. Aquí tenemos nuestro texto dentro del archivo de Illustrator. Importaremos este archivo dentro de After Effects. Vamos a After Effects, crear una nueva composición. Nombra éste a com principal 13 50 por 108030 cuadros por segundo Por diez segundos, haga clic en. Bien. Importemos nuestro archivo de Illustrator. Y asegúrate de cambiar este a Tamaños de Capa de Retención de Composición. Y comprueba esta secuencia ilustradora. Haga clic en Abrir. Vamos adentro. Ahora tenemos cuatro capas. Primero, solo quiero animar la primera palabra. Vamos a nombrar mi capa. Esto es, eso Se ve bien. En primer lugar, antes de hacer la animación, necesitamos establecer un par de pautas. Entonces vamos a darle al comando R. Para abrir nuestro gobernante, necesito tirar una regla para adjuntarla a la línea de base de mi palabra. Y luego necesito tirar de una regla para adjuntarla a la parte superior para que conozca mi posición original, la altura de mi texto original. Y otra cosa es cuando animamos la palabra más grande, necesitamos establecer un punto donde qué tan alta va a ser esta palabra, ¿verdad Entonces pienso alrededor, creo que lo más alto que voy a hacer, cada palabra va a estar alrededor de esta altura Sólo voy a tomar mi guía por aquí. Esta es mi posición para el texto más grande. Entonces también necesitamos una posición para un texto más pequeño. En cuanto a la más pequeña, sólo voy a arrastrar aproximadamente una guía aquí. Y este va a ser mi texto más pequeño, tal vez alrededor de la mitad de la altura de mi texto original. Entonces estos son todos los lineamientos que tenemos. Vamos a animar mi primera palabra. Pulsa en el teclado para levantar la propiedad de la báscula. Pulsa el cronómetro para agregar un fotograma clave. Vamos a agregar una anticipación a esta animación. decir, si esta palabra es cada vez más grande, tenemos que encogerla primero antes de que llegue a ser grande. Adelante, cinco fotogramas, todo lo vamos a animar en un incremento de cinco La anticipación y el sobreimpulso van a estar a cinco fotogramas Y entonces la animación real va a ser de 15 fotogramas. Sólo recuerda eso. Adelante cinco cuadros. 12345, Vamos a encogerlo a 115. Hay un número de pareja que debemos recordar. En primer lugar, esta es la anticipación número 115. Vamos hacia adelante 15 cuadros, 12345. Eso son 15 cuadros. Vamos a hacer esto todo el camino grande. Sin embargo, la altura no es lo suficientemente alta, así que necesito desvincular la propiedad aquí, hacer esta escala Y más grande así, y vincularla de nuevo Esta va a ser nuestra posición final. No obstante, necesito hacer un sobreimpulso. Volvamos a alcanzar 45 fotogramas. 12345. Esto va a copiar este último fotograma clave que tuvimos, V. Esta va a ser mi posición final No obstante, para el sobreimpulso, sólo voy a hacerlo un poco más grande para que rebasando antes de que se asiente Esa es mi primera animación. Pequeño, grande. Y luego vuelve a bajar el asistente de fotogramas clave de clic. Fácil. Ir al editor de grafos en cuanto a la influencia, intentemos 75% de influencia en la anticipación y el sobreimpulso y luego vamos a hacer 90% de influencia en la animación real Entonces esta gráfica más grande aquí es la animación real. También asegúrate de que estás editando el gráfico de velocidad para que eso sea 90 y luego vamos a hacer 75 por aquí y luego 75 por aquí. Repasemos la animación. Sí, me gusta esa energía de aquí. Eso se ve bien. Ahora bien, ya que la primera palabra es demasiado grande está cubriendo mis otras dos palabras, necesito reducir las otras dos palabras. Vamos a agregar objeto nulo, asegurémonos de que esté en la esquina inferior derecha de mi texto y luego esté en la línea base. Ir a seleccionar la última palabra clave, padre a la nula. Pulse en el teclado para la propiedad de escala. Yo quiero hacer lo mismo. Hacer una anticipación, en este caso, va a hacerse más grande aquí, entonces voy a hacer un sobreimpulso, volverme demasiado pequeño, entonces la posición final sería por aquí Necesito ajustar mi pauta de texto más pequeña para asegurarme de que coincida con mi última palabra pequeña. Esa va a ser mi palabra más pequeña. Si voy selecciono el fotograma de cuatro claves. Vamos a mi copia fácil. Enchufe, presione la copia y luego pegue la flexibilización aquí. Veamos la animación. Sí, eso se ve bastante orgánico, bastante fluido. Ahora me gusta. Solo necesitamos sostener esta escena durante cinco fotogramas, 12345, Agregar un fotograma clave en la escala del nulo y el fotograma clave para la escala de la primera palabra Eso es bueno, vamos a aguantar aquí. Lo siguiente que vamos a hacer es que vamos a agrandar la segunda palabra. Vamos a volver a reducir esta primera palabra a su posición original. La forma de hacerlo es que podemos copiar los primeros cuatro fotogramas clave y luego pegar aquí MV y luego hacer clic en ir a la última opción asistente de fotogramas clave, y luego seleccionar time reverse y luego seleccionar time reverse key frame, que es el último, no estoy seguro si puedes ver pero es el último comando time reverse keyframes, vamos a tener exactamente la misma animación No obstante, es revertir la animación que teníamos. La primera palabra está volviendo a su posición original. Hagamos lo mismo para el comando de objeto nulo C y luego el comando V y luego vamos al fotograma clave de clic rojo, asistente de fotogramas clave inversos de tiempo Básicamente se trata de revertir nuestros marcos clave. Y luego, veamos, la animación. El único problema está en la segunda carrera, necesito tener esto, mi segunda palabra cada vez más grande. Agreguemos un fotograma clave en la propiedad scale de mi segunda palabra. Hagamos una pequeña, muy leve anticipación a uno, 15% entonces sólo vamos a hacerlo todo el camino grande, así Vamos a vincular la propiedad aquí, golpear la amplia escala de posición así, y luego vamos a vincularla de nuevo. Vayamos hacia atrás, asegurémonos de que se esté rebasando un poco Y esos son el marco clave para mi segunda palabra. Vamos a copiar la flexibilización. Copia y luego pega la flexibilización aquí. Veamos la animación. Sí, creo que funciona. Aunque también necesito hacer estas dos palabras más pequeñas. Porque ahora como la palabra media es demasiado grande, está cubriendo la palabra secundaria justo aquí en la posición final. Yo sólo voy a hacer este más pequeño, así. El tema es que no podemos ajustar la analogía. Porque si ajustamos el registro por aquí, va a arrastrar mi segunda palabra juntos. Para ello, sólo podemos animar la propiedad de escala de esta tercera palabra aquí desde esta posición original Tratemos también de darle una anticipación, tal vez a 115, luego por aquí, solo voy a encogerlo de nuevo a un tamaño similar a mi primera palabra aquí Y luego copia este fotograma clave. Dale un rebasamiento, algo así. Y luego déjame copiar de nuevo la flexibilización, ponla en esto aquí, veamos la animación Sí, creo que eso funciona. Eso es bueno. Y luego vamos hacia adelante cinco cuadros para sostenerlo aquí. Sostenga todo por cinco fotogramas. Eso es bueno. A lo siguiente vamos a animar la tercera palabra Artes, hazlo más grande. Volvamos a adelantar cinco fotogramas. 12345. Sólo voy a hacer una anticipación. 15 cuadros, ir todo el camino grande, tal vez así de grande. Y luego desvincula la propiedad. Cambia las alturas, vuelve a vincularlo. Ir por cinco fotogramas, copiar este último fotograma clave, este es el estado final. Y luego el segundo, el último, podemos hacer un poco de rebasamientos. Hazlo más grande, eso es bueno. Ahora nuestro es demasiado grande, así que tenemos que encogerlo de nuevo. Para encogerme es, antes que nada, necesito hacerlo más pequeño, casi del mismo tamaño que mi primera palabra. En ese caso, vamos a hacer una anticipación y luego volverla a reducir así No obstante, si lo hago de esta manera, vamos a tener una gran brecha. Si apago el arte, vamos a tener una gran brecha entre estas dos palabras. Eso no es lo que quiero. El tema es mi punto de anclaje. No obstante, no puedo cambiar mi punto de anclaje porque si lo cambio, el primer lote de fotogramas clave ya no va a estar funcionando. En este caso, lo que tenemos que hacer es dividir la capa. Donde lo necesito por aquí. Necesito dividir este comando de capa shift y luego guardar todo mi fotograma clave que tenía en la parte anterior Y luego avanzando a partir de este punto, voy a usar una nueva capa para controlar esta letra o esta palabra con una nueva posición de mi punto de anclaje. Ahora ya he partido mi capa. Puedo borrar estos dos fotogramas clave porque está en la capa original, ya no funciona. Vamos como en el teclado, cambiemos el punto de anclaje a la esquina inferior izquierda, puede estar por aquí. Y luego hagamos un sobrepaso. Eso se ve bien. Y entonces si encojo el tamaño de mi segunda palabra, ya puedes ver si apago mi arte, en realidad se está acercando a mi primera palabra. No sé qué pasó con mi línea de base. No está alineando. Sí, eso debería funcionar. El caso es que solo necesito asegurarme que mi punto de anclaje esté justo encima de mi línea base para que pueda alinear mejor la letra. Necesito ir a pen pine para asegurarme de que está en la línea de base aquí. Cuando estoy reduciendo el tamaño, esto hace un sobreimpulso Eso es bueno. Esa es la animación para la segunda palabra que viene abajo. Podría necesitar hacer este punto de anclaje a la derecha un poco más para que haya más espacio entre las dos primeras palabras. Sí, solo ponlo justo en el borde de mi carta. Eso debería funcionar. Sí, eso me funciona. Déjame volver a encender el arte. Sin embargo ves que el arte es demasiado grande. Todavía necesito otro objeto nulo. Vamos a buscar un nuevo objeto nulo. Asegúrate de que está empezando desde aquí en este punto. Y luego vamos a mover este objeto nulo todo el camino hasta la esquina inferior izquierda y vamos a padre el y esto a este objeto nulo en el teclado para el objeto nulo. Eso es animar la propiedad de escala. Hagamos un sobreimpulso de 110. Eso es bueno. Y luego cuando vuelva a bajar, necesito arrastrarlo todo el camino, así, más pequeño por aquí. Tal vez esto. Estoy usando este nuevo objeto nulo para controlar tanto la primera palabra como la segunda palabra. Y estoy usando la segunda palabra con una nueva capa, una capa dividida para controlarse a sí misma para tener que ser del mismo tamaño que mi primera palabra. Y entonces el objeto nulo está controlando las dos palabras juntas para reducir el tamaño. Déjame copiar mi influencia. Pasemos a la capa original en el teclado. Sólo quiero copiar la influencia. Copia aquí. Y luego ponlo sobre este objeto nulo. También quiero ponerlo por aquí. Veamos la animación por ahora. Pongámoslo aquí también. Veamos la animación. Esa es nuestra animación por ahora. Ahora vamos a seguir animando, hacer que todo vuelva a sus estados originales Porque las artes eran mis artes. Yo sólo quiero sostenerlo aquí por cinco fotogramas. 12345 para todo. Vamos a golpear el marco clave. Eso es bueno. Entonces tenemos estos fotogramas clave aquí No necesito este. Ahora podemos animar todo de nuevo a su posición normal Adelante cinco fotogramas otra vez. 12345, vamos un ligero rebasamiento, y luego vamos a hacer un sobreimpulso para Entonces 15 cuadros, 112345, el arte va a retroceder un rebasamiento, entonces este va a ser el sobreimpulso Esta va a ser la posición original. Sin embargo, necesito que esto se convierta en uno oh nueve también. Y entonces el último se convertiría en 125. 125. Ese es el tamaño original de mis artes. Eso es bueno. Y entonces éste va a estar escalando así. Esa es mi posición final. Yo sólo voy a hacer un rebasamiento por aquí. Un poco más grande. Eso es bueno. Entonces lo mismo, necesitamos copiar la influencia. Siempre vuelve a los cuatro fotogramas clave originales para copiar la influencia. Simplemente copiando estos, facilitando estos nuevos fotogramas clave. Creo que eso funciona. Y entonces podemos hacerlo en establecer el rango de previsualización. Veamos la animación en general. Solo necesito asegurarme, esta escala proporcionada para volver a ponerla. Si son 72, tengo que volver a ponerlo al 72.6 por aquí. Vuelva a cambiar la escala a 72.6 para que sea proporcional. Ahí vas. Esa es nuestra animación para. Esto es arte. 18. Textura y ruido: Lo siguiente solo podemos agregar algo de textura animada y rematarla. Ahora tengo mi capa de textura por aquí. Déjame rastrear mi textura hacia abajo. Primero quiero aplicarlo a mi primera palabra, ir a rotar esta textura R en el teclado, y luego girarla, tal vez ponerla por aquí. Cambiemos el modo de fusión a luces suaves. Yo solo quería cubrir mi capa de texto por aquí. Voy a usar esta capa de texto como tapete alfa para mi textura. Vayamos a Track select layer number seven. Además, necesito encender esta capa. Así es como se ve después de la textura. Y entonces esto es sin la textura. Creo que se ve bastante genial con la textura aquí, me parece bien. Y luego voy a duplicar esta textura y ponerla encima de mi arte. Entonces vayamos a rastrear a Matt. Asegúrate de que esté configurado en esta cuarta capa llamada Artes. Ahora tenemos esta capa de textura encima de mi texto artístico. Puedo hacer esta textura más pequeña, aún más pequeña. A lo mejor rotarlo un poco más. Sólo dale una buena posición. Asegúrate de activar también esta capa de arte, lo contrario es difícil de ver. Déjame hacerlo más pequeño. Ponlo por aquí. Sólo quiero girarlo a una dirección, algo así. Y luego hazlo un poco más grande. También puedo desvincular la propiedad scale para tal vez cambiar, hacer que la textura sea más larga así, que el patrón sea más obvio por dentro Creo que me gusta más esa. Entonces sólo voy a hacerlo un poco más amplio para cubrir todo mi texto aquí. Y luego rotarlo así. Quizá cambiarlo a ocho, creo que eso funciona. Sí, me gusta cómo se ve eso. Lo siguiente, también necesitamos ser padres de esto. Voy a ser padre de la textura con mi capa de arte. Y entonces la primera textura será padre de esta capa que se mueve con la textura, derecho. Y luego voy a duplicar de nuevo la textura. D, ponlo encima de la, la segunda palabra. Voy a ponerla encima de la segunda palabra. Asegúrate de que la alfombrilla de pista esté establecida en la capa ocho para esta, y luego esta se establece en la capa seis porque tenemos dos capas diferentes. Para la segunda palabra, también necesitamos activar la segunda palabra para esta, cambiemos el modo de fusión a otro modo de fusión. Podemos intentar tal vez una luz dura, déjame probar una luz dura por aquí. Ahora podemos ver que esto se convierte un color negro en lugar de un color beige antes. ¿Y qué pasa si voy a la opacidad y la bajo el tono? Entonces también podemos hacer esta capa más pequeña, moverla aquí, cambiar la escala. Simplemente manipula la textura para que quede bien. Creo que esta textura se ve bastante bien. Me gusta cómo se ve ahora. Yo sólo quiero asegurarme de que este esté apadrinado a la capa ocho de aquí Y luego voy a borrar esto, duplicar este, asegurarme de que este esté parentado a la capa seis Ahora esta es la animación después de que añadimos la textura. Creo que me gustan estas texturas en general. Y luego ahora solo quiero terminar haciendo un par de cosas más. Capa de ajuste en cuanto a un efecto de ruido, pongámoslo al 10% Ahora solo necesitamos agregar una pantalla de turbulencia Cámbialo a 20 el tamaño, tal vez a cinco. Entonces hagamos una animación sobre la evolución. Dale al fotograma clave por aquí. Te golpeo en el teclado. Hagamos seis rondas. Lo último que vamos a hacer es que vamos a caer en otra textura que teníamos. Pongámoslo aquí y hagámoslo más grande. Hagamos algunos cambios de rotación a mi textura que algunos cambios de rotación. Seleccione todo, haga clic con el botón derecho, todo el fotograma clave y luego agregue una expresión llamada loopout. Ahora vamos a tener esta textura animada a lo largo de todo el tiempo. Tenemos que invertir esta textura. Ya hablamos de cómo animar la textura en una de las otras lecciones, ¿verdad Yo sólo voy a hacerlo rápido aquí. Ahora estamos invirtiendo el color. Y luego vamos a golpear en el teclado, cambiar la opacidad hacia abajo. Ahora cambiemos el modo de fusión a pantalla Ahora esta es la animación final con algunas texturas y algunos efectos de desplazamiento turbulentos. Simplemente hace que nuestra animación en general realmente estilizada y realmente grungy Ahí vas. Así es como hacemos esta animación. Espero que les guste. Te veré en el siguiente video. 19. Gifs de exportación: Bien, en este video te voy a mostrar cómo podemos exportar nuestra animación en un regalo. Y podemos compartirlo en línea. Primero, cuando hablamos de regalo, mayoría de los regalos son en bucle, por lo que debemos asegurarnos de que nuestra animación sea un bucle sin fisuras antes de exportar Ya hablé de cómo hacerlo en la lección anterior. Puedes referirte de nuevo a esa lección donde hablamos sobre cómo podemos hacer un bucle sin fisuras de nuestra animación. Y lo principal es que necesitamos establecer los puntos de vista previa con el atajo en el teclado, que es B. Y si quiero exportar este video de cero segundo a 1 segundo, solo puedo configurarlo 0-1 Cuando mi indicador de línea de tiempo está en cero Estaré en el teclado como pueden ver aquí. Y luego iré a 1 segundo. Pulsa N en el teclado, y este es mi rango de vista previa. Este va a ser el rango desde el que se va a exportar mi video. Solo tenemos que asegurarnos dentro este rango que nuestra animación esté en un ciclo En cuanto a esta animación, si la juego, creo que es un bucle, aunque la textura podría no hacer bucle Pero no creo que eso sea un problema. Porque la textura siempre está cambiando al azar. No afecta a nuestra animación en cuanto al punto en el que gira, cuando todo se asienta. Si me meto en el teclado, este es el punto final donde puedo hacerlo loop. Si lo juego, creo que eso jugó muy bien con mi posición final por aquí. Entonces esta va a ser la zona donde voy a exportar un regalo basado en tu animación y tu video. Solo para asegurarnos de que no tiene que comenzar desde cero segundos, como hablamos en la lección de animación en bucle Puedes iniciarlo en el medio alrededor tal vez como 15 fotogramas o incluso 1 segundo. Siempre y cuando tengas un área que sea una animación en bucle, podemos comenzar a exportar como regalo Con este rango de vista previa establecido en mi línea de tiempo, iré a la composición. Vamos a agregar a Adobe Media Encoder Q. Este es otro software que es de Adobe, y es principalmente para ayudarte a exportar. Ahora tenemos abierto el codificador Adobe Media. Vamos a seleccionar este menú desplegable. Puedes ver por aquí, es formato de regalo animado. También puedes exportarlo a un H 264, que es un formato de video normal. O puedes exportarlo como regalo. Hay un montón de formatos diferentes, pero en este caso, voy a ir por regalo animado. Y también hay un preset por aquí. Normalmente no cambiamos ninguno de los ajustes en el preset. Y también hay una ubicación de salida. Vamos a seleccionar este de aquí. Yo solo haré una carpeta Output, y luego llamaré a ésta. Esto es Artes. Vamos a hacer clic en Seguro. Ahora está listo para ser explotado. Simplemente voy a hacer clic en este botón Reproducir aquí. Es convertir nuestro archivo en un regalo animado. Después de que diga hecho, vamos a mi carpeta aquí, vamos a la carpeta de salida. Y aquí vamos. Este es nuestro regalo. Si lo hago más pequeño, puedes ver que se ve bastante bien. Así es como exportamos un video en formato regalo. Veamos qué tan grande es ahora mismo. A veces cuando lo expones directamente del codificador de Adobe Media, el regalo va a ser súper grande. Ahora mismo, 100 megabytes, que es demasiado grande. Y si ese no es el tipo de regalo que quieres, vamos a Photo. Podemos abrir Photoshop y dejar caer éste dentro de Photoshop. Vamos a Archivo para Web. Solo quiero ver si podemos hacer que este tamaño de archivo sea más pequeño porque 100 megabytes es demasiado grande para un regalo por aquí, va a encender el set para ventana web y luego asegurarse de que esté configurado para dar Tenemos estos ajustes que podemos controlar si el tamaño es demasiado grande. Una cosa que podemos hacer es reducir el tamaño general de nuestra animación. No tiene que ser así de grande. Si vamos por 50% va a renderizar a 675 bits, 540 y va a reducir significativamente el tamaño de nuestro regalo. Puedes ver por aquí, mi Photoshop está calculando ahora con el 50% del tamaño original, el peso del archivo ha bajado a 16.51 megabytes Creo que este es un buen tamaño ahora. Sin embargo, si quieres hacerlo aún más pequeño, en realidad puedes cambiar todos estos otros ajustes en términos del color. Si no tienes mucho color dentro de tu animación, puedes intentarlo, tal vez cambiar el rango de 64 colores en un 32 y ver si eso cambia algo. A veces hay que equilibrar la calidad del regalo y el peso del regalo. En este caso, una vez que cambiamos el ajuste de color a 32, nada cambia. Todo sigue pareciendo igual. No obstante, el peso del expediente ha disminuido. De nuevo, eso es una victoria para mí. También puedo cambiar por aquí todos estos diferentes ajustes. Puedes probar cada uno y ver si aún podemos mantener la misma calidad mientras hacemos que el tamaño del archivo sea más pequeño. Pero creo que estoy contento con lo que tengo ahora mismo. Sólo puedo ir a hacer clic en Seguro y luego ir a exportarlo a esta carpeta de salida. Llamémosle a éste. Número dos. Vayamos a nuestra carpeta aquí. Este es nuestro nuevo regalo, que es de 12 megabytes Ese es un buen tamaño. Y entonces el tamaño es mucho más pequeño. Es la mitad del tamaño de mi regalo original. Esa es una forma nativa de cómo podemos exportar como formato de regalo. También hay otros plugins como Gift Gone y otros que puedes descargar e instalar en after effects para ahorrarte algo de tiempo a la hora de exportar los regalos. La mayoría de las veces me encuentro usando Photoshop para optimizarlo en lugar de usar los plugins y volver a cuando teníamos la exportación con el codificador Adobe Media. También puede ir a hacer clic en este anuncio para renderizar que en lugar del codificador de Adobe Media. De esta manera va a renderizar todo dentro de after effects. No va a abrir otro software. El problema con esto es que si estás renderizando por aquí, si el tiempo de renderizado está tardando demasiado, no podrías resolver nada dentro de los efectos posteriores. Siempre hay compensación si hacemos clic en esta alta calidad aquí, realmente no tenemos una opción de regalo dentro de este render. Sin embargo, la mayoría de las veces puedes hacer un video de H 264 y luego ir a hacer clic en bien. Vamos a renderizar este video en mi carpeta de salida. Solo llama a éste, Este es el arte P cuatro y da clic en Render. Ahora vamos a conseguir este video MP cuatro. Podemos abrir este video dentro Photoshop y luego usar de la misma manera que hicimos hace un momento, ir a guardar para Web. Entonces podremos volver a optimizar nuestro regalo dentro de esta ventana. Bien, esas son las dos formas en las que podemos exportar y optimizar nuestro regalo. Estas dos formas te van a dar cierto grado de control sobre tu calidad y también los pesos de los archivos. Puedes probarlos y ver de qué manera funciona mejor para ti. Eso es todo con esta lección. Te veré en el siguiente video. 20. ¡Felicitaciones!: Hierba al terminar este curso. Espero que te hayas divertido tanto animando estas tipografías como yo Hay tantas posibilidades para estas animaciones. Puedes personalizar los tipos de letra para obtener una apariencia completa y diferente Incluso puedes agregar algunas texturas y tal vez algunos colores de gradación y algunos guantes. Solo sé creativo y ve qué tipo de estilo puedes llegar a combinar algunas de estas técnicas. Desde aquí, espero que puedas terminar un par de proyectos de animación de tu tipo y subirlos a la sección de proyectos de este curso para compartirlo con tus compañeros y obtener algunos comentarios. Mi objetivo para este curso es mostrarte las diferentes técnicas que podemos usar para animar estas tipografías y las posibilidades cambiando las cosas Si te gusta este curso, no olvides dejarme una reseña. Me gusta escuchar tus comentarios y cómo te ha ayudado este curso. Si nunca antes has usado después de los efectos. Espero que esta clase sea un cambio de juego y te permita ver que el azufre en sí no es tan difícil de aprender, y la animación es fácilmente alcanzable Espero que esta clase te inspire a aprender más motion design en general. También tenemos un canal de Youtube en el que compartimos consejos y trucos y técnicas de animación. Cada semana puedes seguirnos en los círculos de movimiento en Youtube e Instagram. Si tienes alguna duda pasando por el curso, no dudes en preguntarme. Estoy aquí para responder a todas tus preguntas y darte orientación en el camino. Muchas gracias por tomar el curso. Te veré en la siguiente.