Iconos animados fáciles en Adobe After Effects

1. ¡Hola!: animación tiene el poder de dar vida a tus ideas, pero los efectos Adobe After pueden ser intimidantes Si eres un ilustrador busca agregar movimiento a tu trabajo, un diseñador gráfico que busca expandir tus habilidades o un YouTuber que quiere incorporar gráficos en movimiento a tus videos, esta clase es un gran lugar para comenzar Bienvenido a Iconos animados fáciles y Adobe After Effects. Soy Megan Frías, y soy una explicadora. Escribo, ilustro y animo animaciones educativas, centradas principalmente en temas de salud y medio ambiente En esta clase amigable para principiantes, aprenderás a preparar gráficos, creados en Illustrator para animación, Importar gráficos a After effects, establecer fotogramas clave para crear animaciones y exportar un archivo de video para mostrar tu trabajo Puedes saltar directamente a la animación descargando mis íconos, o puedes usar las habilidades que aprendas para animar tu propio conjunto de iconos Si aún no lo has hecho, puedes ver mi clase Ilustrar con formas para aprender a ilustrar tu propio conjunto de iconos. Entonces, si estás listo para aprender o practicar después de los efectos creando un divertido conjunto de iconos animados, entonces comencemos. 2. Proyecto de clase: El proyecto para esta clase es animar un conjunto de iconos. Te invitamos a descargar los archivos de Illustrator que proporcioné y animar estos iconos O puedes usar las habilidades que aprendes para animar tu propio conjunto de iconos, ya sea que los hayas ilustrado tú mismo o tengas permiso para usar un conjunto de iconos que no creaste Incluso podrías hacer ambas cosas para practicar extra. Antes de comenzar a animar, puede ser útil planificar la animación creando algo como esto Intenta animar tus íconos de una manera que realce el significado del ícono en lugar solo tener movimiento por el bien de él 3. Prepara iconos para animación: Antes de que puedas comenzar a animar, necesitarás preparar tus íconos para la animación Aquí es donde lo dejé en la clase anterior, Ilustrar con formas, donde te mostré cómo ilustrar estos iconos. Está totalmente bien si quieres saltar directamente a animación viendo esta clase y no Ilustrar con formas. Si ya has creado tus propios íconos o tienes un conjunto de íconos de alguna manera, es probable que necesites seguir los pasos este video para que los íconos estén listos para la animación. Aunque tu punto de partida podría ser ligeramente diferente al mío. Si estás usando mis íconos que te he proporcionado como parte de esta clase, te los he dado ya listos para la animación. Así que podrías saltarte este video, pero lo que voy a cubrir aquí es realmente importante si alguna vez necesitas preparar obras de arte de Illustrator para la animación. Así que aquí te explicamos cómo preparar obras de arte para la animación. Al importar un archivo de Illustrator a After effects, After effects solo reconoce la primera mesa Entonces, el primer paso para preparar estos iconos para Ilustración es separarlos en sus propios archivos con solo un icono y una mesa de trabajo en cada archivo Por suerte, hay una manera fácil de separar todas estas diferentes mesas de trabajo en sus propios archivos de Illustrator Entonces para hacer eso, quieres subir a Archivo Guardar como. Estoy guardando esto en una carpeta de Illustrator, que está en otra carpeta que contiene todas las cosas para este proyecto. Te mostraré más sobre la organización de archivos más adelante. Pero por ahora, necesito guardar esto y no quiero sobrescribir mi copia original solo porque quiero tener eso como respaldo Voy a cambiar el nombre de esto, vamos a llamarlo icono y luego presionar Guardar. Entonces para separar cada mesa de trabajo en un archivo separado, quieres marcar esta opción aquí, y quiero hacer las seis mesas de trabajo, así que solo la dejaré en todas y luego presionaré Entonces en más fino, se puede ver que está hecho seis archivos nuevos y cada uno solo tiene un icono Esto es en realidad un duplicado de las muestras de color, solo eliminemos esta Cambiemos los nombres de archivo de cada uno de estos archivos. Ahora necesito abrir cada uno de estos archivos y asegurarme de que los íconos estén listos para la animación. Voy a abrir los seis de estos. Voy a empezar con las muestras de color. Tendrás que separar cada pieza que quieras ser animada en su propia capa. Vas a necesitar el panel de capas. Si aún no lo ves, asegúrate de abrirlo debajo de la ventana. Ahora mismo en el panel Capas, solo tengo la capa dos y una capa de fondo. Si cambio la capa dos abierta, puedes ver que en realidad hay más obras de arte detrás de esto. Cada una de estas páginas del cuadernillo de muestras de color, quiero que me animen Necesito crear nuevas capas para ellos. Yo solo voy a bajar a la parte inferior del panel Capas y hacer clic en el botón de nueva capa, y luego solo voy a tomar este grupo y arrastrarlo a la nueva capa. Entonces voy a repetir eso Así que ahora tengo cada una de estas tres páginas del cuadernillo de muestras de color en sus propias capas, y luego tengo la portada en su propia capa Pero ahora la portada está en la parte inferior, así que voy a llevar eso hasta arriba. En after effects voy a rotar cada una de estas capas para que se animen saliendo de detrás de este cuadernillo de muestras de color. Por eso los estoy dejando desotados y simplemente todos apilados detrás de esta capa de portada Otra cosa que es muy útil cuando estás animando es tener etiquetadas todas tus capas En after effects, no obtienes una pequeña vista previa como esta, así que es muy difícil saber qué capa es y si solo se les llama capa uno, dos, tres, cuatro. Para renombrar una capa, basta con hacer doble clic sobre el texto. Sólo voy a pasar por y renombrar todas estas capas. En realidad hay una cosa más que necesito separar, y esa es esta pequeña unión. A pesar de que esta encuadernación es una especie de parte de la cubierta y no necesito animar la encuadernación en sí, si separo esta encuadernación en su propia capa, entonces puedo usar su posición para ajustar fácilmente el punto de anclaje de todas las otras capas a esta encuadernación que roten fuera de la encuadernación Si eso no tenía mucho sentido, lo hará cuando me meta en los efectos posteriores. Entonces voy a traer a su propia capa este círculo que representa la encuadernación del libro . Así que solo voy a darle al botón de nueva capa. Puedo ver que el círculo de encuadernación se selecciona dentro de la capa de cobertura. Entonces, un pequeño atajo en lugar de tener abrir esta capa de cobertura es solo que puedes usar el cuadro indicador de selección aquí mismo y arrastrarlo hacia arriba a la nueva capa para simplemente mover lo que sea seleccionado a la nueva capa. Ahora cambiemos el nombre de eso. Ahora que tengo todo lo que necesito separado en su propia capa, solo voy a presionar Guardar para guardar esto y pasemos al siguiente icono. Si cambio la capa dos abierta, puedes ver todas las diferentes piezas de la cámara y las fotos que se agrupan. Todas estas cosas son subcapas de la capa dos. puede ver que están sangradas debajo de la capa dos, por lo que están anidadas dentro de la capa dos o en otras palabras, subcapas de la capa After effects no reconoce estas subcapas, así que por eso hemos estado separando las cosas en sus propias capas. Entonces digamos que querías hacer todas estas subcapas, sus propias capas. Hay una manera rápida y fácil de hacerlo. Lo que puedes hacer es seleccionar la capa y luego entrar en el menú de tres líneas en el panel de capas y elegir liberar capas para secuenciar. Observe que ha cambiado el nombre de todas las subcapas en capas, y ahora puede alternar para abrir para ver la forma real dentro de ellas. Pero esto en realidad no les ha hecho sus propias capas porque todavía están anidadas debajo de la capa dos Entonces, el siguiente paso realmente importante es que debes seleccionar todas estas subcapas y arrastrarlas hacia arriba y fuera de esta capa dos para que ahora sean todas su propia capa. A partir de aquí, podemos etiquetar las capas. Voy a apagar el globo ocular en las fotos por un segundo, así solo podemos ver la cámara un poco mejor Necesito etiquetar todas estas capas. Pero primero, hay algunas cosas que creo que en realidad podrían combinarse porque no voy a animarlas por separado. Entonces este pequeño detalle, este pequeño detalle, esta línea, este detalle y la cámara principal, creo que esos pueden ir todos juntos. Se puede ver que todas estas están en diferentes capas, pero como estas no van a ser animadas por separado, todas pueden estar en la misma capa. Podría hacer clic y arrastrar para llevarlos a diferentes capas. Otra forma de hacerlo sería simplemente golpeando Comando G para agruparlos a todos, y eso pondrá estas formas en la misma capa. Entonces sólo voy a nombrar esta cámara. Ahora tengo algunas capas en blanco, así que solo voy a seleccionar estas y golpear la papelera para eliminarlas. Esta capa de cámara necesita estar en la parte inferior, así que movamos eso y asegurémonos de que no la anidaste accidentalmente. Y ahora podemos etiquetar el resto de estas capas. Esta va a ser la lente. Ahora que todo está etiquetado, volvamos a la visibilidad de las fotos. No importa que las fotos estén apiladas encima de la cámara porque son capas separadas, todas las capas se importarán a efectos posteriores, y será fácil animar la posición de las fotos en After effxs Tenga en cuenta que solo las obras de arte que estén en la mesa de trabajo serán visibles cuando se importen a After fix Entonces, por ejemplo, si tuviera esta foto fuera de la mesa de trabajo así, esta foto no sería visible cuando se importara a efectos posteriores Aunque la capa es visible en la línea de tiempo, la ilustración no es visible. Además, si estaba parcialmente cortada, como si tuviera las fotos aquí abajo y las importara a efectos posteriores como este, entonces solo la parte de la foto que estaba en la mesa de trabajo va a ser visible No hay manera de hacer que reconozca nada que estuviera fuera de la mesa de Entonces, lo que necesitas hacer es asegurarte de que tu obra de arte esté siempre completamente en la mesa Aunque eso signifique que tu archivo de Illustrator no se ve perfecto en este momento, vamos a animar todo esto, así que no importa Asegúrese de guardar este archivo. El icono de pintura fresca tiene un problema porque estos goteos están fuera del arboard por lo que no serán visibles cuando ingrese este archivo en After fix Lo que voy a hacer para arreglar esto es ir a la herramienta de mesa de trabajo y luego simplemente arrastrar la mesa de trabajo para que sea más grande y esos goteos van a estar en Si quieres, también podrías desbloquear la capa de fondo y simplemente arrastrar el fondo hacia abajo también. Voy a animar estos goteos cayendo del pincel Entonces cuando los animo apagado, la forma que queda no se ve muy bien Entonces hagamos otra forma que vaya a arreglar ese problema. Entonces primero, lo que voy a hacer es simplemente separar algunas capas. Entonces voy a seleccionar todo el pincel y presionar el botón más para crear una nueva capa y luego simplemente arrastrar hacia arriba la selección a la nueva capa. Vamos a nombrar a esta brocha. Y lo voy a llevar por debajo de la otra capa. Y luego separemos cada uno de estos goteos en sus propias capas Bien, así que ahora si escondo todas estas capas de goteo, esta forma en la capa dos, nombremos esta pintura. Esta es la forma que necesito para que se vea un poco mejor para que cuando los goteos goteen, no se quede con este extraño borde plano Para agregar a esta forma, voy a duplicar estos goteos, así que voy a volver a encender la visibilidad para estos Y luego solo voy a seleccionarlos dando click por aquí, y luego presionaré Comando C para copiarlos, y vamos a apagarlos de nuevo. Selecciona la capa de pintura y luego pulsa Comando Mayús V para pegarlas en su lugar, pero en esta capa de pintura. Ahora vamos a ajustar la longitud de estas líneas. Entonces voy a cambiar a la herramienta de selección directa que pueda ajustar los puntos reales en estas líneas, y voy a mantener presionada la tecla Mayús y simplemente arrastrarlos para asegurarme de que estoy manteniendo la posición horizontal de la línea. Entonces, una vez que consigas los goteos mirando como te gusta, este grupo de pintura simplemente va a ser estático No vamos a animarlo. Y entonces estas líneas de goteo van a ser lo que esté animado. Pero cuando gotean en los efectos posteriores, la forma que queda queda queda bien. Entonces, una vez que hayas hecho todo eso, asegúrate de volver a encender las capas de goteo que vas a animar y luego guardar el archivo Los últimos tres iconos son bastante sencillos, pero déjame mostrarte cómo rompí las capas. Entonces para el lápiz, todo el lápiz se va a mover como una sola cosa, para que pueda estar todo en su propia capa. Y entonces la línea va a estar separada. Voy a tener este dibujo, así que definitivamente tiene que estar en su propia capa. Para las tijeras, he separado las dos mitades de las tijeras. Y luego también he separado esta bisagra porque eso hará que sea más fácil posicionar el punto de anclaje para cada mitad de las tijeras esté en esta posición exacta para que las tijeras roten desde la bisagra. Para el cuentagotas, tengo la forma principal del cuentagotas, la gotita y el líquido. En caso de duda, es mejor separar más capas, incluso si es posible que no animes cada capa Una vez que importe su archivo de Illustrator a after effects, puede actualizar algunas cosas menores en su obra de arte, como los colores , guardar el archivo y estos cambios se reconocerán en los efectos posteriores. Desafortunadamente, no puedes agregar nuevas capas en Illustrator una vez que hayas importado a los efectos posteriores. After effects no reconocerá las nuevas capas, por lo que tendrías que volver a importar el archivo 4. Importar archivos de Illustrator en After Effects: Antes de importar tus archivos de Illustrator a after effects, es muy importante que tus archivos estén organizados. Confía en mí, esto te ahorrará muchos dolores de cabeza en el futuro. Entonces te recomendaría configurar tu estructura de carpetas similar a la mía. Tengo una carpeta padre llamada iconos animados, que va a entrar todo para este proyecto. Entonces tengo una carpeta donde voy a guardar el archivo de proyecto After Effects, y también pondrá aquí las versiones guardadas automáticamente del archivo del proyecto. Y luego tengo esta carpeta de Illustrator con todos los diferentes iconos en esta carpeta. Cuando importa un archivo a After Effects, se vincula a donde sea que ese archivo viva en su computadora. Por lo tanto, es importante que no mueva el archivo una vez que se haya importado a after effects, lo contrario, obtendrá una alerta de archivo faltante. Hay una manera de volver a vincular archivos, pero si solo te mantienes organizado desde el principio, entonces no tienes que mover las cosas y confundir después de los efectos y lidiar con archivos faltantes Ahora abramos después de los efectos y comencemos un nuevo proyecto. En la pantalla de inicio, haz clic en el botón Nuevo proyecto. También puedes iniciar un nuevo proyecto bajo Archivo Nuevo Nuevo Proyecto. El siguiente paso es importar los iconos. Entonces voy a ir a Archivo, Importar Archivo, o puedes usar el atajo de teclado Comando o Control I. Entonces quieres navegar hasta donde guardaste tus íconos. Puedes importar todos tus iconos a la vez, o si no has terminado con algo para tus íconos, siempre puedes importarlos más tarde. Voy a seleccionar todos mis iconos. Antes de presionar Abrir, debe asegurarse de cambiar la configuración Importar como composición retener tamaños de capa. Si no ves esta opción, presiona el botón Opciones. Si accidentalmente importas tus iconos como metraje, las capas no se separarán. Y si los importas como composiciones, entonces cada capa tendrá una caja invisible a su alrededor que es del tamaño de tu composición, que va a ser realmente molesto trabajar con ella. Asegúrese de que tiene tamaños de capa de retención de composición. Entonces puedes golpear abierto. En el panel del proyecto, deberías ver todos tus iconos importados tanto como una composición una carpeta con todas las capas dentro de ella. Si haces doble clic en una composición, se abrirá en la línea de tiempo y deberías ver todas esas capas que separaste en Illustrator aquí y después de los efectos. Entonces, ¿qué es una composición? Una composición es similar a una secuencia en estreno. Es como una carpeta que contiene todas las capas dentro de tu animación. Eso podría ser ilustraciones importadas de Illustrator o Photoshop, capas de forma que haces en after effects, texto, clips de video, archivos de audio e incluso archivos de imagen fija. También puedes anidar composición para que tengas composiciones dentro de composiciones. Te mostraré más sobre eso al final de clase cuando juntemos todos nuestros íconos. Cuando termines de animar y quieres exportar o en términos de after effects, renderiza tu animación como un archivo de video, lo que vas a exportar es una composición Asegurémonos de que los ajustes de composición sean de la manera que los queremos. Así que sube a la composición y luego a la configuración de composición, o el atajo de teclado es Comando o Control K. Y se adoptó el nombre y el ancho y alto de la mesa de trabajo de Illustrator, y así es lo que queremos También siempre uso pixeles cuadrados. Entonces para la velocidad de fotogramas, me gusta usar un número entero para la animación. Si estás trabajando con video, entonces probablemente quieras ir con lo que sea que la velocidad de fotogramas de video suele ser algo así como 29.97 Pero como aquí solo estamos haciendo animación, prefiero 30. Si quieres bajar a 15 cuadros, eso te dará un poco más de un aspecto de caricatura entrecortada, o si quieres ir hiperreal, puedes hacer 60, pero también podría ralentizar tu computadora Entonces creo que el punto dulce es 30, así que voy a ir con eso. Y entonces la resolución aquí no importa realmente. Eso es solo la vista previa de lo que estás viendo en tu visor de composición, que está justo detrás de esta pantalla, esta. Siempre puedes cambiar la resolución aquí mientras trabajas. Tiene sentido comenzar la línea de tiempo en cero. Por la duración, solo necesito 4 segundos. Esto va a ser horas, minutos, segundos, y luego fotogramas. Si vas y seleccionas todo esto, solo puedes hacer cuatro puntos, y eso te dará 4 segundos. Si quieres cambiar la duración de la composición más tarde, eso es realmente fácil de hacer con solo volver a estos ajustes de composición. Entonces el color de fondo realmente no importa porque ya tengo una capa de fondo de ilustrador. Entonces voy a golpear Bien. Probablemente sea una buena idea entrar en todas tus otras composiciones de iconos y simplemente verificar los ajustes de composición para asegurarte de que el framer es 30, y luego vamos a darles una duración de 4 segundos Antes de llegar más lejos, vamos a guardar este archivo de proyecto. Voy a ir a Archivo Guardar o el atajo de teclado es Comando o Control S, y luego navegue a esa carpeta del proyecto y luego a la carpeta after effects dentro de esa. Sólo vamos a dar este nombre y darle a guardar. 5. Recorrido por After Effects: Esta es la primera vez que usas efectos posteriores, entonces aquí tienes un recorrido para orientarte. Si has usado después de los efectos antes, no dudes en saltarte este video. En primer lugar, si tu espacio de trabajo no se parece al mío, puedes subir a Window Workspace y cambiarlo al espacio de trabajo predeterminado, que es lo que estoy usando. A continuación, en la barra de herramientas superior, tenemos la herramienta de selección, que es similar a las herramientas de selección y otros programas como Illustrator. Es lo que probablemente usarás la mayor parte del tiempo. siguiente es la herramienta manual, y esto te permite mover tu composición en este visor de composición. El siguiente es la herramienta Zoom. Si haces clic con esta herramienta, se acercará y si mantienes presionada la opción o todas y haces clic, se alejará. También puedes usar los cortes del gráfico del teclado, que son los mayores thansign o el punto y luego los menos alférez o la coma El atajo para volver a la herramienta de selección es V. También puedes ajustar el tamaño de tu composición en el visor aquí abajo en este desplegable, que puedas cambiarla para que se ajuste. En este menú desplegable, puedes cambiar la resolución. Entonces, si tu computadora está teniendo dificultad para reproducir tu animación y va muy lento, puede ser útil cambiar esto a una resolución más baja como un trimestre. Esto hará que se vea más pixelado, pero es sólo en este visor Cuando vayas a Exportar tu animación, no se verá pixelada, seguirá siendo de calidad completa Las siguientes tres herramientas son para tres D, y luego la siguiente es la herramienta de rotación donde puede rotar objetos. Esta es la herramienta Pan Behind que permite mover el punto de anclaje sobre un objeto. Este pequeño icono que estoy arrastrando se llama el punto de anclaje y es de donde ocurren las transformaciones Si vuelvo a la herramienta de rotación, se puede ver que ahora esta foto gira alrededor de este punto. Solo voy a deshacer eso haciendo Comando Z. Siguiente es la herramienta de forma si haces clic y mantienes, hay otras herramientas de forma al igual que un Illustrator También hay una herramienta de lápiz similar a Illustrator, y luego una herramienta de texto donde puedes crear tu texto escribir en after effects y un par de otros, pero apenas los uso. Este de aquí es el panel del proyecto, y aquí es donde se va a almacenar todo lo que importe a su archivo de proyecto de after effects . También es donde están todas tus composiciones. Ya creamos algunas composiciones solo importar ilustraciones de Illustrator, pero también puedes crear una nueva composición usando este botón, y esto traerá los ajustes de composición, y luego aquí está la nueva composición. Si quieres eliminar una composición, puedes simplemente golpear el basurero Abajo en la parte inferior de la pantalla está la línea de tiempo donde puedes abrir tus composiciones y establecer fotogramas clave para crear animaciones Por aquí, tengo el panel de vista previa, que te da controles de jugador. También puedes simplemente presionar la barra espaciadora para reproducir tu animación A continuación está el panel Propiedades, y esto puede ser muy útil porque dependiendo de lo que se seleccione, tendrás diferentes propiedades mostradas en el panel Propiedades. A continuación está el panel Alinear, que es bastante sencillo y muy similar a Illustrator. El panel Efectos y Presets es como una biblioteca de diferentes efectos y presets, como dice el nombre que puedes aplicar a capas para crear diferentes estilos y looks No vamos a usar ninguno en esta clase, pero hay toneladas de recursos por ahí para que aprendas sobre estos y te muestro más sobre efectos y presets en otras clases 6. Establece fotogramas clave: Las animaciones y los efectos posteriores se basan en fotogramas clave. Si alternas abrir una capa y luego alternar la transformación abierta, aquí hay un montón de propiedades diferentes que puedes animar para esta capa Para comenzar a animar una propiedad, simplemente haga clic en el icono del cronómetro junto a esa Puedes ver que hará un fotograma clave donde sea que tu cabeza de reproducción esté en la Este fotograma clave está diciendo que en un tiempo de 0 segundos cero fotogramas, el lápiz va a tener una posición de 250 píxeles en la dirección X y 250 píxeles en la dirección Y. Entonces, si muevo mi cabeza de reproducción haciendo clic en la parte superior de la línea de tiempo, puede establecer otro fotograma clave Hay algunas maneras de hacer esto una vez que hayas establecido tu fotograma clave inicial La primera forma es manipular la capa en el visor de composición. Podría simplemente recoger esto y moverlo. Se puede ver que eso ha creado otro fotograma clave, y también se ha creado esta trayectoria de movimiento en el visor de composición que muestra la posición inicial y la posición final. Si vuelvo mi cabeza de reproducción al inicio de la línea de tiempo, puedo presionar la tecla de la barra espaciadora o ir al panel de vista previa y presionar Reproducir para ver esta animación Puedes golpear el espacio lejos otra vez para hacer una pausa. Básicamente, lo que hacen los fotogramas clave es decirle después de los efectos que desea este valor para esta propiedad en este momento, y luego este valor para esta propiedad en este momento Y luego después de los efectos se da cuenta de cómo llegar de un fotograma clave a otro Entonces se da cuenta de cómo llegar de aquí a aquí. Voy a mover mi cabeza de reproducción nuevo y mostrarte que otra forma de establecer fotogramas clave es hacer clic y arrastrar sobre estos números Así puedes arrastrar sobre los números X o Y para mover tu capa. Eso es configurar automáticamente otro fotograma clave donde sea que esté tu cabezal de reproducción Voy a mover mi cabeza de reproducción nuevamente y mostrarte que otra forma de establecer fotogramas clave es haciendo clic en estos números y luego escribiendo valores exactos Si quieres cambiar de un valor a otro, puedes presionar tabulación. Puedes presionar Enter o hacer clic hacia fuera para guardar el valor. Voy a mover mi cabeza de reproducción una vez más hasta el final de la línea de tiempo y mostrarte que hay una forma más de crear un fotograma clave y es copiar y pegar otro Quiero copiar y pegar este fotograma clave para seleccionarlo, realidad puedes hacer clic derecho sobre él, o como este es un pequeño objetivo en el que hacer clic, también puedes simplemente hacer clic y arrastrar sobre él para seleccionar el fotograma clave Esa también es una buena manera de seleccionar varios fotogramas clave a la vez Solo quiero seleccionar este fotograma clave y presionar Comando o Control C para copiarlo y luego Comando o Control V para pegarlo donde está mi cabeza de reproducción Se puede ver que copia el fotograma clave con los valores exactos de este fotograma clave Si quieres ver los valores de un fotograma clave, simplemente coloca el cursor sobre él Entonces ahora tengo este pequeño bucle. Si quieres cambiar el valor de un fotograma clave, puedes simplemente poner tu cabeza de reproducción sobre ese fotograma clave y luego puedes usar cualquiera de esos métodos que acabo de mostrarte para establecer un fotograma clave para cambiar el valor de este fotograma clave Podrías moverlo en el visor de composición, o puedes ingresar y escribir un valor diferente, o puedes copiar y pegar un fotograma clave diferente, o puedes hacer clic y arrastrar sobre el valor Cuando la capa esté seleccionada, debería ver esta trayectoria de movimiento. Si no lo ve, asegúrese de que este botón esté activado y también suba a ver Mostrar controles de capa y asegúrese de que esté marcado. También puede seleccionar fotogramas clave y arrastrarlos a lo largo de la línea de tiempo para reorganizar su Entonces, si pongo estos dos fotogramas clave muy juntos, se puede ver que la animación entre estos dos fotogramas clave es realmente rápida Mientras que ahora entre los dos primeros fotogramas clave, la animación es mucho más lenta Así que el posicionamiento de los fotogramas clave en la línea de tiempo influye en el tiempo de tu animación Sólo voy a deshacer eso con el Comando Z. Si quieres eliminar fotogramas clave, solo selecciónalos y luego presiona la tecla de borrar Si desea eliminar todos los fotogramas clave de la capa, simplemente presione nuevamente el icono del cronómetro También puedes ajustar las propiedades sin que ocurra ninguna animación. En otras palabras, sin establecer fotogramas clave. Si tienes fotogramas clave en una capa, y luego quieres crear otro fotograma clave con ese mismo valor en otro punto de la capa, puedes presionar el botón de nuevo fotograma clave aquí Esta podría ser una forma de tener una pausa de animación. Otra cosa a tener en cuenta es que dondequiera que esta barra para la capa sea visible en la línea de tiempo, ahí es donde esa capa va a ser visible en tu animación. Si pasas el mouse sobre el inicio o el final de una capa, verás estas flechas dobles, y luego puedes usar esto para recortar la capa Entonces ahora el lápiz no va a ser visible hasta este punto. Si selecciona algún lugar en el medio de la capa, puede arrastrar la capa a través de la línea de tiempo. 7. Punto de anclaje y rotación: muestras de color: Este folleto de muestra de color tiene tres páginas ocultas detrás la portada y quiero que cada página rote por detrás de la Voy a seleccionar las tres páginas y luego presionar R en el teclado para que aparezca la propiedad de rotación. Si giro una de estas capas haciendo clic y arrastrando sobre el valor de rotación, se puede ver que está rotando desde este punto aquí, que se llama el punto de anclaje Pero no quiero que rote desde aquí. Quiero que rote de la encuadernación. Lo que tengo que hacer es primero mover el punto de anclaje para esta capa. Voy a deshacer la rotación. Para mover el punto de anclaje, sube a la barra de herramientas superior y toma la bandeja detrás de la herramienta. El teclado horca es Y. Entonces con esta herramienta, puedes dar click y arrastrar para mover este punto de anclaje Si mantiene presionado el comando o el control, se ajustará a otras capas. Así que lo voy a ajustar a esta capa de unión, cual hice una capa separada en Illustrator para que fuera fácil de ajustar a esta capa. Entonces voy a dar click en la página dos y hacer lo mismo. Y lo mismo con la página tres. Para volver a la herramienta de selección, puedes subir a ella en la barra de herramientas superior o usar el corte del gráfico del teclado, que es V. Entonces quiero rotar cada una de estas páginas. Quiero que todos tengan un fotograma clave de cero al inicio de la línea de tiempo, así que solo voy a golpear los tres cronómetros, y eso establecerá tres nuevos Entonces voy a mover mi cabeza de reproducción. Vamos a probar 15 fotogramas. Entonces giremos la primera página a, hagamos 30 grados negativos. La segunda página, hagamos negativo 60 y la tercera página, negativo 90. Así que ahora si reproduciré esto, aquí está la animación. Ahora, animemos las páginas volviendo detrás la portada para que esta animación se repita. Vamos a avanzar en la línea de tiempo a 315, y luego quiero establecer un fotograma clave aquí para que los valores sean estos valores aquí Puedes hacerlo haciendo clic en este nuevo botón de fotograma clave. Entonces ahora entre este conjunto de fotogramas clave y este conjunto de fotogramas clave, no se está produciendo ninguna animación porque estos fotogramas clave tienen los Entonces voy a pasar al final de la línea de tiempo, y voy a volver a poner estos fotogramas clave a cero Escribirías cero o podrías seleccionar estos fotogramas clave, presionar Comando C para copiar y Comando B para pegar Si por alguna razón estás en una versión anterior de After effex y copiando varios fotogramas clave a través diferentes capas duplicó tus capas, entonces solo vas a necesitar hacer un método diferente como copiar y pegar uno Esto se ha actualizado en una versión reciente de Afterefix. Ahora bien, si retomo esto, se puede ver que la animación se repetirá. Para que esto sea un poco más interesante, podemos escalonar los fotogramas clave Voy a hacer clic y arrastrar para seleccionar los fotogramas clave para las páginas 2 y 3, y luego arrastrarlos hacia adelante en el tiempo Vamos a cinco fotogramas. Y luego seleccionaré los fotogramas clave para la página tres, los arrastraré a diez fotogramas Y eso hará que esta animación un poco más interesante. Hagamos lo mismo con los fotogramas clave para la salida de animación. Y esta vez, voy a comenzar con página tres iniciando primero la animación. Esto es lo que tengo por ahora. Voy a volver a este ícono para mejorar la animación más adelante mediante el uso de la crianza de los hijos y la flexibilización 8. Punto de anclaje y rotación: tijeras: Los pasos para crear la animación de tijeras van a ser muy similares a las de las muelas de color. Primero, voy a mover el punto de anclaje usando la herramienta de sartén detrás a la bisagra para ambas mitades de las tijeras. Entonces voy a volver a cambiar a la herramienta de selección y presionar R en el teclado para que suba la propiedad de rotación. Entonces solo voy a rotar estos a cinco y cinco negativos para que la posición inicial de las tijeras se vea un poco más como sería posible. No están tan superpuestos. Después haré clic en el cronómetro para crear fotogramas clave al inicio de la línea de tiempo Entonces voy a mover mi cabeza de reproducción a lo largo de la línea de tiempo a 15 fotogramas y luego establecer la rotación en, hagamos 25 y negativo 25 para que las tijeras estén abiertas Entonces mantendré las tijeras abiertas por sólo cinco marcos. Deslicé un fotograma clave para los mismos valores de rotación y luego moví el cabezal de reproducción a 1 segundo y copié y pegué los primeros fotogramas clave para Esto es lo que tengo hasta ahora. Ahora quiero repetir estos fotogramas clave para que las tijeras parezcan que siguen cortando Voy a ir a 1 segundo, cinco fotogramas en la línea de tiempo, y luego simplemente copiar y pegar todos estos fotogramas clave golpeando Comando o Control C, y luego Comando o Control V. De nuevo, si esto copia y pega todas tus capas, así tienes un duplicado de las capas, solo necesitarás ir capa por capa y copiar los fotogramas clave y luego pegarlos Entonces voy a pasar al 210 y volver a pegar. Si retoco esto, es predecible y robótico porque están cortando a la misma velocidad todo el tiempo. Lo que voy a hacer es ajustar estos fotogramas clave para que a veces corten un poco más rápido y a veces un poco más lentos. A lo mejor aquí, voy a acelerar estos fotogramas clave arrastrándolos hacia la izquierda, para que se abran un poco más Entonces en lugar de hacer una pausa cuando están abiertos, solo voy a hacer que comiencen a cerrar inmediato eliminando el segundo conjunto de fotogramas clave Entonces movamos estos marcos clave que cierran las tijeras a la izquierda. Entonces solo va a ser abierto y luego cerrado. Y luego hagamos que se abran de inmediato en lugar de hacer una pausa en la posición cerrada Entonces voy a eliminar estos fotogramas clave. Entonces vamos a mover todos estos fotogramas clave hacia arriba. Entonces ahora cerrarán, abrirán, permanecerán abiertos y luego cerrarán. Entonces tenemos un poco más de espacio en la línea de tiempo, así que vamos a copiar y pegar la primera secuencia de cierre abierto. Y veamos qué tenemos hasta ahora. Ajustar el tiempo de los fotogramas clave agregó un poco más de variedad, pero volveré a esta animación más tarde para hacerla aún mejor 9. Ajustar el movimiento: Ahora la animación de rotación en estas páginas es aburrida y mecánica, y eso es porque son lineales, lo que significa que mantienen la misma velocidad todo el tiempo. En esta demostración muy simple, el cuadrado superior se mueve linealmente, por lo que mantiene la misma velocidad del punto A al punto B, mientras que el cuadrado inferior tiene lo que se llama Easy Ease aplicado a él Esta plaza va a comenzar un poco más despacio, acelerar en el medio, y luego disminuir la velocidad antes de que se detenga. El cuadrado inferior es un poco más interesante de una animación porque cambia de velocidad. Además, cuando estás animando cosas de la vida real como estos íconos, tiene más sentido que la animación no sea lineal porque en vida real, las cosas en realidad suelen comenzar un poco más lentas en su movimiento, luego comienzan a acelerar y luego disminuyen la velocidad antes de que lleguen a detenerse Esto puede hacer que tus animaciones se vean más naturales o realistas. Para agregar flexibilización a tus fotogramas clave, el primer paso es seleccionarlos Puede hacer clic y arrastrar sobre fotogramas clave para seleccionar varios a la vez, o también puede seleccionar el nombre de la propiedad para seleccionar todos los fotogramas clave para esa propiedad en la capa y luego mantener el comando y hacer lo mismo para seleccionar varias Una vez que tenga seleccionados los fotogramas clave a los que desea agregar EZ Es, desea hacer clic derecho en cualquiera de ellos, y luego ir al asistente de fotogramas clave y luego EZ Observe cómo esto cambia sus fotogramas clave de formas de diamante a formas de reloj de arena Entonces si juego esto de nuevo, se puede ver que esto se ve mucho más suave y realista. También voy a agregar flexibilización a los fotogramas clave para la animación de tijeras Entonces para hacer eso, solo voy a seleccionar todos estos fotogramas clave y luego hacer clic derecho en uno de ellos, ir a Keyframe Assistant, y luego Easy También puedes usar el atajo de teclado, que es F nueve. Ahora todos estos son fotogramas clave facilitados, así que vamos a reproducir la animación Si bien agregar EZs puede mejorar tu animación, puedes llevar esto mucho más allá Eso va más allá del alcance de esta clase, pero si realmente quieres llevar tus animaciones al siguiente nivel, definitivamente querrás aprender a personalizar el movimiento de tus fotogramas clave usando el editor de gráficos Mi clase Smooth moves cubre todo lo que necesitas saber. 10. Capas principales: muestras de color: Otra cosa que podría hacer para mejorar esta animación sería que todo el folleto mueva un poco a medida que se abre Quiero que todas estas capas se muevan, pero en lugar de animar todas las propiedades de posición de las capas, hay una manera más fácil de hacerlo Voy a usar la capa de enlace como lo que se llama el padre. Esta va a ser la capa que se mueva, y luego quiero que todas estas otras capas además del fondo sigan al padre. Entonces van a ser los niños. Voy a seleccionar la portada y las tres páginas. Y luego voy a repasar a las opciones padre y enlace y tomar uno de los látigos de selección junto a cualquiera de las capas seleccionadas y simplemente arrastrarlo a la capa de enlace Ahora en el menú desplegable, dice que el padre de estas capas es el enlace. Eso significa que cuando muevo la encuadernación, se puede ver que todas las demás capas van con ella. Entonces, la crianza de los hijos es una forma en la que puedes tener capas secundarias que son todas estas siguen una capa padre, que es esta. Entonces, como acabas de ver, para que las capas principales, puedas usar este látigo de selección para arrastrar a la capa que quieras padre, o también puedes seleccionar la capa en este menú desplegable Ahora vamos a establecer algunos fotogramas clave en la encuadernación. Entonces voy a pasar al inicio de la línea de tiempo y establecer un fotograma clave de posición para la encuadernación y por lo tanto todo el folleto para estar aquí al Entonces vayamos adelante a 1 segundo y movamos esto hacia arriba. Sólo voy a mover la posición Y. Algo así. Entonces vamos a hacer que empiece a bajar a medida que se cierran los cuadernillos Pero en realidad, este folleto tarda mucho en animarse. Sólo voy a traer estos fotogramas clave. Hagamos que toda la animación dure solo 2 segundos en lugar de cuatro. Voy a copiar el primer fotograma clave en la posición de la encuadernación y pegarlo aquí a los 2 segundos. Veamos cómo se ve esto. Honestamente, no tan genial. Eso es porque estos fotogramas clave son lineales y se vería mejor si tuvieran Easy Ease Voy a hacer F nueve, el atajo para agregar Easy Ease a estos fotogramas clave Vamos a intentarlo de nuevo. Se ve un poco mejor, pero creo que podríamos ajustar un poco más los fotogramas clave para que se vea aún mejor Pero primero, también quiero rotar todo el folleto. Quiero ir al inicio de la línea de tiempo y vamos a dar esta rotación como tal vez más seis, y luego voy a establecer un fotograma clave para eso Y luego cuando se mueve hacia arriba, vamos a girarlo para que este gire aún más hacia atrás a la izquierda. Entonces tal vez menos seis. Y luego a los 2 segundos, rotaré esto de nuevo a más seis y luego facilitaré fácilmente estos fotogramas clave Veamos cómo se ve esto. Esto está mejorando, pero creo que si ajusto estos fotogramas clave, puede verse aún mejor Lo que voy a hacer en realidad es tomar estos fotogramas clave y moverlos para que estén todos alineados. Esto quiere decir que, todas las páginas van a terminar al mismo tiempo. A lo mejor hagamos esta animación un poco más rápida y también escalonada para que todo el folleto comience a moverse primero y luego las páginas comiencen Voy a mover estos tres fotogramas clave un poco , tal vez 25 fotogramas Veamos cómo se ve eso. Sí, eso me gusta más, y entonces tal vez empiecen cerrar todo al mismo tiempo. Así que voy a alinear estos. Y luego los tendremos escalonados volviendo a A lo mejor vamos a mover todos estos fotogramas clave solo un poco Veamos cómo se ve esto. Esta animación se ve mucho mejor que la que teníamos antes, pero no necesitamos todo este tiempo extra. Si vas a la composición y luego a los ajustes de composición, podemos ajustar la duración para que solo sea de 2 segundos. 11. Capas principales: tijeras: Las dos mitades de las tijeras giran, hace que las tijeras parezcan que se mueven hacia la izquierda. Pero si una mano se agarrara a los mangos de las tijeras, probablemente la mano permanecería en su lugar, por lo que las tijeras deberían moverse a la derecha para contrarrestar cómo parece que se mueven hacia la izquierda Para arreglar esto, podemos usar la crianza de los hijos, y mientras estamos en ello, podemos hacer que la animación se vea un poco más realista e interesante también. Entonces voy a seleccionar la parte superior e inferior de las tijeras y luego elegir el padre para que sea la bisagra. Entonces ahora si ajusto la capa de bisagra, se puede ver que el resto de las tijeras irán con ella. Tenga en cuenta que la crianza de los hijos va por cualquier propiedad. Si escala la bisagra, entonces también escalará las tijeras. O si giro la bisagra, también gira las tijeras. Quiero animar la posición, así que voy a golpear P en el teclado y establecer un fotograma clave de posición aquí Entonces cuando las tijeras se abren, quiero moverlas hacia la derecha, pero es difícil saber dónde estaban. Entonces lo que voy a hacer es darle Comando R en el teclado para sacar a colación a los gobernantes. Entonces al inicio de la línea de tiempo, voy a repasar a esta regla vertical y arrastrar una pauta. Voy a colocarlo justo en el lado derecho de los mangos de las tijeras. Ahora puedo ver la posición inicial de las tijeras. Ahora voy a avanzar en la línea de tiempo y luego hacer que el borde de los mangos se alinee nuevamente con la pauta. Voy a ajustar la posición. Y también podría ajustar la posición Y solo para hacer que esta animación se vea más interesante y realista porque si una mano estuviera sujetando las tijeras, probablemente no estaría perfectamente quieta verticalmente. Probablemente también me movería un poco. Entonces solo voy a ajustar esto para mover las tijeras un poco hacia arriba a medida que se abren. Entonces va a hacer una pausa en esta posición, así que voy a copiar y pegar ese fotograma clave Y luego cuando las tijeras se cierran, puedo copiar y pegar el fotograma clave inicial Entonces solo puedo pasar y hacer lo mismo para todos los demás fotogramas clave Podrías simplemente copiar y pegar estos fotogramas clave donde también tenga sentido, pero quiero que esto se vea un poco imperfecto, de nuevo, para que se vea más realista Voy a entrar y ajustar la posición para que sea ligeramente diferente cada vez. Si es difícil seleccionar esta bisagra porque es pequeña, puedes acercar el zoom con este menú desplegable, o si tienes un ratón mágico como yo, simplemente puedes deslizar el mouse para acercar. Para el último fotograma clave, voy a asegurarme de que es exactamente lo mismo que el primer fotograma clave por lo que este bucle será perfecto Voy a facilitar estos fotogramas clave seleccionando la propiedad position para seleccionar todos los fotogramas clave y luego voy a usar el atajo de teclado, que es F nueve para facilitar esos Veamos qué tenemos. 12. Animar líneas: pincel: Para el ícono de Pincel de dolor, voy a animar estos goteos con Pero en este momento solo son capas de forma, así que no es una línea que pueda animar con recorte El primer paso va a ser seleccionar todos los goteos, hacer clic derecho, ir a crear y luego crear formas a partir de la capa vectorial Voy a eliminar las capas originales de Illustrator. Entonces cada uno de estos, se puede ver es una línea que ahora puedo animar con trímpats Vamos a entrar en la primera línea y vamos a agregar y luego Trim Paths. Entonces voy a alternar eso para abrir. Voy a animar el final y comenzar propiedades de esta pintura gotean Pero primero, recuerda que aquí hay una capa de pintura. Entonces, si solo solo esta capa haciendo clic en este pequeño botón de aquí mismo, puedes ver que aquí está esta forma de pintura y estos goteos se superponen parcialmente con esta pintura Voy a deshacer eso. Voy a ajustar el valor final, así que simplemente se superpone con esa forma de pintura pero no se extiende más allá de ella. Creo que el 27% se ve bastante bien. Voy a establecer un fotograma clave aquí al inicio de la línea de tiempo, y luego vamos a avanzar a 20 fotogramas y llevar esto hasta 100 Pero como esto está goteando, quiero que realmente se desprenda del resto de la pintura en el pincel Para ello, puedo animar la propiedad de inicio. Iré a medio camino entre estos dos fotogramas clave y haré que empiece a desprenderse Voy a establecer un fotograma clave para que el inicio esté en cero, y luego vamos a ir a 20 fotogramas y que este animado todo el camino al 100% Animará el goteo todo el camino . Veamos cómo se ve eso. Agreguemos Easy Es a eso para que se vea un poco mejor. Fresco. Tenemos el primer goteo y podemos copiar y pegar toda esta animación de trimpath en los otros Voy a seleccionar donde dice Trimpas y asegurarme de que mi cabeza de reproducción esté al comienzo de la línea de tiempo y solo pegaré esto en los goteos dos, tres Entonces, si presionas U en el teclado, aparecerá todos los fotogramas clave a la capa seleccionada Ahora puedo ver esos fotogramas clave y vamos a golpearte de nuevo para ver solo los fotogramas clave en esa capa para condensarlo un Entonces puedo ajustar los fotogramas clave para escalonar estas animaciones A lo mejor vamos a tener goteo tres ir primero ya que es el más lejano hacia abajo, y luego tal vez goteo dos va a pasar a Sólo voy a arrastrar estos fotogramas clave para escalonarlos. Después de eso, tal vez vamos a tener goteo cuatro. Seleccionaré estos fotogramas clave y los escalonaré. Y luego vamos a hacer goteo una última. Y vamos a volver a jugar eso. Eso se ve bastante bien, pero toda la animación dura solo 2 segundos, y tenemos 2 segundos extra en la línea de tiempo. Entonces, dos formas en las que puedes cambiar eso. Puedes poner tu cabeza de reproducción en 2 segundos y luego presionar la tecla final, y eso recortará esta barra gris en la parte superior de la línea de tiempo, que se llama área de trabajo a tu cabeza de reproducción Entonces desde aquí, puedes hacer clic derecho en esa barra gris, el área de trabajo, y elegir Trim Comp al área de trabajo. La otra forma de hacerlo sería ir a ajustes de composición de composición o hacer Comando K, y luego ajustar la duración aquí. Entonces aquí está el resultado final. Una cosa a tener en cuenta es que puse fotogramas clave para el valor final comenzara en 27%, que se basaba en donde el goteo uno se superponía con esta capa de pintura Dependiendo de cómo se vea su capa de pintura y la duración de los goteos, es posible que deba ajustar el valor final para los diferentes goteos de pintura Pero para el mío, funcionó porque el de goteo era el más corto. También podrías ajustar el tiempo de los fotogramas clave si quieres un poco más de variedad en cómo gotean los goteos 13. Animar líneas: lápiz: La animación del lápiz, quiero rotar el lápiz para que quede en ángulo. Entonces quiero tener el dibujo de líneas adentro y el lápiz luciendo como si estuviera dibujando esa línea. Para que esta línea se dibuje, vamos a necesitar convertirla en una capa de forma. Para ello, haga clic derecho sobre esta capa de línea, luego vaya a crear formas a partir de la capa vectorial. Esto va a crear una nueva capa y se puede decir que es una capa de forma porque tiene este pequeño icono de estrella al lado, mientras que nuestras capas vectoriales tienen el pequeño icono de Illustrator junto a ellas. Esta capa es una capa de forma editable. Si lo abro, puedes ver que tiene todas las propiedades de transformación con las que probablemente estés familiarizado ahora y también tiene contenido, que contiene un grupo y luego una ruta. Incluso tengo propiedades de trazo, por lo que podrías entrar y cambiar el ancho del trazo o el color de este trazo u otras cosas como guiones o ahusamientos o las tapas en los Luego, debajo del camino, en realidad puedes mover este camino alrededor. Si selecciona la ruta de capa superior, puede seleccionar los puntos individuales en esta ruta y editarla. Incluso podrías golpear el topwatch y enmarcar esta propiedad Voy a deshacer todo eso. No quiero animar el camino de esta línea. Quiero animarlo dibujando adentro. La forma de hacerlo es ir a este botón de anuncio aquí y elegir rutas de recorte. Esto va a agregar una nueva propiedad de rutas de recorte, y si alternas esa apertura, podemos animar los valores inicial y final para animar la línea de encendido y apagado Voy a seguir adelante en mi línea de tiempo a 1 segundo y establecer un fotograma clave para que el valor final esté en 100% Esto significa que la línea será dibujada al 100%. Entonces voy a volver al inicio de la línea de tiempo y llevar este valor final a cero. Ahora bien, si reproducido la animación, la línea va a estar animando en Si tu línea pasa a estar animando hacia atrás, así que de la manera opuesta a lo que quieres, simplemente pulsa este botón aquí y va a invertir la dirección de la línea La dirección de la línea está determinada por cómo la dibujaste en Illustrator. A continuación, voy a seleccionar la capa de línea y simplemente moverla hacia abajo para que tengamos espacio para que el lápiz dibuje la línea en. Voy a cerrar la línea y traerla debajo del lápiz, y luego voy a eliminar realmente esta versión de Illustrator de la línea. Si por alguna razón necesitas eso, siempre lo puedes encontrar en esta carpeta de capas de Illustrator para el lápiz. Ahora hagamos que el lápiz dibuje la línea adentro. Voy a golpear P en el teclado para sacar a colación la propiedad de posición. Podrías intentar fotogramas clave esto, así tienes fotogramas clave a lo largo este camino para que parezca que se está moviendo en la forma de este Pero hay una manera mucho más fácil. Pero antes de hacer eso, quiero mover el punto de anclaje a la punta del lápiz. Antes de hacer cualquier animación de posición, siempre es una buena idea verificar dónde quiere que esté su punto de anclaje. Déjame mostrarte por qué esto es importante. Entonces, si tuviera que animar la posición de este lápiz, simplemente haré algo muy sencillo como esto Entonces se está moviendo a través de la pantalla así. Pero entonces me doy cuenta de que quiero cambiar el punto de anclaje. Si agarro la cacerola detrás de la herramienta y muevo el punto de anclaje, se puede ver que en realidad ha cambiado la trayectoria de movimiento. Entonces ahora la animación va a ser muy diferente. Entonces voy a deshacer todo eso. Y todo lo que es decir, recuerda mover tu punto de anclaje antes de animar la propiedad de posición Si quieres conocer más sobre los puntos de anclaje y cómo solucionar este problema en algunos casos, consulta estos tutoriales. Bien, así que voy a mover el punto de anclaje a la punta del lápiz. Y luego vuelve a cambiar a la herramienta de selección. Entonces voy a entrar en esta capa de líneas y encontrar el camino, y quiero el que está al lado del cronómetro Voy a seleccionar donde dice ruta aquí mismo y presionar Comando o Control C para copiar esa ruta. Entonces voy a mover mi cabeza de reproducción al inicio de la línea de tiempo cuando quiera que comience esta animación, y voy a recorrer este camino hacia la propiedad position Ahora bien, esto no está exactamente en el lugar correcto porque cuando ves que la línea se anima en, este camino no está alineado con esa línea Pero con todos estos fotogramas clave seleccionados y el cabezal de reproducción sobre uno de los fotogramas clave, puede captar y mover fácilmente toda esta trayectoria de movimiento Así que básicamente es mover todos los fotogramas clave de posición. Y yo sólo voy a alinearlo con la línea. Entonces ahora si retomo esto, el lápiz casi parece que está dibujando en la línea, pero los fotogramas clave de posición no están alineados con los fotogramas clave de animación trimpath Lo que voy a hacer es seleccionar este último fotograma clave para la animación de posición y simplemente arrastrarlo para que se alinee a 1 segundo con la animación trimpath Se puede ver que este fotograma clave, que está representado por solo un pequeño círculo, se ajustó automáticamente para mí. Ese es el fotograma clave aquí mismo. Este tipo de fotograma clave se llama rove a través del tiempo, y la forma en que funciona es que siempre está intercalado entre un Si ajusta el fotograma clave final o el fotograma clave de inicio, los fotogramas clave A OVCrosst en el medio ajustarán automáticamente su sincronización para que la animación se reproduzca sin problemas entre el primer y el Cuando copié esta ruta y pegué en la posición del lápiz, automáticamente configuró estos fotogramas clave para que tuvieran tiempo ovcross Pero si necesitabas establecer esto en un conjunto de fotogramas clave, entonces solo necesitas seleccionar los fotogramas clave, hacer clic derecho y elegir A continuación, voy a seleccionar todos estos fotogramas clave y presionar F nueve para facilitarlos fácilmente Vamos a reproducir lo que tenemos. Como el lápiz está fuera de la composición, voy a hacer que la composición sea más grande. Entonces voy a ir a la configuración de composición golpeando Comando K, y vamos a aumentar esto a 1,000 por 1,000. Y también podemos ir y aumentar el fondo con solo escalarlo. Entonces golpeé S para que aparezca la propiedad de escala y luego simplemente arrastre la escala para que sea más grande. También puede bloquear la capa de fondo. De esa manera no puedes seleccionarlo accidentalmente. Ahora vamos a animar el lápiz volteando y borrando Voy a abrir las propiedades de transformación para el lápiz y establecer un fotograma clave a 2 segundos para la posición y rotación Entonces voy a avanzar 15 fotogramas, y quiero que el lápiz se mueva en la forma de esta línea. Yo copio estos fotogramas clave, va a mover el lápiz de nuevo al inicio, pero también necesito girarlo para que el borrador esté tocando la línea Voy a rotar esto hacia atrás. Luego toma todos estos fotogramas clave de posición seleccionando los tres y mueve todo arriba para que el borrador esté tocando la línea Eso moverá todo este segmento de la trayectoria de movimiento. Si reviso la línea de tiempo, puedes ver aquí mismo, esta animación se ve un poco rara porque esta parte de la trayectoria de movimiento es tan recta cuando el lápiz se voltea Si no ve la trayectoria de movimiento, asegúrese de que esté activada, y también de que la vista debajo, tiene marcados los controles de capa de mostrar Quiero hacer curvo este segmento de la línea. Para hacer eso, necesito tener asas, como se puede ver aquí para este segmento de curva de la línea. no tengo ya asas en esta parte de la línea, puedes subir a la herramienta Pluma, hacer clic y mantener presionada, y luego agarrar la herramienta Convertir vértices Después se puede hacer clic en un fotograma clave, que están representados por los cuadrados para crear manejadores. Acabo de hacer clic una vez y borró el mango. Voy a hacer clic de nuevo para agregar asas traseras en ambos lados. Entonces voy a arrastrar este manejador hacia afuera para crear una curva y luego arrastrarlo hacia adentro para, ojalá mantener esta línea curva tanto como sea posible. Entonces veamos cómo se ve esto. Creo que eso se ve mejor. Ahora agreguemos algo de facilidad fácil a estos fotogramas clave de rotación. Ahora vamos a animar la línea animando hacia fuera. Entonces, debajo de la línea debajo del pase de recorte, voy a animar el valor inicial Entonces voy a establecer un fotograma clave aquí a las 2:15, y luego voy a ir a 315 y llevar el valor inicial hasta 100 Y vamos a facilitar fácilmente estos fotogramas clave. Veamos qué tenemos hasta el momento. Ahora para hacer este bucle, necesito que el lápiz voltee de nuevo. Aquí, cuando termine esta animación, necesito un fotograma clave de rotación Entonces voy a moverme al final de la línea de tiempo y copiar y pegar el fotograma clave de primera posición para que comience de nuevo al inicio de la línea y también el primer fotograma clave de rotación para voltear nuevamente el lápiz Cuando el lápiz voltea hacia atrás, esta línea de aquí para la trayectoria de movimiento es realmente recta, y se vería más natural si tuviera un poco de curva Entonces para hacer eso, voy a volver a la herramienta convertir vértices y luego hacer clic en este fotograma clave aquí, y eso agregará manejadores, y luego puedo arrastrar este manejador hacia afuera, y vamos a traer este de Puedes mantener presionada la opción o Alt para simplemente ajustar una de las asas y no la otra. Entonces traeré esa de vuelta. Asegúrate de que esta línea siga pareciendo la forma de la línea que dibuja dentro y fuera. Y veamos qué tenemos hasta ahora. Hagamos que el lápiz se detenga por igual cantidad de tiempo al inicio y al final de la línea. Para hacer esto y ver todos mis fotogramas clave en la línea de tiempo a la vez, voy a tener ninguna capa seleccionada y presionar la tecla Entonces voy a tomar todos estos fotogramas clave y moverlos hacia atrás 15 fotogramas Otra cosa que quiero hacer es que el lápiz gire un poco ya que está dibujando en la línea. Entonces estableceré un fotograma clave de rotación al inicio de la línea de tiempo, y luego cuando termine esta animación, estos son ambos 35 grados. Y luego en el medio, hagamos que el lápiz gire un poco más de esta manera. Entonces tal vez como 40. Así es como se ve esto. Te habrás dado cuenta de que cuando el lápiz se voltea, hay un poco de tiempo en el que puedes ver la línea a través del lápiz porque esta forma que creé en Illustrator es una forma abierta sin relleno A veces puedes arreglar cosas como esta volviendo al archivo de Illustrator. Y en este caso, ya que es solo un simple cambio de color, es fácil arreglar un Illustrator. Entonces lo que voy a hacer es repasar a mi archivo de Illustrator. Todo este lápiz es grupo, así que voy a hacer doble clic en la forma a la que quiero agregar un color de relleno y luego agregar ese color de relleno. Y luego, mientras estamos en ello, bien podría llenarlos solo para estar seguros. Y eso se ve bastante bien. Entonces voy a salir del grupo haciendo clic en esta barra y luego guardo el archivo, y luego voy a volver a entrar en after effects. Y vamos a repasar la línea de tiempo y ver si eso lo arregló. Sí, así que ahora puedes ver que esta es una forma rellena porque mi archivo de Illustrator ha actualizado dentro de los efectos posteriores 14. Animar escala: cuentagotas: Va a hacer este rectángulo, el fluido que hay dentro del cuentagotas Pero primero, animemos esta pequeña gotita de líquido que sale del cuentagotas sólo voy a ocultar Por ahora sólo voy a ocultar esta capa de fluido rectangular. Entonces movamos la gotita a su lugar. Ya que esto se está cortando, también hagamos que la composición sea más grande. Voy a hacer comando o control K para llegar a los ajustes de composición. Vamos a hacer esto de 700 por 700 píxeles. Entonces voy a escalar el fondo. Seleccionaré el fondo, golpearé S en el teclado para llegar a la propiedad de escala, y solo escalaré esto. Para la gotita, también quiero animar la escala para que parezca que está saliendo del cuentagotas Pero primero, quiero mover el punto de anclaje a la cima. Voy a ir a la bandeja detrás de la herramienta arriba en la barra de herramientas superior y luego solo vamos a acercarnos. Puedes mantener pulsada la barra espaciadora para obtener esta pequeña herramienta de mano para mover tu composición Entonces voy a arrastrar el punto de anclaje hasta arriba, si mantienes presionado comando o control, se romperá a una esquina o un borde, y luego voy a volver a cambiar a la herramienta de selección con V en el teclado. Entonces abramos arriba la gotita y animemos la posición y la escala El puesto debería comenzar por aquí, tal vez un poco más alto. Entonces vayamos a 15 fotogramas y animemos la posición moviéndose hacia abajo. Y luego a las 15 permanente, también estableceré la escala en 100%, y luego al inicio de la línea de tiempo, hagamos que esto sea en una escala de cero Entonces ahora la gotita se escalará hacia arriba y se moverá hacia abajo. Pero creo que esto va un poco demasiado rápido. Así que vamos a mover estos fotogramas clave a 1 segundo y 15 fotogramas También quiero hacer este bucle de animación, así que necesito alguna manera de deshacerme de esta gotita. Entonces animemos la opacidad. Entonces, a partir de 1 segundo, animemos la opacidad desde 100 y luego alineemos con estos otros dos fotogramas clave, animémoslo Entonces vamos a facilitar fácilmente todos estos fotogramas clave. Entonces esto es lo que tengo hasta ahora. 15. Tamaño de animación: cámara: Este icono de cámara, quiero tener el escalado de la lente como si estuviera ajustando su enfoque. Ocultemos estas dos fotos por ahora. Quiero que la lente interna escale, pero si utilizo la propiedad scale, se puede ver que el peso del trazo de ese círculo en realidad también escala. No me gusta cómo se ve esto. Me gusta que todos los pesos de trazo sean consistentes, aunque esto sea escalado. Déjame mostrarte una manera en la que puedes afectar el tamaño del círculo sin afectar el peso del trazo. Lo que voy a hacer es anular la selección esta capa interna de lente simplemente haciendo clic fuera de ella, y luego la voy a recrear con las herramientas de forma y después de los Si subes a la herramienta rectángulo y haces clic y mantienes, aquí hay otras opciones para herramientas, así que voy a agarrar la herramienta elipse Entonces solo voy a arrastrar una elipse y voy a mantener presionada la tecla Shift para asegurarme de que consiga un círculo perfecto Si no eres exacto, está bien porque puedes ajustarte. Voy a volver a cambiar a la herramienta de selección y luego mover esto a su lugar. Vamos a solo esta capa, esta capa de forma, y la capa de lente solo para que sea más fácil ver lo que estoy haciendo. Voy a acercarme. Y luego para volver a colorear su trazo, voy a hacer clic en este cuadro aquí y usar este cuentagotas para muestrear el color del trazo en la capa original Y entonces también sé que el peso del trazo debería ser 14 porque eso es lo que estaba usando en Illustrator. Y entonces esto tiene que ser un poco más grande. Así que voy a alternar abierto donde dice elipse y luego elipse path, y luego ajustar el tamaño Entonces creo que se ve bien. Ocultemos esta capa de lente. Eso es lo suficientemente cerca. La capa de forma circular que creé no tiene un color de relleno porque el globo ocular de relleno está apagado, así que voy a encender eso Y luego solo vamos a moverlo para que pueda hacer clic en este cuadro de relleno aquí mismo y luego usar el cuentagotas para muestrear el color de relleno del original Y luego volvamos a poner esto en su lugar. Y luego simplemente arrastremos esta capa de forma justo encima de la lente, y luego unsolo ambas capas Y entonces en realidad puedo simplemente borrar la capa original de la lente. Y cambiemos el nombre de esta capa de forma. Entonces para ello, selecciónala y luego pulsa Retorno o Entrar, y luego podrás empezar a escribir. Bien, entonces ahora tenemos esta nueva capa que tiene esta propiedad de tamaño, y si animas la propiedad size, puedes ver que el peso del trazo permanece igual, incluso cuando hago esto más grande o más pequeño Quizás se esté preguntando por qué no solo hice clic derecho en la capa y dije, crear formas a partir de la capa vectorial. La razón por la que no hice eso es porque simplemente crea un camino y no un camino de elipse Y un camino no tiene la propiedad de tamaño. Entonces, para animar la lente, fijemos un fotograma clave al inicio de la línea de tiempo para que el tamaño sea este Entonces yendo adelante diez fotogramas, voy a hacer esto un poco más pequeño. Y luego vayamos a 25 fotogramas y solo copiemos y peguemos el primer fotograma clave Fácil Facilite estos fotogramas clave. Entonces se ve así. Vamos a animar esta escala de capa de lente también, pero de nuevo, voy a necesitar usar la propiedad size para mantener ese peso de trazo Entonces lo que voy a hacer es duplicar esta capa interna de lente pulsando Comando o Control D, y cambiemos el nombre de esta. Y luego vamos a alternar abrir el resplandor y encontrar la propiedad de tamaño. Voy a poner el cabezal de reproducción sobre el primer fotograma clave. Como tengo los tres fotogramas clave seleccionados, si arrastro sobre los números para la propiedad size, ajustará el tamaño para los tres fotogramas clave manteniendo sus valores relativos Voy a alinear esto con el deslumbramiento original de la lente de Illustrator. Entonces ahora, se puede ver que ese resplandor interior se está escalando. Simplemente eliminemos la capa original. Por supuesto, este es un círculo completo, así que necesitamos hacerlo solo un cuarto de círculo. Para hacer eso, voy a presionar este botón de anuncio y elegir rutas de recorte, y solo voy a establecer el valor final 25% para dejar ahí solo una cuarta parte del círculo. Entonces para moverlo por aquí, voy a cambiar el valor de desplazamiento. Entonces vamos a hacer ese negativo 90. Entonces también quiero que las gorras sean gorras redondeadas. Voy a entrar en el trazo, o también podrías hacer esto en el panel de propiedades, que es un poco más fácil de encontrar. Apenas pegó las gorras redondas. También podrías encontrar esto debajo del trazo. Sólo voy a golpearte para ver todos los fotogramas clave y esto es lo que tengo hasta ahora 16. Crea una mate: cámara: Animemos estas fotos que salen de la cámara. Sólo voy a esconder la flor y trabajar con una a la vez. Primero, voy a animar la posición y luego voy a crear un tapete para que la foto solo sea visible en esta zona inferior y luego voy a hacer que parezca que está saliendo de la cámara Entonces voy a presionar P en el teclado para que aparezca la propiedad de posición y establecer un fotograma clave al inicio de la línea de tiempo, y voy a arrastrar el valor Y hacia arriba para que esté por encima de esta línea donde sale la foto de la cámara Y luego iré a 1 segundo y animaré esto para que quede todo el camino fuera de la cámara Ahora vamos a crear el tapete. Entonces para hacer esto, voy a usar una capa de forma y simplemente dibujar un rectángulo comenzando en la parte superior de esta ranura y extendiéndose hasta la parte inferior de la composición. Cambiemos el nombre de esta capa MT, así que presiona Enter o Return y luego Enter o Return nuevamente. Entonces en esta capa de Foto, necesito establecer el tapete para que sea esta capa de forma. Para ver las opciones de MT, presiona este botón de modos de interruptores de palanca y deberías ver Track Mat aquí. Si no ves las opciones de Tapete de pista, entonces alterna estos botones hasta que lo veas o haz clic derecho en esta barra superior aquí, ve a columnas y asegúrate de que los modos estén marcados. Entonces en este menú desplegable, puedes elegir la capa de tapete para que sea la MT. También puedes usar este látigo de selección para arrastrar a la capa. Entonces ahora la foto solo va a ser visible dentro de este tapete, y necesito volver a cambiar a mi herramienta de selección con V. Ahora bien, si reproducido esto, puedes ver que la foto parece que sale de la cámara. Pero se vería mejor si la colchoneta se moviera un poco hacia abajo. Entonces solo voy a seleccionar esta capa de tapete y bajarla así. Y tal vez dejemos que esta foto salga de la pantalla. Así que acabo de actualizar ese fotograma clave. También puedo facilitar fácilmente estos fotogramas clave. Quiero que la animación del ajuste de la lente ocurra primero, y luego tal vez quedaría bien que toda la cámara se mueva un poco como si alguien estuviera presionando el obturador y luego debería salir la foto. Sólo voy a cerrar todas las capas. Para animar toda la cámara, quiero tener todas las capas parentales a esta capa de cámara Entonces voy a seleccionar todas las capas y las padre a la cámara. Ahora veamos dónde están los fotogramas clave para la lente. Empecemos a unos 15 fotogramas y hagamos que la cámara, todo se mueva hacia abajo. Voy a presionar a Pee en el teclado para que aparezca la propiedad de posición para la cámara y establecer un fotograma clave aquí, y luego pasemos al final de la animación de ajuste de lente y bajemos un poco la cámara Y luego avanzar otros diez fotogramas y hacer el bucle de animación copiando y pegando el primer fotograma clave Y voy a facilitar fácilmente estos fotogramas clave. Entonces probablemente debería tomar un poco de tiempo para que la foto se procese, y luego haré que salga la foto. Entonces, arrastremos esta capa hacia atrás y hagamos que salga a los 2 segundos. Entonces esto es lo que tengo hasta ahora. También podría agregar un poco de rotación cuando la cámara se mueve hacia abajo. Entonces en este fotograma clave, voy a establecer fotogramas clave de rotación. Entonces para ver los fotogramas clave de posición y también sacar la propiedad de rotación, voy a presionar Mayús R, y luego estableceré un fotograma clave de rotación, y luego aquí voy a establecer un fotograma clave de rotación para, vamos a hacer algo realmente sutil, como tal vez solo uno negativo, y luego aquí de vuelta a cero Y Easy Ease hace fotogramas clave. Entonces podrías repetir todos estos fotogramas clave y luego también animar la flor de la foto que sale de la cámara y asegúrate de colocar el tapete a esta capa de tapete 17. Crea una mate: cuentagotas: Para obtener este rectángulo que es el fluido, para estar justo dentro de esta forma de cuentagotas, necesitamos configurar un Mt Para ver las opciones de tapete, baja a la parte inferior de la línea de tiempo y haz clic en este botón que dice Toggle Switches barra modos Entonces quiero que esta forma de cuentagotas sea la colchoneta para este fluido Entonces en la capa de fluido, quieres seleccionar el tapete aquí. Puedes usar el menú desplegable y seleccionar la capa, o puedes usar esta pequeña espiral, el látigo de selección y arrastrar a la capa que quieras que sea el tapete Por defecto, eso va a apagar el globo ocular en la capa que has elegido como tapete, que es el cuentagotas Pero si miras aquí, esto no está funcionando como queremos que funcione. Este cuentagotas es una forma que solo tiene un trazo y sin relleno Entonces el tapete apenas está apareciendo en ese contorno. Arreglemos esto dándole al cuentagotas un color de relleno. Y lo voy a hacer en Illustrator. Si aún no tienes este archivo abierto en Illustrator, una manera fácil de encontrarlo rápidamente es hacer clic derecho sobre la capa, ir a revelar y luego Revelar y Finder. Y luego puedes abrirlo en Illustrator. Entonces esta forma cuentagotas necesita tener un color de relleno, así que voy a seleccionarla y colorear el mismo color que el fondo Entonces voy a darle a Guardar. Entonces si vuelvo a los efectos posteriores, puede ver que esta colchoneta ya se ha actualizado porque le he dado un color de relleno a este cuentagotas Algunas cosas como simplemente agregar un color de relleno a una forma, puedes hacer en Illustrator, guardar el archivo y se actualizará en después de los efectos. Otras cosas como agregar capas a tu archivo de Illustrator no se actualizarán de nuevo en los efectos posteriores. Si quieres conocer más sobre lo que puedes y qué no puedes hacer en Illustrator y tener actualizado en tu archivo de Illustrator ya importado en after effects, tengo un tutorial que explica más sobre esto. Pero por ahora, sólo voy a deshacer esto y apagar el globo ocular y se puede ver que ese líquido de relleno ahora está dentro de la forma de cuentagotas, pero necesito la forma cuentagotas pero necesito Yo enciendo el globo ocular, se puede ver que esto todavía no está funcionando porque ahora una vez que se vuelve a encender la capa del cuentagotas, el color del relleno está ocultando el Para arreglar esto, voy a llevar el líquido por encima del cuentagotas, pero esto aún no es perfecto porque ahora no estoy viendo el contorno alrededor de todo el cuentagotas porque estoy viendo el líquido en la parte Para solucionar este problema, voy a tomar la forma del cuentagotas, y voy a hacer click derecho y voy a crear formas a partir de la capa vectorial Y luego voy a llevar esta capa encima y esta capa todavía tiene ese relleno, pero voy a entrar en la capa Debajo del contenido, hay algunos grupos diferentes. Vamos a hacer clic para encontrar el que estamos buscando. Entonces va a ser el grupo tres, y luego voy a alternar eso abierto, y este va a ser el relleno que quiero ocultar. Así que simplemente o lo borraré o apagaré el globo ocular. Entonces ahora por fin tenemos el aspecto que queremos. Para que pueda cerrar esto. Sé que hubo bastantes pasos para solucionar un problema que podría haber anticipado. Si en Illustrator, acababa crear otra copia de esta capa y tenía esa que tuviera el relleno y luego simplemente la llamé como Matt o algo así, y luego en el cuentagotas original, tener este no tener un color de relleno y luego simplemente lo importé así Eso habría resuelto todos esos pasos que tuve que hacer entre after effects e Illustrator. Pero en realidad no lo hice a propósito. Me imaginé que si estabas creando tus propios íconos, podrías meterte accidentalmente en una situación en la que no esperabas una capa de tapete que necesitarías, así que quería mostrarte cómo podrías resolver problemas. También ten en cuenta que agregar una capa en Illustrator, una vez que ya hayas importado el proyecto after effects no va a funcionar. No reconocerá esta nueva capa. Ahora vamos a animar el fluido en el cuentagotas moviéndose Entonces presionaré P en el teclado para abrir la propiedad position y establecer un fotograma clave al inicio de la línea de tiempo Entonces pasemos a 1 segundo y animemos este fluido hasta el final del cuentagotas Como quiero que esta animación haga un bucle, también quiero volver a animar el fluido Sólo voy a hacer que vuelva a subir en 15 fotogramas y solo voy a copiar y pegar ese primer fotograma clave Vamos a facilitar fácilmente estos fotogramas clave y veamos qué tenemos. Esta animación solo dura 2 segundos, así que voy a recortar el área de trabajo, luego haga clic derecho y elija Trim Comp al área de trabajo. Hay una cosa más que podríamos hacer para que esta animación sea un poco más interesante, y es hacer que todo el cuentagotas se mueva un poco, así que es como si alguien la estuviera apretando y realmente usando Entonces, para animar la posición de todo el cuentagotas, necesito formar algunas capas juntas para poder simplemente animar la posición de una Entonces voy a tomar el fluido, el cuentagotas y la gotita y apaciguar a la capa de contorno del cuentagotas Entonces para esta capa, voy a presionar P en el teclado para que aparezca la propiedad position y establecer un fotograma clave al inicio de la línea de tiempo Entonces avancemos en el tiempo a 1 segundo, y esto será cuando se mueva hacia abajo. Y entonces quiero que ese goteo desaparezca por completo antes de que vuelva a desaparezca por completo antes de que vuelva subir para que el goteo no se mueva hacia arriba porque eso no tendría sentido. Entonces esperemos a que se desvanezca, y luego volveré a subir este movimiento Entonces copiemos y peguemos este último fotograma clave. Y luego al final de la línea de tiempo, voy a copiar y pegar el primer fotograma clave, y esto hará un bucle perfecto Y luego vamos a facilitar fácilmente estos fotogramas clave. Creo que se vería mejor si el fluido volteara hacia arriba ya que el cuentagotas en realidad se está moviendo de nuevo hacia Entonces lo que voy a hacer es mover este fotograma clave que esté al final de la línea de tiempo, y luego aquí copiaré y pegaré este último fotograma clave para que el fluido no sea visible Entonces en este espacio, la gotita simplemente se desvanecerá y luego todo volverá a su lugar Esta es la animación final. 18. EXTRA: propiedad de la ruta animada: Podría haber notado que en mi animación de cámara, tengo el tipo de foto de morphing un poco para que parezca que son tres D. Si quieres aprender a hacer eso, te voy a mostrar cómo en este video, pero es un poco más avanzado que lo que hemos hecho hasta ahora en clase Lo primero que voy a hacer es hacer mi composición sea más grande yendo a ajustes de composición. Entonces hagamos esto 700 pixeles para la altura. Y luego también voy a ir a avanzar para hacerlo de manera que se añada la altura en la parte inferior. Haré clic en este botón superior aquí y luego presionaré Bien, y luego hagamos que el fondo sea más grande. El siguiente paso es seleccionar la foto y convertirla en una capa de forma. Entonces haga clic derecho, vaya a crear formas a partir de la capa vectorial. Entonces debajo de la versión de capa de forma de la foto, voy a alternarla para abrirla, y voy a seleccionar estas capas para averiguar cuáles son y luego cambiarles el nombre para facilitar todo este proceso. Este va a ser el sol, también necesitamos fijar el tapete para esta capa de forma de foto tiene esta capa de tapete que creamos. Entonces como la foto está saliendo de la cámara, hagamos que haga una pausa tal vez aquí mismo. Te voy a golpear en el teclado para sacar esos fotogramas clave de posición y simplemente establecer un fotograma clave de posición aquí Hagamos que se detenga solo por cinco fotogramas. Voy a copiar y pegar ese fotograma clave. Entonces va a salir, hacer una pausa un poco, y luego vamos a hacer que salga más y luego empiece a transformarse. Pero ahora mismo se puede ver que ya hay un problema. Esta capa de tapete está cortando la parte inferior de la foto. Voy a entrar en el tapete debajo del contenido, Rectángulo uno, Rectángulo uno camino, y luego la propiedad size, voy a desconstreñir las proporciones y solo hacer que el valor de Y Entonces movamos esto hacia abajo para que la parte superior de este rectángulo aún se alinee con la ranura. Pero ahora tenemos mucho espacio aquí abajo así que la foto no se corta. Vamos a entrar en esta capa de fotos. En la capa principal, voy a animar esta propiedad path Entonces voy a hacer clic en el cronómetro de la propiedad path aquí mismo Entonces avancemos en el tiempo, y parece que la foto sigue saliendo de la composición. Así que vamos a moverlo un poco hacia arriba. Entonces voy a subir el valor Y para que termine por aquí. Y hagamos que esta animación tarde un poco más, así que arrastraré este fotograma clave a 310 Después a los 3 segundos, voy a empezar a animar la propiedad path en la fotocapa principal para que empiece a transformarse Voy a seleccionar donde dice ruta uno, y de esta manera, en realidad puedo seleccionar los puntos individuales en el camino. Esto puede resultar confuso porque si seleccionas donde dice ruta junto al cronómetro, entonces se seleccionan todos los puntos de ese camino Entonces, si intentas mover uno, terminas moviendo todo el asunto. En su lugar, si selecciona fuera de la capa y luego selecciona justo donde dice ruta uno, pero no selecciona dónde dice ruta junto al cronómetro, entonces puede agarrar los puntos individuales y moverlos Entonces para estos puntos de fondo, los voy a arrastrar hacia fuera y estoy sosteniendo turno para mantener la posición vertical. Esto va a hacer que parezca que la foto viene hacia el espectador. También necesito que la foto se doble un poco para que se vea más realista. Voy a subir a la herramienta Pluma, hacer clic y mantener presionada y agarrar la herramienta convertir vértices y luego simplemente hacer clic en ambos puntos para agregar curvas Entonces voy a volver a cambiar a la herramienta de selección y agarrar estas asas y simplemente traer las que están en el interior que esta línea de fondo sea recta y luego agarraré las asas para la parte vertical de la línea y las traigo para que esté creando una línea curva. Algo así. Ahora en este Inter Photoayer necesito hacer algo muy parecido Voy a volver al inicio de esta animación de ruta y hacer clic en el cronómetro de la propiedad interna de Photos Path y luego pasar para propiedad interna de Photos Path y luego pasar alinearme con este fotograma clave y animar Nuevamente, vaya a convertir herramienta Vertex y podría ser útil acercar en este punto y obtener estos manejadores. Entonces necesito animar el camino en la capa de montañas. Entonces voy a hacer lo mismo, ir a alinearme con estos fotogramas clave, iniciar los fotogramas clave para la propiedad path, luego pasar, y luego seleccionar solo path uno para que pueda seleccionar estos puntos Bien, entonces lo que tenemos ahora es la foto va a salir y va a empezar a, como, inclinarse hacia el espectador También necesito bajar estos puntos, así que es como si la foto estuviera empezando a quedar plana. Voy a hacer clic y arrastrar sobre todos estos puntos para derribarlos a todos a la vez. Y luego bajemos también las montañas. Entonces vamos a llevar la capa de sol hacia abajo. Para esto, voy a alternar abrir el sol, ir a transformar sol, y hay otro conjunto completo de propiedades de transformación que son diferentes a las propiedades de transformación en toda esta capa. Estas propiedades transformadas son solo para este pequeño círculo de sol aquí mismo. Voy a ir al inicio de esta animación de ruta y establecer fotogramas clave de posición para que el sol esté aquí y tenga una escala de 100 100 aquí Y luego a los 3 segundos, movamos la capa de sol hacia abajo. Y luego desbloquee las proporciones restringidas en la propiedad de escala y disminuya el valor Y para la escala. Entonces así es como se ve esto hasta ahora. Necesito bajar un poco el tapete. Eso se ve mejor. Bien, entonces la foto se mueve hacia abajo, y luego quiero que quede completamente plana Entonces voy a ir adelante otros diez fotogramas y luego otra vez, animar las propiedades de la ruta Entonces, comenzando por la foto principal, voy a hacer que estos dos puntos superiores colapsen hasta el final para encontrarme con la parte inferior de la foto y luego ajustaré estos mangos para hacer solo una línea plana. Y luego lo mismo en la foto interior. Y si solo hago clic y arrastre, también seleccionará esos puntos inferiores en la capa de montaña, y luego simplemente lo arrastraré hacia abajo. Y luego seleccionaré estos puntos altos, incluyendo las montañas, pero asegurándome de que no estoy seleccionando el sol, y comenzaré a arrastrarlos hacia abajo para hacer una línea plana Entonces veamos cómo se ve esto hasta ahora. Bien, la última pieza es sólo para mover el sol hacia abajo. Entonces animemos la posición moviéndose hacia abajo, y luego la escala va a cero y al eje y Entonces esto es lo que tenemos hasta ahora. Podrías volver a los fotogramas clave para ajustar ligeramente la ruta o simplemente el tiempo para que esto se vea un poco mejor, pero esta es la idea básica de cómo animarías con la propiedad path 19. Composiciones de nidos: En este video, te mostraré cómo poner tus iconos todos juntos en una sola composición para que puedas crear un archivo de video con todos tus iconos uno al lado del otro. El primer paso va a ser repasar a este nuevo botón de composición, y pongamos un nombre a estos íconos. Asegúrate de establecer tu ancho y alto, y luego quiero que esto sea de 4 segundos porque esa es la longitud de la animación de iconos más larga, y he establecido el color de fondo el mismo color de fondo que los iconos. A continuación, puedes arrastrar en todas las composiciones de iconos. Si el color de fondo difiere del color de fondo de la comp principal, sube a la vista y luego desmarca el uso de la administración del color de la pantalla Eso debería arreglar ese problema. Sólo voy a traer todas las demás comps de íconos. Et escala estos para que no todos se superpongan. Voy a presionar la tecla S para que aparezca la propiedad de escala, y luego solo seleccionaré todos estos presionando el Comando A y pongamos la escala al 50%. El siguiente paso va a ser solo reorganizar el icono para que esta composición quede bien Puedes usar las herramientas de alineación, o si es útil, puedes ver el centro de la composición eligiendo title action safe aquí o el teclado charcu es la clave de comillas Algunos de los íconos solo duran 2 segundos, y luego desaparecen. La forma más fácil de arreglar esto es solo seleccionar aquellas composiciones que solo duran 2 segundos y presionar Comando D para duplicarlas y arrastrar la copia al espacio vacío. Ahora bien, si juego esto de nuevo, debería tener todo en un lazo 20. Renderiza un archivo de video: Aquí te explicamos cómo exportar esta composición como un archivo de video. Esto se llama términos de renderizado y después de los efectos. Asegúrese de que esta composición esté seleccionada en la línea de tiempo y que la línea de tiempo esté seleccionada con este contorno azul o asegúrese que la composición del icono esté seleccionada en el panel del proyecto. Luego sube a la composición, agrega a renderizar Q. Esto traerá la cola de renderizado y la línea de tiempo. Luego junto al módulo de salida, puede elegir la configuración para este archivo de video. Sólo voy a usar el valor por defecto, que es un archivo MP four. Pero si quieres cambiar la configuración, puedes usar una plantilla que puedes encontrar aquí o hacer clic en el texto azul para abrir todas las opciones de configuración. Al lado de la salida dos, si haces clic en este texto azul, puedes elegir dónde guardar este archivo. El último paso es presionar el botón de renderizar. Aquí está el archivo de video que acabo de exportar. 21. Qué sigue: Felicidades por completar esta clase. Espero que se sienta más cómodo en los efectos posteriores. Me encantaría ver lo que animaste, así que por favor publica tu trabajo como proyecto de clase. Y si publicaste en Instagram, etiquétame en Animación Explicada. Si tienes algo de esta clase, realmente me ayudaría si dejaras una reseña. Para seguir aprendiendo, echa un vistazo a mis otras clases y asegúrate de seguirme en Skillshare o suscríbete mi boletín gratuito por correo electrónico para saber cuándo tengo una nueva clase para ti Muchas gracias por ver hasta la próxima vez Happy Animating.