Garabateo en Adobe After Effects

1. Introducción: Oye, soy Jake Bartlett y este es Garabateado en After Effects. En esta clase, voy a mostrarte rápida y fácilmente cómo crear este efecto realmente divertido que agrega los garabatos bordes wiggly a lo que sea que lo apliques. Te voy a mostrar paso a paso cómo hacer una configuracion muy inteligente y eficiente para usar este efecto. Para el proyecto de clase, puedes hacer un retrato familiar igual que el mío y agregarle un poco de movimiento con este efecto. Empecemos. Déjame empezar solo mostrándote mi set up dentro de After Effects. Ya he colocado mi obra de arte de la manera que la quiero. Consiguió una composición muy básica recién configurada hasta 800 por 600 píxeles y una velocidad de fotogramas de 24 fotogramas por segundo. Consiguió cuatro capas de ilustrador, una capa de texto, y luego un sólido de fondo. Nada complicado. 2. Con qué vamos a trabajar: El efecto que vamos a estar usando para impulsar este look garabateado es desplazamiento turbulento y quiero que este efecto se aplique a todo. Voy a usar una capa de ajuste para aplicarla. Voy a entrar en Capa, Nueva, Capa de ajuste y luego escribiré turbulenta en mis efectos y presets y aquí vamos Desplazamiento Turbulento y sólo arrastraré eso a la Capa de Ajuste. El efecto desplazamiento turbulento es un efecto de distorsión que te permite generar alguna distorsión aleatoria a lo que sea que lo apliques, y darte una mejor imagen de exactamente lo que está sucediendo. En realidad voy a apagar mi obra de arte por un segundo. Voy a hacer un Nuevo Sólido y añadirle una Cuadrícula. Apagaré la capa de ajuste y voy a hacer esto una cuadrícula cuadrada y tal vez hacer los cuadrados un poco más grandes. De acuerdo, ahora volveré a encender el desplazamiento. Ahora se puede ver claramente lo que está haciendo este efecto. Esta es la rejilla con el desplazamiento turbulento apagado y esto es con ella puesta. Se puede ver cómo se está deformando todo el marco. Si miramos por encima de los controles para el efecto, existen diferentes tipos de desplazamiento que deforman la imagen en diferentes tipos de patrones. Puedes jugar con todos esos, realmente cualquiera de ellos funcionará para el efecto que estamos construyendo. A lo mejor no estos últimos tres aunque, esos son muy específicos y sólo funcionan en cierto eje. Apégate a estos seis primeros y deberías estar bien. Yo sólo voy a dejar el mío en turbulento. Entonces si bajo a la cantidad, puedo dar vuelta cuanto su deformación todo por debajo de él sólo cambiando este valor. Deshacer y luego el tamaño controla lo grande o pequeño que es este mapa de desplazamiento. Si lo vuelvo hacia abajo, ves que todas estas ondulaciones se ponen realmente diminutas. Si lo giro hacia arriba, ahora la deformación está mucho más extendida. Lo que quiero hacer es en realidad bajar esto bastante bajo tal vez en algún lugar entre cinco y 10 y luego usaré la cantidad para básicamente controlar cuánta distorsión está aplicando a las líneas. Voy a volver a subir el tamaño solo un poquito para mostrarte otra parte de este efecto. Hay un valor llamado offset para la turbulencia y es un valor x e y. Si muevo esto por ahí, ves que este pequeño punto de anclaje aparece en el medio. Puedo hacer click y arrastrar esto igual que cualquier otra capa. Ves que a medida que lo muevo hacia arriba, si miras esta línea justo aquí la deformación va con ese punto de anclaje. Este punto de anclaje está controlando el origen de la turbulencia y eso va a ser importante más adelante. Yo sólo voy a volver a ponerlo en el centro del marco. Entonces tenemos la Complejidad del efecto, que si subo esto se puede ver que también se suma en algún detalle más. La mayoría de las veces ni siquiera me meto con eso, pero está ahí si quieres jugar con él. Entonces la última parte de este efecto que deberá conocer es la Evolución. Si hago clic y arrastre esto, verá que cambia el mapa de desplazamiento. Eso va a ser parte esencial de este efecto. Vuelve a bajar a cero, apaga mi grilla. De hecho, sólo voy a eliminar esa capa porque ya no la necesito y volveré a encender mi obra de arte. 3. Crea la animación: Obviamente, el tamaño está lejos demasiado grande para esta obra de arte. Voy a bajar esto a tal vez algo alrededor de las ocho. Voy a acercar, para que veas cómo esto está afectando a la imagen un poco más claramente. El monto también está lejos demasiado alto, así que probablemente bajaré eso en algún lugar alrededor de los 18 y eso se ve mejor. Probablemente estaré jugando con esto en un rato. Pero ahora que tengo esta configuración de efectos en una capa de ajuste, lo que necesito hacer es animar esta evolución de efectos para que obtengamos estos bordes oscilantes en todo lo que se aplica. En primer lugar, voy a cambiar el nombre de esta capa de ajuste desplazamiento turbulento, solo para que sepa lo que estoy mirando, y luego me acercaré a la evolución y en el cuadro cero, establecer un fotograma clave. Después presionaré U en el teclado para que aparezcan todos los fotogramas clave de esa capa, y voy a avanzar cuatro fotogramas. Así que la página abajo en el teclado pasa un fotograma hacia adelante, así que uno, dos, tres, cuatro. Entonces voy a cambiar la evolución a un número aleatorio. No importa en absoluto qué número sea este, solo necesita ser diferente. Entonces voy a ir cuatro fotogramas hacia adelante otra vez, uno, dos, tres, cuatro, volver a cambiar el número, y a medida que deslice esto se puede ver que mi mapa de desplazamiento está cambiando aquí arriba. Eso es lo que buscamos. Es sólo un cambio en el desplazamiento. Entonces volveré a subir cuatro cuadros hacia adelante, uno, dos, tres, cuatro. Entonces iré por la dirección opuesta, uno, dos, tres, cuatro, adelante todo el grupo. Ahora tengo una, dos, tres, cuatro, cinco, distorsiones únicas entre estos marcos clave. Si configuro el punto de salida de mis áreas de trabajo presionando M en el teclado y la revisión de rampa presionando cero en el teclado numérico, se puede ver que mi mapa de desplazamiento se está animando entre estos fotogramas clave. En realidad no quiero ningún cambio entre fotogramas clave, porque quiero que estos bordes garabateados estén sucediendo en momentos específicos sin interpolación entre fotogramas clave. Lo que necesito hacer es seleccionar todos esos fotogramas clave, haga clic derecho e ir a activar y mantener presionado el marco clave. Ahora bien, no habrá animación entre estos fotogramas clave. Se inicia en cero y se queda en cero hasta que es fotograma cuatro, el siguiente fotograma clave, y luego va a 302 grados. Ahora si corrí la vista previa, ya estamos bastante cerca de nuestro efecto final. Volveré a acercarme aquí para que veas una imagen clara de lo que está pasando. Los bordes garabateados se animan de una manera muy entrecortada porque extiendo estos fotogramas clave cada cuatro fotogramas. Por lo que poner estos fotogramas clave espaciados cada cuatro fotogramas por segundo en una composición de 24 fotogramas por segundo es esencialmente hacer que la animación suceda a seis fotogramas por segundo, que es la base completa de este efecto. 4. Bucle de los fotogramas clave: Ahora si alejo mi línea de tiempo y muevo mi área de trabajo hacia adelante, después de esos fotogramas clave, esa animación se detiene. Ahora podría copiar estos fotogramas clave e ir cuatro fotogramas hacia adelante, pegar, seguir adelante otra vez, uno, dos, tres, cuatro pegar. Pero hay una forma mucho más sencilla y eficiente de hacer esto. Voy a retroceder y vamos a sumar una expresión muy sencilla a la evolución. Voy a mantener pulsada la opción o alt en un PC. Haga clic en el “Cronómetro” y luego escriba loop. CAPITAL FUERA PARA FUERA. A continuación, abra y cierre los paréntesis. Voy a dar click fuera de esto. Lo que esto está haciendo es tomar todos estos fotogramas clave luego volver al primero y reproducirlo de nuevo indefinidamente. Ahora, un paso extra que sí necesito dar es copiar y pegar el primer fotograma clave al final de mi secuencia. Voy a copiar este fotograma clave. Asegúrate de que estoy cuatro fotogramas por delante del último fotograma clave valorado diferente, ve uno, dos, tres, cuatro, y luego pega. Ahora bien, esto está en cero, igual que lo es al principio. Tan pronto como el tiempo llegue a este fotograma clave, esta expresión le va a decir que salte de nuevo a este fotograma clave y vuelva a reproducir todo entre esos dos fotogramas clave, y seguirá haciéndolo para siempre. Si extendo esto a tres segundos y previsualización de RAM, se ve que a pesar de que aquí no hay fotogramas clave, los valores siguen cambiando. Ahora una de las razones por las que es muy útil hacerlo de esta manera es porque podría volver a uno de estos fotogramas clave y decir que no me gusta la forma en que se ve la evolución en este fotograma clave o podría cambiar este número y ahora automáticamente actualiza el resto del bucle. También podría disminuir el número de fotogramas entre fotogramas clave aquí. Podría dejar caer todas estas por dos fotogramas. Lo estoy haciendo manteniendo presionada Opción y presionando la tecla de flecha izquierda. Entonces voy a RAM previsualizar y ahora esa animación es mucho más rápida. Ahora me gusta el mío espaciado con cuatro fotogramas entre cada fotograma clave. Voy a deshacer de nuevo a eso. Es así como configuraste todo el efecto. 5. Hazlo con inteligencia: Hay algunos problemas para generar este efecto directamente sobre una capa de ajuste. Si estás haciendo una imagen fija como este retrato familiar, no hay razón por la que no pudieras hacerlo con una capa de ajuste. Pero si agarro, digamos, mi pequeño retrato aquí y me acercaré, cuando haga clic y arrastre esto. Si miras aquí mismo a la línea del cabello, puedes ver que el mapa de desplazamiento de la capa de ajuste se mantiene en su lugar mientras mi ilustración se mueve por debajo de ella. Por lo que el mapa de desplazamiento no se mueve con la obra de arte. Realmente no me gusta la forma en que se ve eso, mata el efecto para mí. Entonces lo que quiero hacer a continuación, es aplicar este efecto a cada capa individualmente. Entonces déjame deshacer, alejar el zoom. Lo que voy a hacer es copiar este efecto de mi capa de ajuste y luego pegarlo en todas las demás capas, asegurándome de volver al primer fotograma, ritmo. Entonces puedo apagar el turbulento, esta capa de ajuste de lugar y ejecutar vista previa. Parece que eso está funcionando. Si acerco aquí en mi obra de arte y agarro esa capa otra vez y la muevo. Ya ves que ahora la distorsión está viajando con la obra de arte. Entonces eso es genial. Eso es exactamente lo que quería. Puedo animar esta obra de arte y los mapas de desplazamiento viajarían con ella. No obstante, si bajo a esta capa de texto y la muevo, se puede ver que el mapa de desplazamiento no se mueve con ella. Ahora la razón por la que esto está sucediendo es porque las capas de textos están por defecto, rasterizadas continuamente, lo que significa que básicamente son vectoriales. No son gráficos ráster. El modo en que se aplican los efectos a las capas rasterizadas continuamente se comporta de manera diferente. Entonces si tuviera que encender la rasterización continua para mis capas ilustradoras y luego moverla. Se puede ver el desplazamiento si se mira esa ceja, se está moviendo. Entonces ya que la rasterización continua es una gran parte de los efectos posteriores, ¿cómo evitamos eso? Bueno, si recuerdas, tenemos un valor de desplazamiento sobre el efecto de desplazamiento turbulento, que está actuando como el origen de ese mapa de desplazamiento. Lo que quiero hacer es vincular este valor al valor de posición del texto. Entonces dondequiera que se mueva el texto, ese punto de anclaje se queda con él. Entonces esto en realidad es muy sencillo de hacer. Entraré en mis Efectos, para esa capa de texto, abre Desplazamiento Turbulento y finalmente el valor Offset. Entonces mantendré pulsada la opción y pincharé en el Offset y escribiré en otra expresión muy sencilla. Voy a escribirlo transform.position y luego hacer clic en off. Ahora lo que esta expresión está diciendo es muy sencillo. Es sólo decir, encontrar la propiedad de posición de los controles de transformación para esta capa y luego poner ese valor en este valor. Entonces si traigo las expresiones para esta capa tocando dos veces a, ahí está la expresión que acabamos de escribir. Después mantendré pulsada la tecla Mayús y presionaré P para que también aparezca el valor de la posición. Ves que la posición y el desplazamiento son exactamente iguales. Si hago clic y lo muevo, el valor de posición cambia y el valor de desplazamiento cambia. Entonces a medida que muevo esto, se puede ver el mapa de desplazamiento se está moviendo con él. Entonces la distorsión no cambia independientemente de dónde esté esta capa, que es exactamente lo que necesitaba. El grandioso de esa expresión es que es relativo a lo que sea que la coloques. Entonces si copio este efecto y lo pego en todas las demás capas, esa expresión ahora hace referencia a cada capa individualmente, no a la propia capa de texto. Entonces si muevo alguna de estas capas alrededor, el mapa de desplazamiento ahora se mueve con él. Tienen que tener cuidado cuando estás copiando y pegando efectos que tengan aplicados fotogramas clave. No estaba prestando atención en mi línea de tiempo fregador estaba aquí cuando pegué. Entonces si presiono U para que aparezcan los fotogramas clave, se puede ver que todos mis fotogramas clave están empezando ahora en el lugar equivocado. Parece que mi capa de texto estaba bien, pero necesito solo asegurarme de que respaldo todos estos hasta el frente. De lo contrario, si todos estos fueran offset, entonces el mapa de desplazamiento no estaría animando al mismo tiempo incrementos para cada capa. Ejecutaré la vista previa solo para mostrarte a lo que me refiero. Se puede ver que la distorsión no está cambiando uniformemente. Por lo que es importante asegurarse de que todos estos fotogramas clave estén sucediendo al mismo tiempo en todas las capas. 6. Qué hacer con el movimiento: Voy a eliminar las capas turbulentas desplazar ya que ya no necesitamos eso. Sólo voy a animar rápidamente estas cuatro capas en. Voy a ir tal vez 12 cuadros hacia adelante. Estableceré un fotograma clave de posición manteniendo presionado Opción y presionando P. También voy a establecer un fotograma clave de rotación manteniendo pulsado “Opción” y presionando R. Ahora, ya no necesito ver los fotogramas clave de efecto, así que voy a mantener presionado el turno y presionar E para ocultar todos los efectos y me queda con justa posición y rotación para esas cuatro capas. Entonces volveré a subir al primer fotograma y voy a girar la cabeza de esta manera y empujar la capa hacia esta esquina. Gira la cabeza de Jamie de esta manera y muévela hacia arriba de esa manera. Gira la cabeza de Pixel, muévala hacia abajo, gira la cabeza de Eliot, y muévelo hacia abajo y hacia fuera. Entonces voy a agarrar mi herramienta de lápiz, a la que se puede llegar presionando G en el teclado y voy a modificar la trayectoria de movimiento de cada una de estas capas para que se curvan a medida que se animan. Voy a hacer clic en cada capa, cambiar a la herramienta de lápiz, y luego cambiar la trayectoria de movimiento. Está bien, así que déjame correr y previsualizar eso. ve bien. Entonces ahora lo que quiero hacer es facilitar los fotogramas clave finales en cada una de esas animaciones. Entonces voy a seleccionar el segundo conjunto de fotogramas clave, luego entrar en el editor de gráficos, presionar F9 en el teclado para facilitar la facilidad, y luego realmente poner en marcha la facilidad en ese manejador de gráfico de velocidad. Entonces correré vista previa. Ahora tengo esta animación muy sencilla. Pero no quiero que todos pasen al mismo tiempo. Por lo que los compensaré cada uno por dos cuadros. Entonces lo voy a hacer manteniendo pulsada Opción o Alt en un PC y presionando Page Down. Eso compensará mi selección de capas y ahora están cada uno dos marcos separados. Extenderé un poco mi área de trabajo y ejecutaré la vista previa y ahora eso está funcionando muy bien, pero hay un problema. Si traigo mis fotogramas clave y me deshago de mi posición y rotación presionando shift P y shift R. Acabo de hacer accidentalmente lo que no quería, que es offset los fotogramas clave del efecto como resultado de la compensación las capas en el tiempo. Por lo que una vez más, mis capas no están animando al desplazamiento turbulento al mismo tiempo. El efecto no está funcionando tan bien como me gustaría. En realidad hay una forma de controlar todas estas capas a la vez desde una sola capa de control. 7. Crea un controlador de efectos: Lo que quiero hacer es agregar un nuevo objeto nulo. Voy a llegar a capa, nuevo, objeto nulo. Un objeto nulo no se renderiza. Solo es visible cuando estás trabajando dentro de arriba después de efectos, no una vez que realmente exportas algo. Está ahí para controlar otras propiedades. La mayoría de las veces está acostumbrado a padres de otros objetos a ella. Se puede animar el objeto nulo en lugar de capas individuales. Pero la forma en que lo voy a usar, es aplicando el desplazamiento turbulento y usando ese efecto para controlar las copias turbulentas desplazan en todas las demás capas. Empezaré simplemente copiando y pegando el efecto de una de mis capas existentes. Tengo pantallas turbulentas en esta capa. Volveré al primer fotograma y lo pegaré en ese nulo. Ahora voy a renombrar este control de garabatos nulos. Voy a moverlo a un lado, sólo para que no se interponga en el camino de mi obra de arte. De hecho, ni siquiera necesito verlo, así que voy a ocultar la visibilidad. Lo que sí necesito ver es el efecto en sí. Voy a presionar E para que suba los efectos y luego gire hacia abajo el desplazamiento turbulento. Ahora la expresión offset que escribimos para las otras capas no se aplica al objeto nulo. Yo me voy a deshacer de eso. Yo quiero mantener los marcos clave de la evolución. Entonces lo que voy a hacer es seleccionar ese efecto, subir a editar y decir copiar con enlaces de propiedad. Ahora creo que esta es una característica que entró en juego en CC 2015. Si estás usando una versión más antigua, te mostraré cómo evitar esto en tan solo un segundo. Pero esta es una forma muy rápida de vincular propiedades entre capas. Voy a dar click en copiar con enlaces de propiedad. Entonces iré a mis otras capas. Elimine todos los efectos manteniendo presionada la tecla Comando Shift E y, a continuación, pegue. Ahora si mantengo pulsado desplazamiento turbulento, notarás que todos los valores son de color rojo. Eso significa que hay una expresión en cada uno de ellos. De qué copia con enlaces de propiedad hizo, se vincula automáticamente todas las propiedades sobre que afectan a lo que la había copiado de. Todos estos valores van a ser exactamente iguales a lo que se establece la capa de control de garabatos. No necesito ninguno de los fotogramas clave en el desplazamiento turbulento para estas capas. Si selecciono todos ellos y presiono U, y luego mantenga presionado Shift y presione P y R para deshacerme de la posición en fotogramas clave de rotación, puedo seleccionar todos estos fotogramas clave que son las pantallas turbulentas evolución, y presionar delete. Yo quiero asegurarme de que los consiga todos. Pero si corrí la vista previa, se ve que ese turbulento desplaza aún animándose porque mi control de garabatos es lo que está impulsando ese efecto de desplazamiento turbulento en todas estas capas de ilustraciones. Si voy a este punto de la animación y subo la cantidad en mi control de garabatos, ves que se está aplicando a todas las demás capas. Eso va para todos los controles dentro de esta capa. Ahora déjame solo mostrarte rápidamente lo que tienes que hacer si no tienes copia con enlaces de propiedad, voy a despegar el turbulento efecto desplazamiento en la capa de texto. Acercaré y luego volveré a aplicar ese efecto sin ninguna de esas expresiones. Entonces giraré hacia abajo pantallas turbulentas para esa capa. Así como para la capa de control. Los valores que realmente necesitas vincular son la cantidad, el tamaño, y la evolución. Podrías vincularlos a todos si quisieras. Pero esos son los tres que más me encuentro cambiando. Para vincular estos juntos, sólo voy a ampliar mi línea de tiempo, así que tengo mucho espacio y voy a venir a las capas de texto, desplazamiento turbulento, mantenga pulsada Opción o Alt en un PC. Haga clic en cantidad, y luego use la expresión pick width. Haga clic y arrastre hacia arriba hasta la cantidad en la capa de control. Haré lo mismo por talla. Sube al tamaño en la capa de control. Entonces la evolución. Ahora esas tres propiedades serán exactamente las mismas que lo que sea la capa de control, pase lo que pase. Pero si muevo mi capa de texto por ahí, se ve que la turbulencia de desplazamiento sigue estropeando. Lo mismo es cierto para estas capas. Eso se debe a que cuando copié con enlaces de propiedad, también copió el offset de mi control de garabatos y se deshizo de la expresión de posición transformada que escribimos. Necesito reescribir rápidamente esa expresión en esta capa. Vendré a la capa de texto, bajaré al offset, mantén pulsada Opción o Alt en un PC y pincho en el cronómetro, y una vez más escribiré en transformada. Posición de punto, click off. Ahora ese mapa de desplazamiento está pegado al texto, pero todo lo demás está basado en la capa de control. Ya que tengo este configurado exactamente de la forma en que lo necesito, copiaré ese efecto, solo una copia normal. Entonces colapsaré todas mis capas y pegaré ese efecto encima de todas las demás capas. Ahora porque ya hay un desplazamiento turbulento y estoy copiando un solo desplazamiento turbulento, va a reemplazar este. Pero solo para estar seguro, voy a quitar todos los efectos manteniendo presionado Comando o Control Shift y luego E y luego pegar. Ahora, todas estas capas están vinculadas al control garabato, excepción de la propiedad offset, que se establece para transformar la posición. Por lo que moviéndolos por ahí, pesar de que estén rasterizados continuamente, moveremos ese mapa de desplazamiento con la capa. Es importante tener en cuenta que si no necesita rasterizar continuamente su capa, no es necesario aplicar esa expresión para que el mapa de desplazamiento se mueva con la capa. Está bien, déjame volver a ver toda mi comp. Lo ampliaré, colapsaré todas mis capas, y sacaré colapsaré todas mis capas, los fotogramas clave para la vista previa de ram de control garabatos. Ahora todo está funcionando exactamente de la manera que yo quería que lo hiciera. Si cambio la duración de los fotogramas clave que se actualiza en todas mis capas independientemente de su posición en la línea de tiempo. Ahora que tengo esto funcionando de manera muy eficiente y no tengo capa de control. Puedo hacer ajustes a cosas como la cantidad incluso mientras es la previsualización de RAM porque estoy usando CC 2015 y podré ver mis ajustes muy rápidamente. Si consigo la cantidad y el tamaño a aproximadamente donde la quiero, puedo acercar al 100 por ciento para ver cómo está afectando al texto. Ve muy claramente cómo está afectando los bordes de mi obra. A lo mejor quiero cambiar un poco el tamaño. A lo mejor bajaré eso a un tres y aumentaré la cantidad a tal vez 20. Aquí es donde puedes jugar con lo pronunciado que quieres que sea el efecto. Debido a que todo está siendo controlado por una sola capa, es muy fácil jugar con. Una vez que estés contento con tu efecto, puedes aplicarlo a cualquier cosa que quieras. Eso es todo lo que hay a este efecto, chicos. Espero que disfrutes de esta clase y no puedo esperar a ver cómo la aplicas a tus propios proyectos, si publicas alguna de tus obras usando este efecto en redes sociales, asegúrate de etiquetarme a mí y a Jacob motion. Me encantaría ver tu trabajo. Como siempre, siéntete libre de hacerme cualquier pregunta relacionada con esta clase en la discusión de Preguntarme Cualquier cosa en la página Comunidad. Me encantaría que me dejaras una crítica y de nuevo muchas gracias por tomar esta clase. Te veré la próxima vez.