Anima tus ilustraciones en tiempo récord con Adobe After Effects

1. Avance del curso: Hola ahí. Mi nombre es Carminys y soy el cofundador de Operary.com. Somos un estudio de animación con más de ocho años de experiencia. Durante este tiempo, hemos creado hermosos videos explicativos animados para cientos de empresas en todo el mundo. Nuestro objetivo con este curso es enseñarte a hacer animaciones increíbles en tiempos récord. Partimos de lo básico y poco a poco aprenderás algunos trucos para acelerar el proceso de animación y aplicar lo que has aprendido con proyectos prácticos reales. ¿ Estás listo para llevar tus ilustraciones al siguiente nivel? Empecemos. 2. Introducción: Como saben, en este curso, te estamos dando algunos consejos para acelerar tu proceso de palabras y anima tus ilustraciones de forma rápida y sencilla. Si no has utilizado After Effects antes, no te preocupes, profundizaremos paso a paso desde lo básico para que no tengas ningún problema al seguir el curso. Te invito a descargar todos los proyectos que realizamos durante el curso. De esta forma, puedes seguir las instrucciones en tiempo real y te será mucho más fácil aplicar lo que estás aprendiendo. Tengo muchas ganas de ver tus animaciones al final del curso. Por favor comparte tu trabajo en la galería de proyectos del curso para que todos podamos disfrutar de tus artes. En la siguiente lección, haremos una breve revisión de la interfaz After Effects. 3. Bienvenido a After Effects: Hola a todos. Bienvenido a tu primera clase. Si ya has trabajado con After Effects antes y sabes cómo funciona, puedes ir directamente a la lección 5. Si es la primera vez que abres el programa, no te preocupes, nos enfocaremos en las partes esenciales para seguir el curso fácilmente. Trabajaremos con el espacio de trabajo estándar, pero puedes elegir la opción que prefieras. La interfaz puede variar dependiendo de la versión de After Effects con la que esté trabajando. Estamos trabajando con la versión 2020. Para crear una animación, primero, necesitamos crear una nueva composición. Vamos a Composición y seleccionamos “Nueva composición”. También podemos crear composiciones haciendo clic en este cuadro o este símbolo aquí mismo. Ahora, necesitamos nombrar la composición y configurarla. Usaremos una resolución 1920 por 1080. Establecemos la velocidad de fotogramas en 24 fotogramas por segundo. Haga que la composición dure cinco segundos, y haga clic en el botón “Aceptar”. Para guardar el proyecto, vaya a Archivo y seleccione “Guardar”. Encuentra la ubicación, asigna un nombre al archivo y guarda. Podemos empezar a crear. Ahora, vamos a crear una capa de forma, un cuadrado por ejemplo. El panel donde se ve la plaza es el mirador, el panel más extenso de todos. Este panel es donde veremos los resultados de nuestros diseños en animaciones. También podemos establecer el tamaño de la ventana y la calidad de imagen con la que queremos trabajar. Cuanto mayor sea la calidad, más lento se procesará la animación. Por defecto, y hasta que creemos un elemento de fondo , aparece en negro. Podemos cambiar el color de Composición y seleccionar “Ajustes de composición”. Si hacemos click aquí, podemos ver la cuadrícula de transparencia. También podemos cambiar el tamaño de los paneles haciendo clic y arrastrando. Muy sencillo. Ahora echemos un vistazo más de cerca al panel de la línea de tiempo. Este panel es donde pasaremos más tiempo creando nuestras animaciones. Observe que al crear la capa de forma, ha aparecido automáticamente en la línea de tiempo. También podemos modificar la duración del área de trabajo, así como acercar haciendo clic y arrastrando aquí. Además, puedes cambiar los controles del menú haciendo clic en el botón aquí. Como se puede ver, la composición que creamos al principio aparece en el panel del proyecto. Aquí es donde aparecerán todas las composiciones que creemos y todos los archivos que importamos. Al importar archivos, debemos presionar dos veces en el panel o ir a Archivo, seleccionar “Importar archivo”, y luego seleccionar el archivo deseado e importar. Si vamos a importar un archivo en capas de Illustrator o Photoshop en la importación como opción, debemos seleccionar “Composición - Conservar tamaños de capa”. Como puedes ver, aparece una nueva composición con el nombre del archivo Illustrator y también hay una carpeta. Las capas se encuentran dentro de esta carpeta. Podemos crear carpetas haciendo clic aquí, nombrarlas, y arrastrar los archivos dentro. Si miramos a la derecha, encontramos el panel de efectos y presets. Estos paneles te permitirán navegar por una extensa biblioteca de efectos. Durante el curso, aprenderás a aplicarlos. Si este panel no aparece en la pantalla, vaya a Ventana y seleccione “Efectos y ajustes preestablecidos”. También puedes buscar los efectos a través de la ventana de efectos ubicada en el menú principal. En la parte superior, podemos encontrar las herramientas más utilizadas. Echemos un vistazo rápido a las herramientas que vamos a utilizar durante este curso. El instrumento Selección, que permite seleccionar y mover los elementos así como modificar su tamaño. Si mantenemos presionada la tecla Mayús mientras ajustamos el tamaño, mantendremos intactas las proporciones. La herramienta Mano permite moverse dentro del panel de composición. La herramienta Zoom permite acercar o alejar. Si hacemos click, acercamos y si hacemos click mientras mantenemos pulsada la tecla “Alt”, alejamos el zoom. Esta es una herramienta de Rotación. Nos permite rotar objetos alrededor de los puntos angulosos. Podemos cambiar la ubicación de los puntos angulosos, gracias a la herramienta Pan Behind. Selecciona y borra la plaza que habíamos creado. Usando esta herramienta, podremos crear tus capas mágicas de forma como rectángulos, elipses, y todo tipo de polígonos. Cada capa de forma tiene su propio conjunto de ajustes. Desde la línea de tiempo, podemos configurar sus opciones. Esto variará de una capa de forma a otra. Tómate tu tiempo y juega con ellos para ver cómo funcionan. También podemos cambiar el color del campo y del trazo, así como el tamaño del trazo. Podemos activarlo o desactivarlo haciendo clic en el [inaudible] aquí. Podemos cambiar esta misma opción desde aquí ambos. Ahora, quiero decirte la diferencia entre crear una capa de forma y crear una máscara de capa. Voy a importar una foto y arrastrarla a la composición. Si creamos una forma con la capa seleccionada automáticamente, se crea una máscara sobre ella. Es decir, sólo podemos ver la parte de la fotografía que está dentro de la máscara que hemos creado. También podemos invertir la máscara haciendo clic aquí. Volvamos con Control-Z o Comand-Z en Mac o simplemente borrando la máscara. Por el contrario, si creamos una forma sin tener ninguna capa seleccionada, se crea cada capa de forma. Incluso podemos copiar colores muy fácilmente. Desde la configuración de color, seleccione la herramienta cuentagotas. Al hacer click en cualquier color, podemos copiarlo rápidamente. Muy útil si queremos copiar el color de un diseño o fotografía. Olvidé comentar que podemos arrastrar los elementos ubicados en el panel de proyecto dentro de las composiciones de dos maneras. Una es arrastrando los elementos directamente al panel del proyecto. El otro los está arrastrando dentro de la línea de tiempo. También podemos colocar las capas fácilmente. Con esto, bastará para empezar a ver más cosas divertidas. En la siguiente lección, haremos una introducción a la animación en After Effects. Nos vemos ahí. 4. ¡Animemos!: Hola ahí. Bienvenidos a esta lección. Ahora que ya sabes moverte por la interfaz, echemos un primer vistazo a la animación en After Effects. Abriendo una nueva composición 1080 por 1080 a 24 cuadros. Denle su nombre y dale tres segundos. Empecemos con un simple ejercicio que te ayudará a entender cómo funciona el proceso de animación en After Effects, un rebote de bolas. Vamos a importar una escena que hemos preparado y previamente separada por capas en Adobe Illustrator. No te preocupes por esto ahora. En futuras lecciones, te mostraremos cómo preparar tus ilustraciones para los After Effects. Arrastre la composición importada a la composición principal y, a continuación, haga doble clic dentro de la composición. Como puedes ver, tenemos una pelota, sombra, y una imagen de fondo. Antes de empezar a animar, selecciona la capa de balón de fútbol. A continuación, seleccione la sartén detrás de la herramienta y coloque el punto de anclaje en la base de la bola. Al animar la escala más adelante, queríamos tomar ese punto como referencia. Ahora abre las propiedades de transformación del balón. Todas estas propiedades pueden ser animadas. También podemos modificar sus valores directamente desde aquí. En primer lugar, vamos a animar la posición para la que necesitamos crear el primer fotograma clave haciendo clic en el cronómetro. Ahora los plazos avanzados en la línea de tiempo, se puede ver el contador de fotogramas a la izquierda. Podemos crear un nuevo fotograma clave presionando aquí el diamante o cambiar directamente la posición de la bola. Al cambiar la posición, aumente un nuevo fotograma clave. Ya podemos previsualizar la animación. Para esto, basta con presionar cero en el pad num o en la barra espaciadora. Por último, avanza 10 fotogramas más y copia y pega el primer fotograma clave en esta posición. Vuelve a previsualizar. Ahora podemos ver el camino completo del balón. Si estás un poco perdido, no te preocupes, voy a hacer una revisión detallada para que nada te escape. En primer lugar, necesitamos localizar el indicador de tiempo en los momentos de la línea de tiempo donde queremos que comience la animación. Para crear un fotograma clave, es necesario hacer clic en el cronómetro. Para crear otro marco clave, necesitamos avanzar en la línea de tiempo y modificar los valores. Podemos cambiar los valores desde las partes de la vista o desde la línea de tiempo. También podemos copiar un fotograma clave. Para copiar un fotograma clave, tenemos que seleccionarlo primero. Solo puedes pegarlo en el lugar donde se encuentra el marcador de línea de tiempo. Volviendo a After Effects, me gusta el tiempo. Basta con ajustar el tamaño del espacio de trabajo a la ración de la animación. Para ello, colocamos un fotograma antes del fotograma clave final y presionamos la tecla n. También podemos ajustarlo haciendo clic y arrastrando. Podemos cambiar el tamaño de la composición a la duración del área de trabajo haciendo clic derecho aquí y eligiendo la opción Trim Comp to Work Area. Ahora, la composición tiene la misma longitud la animación y tenemos nuestros turnos en bucle perfecto. Pero aún así, necesitamos hacer algunos trucos para que la animación se vea bien. este momento, la animación corre a una velocidad constante, y esto le da un aspecto antinatural. Para resolver esto, necesitamos ralentizar el movimiento de la pelota en la parte superior de la trayectoria, presionando F9 o haciendo clic derecho en el fotograma clave, seleccione “Asistente de fotograma clave, Fácil Facilidad. Creamos un alisado automático de los movimientos de fotogramas clave. Como ven, necesitamos suavizar aún más el movimiento del fotograma clave central. Para mejorar la animación, tenemos dos opciones. Modificar el Editor Gráfico abierto o modificar la influencia de los movimientos. Abramos el Editor de Gráficos. Para ello, debemos tener seleccionado el fotograma clave. Haga clic en este símbolo, haga clic derecho en “Editar gráfico de velocidad”. A partir de aquí, no podemos suavizar la curva, pero puede ser un poco más desafiante entender si no tienes experiencia en After Effects. Volvamos a la útil vista de After Effects. Seleccione el fotograma clave que queremos suavizar. Haga clic derecho en “Velocidad de fotograma clave”. En influenciado, introducimos el valor 80. En la entrada y salida del fotograma clave, la velocidad debe estar en 0 ya que el balón permanece quieto para una instancia. Por último, presionamos “Ok”. Cuanto mayor sea el número que damos a la influencia, más suaves serán los movimientos. Como puedes ver, es completamente lisa. Ahora, sólo necesitamos animar la escala para lograr este efecto de squash y estrés que queremos. En primer lugar, aplastamos el balón. Esto lo hacemos debido al impacto del objeto en el suelo. Para ello, sólo activamos la opción Restrinja proporciones de la escala haciendo clic aquí, y creamos un nuevo fotograma clave usando el valor 120 por ciento para x y el valor 80 para yLa bola debe mantener siempre la misma masa. El valor de la suma de x e y siempre debe ser igual a 200. Avanzamos un cuadro a la parte más rápida de la animación e incrustar los valores. Estamos buscando el balón para estirar con velocidad. En la parte superior de la animación, el balón se queda quieto por una instancia, por lo que debe recuperar su aspecto natural. Reiniciamos el valor a 100 y 100. En el fotograma [inaudible], la parte más rápida para soltar, copiamos y pegamos un fotograma clave que hemos creado previamente en la parte más rápida del ascender. En este caso, no es necesario poner un fotograma clave en la última primavera ya que en este punto la animación se reinicia desde el principio. Vamos a previsualizar de nuevo. Como puedes ver, hace algo raro. Es porque hay que suavizar el fotograma clave central igual que hicimos con la posición. Selecciónelo, F9. Haga clic derecho en “Velocidad de fotograma clave”, y establecemos la influencia en 80 por ciento. Ahora sí, tenemos el rebote que queremos. Está bien. Ahora sólo necesitamos animar la sombra. Para ello, crea un fotograma clave haciendo clic en el cronómetro, avanza los marcos de tiempo y baja la escala en un 80 por ciento para dar el efecto, que esta sombra se vuelve más pequeña a medida que la pelota se aleja. Ahora, avanza hasta el final de la composición y copia y pega el primer fotograma clave. Lo arrastramos un poco hasta el último fotograma. En el fotograma clave central, suavizamos el movimiento con F9, y luego aplicamos la misma influencia que hemos aplicado al balón. En este caso, fue del 80 por ciento. Vista previa y fabulosa, ya tenemos para final de animación. Ahora, te invito a descargar los proyectos. Tu tarea es rebotar el basquetbol o el amarillo desde el principio. Puedes encontrar las bolas haciendo clic en el símbolo del ojo aquí mismo. También puedes desactivar el resto para que no te molesten. Diviértete y buena suerte. 5. Bucles: Hola, bienvenidos a este video. En esta lección, vamos a hablar la expresión de bucle y cómo puede ayudarnos a acelerar nuestro proceso de trabajo. No debe confundirse con los bucles creados con el rebote de bola de la lección anterior, ya que en ese caso, se creó el bucle porque la animación terminó y empezamos de nuevo. Es muy fácil aplicar la expresión de bucle. Para empezar, haremos una simple posición de animación de un punto a otro. Con F9, movemos la velocidad en cierto sentido. Al previsualizar, vemos que hace un solo movimiento. Para aplicar la expresión, tenemos que hacer clic en el cronómetro mientras mantiene pulsada la tecla ALT. A continuación, escribimos la expresión loop out. Como puedes ver en la versión 2020 de After Effects, al escribir la expresión, aparecen diferentes opciones. Es mucho más intuitivo escribir expresiones. Procederemos por la ruta del nodo para previsualizar. Vemos que el movimiento se reinicia una y otra vez sin necesidad de crear marcos de marcado. Interesante, ¿verdad? Ahora, vamos a añadir una variante. Dentro de los paréntesis, vamos a escribir ping-pong entre comillas. Ahora, vista previa. La animación ahora viene y va por toda la composición. Podemos separar o acercar los fotogramas clave para cambiar la velocidad de la animación. Imagínate haciendo esto una y otra vez hasta el final de la composición. Por último, les mostraré una última variante. Cambiemos un poco la ruta de animación para ver mejor lo que hace el siguiente enlace. Elimina el texto de ping pong y escribe offset en vista previa. Mira qué interesante. Sigue haciendo la misma animación, pero en este caso, también el desplazamiento continuo. Vamos al primer fotograma clave. Seleccione los dos fotogramas clave y arrástrelos fuera de la composición. Prevista y ve cómo el balón entra solo a la pantalla y continúa su movimiento sin tener que hacer nada más. Hay otra variante llamada continue, pero nunca la he usado y no veo mucho uso para ello. En la siguiente lección, veremos qué son las garrapatas y cómo usarlas para agilizar nuestro proceso de trabajo. 6. Atajos: Hola ahí. En esta clase, vamos a hablar de atajos. atajos van a ser una gran manera de acelerar tu proceso de trabajo. Los atajos más utilizados son los que se refieren a las propiedades de las capas y las herramientas que utilizamos con mayor frecuencia. Veamos cómo abrir las Propiedades de capa, con un solo clic. Pulse “A” para el punto de anclaje, “P” para la posición, “S” para la escala, “R” para la rotación y “T” para la opacidad. Si mantenemos pulsada la tecla Mayús, podemos abrir varias propiedades al mismo tiempo. Ahora, vamos a ver cómo acceder a las principales herramientas con tan solo un clic de tecla. Pulse “V” para la herramienta de selección, mantenga presionada la barra espaciadora para la herramienta manual, “Z” para la herramienta de zoom, “W” para la herramienta de rotación, y “Y” para la herramienta de encuadre detrás. Todo se trata de la práctica. Te he dejado un archivo PDF con los atajos más útiles para que puedas descargarlo. 7. Copiar y pegar: Hola a todos. En esta lección, te enseñaré cómo ahorrar tiempo usando la acción copiar y pegar en tres escenarios diferentes. Copiar y pegar fotogramas clave, copiar y pegar expresiones, y copiar y pegar efectos. Veamos cómo copiar y pegar fotogramas clave con una sencilla animación de rotación que hemos preparado. Como se puede ver, sólo hemos animado un movimiento. Para completar el ciclo, copiamos el primer fotograma clave y lo pegamos unos fotogramas más adelante. Como ya saben, el fotograma clave se pega donde se encuentra el indicador de tiempo en la línea de tiempo. Ahora, te voy a mostrar cómo pegar fotogramas clave en otra capa. Seleccione los tres fotogramas clave y cópielos. A continuación, selecciona otra capa y pegarlas. Tan simple como eso. Perfecto. Ahora, veamos cómo copiar y pegar expresiones. Como se puede ver, tenemos la misma animación desde el principio, pero luego salimos la expresión ping-pong, aplicada. El balón rojo y el balón azul también están animados, pero no tienen aplicado el loop out. Haga clic derecho en la rotación de la bola amarilla y seleccione, Copiar sólo expresiones. A continuación, seleccione la rotación de las dos bolas y pegar expresión, y listo. Hemos visto cómo copiar y pegar fotogramas clave y expresiones por separado. Pero ¿y si queremos copiarlos al mismo tiempo? Muy fácil. Volvemos a la animación inicial. En este caso, sólo se anima la bola amarilla que ya tiene expresión aplicada. Seleccionamos el inmueble y copiamos. A continuación, vamos al resto de las capas y pegamos. Simple ¿verdad? Por último, vamos a ver cómo copiar y pegar efectos. Selecciona la bola amarilla, ve al panel de efectos y busca el efecto Ruido. Para aplicarlo, haga un doble clic en el efecto. Ahora desde el panel de controles de efectos, podemos configurar el efecto. Como su nombre indica, estos efectos crean una animación con ruido. Si no puedes ver este panel, ve a Ventana y selecciona Controles de efectos. Muy bien. Ahora sólo necesitamos seleccionar el efecto y copiarlo. Seleccione el resto de las capas y pegue. Sólo necesitamos dos clics y eso es todo. Durante este curso, utilizaremos este recurso en muchas ocasiones. 8. Brillos: Hola a todos. En esta clase, vamos a hablar de estilos de capa. Son similares a los efectos. Al igual que esto, tienen su propio conjunto de configuraciones. Podemos acceder a los estilos de capa haciendo clic derecho en una “Capa”. Selecciona “Estilos de capa” y elige la opción que quieras aplicar. En este caso, nos vamos a centrar en la opción Resplandor Exterior. En su configuración, vemos que tiene muchas opciones para configurar. Podemos cambiar su color, su modo de mezcla, o forma, y tamaño. Pero queremos hablar de una opción que está muy de moda hoy en día, agregando ruido. Gracias al estilo de capa, podemos agregar ruido muy rápidamente con resultados sobresalientes. Por supuesto, también podemos copiar una capa de estilo y colocarla en otra capa. Ahora, vamos a aplicar Inner Glow. Para esto, hacemos clic derecho en la “Capa”, seleccionamos “Estilos de capa” y seleccionamos “Resplandor interno”. De la misma forma que pedimos resplandor, podemos cambiar el color, el tamaño, agregar ruido. Como se puede ver, es una manera rápida de enriquecer nuestras ilustraciones. Te recomiendo que mires el resto y juegues con tu configuración. Con estos, estaremos listos para empezar a hacer los proyectos. En la siguiente lección, te explicaré cómo preparar tus diseños en Illustrator para poder animarlos eficientemente en After Effects. 9. Preparar archivos en AI: Bienvenidos a esta clase. Vamos a ver cómo preparar nuestros diseños en Adobe Illustrator y cómo importarlos a After Effects. Aquí puedes ver el signo de nuestro primer proyecto, es un diseño sencillo. Para ello, hemos utilizado un lápiz y formas geométricas. Para la preparación del archivo para después de efectos, hemos separado todo en capas. Si trabajas con Photoshop, el concepto es el mismo, separado por capas. Aquí se puede ver la organización de las capas. La idea es capas de los elementos que vas a animar para que tu vida sea más fácil en efectos naturales. El organismo es crítico. Por ejemplo, los postes de perros se encuentran en la misma capa que el barco porque se moverán al mismo tiempo. Lo mismo vale para las dos células en los ojos. También hemos agregado una capa para los ojos cerrados y por otro lado, las orejas no están unidas ya que las animaremos por separado. En esta fase del proceso, debes tener claro cómo será tu animación preparar la ilustración para After Effects [inaudible] en el futuro. Observe que algunos elementos van fuera de los límites de la composición. Tenemos que agrandar la composición haciendo clic aquí y arrastrando para que todos los elementos estén dentro de la composición. Tenemos que hacer esto para asegurarnos de que todos los elementos se vean correctamente en After Effects y evitar cortes al animarlos. Recuerda que puedes descargar el archivo de ilustración junto con el resto de los proyectos. Nos vemos en la siguiente lección. 10. Primer proyecto: Hola, y bienvenidos a este tutorial. Ahora vamos a crear nuestro primer proyecto. ¿Estás listo? Abrir una nueva composición de 1,000 por 1,000 a 24 cuadros. Nómbralo y dale tres segundos. Ahora es el momento de importar o diseño de Adobe Illustrator. Arrastre la composición importada a la composición principal. Todavía no vamos a animar las dos primeras capas, así que las estamos ocultando por ahora. El primer paso es vincular las partes de los perros con su cuerpo de tal manera que cuando el perro se mueve el resto de las partes siga estos movimientos. Para estos, seleccionamos las capas de las partes del cuerpo. Haga clic en el “Pick Whip” y arrastre hasta la capa del perro. Si miras hacia la derecha, aparece el nombre de la capa a la que se ha vinculado. También se puede vincular eligiendo el nombre de la capa directamente desde aquí. También vincularemos al perro en las velas con el barco. Comprueba que todo esté bien vinculado. Animemos el barco. Para tener mejor visibilidad, solo activemos la capa de las olas del mar. Colocar los puntos de anclaje centrados en la base de la embarcación para que la embarcación gire sobre estos puntos. Ir al inicio de la línea de tiempo. Abre su rotación agrega un marco clave y gira ligeramente las embarcaciones a menos seis grados. Avanzado 12 cuadros y girarlo hasta unos cuatro grados. Seleccione los fotogramas clave y suavizar el movimiento pulsando la tecla “F9". A continuación, aplique la expresión de ping pong LoopOut como lección cinco. Ahora activamos nuevamente la capa de onda del mar. Vista previa. Ahora queremos copiar los movimientos de rotación y pegarlos en otras capas. Para ello, seleccione la rotación y copia. Vamos a la capa de perros. Colocar su punto de anclaje, avanzar un marco respeto en el inicio de la animación del barco y con la capa seleccionada, pegamos. Se avanza otro marco y se coloca el punto de anclaje en la boca de los perros. Pega de nuevo, la rotación que habíamos copiado del barco. Si notas, hemos estado haciendo un ligero desplazamiento de un fotograma en la animación de rotación entre las diferentes capas para imitar la inercia, hace que la animación se vea más natural. Bien. Ahora, vamos a animar la lengua. Para ello, seleccione la capa y aplique el efecto warp de onda. Con un doble clic, lo aplicamos y lo configuramos estado. Altura de la onda, déjala a las 10. Ancho de onda a 107 y velocidad de onda a cinco. Ahora, ajusta la duración de la ola marina. En este caso, queremos imitar que el aire proviene de los derechos y configuramos el anclaje en el borde derecho. Aplicando este borde derecho se mantiene fijo. A ver qué pasa. Ahora. Copia el efecto y pegarlo en las orejas y vuelve a comprobar. Despacio un poco para seguir y comprobar. Perfecto. Ahora pega el mismo efecto en la capa de vela. Quitamos el anclaje ya que aquí ningún borde necesita permanecer fijo y bajamos la velocidad a tres. Como se puede ver, se ve un poco extraño. Para arreglarlo, tenemos que aumentar bastante los valores. Dejamos las alturas de la ola en 20 y el ancho de la onda en 364. Eso va a estar bien. Copia y pega el efecto en la capa de onda del mar. Bajamos un poco a dos. Revisar. Perfecto. O decir que ese perro se ve muy bien. El efecto warp de onda es un efecto útil que nos ayudará a crear rápidamente animaciones atractivas. Podemos usarlo para animar Harris, olas, nubes, humos, y mucho más. Es tu turno ahora anima las nubes de fondo con una cámara lenta rebanada y anima el salto de peces. El resultado debe ser algo así como lo que estás viendo la pantalla. Si eres el último, no te preocupes. En la siguiente lección, te enseñaremos la solución a la tarea. Buena suerte y nos vemos en la siguiente lección. 11. Solución del ejercicio: Hola allá, bienvenidos a esta clase. En este tutorial, te voy a enseñar a resolver la tarea de la lección anterior. Necesitaba animar el movimiento de las nubes y el salto de los peces. Sé que la animación de las nubes fue muy fácil para ti. Simplemente creamos un fotograma clave al inicio de la línea de tiempo. Avanzamos hasta la mitad de la línea de tiempo y movemos ligeramente las nubes. Seleccionamos el fotograma clave y aplicamos F9 para suavizar los movimientos. Por último, aplicamos el bucle de expresión pingpong. Copiamos la expresión y la pegamos en la posición de las otras nubes, y ya tenemos las nubes animadas. Es posible que la animación de los peces haya creado más problemas para ti, pero es normal. Si tratamos de animar el salto a través de la posición y la rotación, puede ser un poco difícil lograr el movimiento natural. Por suerte, hay una solución más efectiva y mucho más rápida. Anima la posición y deja que After Effects se encargue de animar la rotación por ti. Veamos cómo funciona. En primer lugar, animar la posición en el primer fotograma. Avanza a nuestros fotogramas y crea un fotograma clave en el punto más alto del salto. Doce marcos después, el pez vuelve a caer, y aplicamos una curva al movimiento. Para ello, hacemos click en los puntos del camino en un tramo, algo así. Ahora, necesitamos que los peces roten al mismo tiempo. Para esto, hacemos clic derecho en la capa, seleccionamos “Transformar”, “Auto-Orientar”, “Orientar a lo largo del camino”. Al hacer esto, el objeto sigue el camino que estamos buscando, y no necesitamos hacer nada más. Ahora, queremos dar el efecto de que el pez salga del agua. Para ello, creamos nuestro ejemplo con el mismo color que el mar. Tenga cuidado de no tener ninguna capa seleccionada al crear el rectángulo. Para ver al pez bajo el agua, aplicamos el modo de mezcla Aclarar al rectángulo. Si no puedes ver estas opciones, haz clic en “Alternar conmutados/Modos”. Ahora, sólo queda animar las olas creadas por los peces en contacto con el agua. Para ello, animaremos su escala. La formación de las olas debe coincidir con el contacto de los peces con el agua. En unos fotogramas más tarde, animamos su opacidad para que desaparezca poco a poco. Esto es perfecto. Duplicamos una capa y la trasladamos al tiempo y lugar donde cae el pez en el agua. Echemos un vistazo a la animación. Perdón, me olvidé de animar los ojos cerca del perro. Para empezar, necesitamos animar la opacidad en los ojos cerrar capa. Seleccionemos las dos capas. Para seleccionar varias capas al mismo tiempo, podemos seleccionarlas manteniendo pulsada la tecla Control en Windows o Comando en Mac. Si queremos seleccionar todas las capas que se encuentran entre dos capas, mantenemos pulsada la tecla Mayús y se seleccionarán. Volviendo a la animación, pasamos al fotograma 9, por ejemplo. Al principio, el perro tiene los ojos abiertos, por lo que dejamos la opacidad a los 100. No queremos que los ojos cerrados se vean todavía, por lo que dejamos su valor en cero. A continuación, movemos un fotograma e invertimos los valores. Ahora, veremos los ojos cerrados. Nos movemos tres fotogramas más y hacemos clic en el “Rombo” aquí creamos un marco con el mismo valor que el anterior. Seguiremos con los ojos cerrados. Ahora, movemos un fotograma más e invertimos nuevamente su valor. Volveremos a ver los ojos abiertos. Perfecto. Ahora, nos movemos por encima de cuatro fotogramas y copiamos y pegamos los tres primeros fotogramas clave que hemos creado antes. Primero copiamos y pegamos los fotogramas clave de una capa y luego los de la otra. Es importante hacerlo de esta manera porque si copiamos y pegamos los fotogramas clave de dos capas al mismo tiempo, se duplicarán las capas. Listo, ahora, tenemos nuestra animación terminada. Nuestro perro marinero se ve genial. ¿ Quieres que tu animación dure más? Es muy fácil. Vaya a la “Composición”, seleccione “Ajustes de composición” y multiplique el valor de tiempo por el número que desee, por ejemplo, por cuatro. Duplicarlo hasta que tengas cuatro. Seleccione las cuatro capas. Vaya a “Animación”, seleccione “Asistente de fotogramas clave”, “Capas de secuencia”, y eso es todo. Ahora la animación dura 12 segundos. 12. ¿Empezamos?: Bienvenido de nuevo. Estoy muy contenta de que llegaras tan lejos. Significa que realmente llegaste a hacer animaciones increíbles en tiempo récord. Como segundo proyecto, harás la animación que veas en la pantalla. Para este proyecto, hemos tratado de hacer una animación atractiva y dinámica, pero con un mínimo esfuerzo para lograr nuestros objetivos. Por ello, sólo hemos separado las capas necesarias, para lograr los resultados deseados. Por ejemplo, los troncos y las piernas junto con los brazos, están unidos en la misma capa. De esta manera, ahorramos mucho tiempo y el resultado sigue siendo muy bueno. También, los antebrazos y las manos se han colocado juntos. Al animar la cara, ten en cuenta que al mover las características de la cara hacia abajo, las orejas deben ir en la dirección opuesta y sobre todo, tener cuidado de vincular las capas. Todos los movimientos de la animación se han visto durante las lecciones anteriores. Por lo que te invito a tratar de llevar a cabo el proyecto tú mismo. Sé que puedes hacerlo. En la siguiente lección, veremos cómo animar el segundo proyecto. 13. Segundo proyecto: Ahora, vamos a animar nuestro segundo proyecto. Aquí vamos. Vamos a crear una proposición 1080 por 1080 con 25 cuadros. Dale cinco segundos e importamos el archivo de Illustrator. Empecemos por criar todas las capas. La boca con la cara, y las orejas, y el cabello con la cabeza, y también la cara con el cabello. El resto de las partes del cuerpo están relacionadas con el cuerpo. Ahora, al mover el cuerpo, todas sus partes siguen sus movimientos. Ahora, animemos su posición en un rango de 20 fotogramas. Aplicamos Facilidad Facilidad con F9 y aplicamos la expresión LoopOut ping-pong. A continuación, colocamos el punto de anclaje en los antebrazos para que roten sobre el eje, y animamos la rotación de ambos. Aplicamos Facilidad Facilidad con F9. Copiamos la expresión de loop-out del cuerpo y la pegamos en los antebrazos. Echemos un vistazo para ver que todo va bien. Perfecto. Ahora, vamos a animar la boca. Queremos dar la impresión de que la niña está respirando por la boca. Para esto, animamos la escala. Suavizalo con F9 y pega la expresión de ping-pong LoopOut hacia atrás. Como se puede ver, es el mismo proceso todo el tiempo. Ahora, animemos la cara. Animamos la posición. Lo aliso con F9 y pego una expresión de ping-pong LoopOut. Para los oídos, animamos su posición. Recuerda que deben moverse en dirección opuesta a la cara. Muy bien. Suavizamos nuevamente el movimiento y pegamos la expresión. Ahora, vamos a animar la escala de la sombra. Cuando el personaje se eleva, la sombra se vuelve más pequeña. Nuevamente, suavizamos el movimiento y pegamos la expresión LoopOut. Genial. Se ve perfecto. Por último, animemos el cabello. Aplicamos el efecto warp de onda. Ajustamos la dirección que seguirán las olas y ajustamos el tamaño de las ondas a nuestro gusto. Puedes elegir otros valores diferentes a los míos. Aquí lo importante es que te gusten los resultados. Por último, establecemos la opción de anclaje en borde inferior, porque a partir de aquí, se iniciará el movimiento y queremos que se arregle. Perfecto. Ahora, vamos a la capa de ondas de tela y aplicamos nuevamente el efecto de urdimbre de onda. Ajustamos sus valores. En este caso, queremos que las ondas se muevan lateralmente. Aquí, no veo necesidad de ajustar el anclaje. Vista previa. Agradable. Sólo será necesario aplicar un poco de ruido al brillo del sol. Simplemente haz la derecha selecciona Estilos de capa, y selecciona Resplandor exterior. Cambiamos el color y ajustamos los valores a nuestro gusto. Agregamos ruido, y nuestra animación estará lista. Como pueden ver, sólo hemos aplicado los conocimientos que ya hemos aprendido durante las lecciones anteriores. 14. Próximos pasos: Si realmente quieres hacer videos explicados animados profesionales desde cero, necesitas dominar tres habilidades, escritura de guiones, ilustración, y por supuesto, animación. Desde mi perfil, puedes acceder a la sección de fundamentos de animación donde encontrarás fantásticos cursos para mejorar estas habilidades. Una vez que hayas aprendido lo básico, recomiendo que te especialices en temas más específicos para desarrollar tus habilidades de animación. Espero verte en mis otros cursos al final de éste. 15. Renderización: Ahora que tenemos nuestros trabajos listos, podemos explorarlos. Para ello, vamos a Composición y seleccionamos “Agregar a Adobe Media Encoder”. Media Encoder nos ayuda a explorar, practicar de manera más eficiente. Ten en cuenta que se exportará una composición que actualmente tenemos abierta. En primer lugar, que es el códec. En este caso, usaremos H264. Explora el video en mp4. Debe usar formato para web. En cuanto a la resolución de salida, podemos elegir la opción “Match Source”, High o Medium Bitrates para evitar errores y explorarla en el mismo tamaño en el que hemos trabajado en el proyecto. En este curso, hemos hecho cortos en bucles animaciones más enfocadas en redes sociales como Instagram. Para este tipo de animación, es mejor elegir las opciones de “Bitrate medio” para que los videos no ocupen hasta muchos megabytes. Por último, elegimos la ubicación donde exploraremos el video y le daremos un nombre al archivo. Para terminar, hacemos clic aquí en el botón “Jugar”. También puedes explorar tu animación como GIF. Para ello, vuelve a “After Effects” y envía un video de vuelta a Media Encoder. Elegimos el códec “GIFs animados” y la opción “Animación GIF, Match Source”. Nuevamente, elegimos la ubicación donde exploraremos el video y le daremos un nombre al archivo. Finalmente hacemos clic en el botón “Jugar” aquí. Con esto, todo estará listo. Una vez finalizado el proceso, puedes abrir tu video y luego empezar a moverlo en redes sociales. 16. Reflexiones finales: Me alegra tanto que llegaras hasta el final. Enhorabuena. Te invito a aplicar todo el conocimiento que has aprendido creando tus propias animaciones. Me encantaría verlos. No seas tímido y por favor sube a la galería de proyectos del curso o etiquetame en tus publicaciones de Instagram. Busca referencias, inspírate, y sobre todo, practica. Si disfrutaste del curso, por favor déjame una reseña. Estaré muy agradecido. Espero volver a verte en futuros cursos. Gracias.