Transcripciones
1. Tráiler/avance de la clase: Oye, soy Jake Bartlett y este es el Jersey de punto Look in After Effects. En esta clase, te voy a mostrar una técnica súper simple para crear este efecto de aspecto realmente impresionante. Es completamente procedimental, lo que significa que lo que pongas en el efecto saldrá luciendo como un jersey de punto, incluso animación. Esta técnica es extremadamente simple. Por lo que aunque no tengas mucho conocimiento de After Effects en absoluto, aún
podrás seguir dos. Para el proyecto de clase, estarás aplicando este efecto a cualquier cosa que quieras. Podría ser un saludo navideño animado que te conviertas en un regalo, o incluso igual de gráfico. Esta clase es para cualquiera, ya sea un animador que está muy familiarizado con After Effects, o eres un diseñador que solo está interesado en este efecto. Te guiaré a través de cada paso del proceso para convertir tus diseños y animaciones en un jersey de punto. Así que agarra una taza de cacao caliente
, acojémonos junto al fuego, y vamos a tejer. Te veré en clase.
2. Crear el tejido: Entonces aquí está la obra de arte para mi gráfico de título antes de que el efecto haya aplicado frijol. Tengo sirvienta esto completamente dentro de After Effects, pero no tienes que convertirlo en After Effects. Podrías traer gráficos de Illustrator o Photoshop, solo
estoy bastante cómodo construyendo cosas dentro de After Effects y hizo ajustes realmente fáciles de hacer. Ahora, como puedes ver, esto tiene un poco de animación en él. Tengo la nevada, pero nada complejo. Si lo quisieras, podrías usar este efecto puramente para gráficos fijos. Creo que este efecto es tan fácil de construir y usar que aunque no lo estés usando para animación, sigue siendo un peso realmente grande para lograr este efecto. Una vez que tengas tu obra de arte y después de efectos, necesitas hacer una nueva comp. Ahora, hice mi comp 1920 comprar 1,080 a 30 cuadros por segundo. Pero en realidad, puedes establecer la resolución y la velocidad de fotogramas a lo que quieras. Lo primero que tenemos que hacer es agregar una capa de ajuste. Entonces voy a llegar a Capa, Nueva, Capa de ajuste. Asegúrate de que eso esté en la parte superior de tu pila de capas. Voy a renombrar esto presionando “Enter”, y llamarlo textura de punto. Entonces voy a empezar a añadir algunos efectos dos it. Así que ven a mis Efectos y Preajustes y escribe en pelota. En simulación, vemos acción de balón CC. Si aplico esto a la Capa de Ajuste, al instante ves que obtenemos este look pixelado. Déjame acercar el 100 por ciento para que puedas ver exactamente lo que está pasando. Si vengo a los controles de efectos y vuelvo el tamaño de la bola hacia abajo, puede ver que este efecto está dividiendo nuestro gráfico en un montón de círculos diferentes. Si aumento el espaciado de la cuadrícula, los círculos se hacen más grandes. Por ahora voy a dejar esto en, digamos seis. Entonces subiré el tamaño de la pelota hasta que
solo haya un pequeño poquito de espacio entre cada círculo. Acercaré esto, volveré a encajar presionando Mayús signo de interrogación. Algo que quiero señalar rápidamente es que estoy viendo mi comp a plena resolución. Te sugiero que trabajes en resolución tonta para esto porque mira lo que pasa si bajo esto a la mitad. Ves que todo cambió ligeramente. Cuando lo dejo caer a cuarto, cambia aún más. El único modo en que vas a saber exactamente cómo se va a renderizar esto al final es si dejas esto a plena calidad Siguiente, necesitamos agregar otro efecto, así que vamos a venir a mis Efectos y Preajustes y teclear warp de onda. Aplicaré eso debajo de la acción del balón. Se puede ver que este efecto está devolviendo mi imagen. Déjame simplemente apagar la acción de bola para que puedas ver claramente lo que está pasando. Lo apagué y volví a encender, sobre todo aquí arriba en la parte superior, puede ver que lo está deformando en este movimiento oscilante. Quiero cambiar el tipo de onda de signo, que es lo que le está dando a esto la urdimbre curvada, y cambiarla a triángulo. Ahora esto es mucho más irregular. Ves que no hay curvas con esta warp. Entonces si muevo mi cabeza de juego en el comp, ves que este efecto es realmente animado. En realidad, la ola se está moviendo a medida que pasa el tiempo. Yo quiero apagar esa velocidad de onda. Entonces si bajas a la velocidad de onda y cambias de uno a cero, ya no se anima. Volveré a encender la acción de balón, y déjame acercar aquí para que veamos cómo van a funcionar juntos estos dos efectos. Ahora mismo se puede ver que la warp de onda va hacia arriba y hacia abajo alrededor de cada tres o cuatro círculos. Lo que queremos es que eso arriba y abajo suceda cada dos círculos para crear este efecto. Entonces si llego al ancho de la onda y bajamos eso, ver que nuestras olas se estrechan y se estrechan. Voy a bajar esto un poco más hasta que lleguemos justo donde tenemos que estar. Ahí mismo a los 14, creo que eso es sólo escribir. Se puede ver que tenemos estas formas V ahora cada dos círculos. Entonces uno baja, uno sube. Si ajusto un poco la altura de mi onda hacia abajo, podemos conseguir algo que se parezca un poco más a esta textura de punto. De manera muy sencilla, con esos dos efectos, podemos lograr este patrón de aspecto de punto. El problema es, si quiero cambiar el tamaño del tejido, necesito ajustar el espaciado de rejilla. Entonces digamos que bajé esto a tal vez 16. Ahora mi warp de onda no se está alineando con esa rejilla y tendría que volver a ajustar este ancho hacia abajo. Como puedes ver, no es muy fácil de hacer por los ojos. Lo que quiero hacer es vincular el ancho de onda al tamaño de espaciado de cuadrícula del efecto de acción de bola. Haremos esto de manera muy sencilla usando expresiones. Si no sabes qué son las expresiones, su lenguaje de codificación After Effects que está basado en JavaScript. Sé que para la mayoría de los diseñadores de movimiento, la codificación simplemente no es un lenguaje que hablemos. Entonces no te asustes. En realidad es muy sencillo y lo vamos a hacer muy rápida y fácilmente. Lo que haré es hacer clic en mi Capa de Ajuste y presionar E en el teclado para que aparezcan los efectos. Entonces giraré hacia abajo la warp de onda y la acción de bola, y me voy a dar un poco más de espacio aquí arrastrando la línea de tiempo hacia arriba. Ahora, lo que tenemos que hacer es averiguar la relación
entre el ancho de onda y el espaciado de la cuadrícula. Afortunadamente, ya me he dado cuenta de esta relación, así que no tienes que hacer ningún trabajo complicado. Cuál es la relación,
es el ancho de onda necesita ser el espaciado de rejilla por dos más dos. Entonces sea cual sea este número, dóblalo y agregarle dos. Para un espaciado de cuadrícula de cuatro, debe ser 4 veces 2, que es 8, más 2, que es 10. Al igual que eso, puedes ver que ahora mi textura está alineada. Si aumentara esto a cinco, entonces cambiaría el ancho de onda a 5 veces 2, que es 10 más 2. Ahí tienes, está alineando. ¿ Cómo conseguimos que After Effects haga automáticamente esa matemática? Bueno, necesitamos agregar una expresión al ancho de onda. Para ello, basta con mantener pulsada Option o Alt en un PC y hacer clic en el cronómetro para la propiedad de ancho de onda. Eso abrirá el cuadro de diálogo de expresiones y rellenará automáticamente el código que hace referencia a ese efecto. No necesitamos eso, así que solo voy a presionar “Eliminar”. Entonces voy a venir aquí a este pequeño látigo de púa, y esto se comporta mucho como el látigo de la púa de crianza. Simplemente puedes hacer clic y arrastrarlo y luego seleccionar algo, pero como es la expresión pick látigo, en lugar de paternidad, se va a agarrar el código de expresión para lo que sea que seleccione. Si llego a la propiedad de espaciado de cuadrícula para el efecto de acción de bola y lo suelto, after effects rellena automáticamente el código de expresión que necesita para hacer referencia a eso. A pesar de que no sabía exactamente cómo codificar esto, soy capaz de generarlo muy fácilmente mediante el uso de esa expresión pick whip. Ni siquiera necesitas saber exactamente qué está diciendo esto, solo
necesitas saber que ese es el código que hace referencia a esa propiedad. Entonces After Effects está traduciendo esto como espaciado de cuadrícula, entonces necesitamos agregar veces dos el doble de ese valor, y luego necesitamos agregar dos para agregar dos a ese valor. Entonces solo tienes que hacer clic fuera de ese cuadro de diálogo para aplicar la expresión, y ves que este número ahora es rojo, y eso significa que es un valor que se está generando por una expresión. Si trato de cambiar este valor, el número cambia, pero tan pronto como el ojo se suelta, se retuerce a lo que era. Por lo que no podemos cambiar este valor de todos modos más que ajustar el espaciado de la cuadrícula. Veamos qué pasa si vuelvo el espaciado de la cuadrícula hacia abajo. Ese número cambió de 12-10. Si voy abajo ganó más, ahora son ocho. Eso es perfecto. Eso es exactamente lo que necesitábamos. Pero como pueden ver, cuando cambio el espaciado de la cuadrícula hacia abajo bastante bajo, la altura de la onda ahora está un poco apagada. Hice algunos jugando alrededor y encontré que la altura de la onda realmente debería ser la mitad de lo que es el ancho de la onda. Si el ancho de onda es de ocho, entonces la altura debe ser de cuatro, y entonces eso parece mucho más realista. Nuevamente, no quiero tener que cambiar este número a mano cada vez que cambie el espaciado de la cuadrícula. Ahora vamos a vincular la altura de la onda con el ancho de la onda. Nuevamente, mantenga presionada Opción o Alt en un PC, haga clic en el cronómetro, agarra el látigo de recolección de expresión para la altura de la onda, y esta vez haga referencia al ancho de la onda. After Effects rellena ese código, y luego dividiremos eso por dos. Entonces haré clic en “Off”. Ahora, este número siempre va a abejar la mitad de este número, y este número siempre va a ser el doble de este número más dos. Toda esa matemática está hecha por nosotros, y ahora puedo girar mi espaciado de cuadrícula hacia arriba o hacia abajo, y esta textura de punto siempre se verá correcta. De esa forma, escribimos un par de expresiones muy simples que hacen que trabajar con esto afecte mucho más fácil. Voy a darme suma más espacio para ver este comp, y luego volveremos al efecto de acción de balón. Si acerco aquí, es muy sutil y bastante difícil de notar, pero tal vez si vuelvo un poco mi espaciado de cuadrícula hacia abajo, se
puede ver que estas dos formas no se alinean exactamente bien, pero podemos corregir esto fácilmente. Si llegamos al efecto warp de onda, y luego ajustamos este número de fase, si solo lo deslizo, puede ver que está cambiando donde se centra esa warp de onda. Si vuelvo a marcar esto a tal vez alrededor de ahí mismo, así que alrededor del negativo 11, esas dos formas se alinean ahora. Eso es sólo un pequeño detalle, pero hace para un poco más de efecto simétrico. A continuación tenemos el tamaño de la bola en el efecto de acción de la pelota. Si bajo esto, ves que esos círculos se hacen más pequeños, para que ese punto se esparza mucho más. Encontré que un valor alrededor de 60 funciona bastante bien, pero ese es un valor
con el que puedes jugar dependiendo del efecto que vayas a buscar. Voy a poner el mío a 60, pero ahí es básicamente donde puedes cambiar el tamaño de tu hilo.
3. Agregar algunas imperfecciones: Ahora quiero agregar un efecto más a esta capa de ajuste, porque en este momento este es un patrón de aspecto muy perfecto. Es muy digital y no se ve todo tan realista. Entonces si vengo a mis Efectos y Preajustes y escribo en desplazamiento turbulento, y aplico eso a mi capa de ajuste. Haré zoom para que se ajuste a la comp para que veas lo que está pasando. Está deformando la imagen de una manera muy aleatoria. Podrás jugar con el tamaño y la cantidad para conseguir looks diferentes. Yo quiero que la talla sea muy pequeña, así que voy a teclear algo así como 10. Se puede ver que esta distorsión es mucho más pequeña ahora y la cantidad es demasiado alta, así que voy a bajar eso dos 10 también. Ahora que es mucho más pequeño, voy a afinar esto arrastrando este número hacia abajo, y tal vez subiendo un poco la cantidad. Básicamente, lo que estoy tratando de hacer es simplemente hacer que esta grilla no sea tan perfecta. Se puede ver que estas formas ya no son tan simétricas. Creo que voy a bajar el tamaño aún más, porque realmente quiero que esto sean pequeños detalles. No quiero enloquecerme demasiado con la cantidad. Ya ves que esto ahora empieza a parecer un poco demasiado distorsionado. Entonces tal vez vayamos a algún lugar alrededor de los 35, y eso todavía parece un jersey de punto pero si lo apago y lo enciendo, se
puede ver que solo agrega este pequeño nivel de detalle, un
poquito de imperfección que se ve realmente bonita. Voy a hacer zoom para encajar de nuevo presionando el signo de interrogación Mayús, y ya tenemos un efecto de aspecto muy convincente. De nuevo, si ajustas el espaciado de la cuadrícula, esencialmente
estás ajustando la resolución de tu punto, cual es gracioso pensar en ello de esa manera, pero eso es exactamente lo que estás haciendo. Si lo subes más alto, puedes ver este texto aquí abajo es bastante ilegible, y lo mismo para justo aquí. Si mantienes el espaciado de la cuadrícula abajo a alrededor de tres o cuatro, creo que ese es un punto dulce donde puedes decir que este es un patrón de jersey de punto, pero todavía puedes leer las cosas bastante bien. Siempre se puede bajar el espaciado de la cuadrícula a dos, pero a una se puede ver que ese patrón se ha ido bastante. Por lo que no iría más allá de dos. Voy a subir esto de nuevo a tres y lo dejaré ahí por ahora. Entonces voy a seleccionar todas mis capas presionando Comando A o Control A en una PC, y quiero precomponerlas. Voy a subir a Capa y luego todo el camino en la parte inferior Pre-componer. Esto sólo va a agrupar todas las capas que he seleccionado en una nueva composición y reemplazar estas capas por esa composición. Voy a nombrar a este comp KnitSweater Title Fuente, y luego pulse OK. Ahora si vuelvo a acercarme aquí, y enciendo mi tasa de rejilla de transparencia aquí, notarás que entre estos tejidos, en realidad no
hay nada, ese negro es transparencia. Por lo que necesitamos agregar una capa detrás de ésta para llenar esos vacíos. Voy a hacer una nueva capa de forma deseleccionando mi capa, y luego haciendo doble clic en esta herramienta de rectángulo aquí arriba que automáticamente hace un rectángulo que sea del tamaño de mi comp, y necesito subir aquí y encender el relleno. Presionaré OK y luego quiero apagar mi trazo. Hit OK. Voy a cambiar el nombre de esta capa BG por fondo, y luego la enviaré a la parte posterior arrastrándola hacia abajo así. Ahora si vuelvo a acercar aquí, se
puede ver que entre estos huecos ahora tenemos este color oscuro y azul porque ese es el color del relleno para esa capa. Pero quiero que sea una versión un poco más oscura de este rojo. Entonces si agarro un cuentagotas y luego
hago clic en ese rojo, solo lo arrastraré hacia abajo hasta que esté un poco más oscuro para agregar un poco de contraste, pero mantiene el mismo color de lo que se supone que es el jersey. Déjame acercar para encajar de nuevo, y con eso apagado, en realidad
hace una diferencia bastante grande pasar de la nada a tener ese fondo rojo. Ese es un detalle importante.
4. La textura acogedora: Este efecto se ve bastante bien como es, pero si vuelvo a acercar aquí, ves que este patrón no tiene mucha textura. En realidad no tiene ninguna textura en absoluto. Son formas muy sólidas. Quiero agregar una textura de hilo a esto para que en realidad se vea como hilo. Voy a añadir un nuevo sólido subiendo a Layer, New Solid y voy a empezar con un sólido negro. Presiona “Ok”. Entonces duplicaré esto presionando “Comando” o “Control D” y luego llegaré a la configuración de Capa, Sólido y quiero cambiar este color a blanco. Ahora, tengo un sólido negro y un blanco. Después me acercaré a mis Efectos y Preajustes y tipo veneciano para persianas venecianas, y lo aplicaré al sólido blanco, y cambiaré la integridad de transición a 50. Quiero cambiar la dirección a 90 grados y el ancho a 10. Ahora acabo de tener estas rayas blancas horizontales. A continuación quiero volver a agregar warp de onda, escribir debajo de una persiana veneciana, y aquí realmente se puede ver cómo se está deformando este efecto, y vamos a cambiar el tipo de onda de señal a ruido. Esto nos da una textura muy interesante. Voy a cambiar la altura de la onda hasta algo alrededor de 30 y el ancho de la onda hacia abajo a alrededor de 30 también. Entonces si hago una panida hacia arriba escucho manteniendo presionada la barra espaciadora y haciendo clic y arrastrando. Se puede ver en los bordes, estamos consiguiendo esta zona más oscura. Podemos eliminar algo de esto bajando a pintar y cambiándolo a todos los bordes. Yo sabía que eso se ve un poco extraño, pero la forma en que lo vamos a usar, va a estar bien. Ahora, voy a seleccionar ambas capas y precomponerlas subiendo a Capa, Pre-componer, y voy a nombrar esta textura de hilo y luego presionar “OK”. Entonces voy a configurar este modo de mezcla de capas para superponerse. Si acerco aquí, se puede ver que esa textura ahora está superpuesta encima de nuestra obra de arte, pero es un poco demasiado fuerte. Voy a presionar “T” para que suba la opacidad y luego bajar la opacidad a algo alrededor digamos, 35. Ahora, tenemos una textura de hilo de aspecto bastante convincente en la parte superior de nuestra obra de arte. Ahora que esto está precompuesto, si acerco aquí y froto mi línea de tiempo, se
puede ver que ese efecto se está actualizando, porque dentro de esa comp, la velocidad de warp de onda se establece en una. Ahora, podríamos poner esto a cero, pero after effects todavía va a tener que procesar esos dos efectos por cada fotograma de la animación, y va a ralentizar tu renderizado. En lugar de molestar con eso, voy a congelar esta comp para que solo se renderice un fotograma, el primer fotograma. Haré clic derecho en esto, bajaré al tiempo y luego diré, “congelar fotograma” y eso solo habilita la
reasignación de tiempo y agrega una tecla de retención en el primer fotograma. Ahora ese efecto no se procesará a lo largo de esta línea de tiempo. Se puede ver como me froto, nada está cambiando. Que es una textura de punto de aspecto muy convincente y patrón que acabamos de crear 100 por ciento dentro de After Effects.
5. Pulido: Para terminarlo, solo voy a añadir un poco de efectos para que toda esta imagen no se vea tan plana. De nuevo, vamos a añadir una nueva capa de ajuste yendo a Capa,
Nueva Capa de Ajuste y voy a renombrar este Efectos. Entonces voy a escribir máscara sin afilar en mis efectos en presets y aplicarlo a la Capa de Ajuste y quiero girar el radio hacia arriba, probablemente alrededor de 400. Entonces voy a bajar la cantidad, así que probablemente alrededor de 20. Se puede ver lo que eso le está haciendo al diseño. Entonces quiero agregar un resplandor, así que vendré a mis efectos y teclearé en resplandor, agarrar resplandor bajo estilizar. Probablemente gire el umbral hacia arriba solo un poco, gire el radio hasta probablemente 100 y luego la intensidad bajó así que probablemente lo puso alrededor 0.3 y eso es solo agregar un resplandor muy sutil que le da a toda la imagen un poco de un grado de color. Si enciendo y apagando toda esta Capa de Ajuste, se
puede ver que simplemente está ajustando muy sutilmente toda la imagen. Permítanme hacer zoom para encajar de nuevo. Trata de darnos un poco más de espacio. Por último quiero agregar una viñeta pero quiero hacerlo con un efecto que produzca algunas formas de aspecto bastante único. Voy a pasar a los efectos y escribir en el foco y arrastrar eso por debajo del resplandor. Se puede ver que esto nos da este efecto de aspecto de foco. Si agarro este pequeño controlador aquí, puedo ajustar de qué dirección viene
ese foco y ves que afecta la forma. Voy a alejarme presionando un par de veces
la tecla Coma del teclado y luego voy a arrastrar esto hacia arriba dos la izquierda. No lo puedes ver muy bien pero aquí mismo en el centro, tengo otro control que si hago clic y arrastre, aquí es donde está brillando la luz. Tenemos estos dos puntos para controlar de
dónde está golpeando la luz y de dónde viene. Lo siguiente que quiero hacer es girar la suavidad del borde hacia arriba probablemente hasta un 100 por ciento y luego cambiar el ángulo del cono para que sea mucho más ancho. Algo alrededor de 25 se ve bastante bien. Entonces podemos ajustar la altura para cambiar la forma de esa sombra. Si traigo esto un poquito para que podamos verlo mejor. Se ve la altura a cero nos da básicamente una luz direccional recta hacia abajo. Si lo traigo hasta 100, es como si lo estuviera golpeando directamente como si le estuvieras apuntando con una linterna. Quiero poner la altura alrededor de 30 y luego sacar esto de nuevo y luego posicionar esto para que la mayor parte de la imagen se ilumine. Voy a ajustar un poco más el ángulo del cono, tal vez ajustar un poco la altura y luego voy a bajar la intensidad para que la oscuridad no sea tan oscura. Nuevamente, voy por ajustes muy sutiles aquí. No quiero exagerar ninguno de estos efectos. Voy a hacer zoom para encajar de nuevo, y si vuelvo a activar y desactivar esta Capa de Ajuste, se
puede ver que solo está agregando una viñeta muy sutil y luego agregando un poco de grado de color sobre toda la imagen. Nada complejo y eso completa el efecto.
6. Intercambio de arte y animación básica: Ahora que tienes esto construido, puedes entrar en tu comp fuente, y lo que sea que pongas en esto automáticamente tendrá la textura de punto aplicada a ella. Entonces, por ejemplo, si apago toda esta obra de arte, puedo traer una nueva capa, decir esta obra de arte de la guerra de las galaxias que acabo de tener, y luego volver a mi título, y se actualiza automáticamente para ajustarse a esta nueva obra de arte. Si acerco aquí, verás que el color entre el hilo sigue siendo rojo. Por lo que sólo ten en cuenta eso. Podrías romper cada ganado de estos colores en ahí propia textura de suéter, o tal vez simplemente convertirlo en un color muy oscuro, desaturado para que le añada un poco de contraste para rellenar esa transparencia. Al igual que viste con el título, este efecto incluso funciona con animación. Entonces si solo apago muy rápidamente la capa de ajuste de textura de punto para poder ver más claramente, y seleccionaré todas mis capas de ilustraciones. Entonces iré adelante en el tiempo, tal vez 15 fotogramas. Ahí vamos en el fotograma 15, y mantendré Option o Alt en una PC y presionaré R para agregar un fotograma clave de rotación así como S para agregar un fotograma clave de escala. Después volveré a subir al primer fotograma, seleccionaré todos estos marcos de muelle, y luego simplemente deslizaré un poco la rotación hacia atrás y bajaré la escala a cero. Después seleccionaré el segundo conjunto de fotogramas clave para todas las propiedades, presionaré F9 en el teclado para agregar una facilidad fácil, y luego abriré el editor de gráficos, acerque aquí, seleccione el segundo conjunto de fotogramas clave aquí solo por arrastrando una caja alrededor de todas esas propiedades, luego aumentar la influencia a ese mango. Eso sólo va a aumentar la cantidad de facilidad de ese movimiento. Si no sabes cuál es el editor de gráficos, tengo toda una clase dedicada a ello. Se llama animar con facilidad en after effects, y se puede revisar eso en las notas de esta clase. Vamos a ram previsualizar esto configurando nuestra área de trabajo. Presionaré N para apretar el punto de salida a mi cabezal de reproducción, y luego voy a ram previsualización presionando cero en el teclado numérico. Ahora todas esas cabezas están animadas. Entonces saldré del editor de gráficos y presionaré U para colapsar todas esas capas. Por último, solo quiero compensar cada uno y estos y por un par de marcos. La forma más rápida de hacer esto es respaldando digamos, dos marcos. Entonces si este es el fotograma uno, entonces presionaré Page Down para ir un fotograma hacia adelante. Entonces sostendré Option o Alt en un PC y presionaré el corchete de escritura para recortar todas esas capas, así que son todas dos fotogramas cada una. Entonces seleccionaré la capa que quiero iniciar,
que es esta superior izquierda, que es esta superior izquierda, mantenga pulsada la tecla Mayús y seleccione el resto de ellas. Es importante que lo hagas en el orden en que quieras que estos sean estratificados. Entonces haré clic con el botón derecho, desplácese hacia abajo hasta asistente de fotogramas clave y diga capas de secuencia. Presionaré, Está bien. Se puede ver que After Effects se tambalea automáticamente, cada una de estas capas de frente a atrás. Después presionaré End para ir al final de mi comp y mantener presionado Opción, y volver a presionar el corchete derecho para expandir todas esas capas hasta el último fotograma de la comp. Presionaré Inicio para volver al frente,
y luego volver a la vista previa de ram. Ahora ves que todas esas cabezas están animadas, escalonadas por dos fotogramas cada una. Genial. Ahora puedo volver a encender mi textura de punto. Volveremos a salir a nuestra comp melena. Voy a encajar esta comp en esa ventana, ir hacia adelante unos fotogramas hasta que todas las cabezas estén encendidas, y luego corrió la vista previa. Como puedes ver, sí toma un poco de tiempo renderizar, y eso es solo porque hay un montón de efectos trabajando juntos. Pero el resultado final bien vale la pena. Ahí lo tienes, una textura de jersey de punto totalmente animada. Si le echas un vistazo a la cabeza de ayudas BB, su antena no está apareciendo. Esto es algo con lo que puedes tropezar sólo por la forma en que funciona el efecto. Para arreglarlo, voy a volver a mi comp fuente, y voy a agarrar esa capa, y acercar, y puedes ver de nuevo que la antena acaba de desaparecer. Pero si toco las teclas de flecha derecha o izquierda solo una o dos veces, ya
ves ahí aparece. En ocasiones con líneas finas, dependiendo del tamaño de tu cuadrícula, podrían desaparecer. Por lo que tal vez tengas que hacer un poco de nudging escuchar y ahí para que las cosas se vean de la manera en que quieres que lo hagan. Entonces puedo volver, y ahí tienes, su antena está de vuelta, y eso es todo lo que hay a ello.
7. Animación de la nieve: Probablemente debería haberlo sabido, pero muchos de ustedes ya me han preguntado cómo animé esta nevada. Sabía que probablemente debería haberte mostrado, realidad
es mucho más simple de lo que podrías pensar. Echemos un vistazo y te guiaré por cómo lo hice. En primer lugar, si apago el efecto, verás que son solo bloques los que están cayendo de arriba hacia abajo, y eso es todo. Si miras mi línea de tiempo, sólo
es bucle nueve fotogramas. De la forma en que funcionó, pude simplemente conseguir que se enrollara sin problemas en esos nueve cuadros y eso fue muy bonito al exportar un regalo porque solo necesitaba esos nueve cuadros. Hice el tamaño del archivo muy pequeño. Saltemos a mi comp y echemos un vistazo a este primer precomp que he llamado nevadas fila 1. Si echamos un vistazo a este comp, ve que es sólo una sola fila. Nuevamente, esta comp está conformada por un montón de precomps en sí. En realidad son 60 capas de la misma animación. Si abro uno de estos y ves que tengo un solo rectángulo, presionaré u para abrir los fotogramas clave
y acabo de animar la posición desde la parte superior de la comp hasta esta posición aquí y ahí es justo donde el título lo corta en la base de los árboles. Por eso sólo va tan lejos hacia abajo. Ahora, redimensioné mi comp para tener solo 20 píxeles de ancho porque el rectángulo es de 20 píxeles, y esa mucama alineando todo más adelante más fácil. Pero empecemos aquí. Tenemos el único copo de nieve moviéndose por la pantalla. Ahora, sabía que este rectángulo va a producir la forma que necesitaba porque empecé con esta capa, copiaré esto en mi comp salsa para poder ver qué le estaba haciendo el efecto a ese rectángulo único. Déjame simplemente apagar la nevada por ahora, y pegaré esa capa que copié ahí mismo. Ahí está escribir aquí. Esto es lo que me dijo que un rectángulo de 20 píxeles era suficiente para llenar una sección de este punto, por lo que las dos mitades del uno tejen, y lo hice diez píxeles de alto, por lo que sólo llenó una fila. Si cambiara la altura de este rectángulo a 20, entonces va a ocupar más de esos tejidos y no quería eso. Simplemente lo bajé de tamaño. Parece que en realidad eran 18 y ocho. Si amplié esto a 20, todavía
funciona, pero de todos modos, 18 funcionaron bien, así que eso es lo que utilicé. Entonces lo animé. Ves que mi posición tiene estos números rojos. De nuevo, eso significa que hay una expresión aplicada. Si giro esto hacia abajo, desactivaré la expresión y te mostraré cómo se ve sin ella. Simplemente ejecutaré previsualización de esta gran parte de la animación. Ves que como baja de vez en cuando, hay como este estado a medio camino entre medio. Supongo que sólo está pasando arriba en la parte superior. Volvamos a ese punto y se ve como ahí mismo, ahí mismo,
hay un punto medio donde va semitransparente y está retomando dos de estas secciones a la vez. Para entender lo que está pasando, déjame subir a mi textura de punto y
desactivaré el desplazamiento turbulento y la urdimbre de onda, para que podamos ver solo la acción de grito. Lo que está pasando es que esta capa de copo de nieve está apareciendo justo en medio de esta sección de rejilla derecha escuchar. El efecto está mezclando parte de ella en esta fila y parte de ella hacia abajo en esta fila. Si apago el efecto y escondo mis contornos presionando Comando Shift H, verás que incluso After Effects está mezclando estos bordes. Esto se llama antialiasing y es una forma de hacer que los gráficos se vean más suaves cuando se trata de entre valores de píxel. Lo que hace la expresión es redondear los valores de píxel de la posición a números enteros. En este momento la posición y es de 24.3 píxeles, pero si habilito mi expresión, redondea al número de agujero más cercano. Ya ves que esos bordes blandos ya se han ido. Eso es cierto para toda la animación ahora. No importa cómo anime esto, los valores siempre se redondearán al píxel entero más cercano. Eso puede resolver muchos problemas si te encuentras con ese anti-aliasing en medio, eso a veces puede suceder con este efecto. Por eso lo estoy señalando. Ahora es un poco más complejo de entender, pero déjame simplemente guiarte a través de ella. Yo me lo quitaré. Tenemos que empezar por entender que un valor de posición por defecto, no
es un solo número. Tiene dos valores en la misma propiedad o si se trata de una capa 3D, tendrá tres. Al escribir una expresión para ello, no
podemos simplemente llegar a un solo valor. Tenemos dos tienen un valor por cada una de estas propiedades. Voy a agregar mi expresión sosteniendo Option o Alt en un PC y haciendo clic en el cronómetro. El modo en que escribiste una matriz es escribiendo entre corchetes abiertos, un valor, una coma, el segundo valor, y luego un corchetes de cierre. A esto se le llama matriz. Lo que hay en este primer valor es lo que se
enchufará al primer valor de la propiedad de posición. Entonces el segundo se aplicará en un segundo. Esta es la x y esta es la y. si dije 100, 200, y hago clic, ahora mi valor de posición es 100 en la x y 200 en la y. lugar de hacer eso, en
lugar de hacer eso,
necesitamos escribir una expresión que redondee sea cual sea el valor en el que se encuentre actualmente la posición. Vamos a editar de nuevo esta expresión. En lugar de 100, vamos a escribir mayúscula math.Round, abrir paréntesis, y luego voy a agarrar el látigo de pick y seleccionar el valor x de la posición, y eso llenará automáticamente el código para eso, y luego poner un paréntesis de cierre. El expresión está diciendo alrededor del valor del valor de la posición x, que está representado por un cero aquí. X es cero, y es uno. Ahora hagamos lo mismo para el y. en lugar de 200, diremos Math.Round,
abra paréntesis, luego haga clic en el látigo de pick y seleccione el valor y, a continuación, cerrando paréntesis. Entonces puedo hacer click apagado. Ahí lo tienes. Ahora mi expresión está escrita y los valores se redondean. Una vez que tenga eso funcionando, podría volver a encender mi efecto. Precomponí esta capa, que es lo que me trajo a este comp. Entonces tuve este solo copo de nieve cayendo. Entonces duplicé ese solo copo de nieve 60 veces para que llenara todo el ancho de la comp. Entonces compensé cada una de estas capas un poco en el tiempo. Fue bastante completamente aleatorio. Acabo de duplicar la capa 60 veces y luego cambié todos estos alrededor hasta que la nevada parecía bastante aleatoria. Si corrí previsualizar esto, ves esto es sólo una fila que cae al suelo. Nuevamente, lo alineo con la base de estos árboles. Una vez que tenía todas esas dispuestas, me precompacté de nuevo, y luego en mi comp fuente, duplicé ese precomp un montón de veces. Si solo todas mis capas de nieve y la vista previa de ram, lo que hice para llegar a este punto fue compensado cada uno de estos duplicados por unos fotogramas. Si recuerdo bien, eran cinco cuadros a la vez. Pero la forma en que conseguí que se hiciera un bucle sin problemas fue mediante el uso de la reasignación de tiempo. Permítanme simplemente duplicar uno de estos. Apagaré todas las demás capas y luego
abriré el remapeo de tiempo y lo eliminaré. Nos queda sólo con el precomp único donde cae una vez la fila de copos de nieve. Ahora, quería que esto pasara para siempre. lo que hice se hizo clic derecho, se fue a tiempo, y luego habilitar el remapeo de tiempo. Lo que esto hace es agregar el fotograma clave en el primer fotograma y el último fotograma de ese comp y extiende la capa hacia fuera para abejar toda la longitud de la competencia en. Eso es todo. Pero ahora puedo jugar con este tiempo. Si extendo esto, tomará más tiempo. Si lo traigo, será más corto. No quería meterme con la velocidad de la nevada. En cambio, quería que se bucle una vez que llegara a este punto. Añadí otra expresión muy simple sosteniendo Option o Alt y haciendo clic en ese cronómetro y escribiendo loop capital OUT para loop out, luego abrir paréntesis y cerrar paréntesis. Ahora, una vez que llega a ese segundo fotograma clave, automáticamente salta de nuevo al primer fotograma y luego bucles. Hará eso para siempre. Una vez tuve ese bucle, lo duplicé, lo
compensé por cinco fotogramas, lo duplicé de nuevo, compensé cinco fotogramas más, y así sucesivamente hasta que tuve suficiente de estas capas para llenar ese bucle de nueve fotogramas. Entonces una vez que tuve suficiente de las capas, simplemente las respaldé todas hasta que el último fotograma de la primera capa estaba al principio de mi comp. De esa manera yo nuevo el bucle sería 100 por ciento transparente, y eso terminó luciendo así. Como dije, en realidad no es tan complejo. Es solo mucho estratificación, compensación en el tiempo, pero todo está basado en esa sola comp de copo de nieve. Si fuera a entrar en ese precomp y ajustar la flexibilización para que empiece rápido y termine lento, eso afectaría toda la animación nevada y ves ahora mi patrón luce completamente diferente. Empezando rápido, y luego desacelerando en la parte inferior, contraposición a empezar lento, y poco a poco ganando velocidad. Si me quité la flexibilización por completo, entonces la animación será una velocidad consistente. Yo quería que fuera un poco más dinámico, así que por eso lo alivié. Entonces una vez que combinas eso con el efecto, porque tenemos aplicada esa expresión de posición de redondeo, la nevada está representada por un punto entero para cada copo de nieve sin ninguna de esas posiciones intermedias. Así es como animé por la nieve. Espero que esto te haya sido útil. Muchas gracias por la retroalimentación. Siempre me interesa lo que te interesa aprender. Gracias por hablar y seguir el gran trabajo.
8. Exportar una imagen fija: Si quieres exportar tu diseño como un solo marco, todo lo que tienes que hacer es llegar a Composición, guardar marco como archivo. Eso agregará cualquier fotograma en el que estés en tu línea de tiempo a tu cola de render. Es así como exportamos las cosas fuera de After Effects. Si necesita exportar una animación, simplemente iría
a la composición,
agregaría a la cola de render. Si necesitas instrucciones sobre cómo hacer un regalo, revisa mi otra clase,
comprimiendo regalos como un jefe, comprimiendo regalos como un jefe, donde te expliqué mis tres mejores formas de comprimir regalos después de animar en After Effects. Tenemos un fotograma fijo configurado en nuestra cola de render, y por defecto va a salir como PNG. Yo quiero cambiar esto a un JPEG. Por lo que voy a dar click en este texto azul. Bajo la configuración de mi módulo de salida, voy a ir al formato y cambiarlo de secuencia PNG a secuencia JPEG. Entonces voy a venir a mis opciones de formato y bajaré la calidad a cinco. Puedes jugar con este ajuste para equilibrar la calidad con el tamaño del archivo. Entonces le pegaré a Ok, y presionaré Ok una vez más, y luego por aquí, ya viste la Salida 2 y un poco más de texto azul. Si hago clic en eso, puedo decirle a After Effects dónde exportar el marco. Ahora bien, no necesito este código de tiempo, así que solo voy a seguir adelante y deshacerme de eso, y lo exportaré a mi escritorio, y luego haga clic en Guardar. Ahora esto está listo para exportar. Por lo que voy a dar click en Render. After Effects renderizará ese solo fotograma, y aquí está en mi escritorio. Eso es todo lo que tienes que hacer para exportar tu marco.
9. ¡Gracias!: Está bien, eso es todo. Muchas gracias por tomar esta clase. Ahora que ya sabes construir este efecto,
puedes empezar a hacer diseños de suéter navideño de suma. Me encantaría ver tu trabajo, así que asegúrate de publicar tus proyectos de clase, y si los publicas en redes sociales, asegúrate de etiquetarme @JAKEINMOTION. Como siempre, si tienes alguna pregunta o quieres algún comentario, solo avísame en tu proyecto de clase o hazme una pregunta en la página de la comunidad. Me encantaría que me dejaras revisar para esta clase. Gracias de nuevo por tomar esta clase, y te veré la próxima vez.
Jake Bartlett, Motion Designer
