Transcripciones
1. Video de introducción: ¿ Eres diseñador gráfico o ilustrador? ¿ Quieres animar tu propio diseño? En esta clase, te enseñaré lo básico de After Effects y las herramientas prácticas comunes para crear un anuncio de Instagram así como este. Hola chicos, mi nombre es mi Martin. Soy un diseñador de movimiento con sede en la soleada isla de Singapur. Llevo más de 14 años haciendo diseño de movimiento, animando anuncios de televisión, comerciales, anuncios de redes
sociales, y muchos otros tipos de videos. No puedo esperar a compartir mis conocimientos con ustedes. Esta clase está dirigida a los alumnos que conocen un poco de Photoshop e Illustrator. Aprenderemos a preparar tu archivo de Illustrator o Photoshop para animarlo en After Effects. No necesitas ningún previo con experiencia en After Effects. A pesar de que el proyecto es sobre anuncios de Instagram, pero las técnicas que aprendas aquí serán aplicables a muchos otros tipos de proyectos de diseño de movimiento. Al final de esta clase, podrás animar personajes simples,
line arts, y tus propios anuncios de Instagram. Empecemos.
2. El proyecto: La clase de hoy se trata de Animar anuncios de comida para perros para Instagram. Como diseñador gráfico o ilustrador, muchas veces, se
te requiere que crees anuncios en redes sociales, animarlos hará que tu diseño sea más animado, y te maravillarás a tus clientes. Proporcionaré el archivo Photoshop e Illustrator para la práctica de clase. Pero para tu tarea, te animo a reemplazar todo el diseño por tu propio diseño, para que tengas tus propios anuncios originales de Instagram. Empezaré el curso demostrando cada técnica una por una. Entonces te mostraré todo el proceso de animar todo, para que entiendas todo el proceso.
3. Preparación de archivos para la animación: Este es el diseño final, y esencialmente, lo que quieres animar, tienes que separar todas las capas. Por ejemplo, si quieres animar esta mano de manera diferente a esta mano y la cabeza, o tal vez esta manzana, tienes que separar todas las capas. Lo importante también es liberar todas las cosas de la máscara de recorte; por ejemplo, esta, esta zanahoria. Estamos planeando animar esto, tal vez girando
así, por lo que no podemos tener que recortar esto, así que tenemos que soltar la máscara de recorte así, “Release”. Posteriormente, podemos animarlos por separado. No se puede recortar nada. Por ejemplo, la mano así que en realidad está detrás del cuerpo. Pero hay que asegurarse de que la mano no esté recortada. Con algo como esto, tal vez sea una buena idea simplemente redondearlos. Es lo mismo con esto. No estamos planeando animar al perro que sale por detrás del embalaje, así que está bien tener al que está detrás así, pero no deberías tenerlos recortando exactamente a esto. Porque, muchas veces, queremos animar, por ejemplo, tal vez todo el perro así. A lo mejor quiere salir un poco o moverse en un poquito. Si se recorta algo, tu animación será limitada, así que evita recortar cualquier cosa en tu diseño para la animación. También se puede ver esto. ¿ Ver? Nunca recorto nada. Cualquier cosa que quieras animar por separado así, como estamos planeando hacerlo así más adelante, no se puede recortar. Si ves este archivo AI, este es el archivo que proporcionaré en la carpeta de descargas. Yo guardo esto como. Cuando quieras guardar para animación, lo general, lo guardaré como. Este es el archivo original, solo
voy a subrayar y luego poner AE atrás para que sepamos que este archivo se va a utilizar para la animación. Si ustedes ven, todo aquí está separado. Esta es la superposición de empaque. Este es el logo de dokkies. Apagaré uno por uno. Estas son las galletas doggo, esto es delicioso. Estoy planeando animar cada elemento individual por separado, así que tenemos que separarlos. Esta es la pata número 8, pata número 7, la pata número 6. Se pueden ver todas las patas. Esta es la zanahoria; zanahoria 4, 3, 2, 1. Todo el pollo y todas las manzanas. El texto de la placa, el digital, el 500 gramo. Ahí está el empaque en sí. Básicamente, todos estos. Se separan las piernas, la galleta se desmorona. Todo es capas diferentes. Todas estas cosas. Esto también es bastante importante, los ojos. Si lo ven, el diseño original se ve así. Estamos planeando hacer parpadear el ojo, así que necesitamos separar el ojo blanco y los ojos negros. Si ves, también suelto la máscara de recorte. En un principio, el ojo estaba dentro del ojo blanco. Yo solo lo hago así. Podemos volver a poner la máscara de recorte en After Effects. Pero de Illustrator, tenemos que separarlos y soltar la máscara de recorte. Esta es la cabeza, este es el cuerpo. Ya ves que no hay nada recortado. Esto está en el lado de Illustrator. Ya ven, nuestro diseño en realidad consiste en archivo
vectorial y también un archivo Bitmap de Photoshop. Os recomiendo chicos que también preparen el archivo de Photoshop. Cualquier cosa que Bitmap, usaremos archivo Photoshop, y cualquier cosa que sea vector usaremos el archivo Illustrator. En realidad podemos usar este archivo Bitmap en After Effects también, pero normalmente, After Effects reacciona mejor para Bitmap usando el archivo de Photoshop. El siguiente punto donde necesitamos separar es el archivo de Photoshop. Este es el archivo de Photoshop. Creo que ya es suficiente. Algo a tener en cuenta si estás usando un archivo de Photoshop es el tamaño de la imagen. En After Effects, asegúrate de usar la resolución 72. El dimensionamiento en este diseño, estamos usando ratio de Instagram. Es 1080 por 1080, ya es correcto. Pero muchas veces, digamos que estás animando algo que viene de la agencia de publicidad. A lo mejor el tamaño del archivo es grande así. Digamos que la agencia te está dando este expediente que es de muy alta res. Abramos en Photoshop para chequear. Siempre que descargues algo de Internet, una imagen de alta resolución, compruebas primero antes de ponerte en After Effects. Si a los Effects realmente no le gustan los archivos 300 DPI, lo hará crass, muchas veces. Ves este archivo que he descargado de Pixabay. Esta resolución es de 150, por lo que After Effects no le gustará esta resolución. Lo que hay que hacer es recordar este 1920 es la dimensión. Queremos mantener esta dimensión, pero cambiarla en 72. Entonces 72, entonces puedes volver a poner 1920, y puedes convertir así. Entonces puedes guardar este archivo como cualquier cosa que quieras. Utilizaremos este archivo,
el archivo 72 DPI, para el After Effects. Otra cosa que debes comprobar es la imagen de bit. Por ejemplo, vas a Imagen, Modo. En ocasiones se obtiene un archivo que es de 16 bits por canal o 32 bits por canal. Cuanto mayor sea este número, más pesado
se pone en After Effects. Si no ves ninguna diferencia, solo
debes cambiarla a 8 Bits. Si ves una diferencia notable en la calidad, entonces puedes mantener esto. Pero asegúrate de tener una buena computadora en la que trabajar. Porque, si no, los After Effects serán bastante lentos. En este expediente. Sólo necesitamos ocho bits por canal, así que mantendré eso. Eso es todo para la preparación final. Nos vemos en After Effects.
4. Importación y seguro: Estamos aquí en After Effects, y esto es lo que verás cuando acabes de abrir After Effects. Estamos utilizando el Estándar de Espacio de Trabajo. Ventana, Espacio de trabajo, Estándar. Si no ves lo mismo, conmigo, solo
puedes ir a Ventana, Espacio de trabajo, y luego cambiarlo a estándar. Si aún no se ve igual, solo
puedes restablecer Estándar a Diseño guardado y verás algo como esto. Para empezar, vamos a importar nuestro archivo. Esta es la Biblioteca del Proyecto donde importaremos todos nuestros activos. Hay muchas formas de importar tu archivo. Puedes ir a Archivo, Importar, Archivo, o también puedes simplemente hacer doble clic aquí y puedes navegar a esta carpeta Doggo y luego AI, y luego no este este es nuestro archivo original. Esta es la que hemos preparado para la animación que tiene todas las capas separadas. Por lo tanto, antes de hacer clic en “Abrir”, asegúrese de importar como Composición Conservar tamaños de capa. Esta opción sólo te dará una capa, y esta opción dará cada capa. Hacemos click en “abrir" y te dará esta composición donde todo está ahí y también te darán esta carpeta que lo tiene todo. Voy a hacer doble clic en esto y abrirá nuestro diseño aquí. Otra forma de importar archivo es que puedes ir desde Finder, ir a carpeta Doggo; tal vez vamos a traer nuestro Photoshop, y este, también puedes hacer clic y arrastrar esta cosa aquí y abrirá este cuadro de diálogo. También necesitamos asegurarnos de que elegimos la Composición Retener Tamaño de la capa. Y si importas archivo de Photoshop, te
preguntarán si quieres Mantener Los estilos de capa o Fusionar estilos de capa en material de archivo. Depende de ti, si tienes algún estilo de capa que quieras animar de manera diferente solo
debes mantener estos Estilos de capa editables y luego haces clic en “Ok
”, y te dará lo mismo. Esta es la composición y estas son las capas. Así es como importas archivo. El siguiente es saber navegar en After Effects. Esta es tu ventana de Vista previa, donde verás tu animación. Y esta es tu ventana Línea de tiempo donde
establecerás todos los fotogramas clave para la animación más adelante. Si quieres acercar o alejar, puedes usar esta herramienta y acercar. Mantener Alt lo convertirá en menos y luego podrás alejar el zoom. También puedes usar este Ampliación, Es lo mismo. Elige lo que sea o simplemente puedes ajustarlo a tu ventana. Y también puedes usar Barra espaciadora para la mano, esta herramienta de mano, y puedes navegar así. El siguiente es comprobar la duración. Ir a Composición, Configuración de composición o Comando K es el atajo. Asegúrate de que estamos usando la velocidad de fotogramas 30 para esta asignación y la duración acaba establecerla en 10 y luego haces clic en “Ok” y luego para la siguiente también, solo Comando K, asegúrate de que sean 30 fotogramas por segundo, y luego la duración es de 10 segundos. Este es el número de fotograma, esto es segundos, y esto es minuto. Solo usaremos unos 10 segundos de animación, solo establece “Ok” eso es todo para la importación. No olvides guardar tu archivo. Entonces vas a Archivo, Guardar como, Guardar como, y vamos a ir a Tutoriales, Doggo, Ae carpeta que hemos preparado, y luego puedes nombrar esto como lo que quieras, pero solo voy a nombrar a este Doggo_01 y luego hacer clic en “Guardar” eso es ella.
5. Transforma las propiedades: Vamos a aprender sobre los elementos básicos de la animación, que es la posición, la escala, la rotación y la opacidad. Si ustedes ven aquí en nuestro Doggo_ae_01, cada capa que viene de Illustrator o Photoshop, si abren esta flecha, hay una cosa llamada Transformar, y si vuelven a abrir esta flecha, tendrá estos cinco parámetros que puedes animar: Punto de anclaje, Posición, Escala, Rotación y Opacidad. Es lo mismo con el resto. Todo también lo mismo. Tiene lo mismo. Si vamos a la otra columna, esto es de Photoshop. Si abres esto, verás que tiene el mismo parámetro. Tratemos de animar algo. A lo mejor deberíamos simplemente agregar nuevo, para que no interrumpamos este archivo principal. Iremos a Composición, crearemos Nueva Composición. Se abrirá este cuadro de diálogo. A lo mejor sólo lo nombra, “Animación de prueba”, y solo usemos 1080 por 1080. Igual que la relación cuadrada de Instagram, el fotograma por segundo. A lo mejor para este, sólo lo
mantenemos a cinco segundos. Voy a cambiar esto a 05 y luego dar clic en “Ok”, y te dará una nueva composición. Voy a copiar y a ir a esto, nuestro archivo principal. Tomemos una de la manzana para la animación. Sólo tienes que ir a buscar las capas de manzana, tal vez ésta, solo presiono Comando C para copia, ir a Animación de prueba, y luego Comando V, y tendremos esta manzana. Yo sólo voy a escalar justo arriba, tal vez así. Si ustedes ven esto, notarán que cuando escalamos, se volvió pixelado. Eso se debe a que el archivo es más pequeño de lo que lo escalamos. Lo bueno de usar el archivo Illustrator es su vector. Puedes hacer clic en este sol, y se pondrá afilado. Mantendrá las capacidades vectoriales de la misma, pero no se puede hacer esto en el archivo Photoshop. Solo puedes hacerlo en archivo Illustrator. No podemos ver el tallo, así que voy a crear un fondo. Haga clic en el espacio vacío aquí, haga clic derecho, Nuevo ,
Sólido, y podrá cambiar el fondo a cualquier color que desee. solo usaré quizá amarillo, luego haga clic en “Aceptar”, lo pondré debajo de la capa, y luego tenemos esto. Bloqueemos esta capa para que no la movamos accidentalmente y pinchemos sobre tu manzana. Puedes posicionarlo en cualquier lugar. Abre esto, y ves si cambio la posición, este número se mueve, si hago clic y arrastre aquí también, notarás que estos dos números se están moviendo. El modo de animar es crear un fotograma clave. Digamos que quieres empezar aquí. A lo mejor quieres hacer animación como esta desde aquí, ve a aquí. Pasamos a la duración 0, y luego pinchamos en el cronómetro. Creará un fotograma clave para ti, y tal vez muevas 10 fotogramas. Si ves que esto es de un segundo, esto son 10 fotogramas, esto son 20 fotogramas. A lo mejor voy a mover 10 cuadros y luego me muevo. Mantenga pulsada la tecla Shift para mantener el bloqueo horizontal. Si no sostenías Shift, te dará gratis así. A lo mejor lo mueva aquí. Cuando suelte mi ratón, te darás cuenta de que crea fotograma clave automático para ti. Si vuelves aquí y presionas barra espaciadora para jugar, ves que la manzana se mueve así. A lo mejor quieres pasar de izquierda a derecha, y luego te quedarás 10 fotogramas aquí,
luego volveremos a hacer clic, crearemos un fotograma clave, y luego iremos a un segundo, tal vez mueva tu manzana hacia arriba y luego mueva 10 fotogramas otra vez, luego estableces otro fotograma clave, por lo que esperará allí. Si ves, espera, ve y espera, y luego desde aquí quieres moverte demasiado 20 y moverlo aquí. Desplazarse a dos segundos, establecer un fotograma clave y, a continuación, mover a otro, y luego copiar el primero, seleccionar este, Comando C, y luego en este indicador de tiempo, usted Comando V, o volver al original. Te va a dar esto. Esa es la posición. También se puede establecer una rotación. Este es nuestro punto de anclaje. Si ves este punto de anclaje, si mueves el punto de anclaje, puedes mover la manzana hacia el centro. Si el punto de anclaje está en el medio, si gira esta manzana, rotará desde el centro, pero si mueve el punto de anclaje en la esquina hacia abajo así, por ejemplo, rotará desde este punto. Algo así. Es lo mismo con la escala. Por ejemplo, si el punto de anclaje está aquí y cambias la escala, se escala desde ese punto. Eso es punto de anclaje. También puedes animar la opacidad. opacidad es para la transparencia. Probablemente eliminaré este fotograma clave por ahora. También puedes usar esto para punto de anclaje. Hay muchas maneras de ajustar el punto de anclaje. Uno es de aquí. Si notas, si te ajustas aquí, tu manzana es la que se está moviendo, pero si usas esta herramienta, se llama Pan Behind; el atajo es Y. Así que si haces clic en esto, también puedes hacer clic y arrastrarlo a cualquier lugar que quieren. Si mantienes pulsada Comando, se bloqueará hasta cierto punto como este. Si quieres asegurarte de que es el centro exacto de este archivo, puedes presionar Comando y luego traerá el punto de anclaje ahí. Se trata de posición, escala, rotación y opacidad. Te dejaré jugar con esto y acostumbrarte a todos estos parámetros y nos vemos en la siguiente lección.
6. Tipos de fotogramas clave: Esta lección trata sobre diferentes tipos de fotogramas clave. Usará una nueva composición y en realidad, quiero cambiar el color de fondo de esto. Si ustedes recuerdan, así es como crear esto. Es clic derecho, “Nuevo”, “Sólido”. Estoy usando el mismo archivo, ya
tengo un sólido, y solo voy a agregar efectos. Aquí hay un efecto. Encontraré el efecto llamado Rellenar y voy a hacer clic y arrastrar esto a esta capa o también puedo arrastrar a esta capa. Me dará lectura por defecto. Ves esto si un control está aquí, apareciendo, y este es el parámetro para este efecto. Si no aparece siempre puedes ir a “Ventana” y luego a “Controles de efectos”. Simplemente activa esto y puedes cambiar este color de fondo a cualquier cosa que quieras. En realidad solo usaré negro. Entonces crearé un cubo usando esta herramienta de rectángulo. El atajo es Q. Haré una caja como esta y si notan el punto de anclaje es que en el medio. Simplemente utiliza esta herramienta, selecciona esta capa, haz clic y mantén pulsado “Comando” y haz que se centre. Presionar “V”. Asegúrate de que esté en el centro. Si no, nuestra animación va a ser un poco rara después. Para la primera caja, tal vez, sólo la colorearé de color rojo. Voy a crear 5 cajas. “ Comando”, “D” para duplicar esto y luego arrastrarlo hacia abajo sosteniendo “Shift” para que se alinea y luego esto, tal vez, lo cambio a amarillo. Después “Comando”, “D” otra vez, arrástrelo hacia abajo. Este, tal vez, lo cambiamos a verde. “Comando”, “D” otra vez. Arrástrelo hacia abajo. A lo mejor esto es azul. “ Comando”, “D” otra vez, arrástrelo hacia abajo. A lo mejor esto es blanco. Contamos con 5 cajas. Selecciónalos todos. Intentemos alinearnos. Ve a “Ventana”, “Alinear”, alinearlos así. Si haces clic en esto, se distribuirá verticalmente, uniformemente. En realidad, también podemos hacer esto, seleccionar todas las capas y luego distribuir uniformemente. Al seleccionar todo, pulse “P” para la posición, vaya a la 0. En realidad puedes presionar Menos para alejar esto o Plus para acercar. Establecer un fotograma clave para todos. Entonces tal vez vamos a 2 segundos y luego los
movemos todos aquí y luego tratemos de reproducir esta animación. En realidad, tal vez sea un poco demasiado lento. Si crees que la animación es demasiado lenta, en realidad
puedes tomar todo el asunto y luego moverlo hacia adelante y luego intentar reproducirlo. Se pondrá más rápido. Este fotograma clave es todo fotograma clave lineal. Lineal significa que no hay acelerando ni acelerando las cosas. Todo es sólo igual de velocidad. Si hago clic en esto, ya ves hay un punto aquí que la distancia es toda la misma así que cuando jugemos esto será la misma. Pero cambiemos el primero. Vamos a nombrar esto Lineal y luego también puedes cambiar el color de la capa a rosa fucsia tal vez. Vamos a ponerlo encima para que no nos confundamos. Entonces esta amarilla, ajustemos la capa a amarilla y la pongamos en segundo. Entonces éste verde. Pasémoslo a la tercera fila. Cambia el color a verde. Este blanco, dejémoslo ahí. En realidad, no hay color blanco. Simplemente lo dejaré tal como está. Esto es azul. A lo mejor el último lo cambiamos a sin tono y podemos cambiar el color a tono también para que no nos confundamos. Todas ellas, por el momento, son lineales. Tomemos el último fotograma clave, así, y haga clic derecho en el “Fotograma clave”. Ir a “Asistente de fotogramas clave”. Cámbialo a “Fácil entrada”. Notarás el lado izquierdo del fotograma clave convertido en una hora y el lado derecho se mantiene como un diamante. Se trata de Easy Easy In. Significa que la animación, si ves ahora, cambió y se ralentizó al final. Si quieres hacerlo más visible, vamos a seleccionar esto, ir al Editor de curvas, seleccionar este fotograma clave y luego arrastrarlo así. Vuelve a esto y luego ahora si lo jugamos, notarás que se ralentizará al final. Ves que se desaceleró. Esto significa que cerca del final se ralentizará, viniendo lentamente. Por eso se llama Easy Easy In. Vamos al verde, cambie esto, haga clic derecho en “Asistente de fotogramas clave”, “Easy Easy Out”. Easy Easy Out significa que se ralentiza y luego estará recogiendo velocidad. Empieza despacio y se volverá rápido. Nuevamente, hagámoslo extremo para que podamos ver. Selecciona esto, ve al “Editor de curvas”, selecciona éste, haz que sea una curva como esta y juguemos. puede ver que es muy lento al principio muy lento y luego recogiendo velocidad. Eso es Easy Easy Out. Vamos al color azul y luego seleccionemos ambos. Haga clic con el botón derecho y luego vaya a “Asistente de fotogramas clave” y luego vaya a “Facilidad fácil”. Easy Easy significa que se ralentizará, recogiendo velocidad, y luego se ralentizará de nuevo entrando. Ambos caminos viniendo lento, saliendo despacio. Esto es lo que significa por facilidad. Nuevamente, hagámoslo extremo. Selecciona ambos, ve a “
Editor de fotogramas clave ” así y luego el otro es así y luego vamos a reproducirlo. Preste atención al azul. Lento, rápido, lento, lento, rápido, lento. Esa es fácil facilidad. El último se llama Toggle Hold Keyframe. Seleccionemos este y voy a seleccionar el primer fotograma clave, haga clic con el
botón derecho, haga clic en “Toggle Hold Keyframe”. Lo que significa Toggle Hold Keyframe es que mantendrá este Keyframe hasta que cambie el valor en el siguiente. Para cuando esté aquí saltará inmediatamente así. ¿ Para qué usas esto? Muchas cosas. El que usaremos en nuestra asignación de cookies es la rotación. Si presiono “R” para la rotación, digamos que selecciono Primer fotograma clave es así, tal vez así. Seleccione primer fotograma clave, vaya a 10 segundos. Permítanme quitar mi posición primero. El primero está tal vez aquí y luego el segundo es
así y luego tal vez quiero copiar y pegar aquí, pegar aquí. Si yo solo esto para que solo puedas enfocarte en este. Por el momento, está interpolando entre la derecha. A partir de esto, está girando aquí y luego girando hacia atrás. Pero si selecciono todos ellos y hago clic derecho y luego lo giro a “Toggle Hold”, ya
ves que crea una animación. Parece un stop motion. Eso es lo que vamos a utilizar para nuestras cookies más adelante. Pero en este caso, permítanme borrar todo esto, y luego volver a la posición.
7. Parenting con capas: Animemos al perro. Antes de animar en el perro, necesitas saber qué quieres hacer con el perro. Necesitas tratar de imaginar cómo será la animación, para que no nos perdamos cuando animamos. Lo que trato de hacer con el perro es como, tal vez quiero que lo haga, animemos este. Yo quiero que escoja, tal vez agitar sus manos y luego parpadear dos veces tal vez, y luego, volverá detrás del empaque. En primer lugar, vamos a colorearlo. Sólo para hacerlo más fácil, no
sé cuál es él. Me desplaza hacia abajo, creo que es éste. Sí. Doggo oreja, ojos, cabeza, cuerpo, piernas, selecciónalos todos. Haga clic en esto y tal vez cambie el color a tal vez fucsia para que sepamos que estos son los perros. La codificación de color siempre es buena para gestionar tus capas. Esta es la cabeza. Presionaré R para la rotación. Por supuesto, puedes acceder a ellos aquí también. Pero en este caso, el atajo siempre es bueno. Presiono R. Ya ves si muevo la cabeza así, hay pocas cosas que van mal, obviamente. En primer lugar, el punto de anclaje está equivocado. Se supone que está en el cuello. En segundo lugar, todos los ojos no siguen la cabeza, por lo que necesitamos arreglar primero, el punto de anclaje. Usemos esta herramienta. Corta Y y luego, mueve esto a algún lugar aquí. Entonces revisemos la rotación. Creo que la rotación es correcta ahora, pero ahora necesitamos padres todo esto a la cabeza. Esta oreja, si ves, hay un distintivo llamado látigo de pico. Si haces clic y arrastras esto a la cabeza, ves a este padre y enlace, se parentó a la cabeza ahora. Si muevo la cabeza, ahora la oreja es correcta. Nosotros queremos padres de familia también los ojos a la cabeza. Selecciona ambos y, a
continuación, arrastra el látigo de pick. Ahora si movemos la cabeza, todo
se moverá correctamente. Tenemos que padres de la cabeza al cuerpo. Porque si no, digamos que quieres mover el cuerpo saliendo, todo no sigue. El siguiente es padres de la cabeza al cuerpo. Si movemos el cuerpo, la cabeza también seguirá. Entonces estos dos, de ahí, la pierna del perro. Hay muchas cosas que mal de nuevo, pocas cosas. La rotación es incorrecta, punto de anclaje. Tenemos que mover aquí el punto de anclaje, presionar Y para la herramienta detrás. Muévete aquí. Si rotamos, es correcto ahora, entonces lo padres al cuerpo, luego la pierna derecha. Ponlo aquí. También lo padre al cuerpo. Si rotamos esto, y luego si movemos el cuerpo ahora, ahora todo sigue. Entonces lo último es que necesitamos arreglar, estoy soloando esta capa haciendo clic en esto y luego presionando Y otra vez, y luego cambio mi punto de anclaje aquí y solo. Cuando yo roto, entonces todo es correcto. Lo que quiero hacer ahora es quizá a la duración un segundo. En primer lugar, quiero animar esta posición de cuerpo doggo, P para posición y manteniendo pulsado Shift, presione R. Puedo abrir la P y posición y rotación. Pondré aquí un fotograma clave. Esta es la posición N. Selecciona ambos, muévelo a algún lugar al 115, tal vez. Volver a la duración uno. Yo quiero que este perro gire un poco así. A lo mejor puedo alejar un poco, entonces la posición tal vez está aquí. A ver cómo va. Creo que es un poco demasiado lento. Mueve aquí estos dos fotogramas clave. vistazo por un rato. Tal vez peek imagen onda y bling,
bling, bling, bling, y luego tal vez agregar aquí. Pongo otro fotograma clave, y luego voy a cuatro segundos. Voy a copiar este Comando C Comando V, y luego copiar esta rotación, Comando C, Comando V. Vuelve a salir. Algo así. Veamos la animación. El animación en este momento, el fotograma clave es lineal. Te acuerdas, necesitamos suavizar la animación. Yo quiero que sea como salir y luego despacio aquí. Seleccionaré ambos fotogramas clave. Haga clic derecho en Asistente de fotogramas clave, Fácil facilidad de entrada. Te acuerdas Easy Easy In es bajar la velocidad. Veamos cómo se ve. No es tan lineal como antes. Entonces aquí, quiero facilmente salir. Seleccione ambos de estos fotogramas clave, haga clic derecho en Easy Easy Out. A ver cómo va. Hola, hola, bling, bling, sal. En realidad vamos a sonar nuestra región de renderizado. Déjame alejar este ajuste. Esta es una región render. Por el momento, si pulsas Barra espaciadora, solo
se reproducirá durante 10 segundos. En ocasiones, necesitamos aislar la región renderizada. Sólo queremos ver los primeros cinco segundos, por ejemplo. Sólo puedo llamar esto a cinco. Ahora si toco, presiona Barra espaciadora,
entra, sale, entra de nuevo, y mirará hacia atrás al primero. Esta es la animación base. Ahora, vamos a hacer la agitación. A lo mejor después de salir así, voy a los dos de la pierna. Presione R. Haga clic en “Keyframe”. Aquí está abajo. Entonces aquí arriba, luego aquí copiamos, pegamos, copiamos, pegamos, para poder agitar dos veces. Necesito seleccionar ambos copiar, pegar. Esta copia, pega. A ver cómo va. A lo mejor una vez más. Comando C, Comando V. Veamos cómo va. Entonces tal vez los selecciono todos, los convierto en clic derecho, luego Fácil Fácil. Veamos cómo se ve. Creo que se ve bastante bien. Animemos la rotación del oído. Ven aquí, click. Tenemos que arreglar el punto de anclaje, lo contrario la rotación del aire va a estar equivocada. Presione Y otra vez y luego mueva el punto de anclaje allí. Cuando rotemos, será así. Creo que cuando se trata, las orejas deberían ser así. Establecer un fotograma clave. Creo que debería ser así. Al entrar, para cuando llegue aquí, la oreja volverá aquí, luego en algún lugar aquí, tal vez rebote de vuelta. En algún lugar aquí, tal vez reboten un poco allí. Aquí tal vez sean 20. A ver. Creo que es un poco lento, pero dejaré que jueguen con esto, pero déjenme hacer esto rápidamente. Seleccione todo, haga clic derecho, Facilidad fácil, algo así. Entonces tal vez cuando se mueva, ve aquí, luego la oreja va así. Eso es todo. Esa es la física de las cosas. Ese es el oído, ahorra. No olvides guardar, Comando S.
8. Alpha Matte: ¿ Qué pasó con los ojos? Déjame acercarme aquí. En primer lugar, vamos a recortar enmascarar esto dentro de los ojos blancos. El modo de hacerlo en After Effects con cuerdas se llama mate. En primer lugar, vamos a cambiar el color de la capa de estos dos ojos para que veas lo que estoy haciendo. Estos son los ojos, los ojos negros, y estos son los ojos blancos. Lo que queremos es poner los ojos negros dentro de los ojos blancos. Cómo hacerlo es duplicando este amplios ojos Comando+D. Ya
ves ahora tenemos dos de las capas de los ojos blancos. Ponlo encima de los ojos blancos. Está cubierto. Selecciona los ojos negros. Es necesario hacer click en este “Interruptores de Toggle” y ver pista mate. A ver si altero pista mate. Cambia esta pista mate de los ojos negros en ojos alfa mate blanco 2. Cuando hagamos eso, notarás que
oculta automáticamente la capa de ojos blancos encima de los ojos negros. Aparecen estos dos iconos, y ahora el ojo negro está dentro del ojo blanco. Dos de estas capas están ahora combinadas. No está realmente combinado, pero Es usar la capa de ojos blancos para enmascarar la capa de ojos negros. Lo que queremos hacer es parpadear el ojo blanco. Presiono S para escala y hago clic en esta dos cadena de manera no proporcional así. Pero ves que el ojo negro no se acerca. Eso se debe a que está usando la capa blanca que no está animada. Si quieres, necesitamos padres estos ojos blancos al mismo ojo blanco. Si yo padre esto, heredará toda la animación que
hacemos en la capa de ojos blancos, la capa de referencia. Ya ves si parpadeo ahora, esta capa seguirá lo que hagamos en esta capa. Lo que queremos ahora es animar el parpadeo. Entonces sale el perro, tal vez en algún lugar aquí parpadeará. Haga clic en la báscula. Parpadea así, copia esto, pega, y luego en algún lugar aquí, copia esto, copia, pega. Selecciona todo el asunto. Haga clic con el botón derecho, “Facilidad fácil”, luego deja volver a jugar. Parpadea, parpadea. El parpadeo es bastante lento, por lo que podemos seleccionar todo sosteniendo alt y puede balancearlos hacia abajo. Creo que todavía bastante lento. Retenir alt otra vez, hazlo así. Sí, algo así. Puedes ajustar la animación en función de tus preferencias. Pero esta es básicamente nuestra animación, y volver a salir. Creo que con este concepto, en realidad se
puede empezar a animar otras cosas ya. Nos vemos en la siguiente lección.
9. Recortar tramos para animar arte de línea: En este concepto, introduciré un concepto de recorte paths, que está haciendo que la línea se anime, siguiendo este guión. En primer lugar, codificemos de color esos archivos, esas capas. Se trata de dokkies, galletas doggo, y deliciosas. Simplemente animaremos estas tres cosas. Vamos a solearlos. A lo mejor también necesitamos solo el fondo. Los puedo ver de fondo. Vamos a codificarlos de color para, no sé, tal vez azul o morado. Lo siguiente es usar la herramienta Pluma para trazar este texto. Una cosa que necesitas usando esta herramienta Pluma es como si seleccionas capa, así, ahora estamos seleccionando esta capa de dokkie. Si usas esta herramienta Pluma, y entonces digamos que dibujo algo como esto. Entonces cierro el bucle. Esto realmente crea una máscara. Si cambio esta máscara, sí, es crear una máscara. ¿ Cómo conviertes esto en forma? En primer lugar, eliminaré esta máscara. Cómo lo haces es que no puedes seleccionar nada, lo que debes anular la selección haciendo clic en algún lugar aquí o no puedes seleccionar aquí porque era la capa. Puedes seleccionar tal vez en algún lugar aquí. Ahora no estás seleccionando nada, y luego haces clic en esta herramienta Pluma, y luego ahora si dibujas esta máscara, en realidad creará la forma y creará una nueva forma. Esto es lo que queremos, pero no queremos un color, queremos un trazo. Ahora puedes ir a este Relleno, hacerlo sin color, y luego cambiar el color del trazo a lo que quieras. A lo mejor por ahora solo usamos algo como esto. Pero es tan grueso. Se puede reducir el grosor, tal vez algo así como en realidad lo haré delgado primero. Podemos hacerlo más grueso después, pero necesito ver lo original que rastreamos para que no pueda ser demasiado grueso por ahora. Sí, volveré a esto. Haga clic en eso. Déjame ajustarme un poco. Entonces puede seguir rastreando esto. Entonces me detendré aquí y luego tal vez continúe otra capa. Doy click aquí. Ocultemos nuestro doggo, entonces cambiemos esto a negro. Después abre la capa de forma, abre el contenido, abre la forma, abre el trazo, y entonces ahora podemos hacer que el stock sea más grueso aquí. Entonces también podemos hacer marrón la punta y luego la unión por todos lados. No sé por qué no es por defecto ronda mayor parte del caso necesitamos que estos dos sean redondos. Se ve la esquina y la punta es redonda. Esto es lo que queremos. Entonces intentemos alejar un poco. Déjame terminar esto. Vuelve a cambiar a esta pulsa “G” de nuevo para la herramienta Pluma entonces solo tú puedes reactivar esta. Voy a anular la selección de nuevo, anular la selección de cualquier cosa. No selecciono nada, y luego dibujaré otra continuación de esto. Presiona “G”, ya ves cuando hago clic aquí, generará una nueva capa de forma, y eso es lo que queremos. Dibujaremos esto, seguiré dibujando esta carta, sosteniendo Alt, y luego puedo subir esto, nuevamente me detendré aquí. Entonces ver esto es para trazo, así que seleccionaré esto y luego lo convertiré en cuatro también. De nuevo, tengo que abrir esto, ir a trazo, cambiar esto a redondo, cambiar esto a redondo, y cerrarlo. Anular la selección de nuevo, quiero continuar. Presione “G” para la herramienta Pluma. Entonces volveré a dibujar esto. Tenemos esto, y luego ahora vamos desactivar los dokkies originales y luego seleccionarlos todos,
pulsar “G” de nuevo para activar esto, cambiar el color a negro. Ese es nuestro diseño. Ahora lo que queremos hacer es animarlos golpe a golpe. En primer lugar, éste es el primero, abre esto. Mientras selecciona la forma, ve a esta flecha en Recortar caminos. Abre este Recorte Caminos y luego ahora si ves estoy deseleccionando. Podemos ver esto. Si animo este fin, ves que se va a animar y Por cierto, mientras estás animando, a veces realmente no quieres ver estas líneas. Puedes hacer clic en esto y desactivarás esa línea. Recuerda, si quieres volver a verlo, solo
tienes que hacer clic en este botón [inaudible] aquí. Ahora lo que queremos es animar esto desde 0, establece aquí un fotograma clave. Ve a algún lugar tal vez a 1, y lo animo a 100. Después vamos a Shape Capa número 2, abre esto, click en la Forma 1, agrega Recortar Caminos. Abrir un Recorte Path. Nuevamente, animamos esto desde 0, tal vez en algún lugar aquí. No sé dónde, podemos ajustarnos ligeramente después, después a 100. Entonces éste de nuevo, haga clic en la Forma 1, agregue Recortar Caminos también. Abrir el Recorte Path animar el final de 0 a 100. El último es el punto. Creo que podemos moverlo aquí más tarde. Ahora queremos cerrar esto, ves que hay muchos parámetros que no necesitamos ver. Si seleccionas esta capa y presiono “U ', sólo
va a oscilar en las cosas que hemos establecido, los fotogramas clave que hemos dicho. Presionaré “U”, presionaré “U”, y luego tratemos de ver nuestra animación. ¿ Cómo se ve? En realidad se ve bastante bien. Creo que ustedes chicos pueden jugar con esto pero ese es el concepto principal de recortar paths.
10. Texto: El siguiente es animar la palabra deliciosa y la palabra dokkies, así que vamos a acercar. En primer lugar, necesitamos recrear esta capa porque cuando traemos capa de texto de Illustrator, se convertirá en una capa normal. Tenemos que recrear en After Effects. En primer lugar, voy a seleccionar mi herramienta de texto, ven aquí y luego escribe delicioso. Puedes usar cualquier fuente, pero en realidad usé una fuente llamada Proximal Nova si las tienes, y luego puedes ajustar el tamaño de la fuente aquí. Este es el rastreo, este es el líder, y sí. Creo que por ahora acabamos de ponerle algo como esto. Creo que vamos a cambiarlo a audaz. T se ve más similar. Al seleccionar esta capa de texto, dibujemos el camino, creo que es algo así. Tienes que seleccionar la capa y luego dar clic en esta Herramienta Pluma y luego tratar de dibujar el camino. Algo así. Toque V nuevamente, y luego vaya a esta capa de texto, abra este parámetro. Dentro de las Opciones de Ruta en esta capa de texto, podemos cambiarla a la máscara 1, y luego ahora seguirá ese camino. Tenemos que apagar la capa guía a deliciosa, así que algo así. Entonces lo que queremos animar es en realidad, es como una máquina de escribir, [inaudible] salir. Hay una manera muy fácil de hacer eso, donde seleccionas esta capa de texto, vas a esta ventana, abre este texto Efectos y ajustes preestablecidos. Entonces solo puedes encontrar aquí llamada máquina de escribir. Es Preset de animación, eso se llama máquina de escribir. Simplemente puede hacer doble clic mientras esta capa está seleccionada, o puede hacer clic y arrastrar a esa capa. Se habrá ido, pero si haces clic en esta capa, y luego presionas “U”, verás dos fotogramas clave. Aquí puedes establecer este fotograma clave y tal vez recortar el principio. Este es en realidad el principio, que es en nada, y entonces saldrá lentamente, uno por uno. Veamos la animación. Eso es lo que queremos con delicioso, algo así. Entonces ahora, creo que con el mismo concepto, podemos animar las galletas doggo. Puedes probar eso.
11. Expresión LoopOut: Animemos todas estas cosas usando Expression. Yo quiero animar por ejemplo, las zanahorias. Vamos a enfocarnos primero en las zanahorias, vamos a la zanahoria. En primer lugar, necesitamos fijar el punto de anclaje a la mitad de la zanahoria. Presiono “Y”, y luego tal vez en algún lugar aquí, y luego presiono “R” para la rotación. Vaya al primer fotograma, haga clic en “Fotograma clave”, cree un fotograma clave, y luego quizá vaya a cinco fotogramas. Puede acercar o alejar esto para acercar la línea de tiempo. Entonces probablemente voy a girar a esto, y luego ir a 10 fotogramas, copiar este primer comando C, Comando V. Quiero ver cómo se ve,
así que voy a cadena esta región render hasta aquí. Simplemente podemos ver en ese pequeño trozo de región de renderizado de bucle. Esto no es lo que quiero. Quiero usar el fotograma clave de retención para que parezca cámara lenta. Hago clic derecho en mis “Fotogramas clave”, haga clic en el “Toggle Hold Keyframe”. Creo que es un poco demasiado rápido, cambiémoslo a tal vez 10 fotogramas. Probablemente puedas reajustar esto. Pero lo que quiero hacer ahora es bucle estos fotogramas clave. Por supuesto, si quieres, puedes simplemente copiar, pegar esto, como por ejemplo, copiar, y luego venir aquí, pegar, y luego pegar, pegar, y así sucesivamente. Pero esto requiere mucho esfuerzo, mucho ajuste, y no es muy preciso dónde pones los fotogramas clave. Si tus clientes ya habían cambiado el parámetro, necesitas cambiar en todos estos. El método más sabio es usar Expression. Tiene configuración basada en lista de sus fotogramas clave. Lo que se quiere hacer es establecer una expresión muy simple. Cómo hacerlo es yendo a este cronómetro, sosteniendo “Alt”, y haciendo clic en este “Cronómetro”. En realidad abrirá esta ventana de Expresión. Lo que necesita escribir es loop, L-O-O-P, y para el momento en que escriba eso, After Effect sugerirá algunas expresiones diferentes que se utilizan comúnmente. Queremos utilizar esta expresión LoopOut. Bajas a LoopOut, presionas “Enter”, y luego haces clic fuera de esta ventana, tal vez en algún lugar de aquí. Ahora si ves, y si tocas tu animación, tu animación irá para siempre. Esto dará un bucle para siempre. LoopOut significa salir en bucle de esto hacia el lado derecho, y se mantendrá para siempre. Si cambias esto a LooPin, significa que todo lo anterior a estos fotogramas clave será en bucle. Pero en este caso queremos LoopOut, te dará esto. Si ves el beneficio de esto, si tu cliente cambia algo, por ejemplo, digamos que dice, es demasiado rápido, solo
puedes ajustar esta sosteniendo “Alt”, hacerlo más lento, así, y luego reproducirlo de nuevo, y esto será bucle. Es muy fácil para ti cambiar tu configuración original de la animación mediante el uso de esta expresión. Te puedes imaginar, puedes aplicar a todos los demás. Eso es animar con una simple expresión LoopOut.
12. PreComp: ocasiones necesitas agrupar cosas en After Effects para moverlas juntas o para copiar o para muchos otros propósitos. Podemos usar esta característica en After Effects llamada precomposición. Digamos que quiero agrupar todas las galletas, poder enmascararlas dentro de este envase, trataré de encontrar todas mis cookies. Esta pata, zanahoria y el pollo, y la manzana. Creo que eso es todo. Los selecciono todos manteniendo presionado Mayús y luego mantengo pulsada Comando Shift C. Cuando haga clic en
eso, me preguntará este Pre-componer o si no puedes recordar el atajo, en realidad
está aquí, Capa, Pre-componer, Comando Mide C. Te preguntará qué es el nombre de esta precomposición; tal vez los llamaré Cookies elementos. A continuación, ajuste la duración de la composición al lapso de tiempo de las capas seleccionadas. Sí, quiero marcar eso y luego solo hago clic en “Ok”. Verás que todos los objetos ahí se convierten en una sola capa. Ahora en realidad puedo moverlos juntos así. Si quieres editar algo de esto, todo se convierte en grupo. Ahora, solo puedes hacer doble clic en esto y entrarás a este grupo. Es similar como en Illustrator cuando los agrupa, entonces si hace doble clic en las cosas, entrará al modo de aislamiento. Esto es algo similar, pero la precomposición en realidad puede hacer muchas más cosas. Por ahora, digamos, solo
quiero enmascarar esto. Necesito encontrar la capa que usamos para esta cosa usando la [inaudible], si recuerdas nuestra lección anterior [inaudible]. En realidad, he preparado este mapa de capas de Illustrator, o también podemos usar la capa Packaging desde aquí. Este es el archivo de Photoshop. Haga clic en esta capa de Embalaje, luego podremos Comando C, copiarlo. Vuelve aquí, ve a esos elementos de Cookie, y luego Comando V. Es exactamente pegar ahí. Si recuerdas, este es nuestro elemento de cookie, podemos hacer click en este segmento y empaquetado Alpha Matte. Ahora, se recorta al empaque. Si ves estos dos, esconde la capa y luego me da estos dos iconos, si recuerdas la lección Alpha Matte. Ahora solo podemos seleccionar estos dos y luego cambiar el color a amarillo, por lo que sabemos que hay dos están vinculados entre sí. Esta es una función de usar la precomposición. Ahí hay otra función de la misma. Digamos que quieres agrupar a este perro que tenemos [inaudible]. Vamos allá abajo. Este doggo aquí es todo el asunto, si te acuerdas. Digamos que quieres moverlos juntos, pero ya tienes algo animado aquí. Si presiono “U”, veo que tienes esta posición animada. Si lo muevo ahora, así, en realidad va a estropear toda la animación. Mira, yo creo aquí una nueva clave. Se vuelve muy loco así. Voy a deshacer eso, no queremos hacer eso. En realidad podemos agruparlos primero, luego sólo mover ese grupo. Para hacer eso, solo volvamos a seleccionar todo esto, luego presione Comando Shift C, Pre-componer, entonces tal vez llames a este Dog Right, que es perro a la derecha, o puedes llamarlo de todos modos como quieras. Haga clic en “Ok”. Esto se convierte en una sola capa ,
y todavía tiene toda la animación ahí. Si vas al modo de aislamiento, puedes volver a editar esto como quieras. Después volvemos a la composición principal. Lo que puedes hacer ahora con esto es, primer lugar puedes duplicar. Por ejemplo, digamos que necesitas tener una copia de él haciendo lo mismo. Puedes Comando D, duplicar a este perro, y entonces tal vez puedas sacarlo. A lo mejor puedes presionar “S” para escalar, hacerla más pequeña. A lo mejor puedes voltearlo, así que en esta escala, y tomar este uniforme y luego cambiarlo a menos 60, así que está volteado. Entonces tal vez quieras ponerlo aquí. Ahora tienes el mismo perro que está usando la misma animación exacta. El beneficio de esto es cuando cambies el original, todo se actualizará juntos. Si te imaginas que tienes tal vez 1,000 abejas en tu animación y quieres que solo animen una vez y luego duplicen a muchas cosas. Entonces si tu cliente cambia la abeja original, todo se actualizará. La precomposición es muy buena para eso. También puedes automatizar el tiempo. Ver, por ejemplo, éste vendrá un poco más tarde, o algo así. Este saldrá primero y ese suba más tarde. Por lo que la precomposición es realmente buena para escalonar el tiempo para que
todos puedan animar un cronometraje diferente. A lo mejor voy a duplicar a este perro una vez más, hacerlo más pequeño así. Entonces tal vez este es aún más temprano, así que tenemos tres perros animados un tiempo diferente. Solo necesitas animarlo una vez y luego puedes alternar, y puedes cambiar las cosas. También puedes cambiar el color de esto, por ejemplo, vas aquí y luego vas a Efectos y Preajustes. Entonces escribes hue. Esto es sólo un ejemplo, así que si arrastras este matiz y entonces tal vez cambies el tono maestro a tal vez verde. No sé por qué quieres esto, pero di por ejemplo. Ahora con la misma configuración exacta, puedes tener tres variedades diferentes de la misma. Este es otro poder del pre-comping.
13. CC doblar: Esta herramienta se llama Bend. Di que quieres animar el pelo de este perro. A lo mejor querías agitar izquierda, derecha, izquierda, derecha. Intentemos usar una herramienta llamada CC Bend. Tratemos de encontrar el cabello. Este es el cabello. Cambiaremos el punto de anclaje, presionaremos Y hasta la parte superior, y luego iremos a este Effects & Presets. Si no lo puedes ver, ve a Ventana y luego Efectos & Preajustes. Después escribe Bend. Se llama CC Bend It. Por lo que puedes hacer doble clic en él y se aplicará a esta capa. Algo loco va a pasar. Déjame solo esta capa. Ves que se recorta mi capa, esto es porque el punto de partida y el punto final está mal. Tenemos que ajustar esto. Si doblo ahora esta cosa, se irá a doblar de una manera muy rara. En realidad, creo que podríamos querer darle la vuelta a esto. Ponga éste arriba, el arranque está arriba y el final está aquí abajo. Ahora si nos doblamos, se doblará así. Ahora ves que pasó algo, que es mi capa se recorta ahora. Tenemos que añadir otro efecto llamado Grow Bounds. Escribe aquí Grow Bounds y luego agrégalo aquí. Déjame intentar doblar esto otra vez. Grow Bounds tiene que ser antes. Ya ves, si hago crecer esta cosa aquí, crecer a píxeles, en realidad va a declarar el recorte. Ahora podemos animar esto así. En realidad, en primer lugar, permítanme volver a restablecer esto a cero. Hagamos la adecuada crianza de este perro para que no nos enloquemos. Este cabello tiene que ser parentado a la cabeza. Espera. Sí, esta cabeza peluda. Esto el pelo de nuevo también padre a la cabeza. Esta cabeza, creo que necesitamos presionar Y y luego cambiar el punto de anclaje a algún lugar aquí, así que cuando rotemos la cabeza será correcto. Después la cabeza para ser parentado al cuerpo. Lo que quiero hacer es que este perro salga y el cabello seguirá la física de cuándo saldrá. Entonces esto el pelo hacia atrás también, necesitamos fijar el punto de anclaje. Presiona “Y” ponlo aquí arriba. El cuerpo, primero presiona “P”, y luego establece un fotograma clave al principio, tal vez el perro esté aquí, luego tal vez el perro salga dentro de 15 cuadros. Por cierto, hay un atajo para mover fotograma por fotograma, que es Comando Flecha Derecha y Comando Flecha Izquierda. Si mantengo presionado Comando y luego presiono “Flecha derecha”, se moverá por incremento de un fotograma. Si desea moverse por incremento de 10 fotogramas, puede sostener Comando y Mayús, por
lo que se moverá en 10 fotogramas. Pero en este caso, sólo quiero ir a este 15 y luego sacar al perro, tal vez aquí. A ver cómo va. A lo mejor se quedará ahí un rato, y luego fijará un fotograma clave y luego volverá a entrar. Comando C, Comando V. Salgan, vuelvan. Entonces puedes convertir todo en Fácil Facilidad. Haga clic derecho en “Asistente de fotogramas clave”, Facilidad fácil. Aquí, animemos el cabello, el Bend. Haga clic en “Iniciar fotograma clave” en esto, presione “U” para abrir el fotograma clave. Entonces, en primer lugar, su heredero debería ser así. Ahí es cuando vino así. Creo que quiero mover un poco este pelo hacia arriba, sí. Entonces para cuando llegue a esta posición, se animará hacia la dirección opuesta, algo así. Esta es solo una herramienta de física, en algún lugar ahí, y luego volveremos a subir a estos fotogramas clave ,
copiar y pegar, pero la potencia se reducirá un poco, así que reduzca un poco así. La física de las cosas que rebotan como esta suele ser como ir lejos, volver de nuevo con el mismo poder, y luego volver ahí con la mitad de poder, y luego volver aquí con otra mitad, y luego simplemente cortar la mitad de todo el camino a través. Aquí, lo animaremos de nuevo tal vez así,
y luego aquí, copiar-pegar, pero esta vez reduzca a menos 4 tal vez o tal vez incluso menos 2, y luego aquí Comando C, Comando V, reduzca estos a tal vez tres, tal vez a cero. Vamos a reajustar un poco esto. Después cámbialo todo a Facilidad Fácil. Ver el momento. Sí, algo así. Pero creo que el momento está mal. Creo que para cuando llegue aquí, esto se debería mover a algún lugar aquí tal vez, sí, algo así. Entonces cuando se vaya, necesitamos establecer otro fotograma clave. Cuando se va animamos así y luego ajustamos esto. A ver. Sí, creo que eso es bastante bueno. Sí, puedes tomarte tu tiempo para
tratar de ajustar esto hasta obtener la animación que te gusta. Pero sí, eso es CC Bend It.
14. El resto de el proceso: Este paso es sólo para mostrarte cómo animo todo hasta el final. El primero que quiero hacer es traer capas de Photoshop, estas tres capas a mi Kong principal. En realidad puedo usar este archivo que preparé en Illustrator, pero de alguna manera no siempre lo es, pero a veces el mapa de bits del archivo que
traes de Illustrator a veces te da un problema, así que solo lo traeré por seguridad. Yo pego esto, y luego este color de sombra y fondo obviamente está en la parte inferior. Puedo eliminar esta capa, y luego sustituiré este envase por uno nuevo. Elimina este y luego duplicaré este envase y luego lo pondré encima de todo como textura. Déjame cambiar esto al modo de mezcla. Este es el modo de mezcla. Puedes jugar con esto desplazándote,
seleccionando esta capa, manteniendo pulsada la tecla Mayús y pulsando “Plus”. En realidad puedes desplazarte por el diferente modo de mezcla que tienen. Aquí puedes consultar el nombre seguir cambiando. Puedes encontrar lo que crees que es lo mejor. Pero para mi caso, solo
usaré multiplicar, y reduciré la opacidad a cerca del 80 por ciento. Esa es mi textura que voy a usar. Ya ves la diferencia con y sin. Se puede ver los pliegues serán aparentes. Entonces bloquearé esta capa para que no la mueva accidentalmente. En realidad quiero crear una animación de bucle. En mi animación de bucle, no
necesito que este texto esté animando. Ahora ya conoces las técnicas, pero en este caso en realidad, ya no
necesito eso. Seleccionaré todos estos, presionaré “U”, y luego en realidad eliminaré todos los fotogramas clave. Eliminar, mover esto hacia atrás. Este texto no anima. Simplemente estará ahí. Entonces esta deliciosa, tampoco quiero que se anime, así que hago clic en esta capa, presiono “U”, y eliminaré estos dos fotogramas clave para que realmente no animen más. Entonces puedo borrar esto más, ya no
necesito y esto ya no necesito. Todo esto, estos títulos más esto, en realidad creo que quiero sólo pre-comp,
así que los agruparé juntos, mando turno C, pre-comp, y solo llamaré a estos Títulos. Se convierten en uno. Es sólo más ordenada de esa manera. Entonces ahora quiero animar cada una de estas cookies. Entra aquí, y necesito arreglarlos uno por uno, el punto de anclaje. Creo que debería aquí, entonces esta encuesta. Yo sólo voy a tratar de acelerar esto y volvemos a ver después de que he hecho todo esto. Si accidentalmente haces doble clic en algo, abrirás el atributo de esta capa, solo
puedes hacer clic aquí atrás, y esta es tu composición principal. Yo ajusté. Este es un botón de transparencia entre fondo transparente y negro. En realidad puedes cambiar este color si no puedes ver lo que hay detrás presionando “Comando K”, “Ajustes de composición”, y entonces simplemente cambiarías este color a algo. Realmente no importa. Esto en realidad es transparente, pero esto es solo para que veas el diseño detrás. Seleccionemos todos estos. Presione “R” para la rotación, démosle un poco de espacio y quepa esto, excepción de estos dos. Crea un fotograma clave, ve a algún lugar, ve aquí, y luego crea un fotograma clave, y luego ve al centro. Creo que es mejor que lo hagamos uno por uno porque si no, quizá no
sepas cuál es cuál. Esto, tal vez quieras hacer lo contrario así, y luego éste queremos hacer lo contrario así. Creo que los tenemos todos. Seleccionemos todo, haga clic con el botón derecho, cámbielos a Mantenga pulsada. Entonces queremos copiar el guión de bucle. Cómo hacer eso es que seleccionas. Este ya tiene un guión dentro. Haga clic en esta “Rotación”, haga clic derecho en “Copiar sólo expresión”, haga clic, seleccione todo esto, las capas restantes. Entonces solo pega. Se pegará toda la expresión de bucle. Creo que son bastante rápidos, así que vamos a seleccionar todo mantenga alt, y luego expandirnos. A ver. Creo que esta es una velocidad más razonable. Cuando animas asegúrate de que estás animando en el incremento de multiplicación de un segundo porque
queremos intentar hacer un bucle de un bucle de cinco segundos . Vamos a revisarlos en la composición principal. Vamos a cerrar la región de renderizado pulse N, el atajo a cinco segundos. Creo que este perro, quiero mantenerlo más tiempo en el marco y quiero animar el otro pelo así que bajemos ahí. Este cabello, creo que vamos a aplicar el mismo efecto. Doblarlo CC doblarlo. Haga doble clic mientras seleccionamos esta capa. Vamos a solista esta capa. Creo que se está recortando también. Haga clic en este “Efectos”, presione “V”. Creo que tenemos que voltear, y luego poner. Este es el inicio en la parte superior y este es el de abajo. Si doblamos esto y luego recordamos necesitamos otro efecto llamado Grow Bounds,
escriba Grow Bound , y luego simplemente haga clic y arrástrelo aquí. Grow Bound tiene que venir antes así que cuando nos doblamos, eso se extiende. Enfriar. Vamos a deshacernos en solitario eso. De hecho, codificemos por color esta naranja oscura, y luego solo las, para que puedas ver solo al perro. Este pelo, pongamos un fotograma clave para la banda, luego presione “U”, para que podamos ver el fotograma clave. Al principio, quiero que sea así,
igual que el otro cabello. Entonces vendremos aquí. El cabello irá por ahí. Vuelve aquí. Entonces copiamos este, copiamos pegar. Recuerda queremos reducir la potencia a la mitad. Ven ahí, copia este, haz clic en “Comando V”, y luego vuelve a cortar a la mitad el poder algo así. Ven aquí y luego muévalo de nuevo a esto, y ve allá, y luego muévalo para venir aquí y luego volver a cero normal. En realidad, el cero debería estar aquí. Después hay otro cero y luego cuando vuelvas a salir, será así. A continuación, selecciónelos todos, haga clic con el botón derecho y, a continuación, Fácil. Entonces vamos a comprobarlo. Se ve bien, pero creo que necesitamos un poco de tiempo escalofriante. Esto es para hacerlo más orgánico, lo que probablemente lo retrasemos por un fotograma. Esto te dará un poco de variedad. A ver. Ves el cabello, es una diferencia muy menor, pero te está dando una animación detallada. Vamos a deshacerlos en solitario, y luego perseguir. Yo quiero mantener a este perro más tiempo. A lo mejor saldrá por aquí. Entonces tomaré todos estos fotogramas clave y tal vez en algún lugar aquí, para que pueda quedarse más tiempo y la escena. Salgan, vuelvan a entrar. Entonces cuando el perro ya no esté ahí, queremos recortar esta capa. Mantenga Alt y luego cierre el corchete. Se puede recortar esto a esto. Este es un buen hábito para recortar la capa que ya no está ahí, para que sepas dónde termina la capa. Ahora se ve realmente bien. El último que necesitamos animar es este pug, cola de pug, cuerpo de pug. Cambiemos este color a verde. A lo mejor diferenciamos al pug y se desmoronan. Cambiemos el pug para que lea. Animemos la cola de pug. Haga clic en él y luego cambie el punto de anclaje, presione “Y”. Cámbialo aquí. Presiona “R” para la rotación y luego solo quiero moverla así. Ve al frente, establece un fotograma clave, tal vez rota así. Ir a 15 cuadros, ir a la dirección opuesta, ir a uno. Nuevamente, recuerda siempre en el incremento y multiplicación de un segundo. Copia esto, copia y luego pega Comando C, comando V. Seleccione ambos, haga clic con el
botón derecho en “Asistente de fotogramas clave”, Facilidad fácil para suavizar los fotogramas clave, y luego presione “Alt”. Sostenido Alt, haga clic en el “Cronómetro”, y luego añadiremos expresión de bucle. Presione “Enter”, y esto bucle para siempre. Ese es un buen bucle. Vamos a mover esa pierna. Presione “Y” para ajustar aquí el punto de anclaje, modo que cuando rotemos la pierna, se vea bien. La otra pierna también. Mueve aquí el punto de anclaje, selecciona ambos. Presione “R” para la rotación, vaya al primer fotograma, establezca un fotograma clave. En realidad, creo que debería ser por eso ahí, tal vez así. Después ve a un segundo. Ir a la dirección opuesta.
15. Procésalo: Ahora tienes toda la animación hecha, el último paso es renderizarlos. En primer lugar, vamos a establecer la región de renderizado en cinco segundos, porque animamos todo en cinco segundos. Puedes ir a esta marca de tiempo exactamente de cinco segundos, y luego simplemente cadena esta región de renderizado allí. Puede presionar N, ese es el acceso directo para establecer la región de renderizado, N es para el final y B es para el principio. Cinco segundos, y luego vas a la composición, agrega a Adobe Media Encoder Queue. Cuando hagas eso, abrirá el software llamado Adobe Media Encoder, y tendrás que esperar un rato a veces, hasta que aparezca. Depende de la velocidad de la computadora. Pero una vez que aparece aquí, a veces se abrió y esta cosa aún no aparece, por lo que también hay que esperar eso. Después de que aparezca, entonces asegúrate de que esta cosa esté establecida en H.264. Creo que por defecto es H.264, pero si no, solo
puedes hacer clic en esto, y cambiarlo a H.264. H.264 es el mejor códec para subir video a Internet, o a las redes sociales. El resto, no necesitas preocuparte, solo tienes que hacer click en “Ok”. Este, puedes dejarlo tal como está. Haga clic aquí para definir dónde desea guardar el archivo. Quiero guardarlo en mi carpeta de salida, y lo llamaré Doggo_01,
haz clic en “Guardar”, y cuando hayas terminado,
solo tienes que hacer clic en esto para renderizar. Esta es la barra de renderizado. Simplemente espera hasta que termine, y una vez que termine, puedes checar en tu buscador y en tu carpeta de salida, y esta será nuestra animación. Enhorabuena, acabas de terminar tu primer anuncio de Instagram.
16. Conclusión: Impresionante, chicos. Lo lograste hasta el final de la clase. Espero que hayas disfrutado de la clase y te hayas divertido un poco. Si haces alguna cosa genial, por favor comparte con nosotros en el envío. Si te encuentras con algún problema, siempre
puedes enviarme mensajes en mis redes sociales, o correo electrónico, o también puedes publicar aquí en el feed de discusión. Sigue practicando y nos vemos la próxima vez. Adiós.
Martin Altanie, Motion + Interaction Designer
