Transcripciones
1. Introducción: Hola, ahí. Mi nombre es Kayla [inaudible], y soy ilustradora e información de diseño de Londres, Inglaterra. He estado diseñando ahora desde hace más de tres años, trabajando en guiones y conceptos hasta diseñar activos y consultando sobre animaciones finales. Trabajar con animadores ha sido realmente útil para mi carrera de ilustración, y recogí algunos trucos en el camino, ayudándome a llevar movimiento a mi portafolio de trabajo. Cada vez más clientes buscan ilustradores con el conocimiento del movimiento, ya sea publicidad, merch, apps,
o libros infantiles, todo el mundo quiere imagen en movimiento. Si un cliente llega a tu sitio web o redes
sociales y ya ve que tienes ese conjunto de habilidades extra, vas a llevarte muchas más cajas para ellos. Si la ilustración es un hobby para ti, eso es genial. Vas a divertirte muchísimo animando tus ilustraciones. Sé que puede ser difícil pasar de la ilustración a la animación. A veces los procesos parecen mucho más desalentadores y más desafiantes de entender. Da mucho menos miedo cuando tienes a alguien que lo rompa por ti, que te sostenga un poco la mano, y también es mucho más divertido. El efecto warp de onda es una herramienta tan versátil que las posibilidades de usar en tus ilustraciones producirán resultados salvajemente diferentes, todos perfectamente removibles para lograr tu look deseado. Lo mejor de ello, sin fotogramas clave. A través de esta clase, te enseñaré paso a paso cómo crear una ilustración en capas listas para la animación. Entonces te enseñaré a aplicar la urdimbre de onda a partes de tu ilustración. Esta clase es para cualquier persona que quiera empezar a animar sus ilustraciones, ya sea por diversión o por trabajo,
o para cualquier persona que solo quiera saber un poco más sobre el efecto warp de onda en After Effects. Necesitarás Procreate para ilustrar tu diseño, o si prefieres Photoshop o Illustrator, siempre y cuando puedas ilustrar en capas, es perfecto para esta clase. También necesitarás el Adobe Suite, ya que lo usaremos para animación, como After Effects, Media Encoder y Photoshop. Al final de la clase, exportarás tu animación como mp4 y GIF, lista para subirla para agregar esas imágenes en movimiento importantísimas a tu portafolio y a tus redes sociales. Si estás listo, empecemos.
2. El proyecto: Muchas gracias por acompañarme en esta clase. Nos vamos a divertir tanto animando nuestras ilustraciones. Tu tarea para hoy es compartir tu GIF animado que haces conmigo en la galería de proyectos. Juntos, vamos a pasar por todo lo que necesites para animar tu ilustración usando el efecto warp de onda. Te llevaré a través de mi proceso creativo. Estamos haciendo un personaje ilustrado para la animación, y mostrarte cómo llevo esto a After Effects para animar. Entonces te mostraré exactamente cómo exportar en menos de una noche, y subir tu GIF a Skillshare. Todo lo que necesitas hacer es seguir adelante. Completar esta tarea no sólo te dará GIF, sino también un MP4 que puedes compartir bastante felizmente en tus redes sociales, y conseguir que toda imagen en movimiento importante a clientes basados en chat-based. Realmente recomiendo seguir junto con todo el proceso desde quedar
atascado en el boceto hasta completar tu animación final, para que puedas entender completamente los procesos. Es realmente, realmente gratificante ver cómo tus propias creaciones cobran vida. No obstante, si no te gusta dibujar en este momento, he proporcionado todos mis archivos en la carpeta de recursos, por lo que incluso podrías usarlos. En cambio, si quieres quedarte atascado en esa animación, o si solo quieres usarlos como referencia para tus propios proyectos. No sólo subir a la galería de proyectos da a muchos estudiantes algunos incentivos para hacerlo ellos mismos. Pero me encanta ver a los estudiantes trabajando ahí. Realmente me da la oportunidad de abordar cualquier reto que afrontes, y solo dar retroalimentación general sobre tu trabajo. También me deja saber lo que te encantó la clase y lo que puedo hacer en mi próxima clase para ayudarte. Como incentivo extra, me gusta publicar muchos de mis proyectos en mi Instagram personal y compartirlos con el mundo, y decir que puedes conseguir alguna exposición extra de esa manera. Entonces si estás listo para empezar a hacer ese GIF y MP4, vamos a explorar primero el warp de onda, así que abrimos After Effects.
3. El efecto Wave Warp (deformación de onda): Bienvenidos a la primera lección de nuestra clase. En esta lección, vamos a estar explorando el Efecto Wave Warp en After Effects. Vamos a sumergirnos justo en. Ahora, voy a estar mostrándote cómo configurar un proyecto y tener una nueva interfaz en esta lección. Si ya sabes cómo hacer eso, solo salta al código de tiempo en la pantalla ahora. Si no, quédate conmigo voy a
pasar por todo lo que necesitamos para empezar con el Wave Warp hoy. Demos click en Nuevo Proyecto, y aquí verás la interfaz After Effects. Tenemos unas cuantas ventanas útiles abiertas. Contamos con el panel de proyectos donde entrarán nuestros archivos importados. Nuestro efecto controla dónde vamos a estar controlando la forma Warp hoy. Aquí hay una composición pero aún no tenemos una, pero vamos a hacer una en un momento. Este lado tenemos nuestras bibliotecas lo cual es realmente útil y nuestros efectos en presets donde vamos a buscar la herramienta Wave Warp. También tenemos nuestra línea de tiempo en la parte inferior aquí. No te pierdas eso, muy importante. Vamos a crear nuestra nueva composición. Puedes hacer click aquí o puedes presionar el comando N y se abrirá nuestra configuración de composición. Voy a llamarlo prueba, porque sólo estamos probando el Wave Warp, y hoy vamos a querer un preset personalizado. Simplemente desbloquea la relación de aspecto de bloqueo y solo coloca 1080 por 1080, tamaño
perfecto para Instagram en nuestras carteras, y luego selecciona píxeles cuadrados. Vamos a necesitar 24 fotogramas por segundo resolución completos y vamos a ver 10 segundos. Si tecleamos 1,000 ahí dentro va a subir como 10 segundos. Puedes elegir un color de fondo para tu composición. Realmente no importa qué color sea, solo hazlo bonito. Elegí por mis morados aquí en la biblioteca con el cuentagotas de ojos. Vamos a dar click Ok, y nuestra nueva composición vendrá aquí. Ahora, hoy vamos a dibujar dos formas. Voy a dar click en el pequeño rectángulo aquí, voy a seleccionar primero la elipse. Seleccionemos nuestra elipse. Por el momento, no cualquier color útil. Hagámoslo bonito y brillante y vamos a renombrar esa capa. Presionemos Intro y tecleemos una elipse y luego voy a seleccionar V y hacer clic lejos de esa capa. El motivo por el que hago clic de distancia es porque no quiero que este rectángulo esté en la misma capa. De lo contrario, se va a ver afectado por las mismas cosas. A pesar de que eso es lo que estamos haciendo hoy en esta prueba, vamos a separarla, es una buena práctica. Hagamos ese rosa y ahí tenemos nuestras dos formas. Ahora, si miramos en nuestros efectos en panel de presets por aquí y empezamos a escribir onda, verás que Wave Warp aparece bajo distorsión y es el número 16. Arrastremos nuestra Wave Warp a nuestra elipse aquí. Ya veremos que esa elipse ha empezado a verse afectada por ella. Sólo voy a arrastrar mi área de trabajo hasta cuatro segundos y jugar eso y veremos que la Wave Warp lo afecta ahí. Ahora, vamos a copiar nuestro efecto sobre. Podemos ir a editar y copiar con enlaces de
propiedad y dar click en nuestro rectángulo y luego mandar V, y nuestro Wave Warp surgirá y será controlado por cualquier cosa que hagamos a la elipse. Veremos que tendrán exactamente el mismo efecto en ellos. El Wave Warp viene con uno de mis tipos de onda favoritos que es la onda sinusoidal. El motivo por el que tanto me encanta esta ola es porque es tan ajustable y solo puedes aplicarla a todo. Naturalmente en la vida, todo viene en arco. Tiene estas hermosas olas y todo solo hace que todo parezca sobrenatural. No sobrenatural pero muy natural. Digamos, puedo ajustar la altura aquí y el ancho aquí arrastrando o puedo empezar a escribir. Podemos tener una bonita amplia y se puede ver que ya esta elipse está empezando a parecer alguna criatura que es realmente divertida. Aquí en dirección, definitivamente podemos ver la dirección de la ola aquí. lo que realmente me gusta este perilla direccional que tenemos que podemos cambiar, en este momento está apuntando de izquierda a derecha y podemos ver que nuestra onda también se está moviendo de esa manera. Podemos hacer que vaya de derecha a izquierda. Podemos hacer que vaya de arriba a abajo. Ahora de arriba a abajo es realmente agradable porque en realidad si reducimos eso hacia abajo, conseguimos esta sensación acuosa en nuestra elipse, que es perfecta para la reflexión por la luna o el sol sobre el agua. Hace una hermosa puesta de sol y literalmente tardó tres segundos en hacer, lo cual es impresionante. Por eso me encanta la onda sinusoidal. Recuerda siempre puedes escribir si quieres cambiar de dirección también. A continuación en nuestro menú desplegable de tipo onda tenemos la plaza. El cuadrado es interesante. Es de aspecto bastante mecánico. Supongo que me imagino ordenar estilo robot punk de vapor. Ahora, las cosas se ponen realmente funky cuando empezamos a juguetear con la altura. Como se puede ver, las formas comienzan a desmoronarse y se cruzan de maneras interesantes. Nuevamente, puedes ajustar el ancho de esos. Volvamos a ponerlo de nuevo a un nivel ligeramente normal. Cambiemos de dirección. Vamos arriba y abajo. Lo que es genial es que también puedes ir diagonalmente y solo creo que eso se ve un poco de señal de peligro o una pegatina en algo. Nuevamente, podría ser útil, ¿quién sabe? Reiniciemos y miremos el triángulo ahora, o el Bart Simpson como me gusta llamarlo. Nuevamente, podemos restablecer esos. Podemos cambiar la dirección. Aquí se puede ver que la elipse no está manejando muy bien ésta. Se va un poco torcido, pero los rectángulos todavía se ven geniales. Algunas formas funcionan mejor con estos efectos que otras. Eso se restablece de nuevo, y pasemos al diente de sierra. El diente de sierra es interesante. Obviamente parece dientes, por lo que es bastante útil. Si como yo, eres ilustrador de personajes. Pero cuando se pone realmente interesante es cuando se empieza a cambiar la velocidad de la onda. Ahora la velocidad de onda es justo el tiempo que tarda en atravesar de un extremo al otro. Hagamos clic ahí hasta cinco y cambia por completo la sensación de la ola, ya no
es cómico, es de pánico. Te puedes imaginar a James Bond estando en una situación bastante preocupante con su rompecabezas. Vamos a restablecer esa. A continuación tenemos el círculo. Ahora el círculo, está bien, está bien pero cuando se pone realmente interesante es cuando golpeamos la altura justo arriba. Simplemente creo que esta forma es increíble. Si solo amarramos el rectángulo por un momento, y vamos a presionar R para que subamos la rotación y metamos 90 grados ahí dentro. Pongamos cero aquí, y ahora vamos a conseguir una ola con esa base también, y whoop, no demasiado lejos. Ahora no sólo se ve como hermosos senderos de humo que vienen de abajo. Ahora por el momento, podría parecer que alguien está wafting alrededor de algún incienso o algo así, pero normalmente tendrá fuente bastante estacionaria de humo, y aquí es donde el anclaje y entra muy, muy útil. Ahora el anclaje fijará el efecto o fijará tu forma a un área en particular. Yo quiero, digamos que la fuente del humo sea desde el borde inferior. Ahora bien, si presiono borde inferior, no mucho cambia. Ahora bien, la razón de esto es que el anclaje funciona sobre la base del cuadro limitador. Ahora, con una capa de forma en este momento son caja de límite es el tamaño de esta composición. Ya ves si lo arrastro hacia abajo, empezamos a ver ese efecto de anclaje que yo quería. Ahora tenemos una fuente definitiva de humo aquí. Podemos ajustar esos bits para que sea realmente más ahumado. Sí, eso es lindo. El borde inferior ahí es la fuente de nuestro anclaje, y podemos cambiarlo, el borde derecho. Podemos ver que ahora si lo muevo a lo largo del borde derecho, es pin de ese lado. O si quiero fijarlo a la parte superior, tendremos que moverlo a la parte superior ahí y no tiene el mismo efecto de humo ahora porque se está metiendo en algo. Supongo que podrías tenerlo entrando en la nariz de alguien, pero básicamente todo lo que necesitas saber es que el
anclaje depende del cuadro delimitador y si tienes un jugador de forma, tendrás que crear un cuadro delimitador para eso. Entraré en esto con más detalle en una de nuestras lecciones porque es realmente importante cuando empecemos a usar la ilustración a eso. Vamos por nuestro semicírculo. Ahora, un semicírculo es bastante guay. Podemos hacer muchas cosas fuera de ella, pero lo que realmente me recuerda, si conseguimos un poco de ángulo sobre él así, una bonita diagonal. Esto empieza a parecer como nubes de velocidad que salen de algo. Creo que hay que pagar más velocidad ahí. No esperes, hagámoslo un poco más rápido. Es más lento. Lo pondré dos tan doble velocidad y luego si solo hacemos click de distancia y solo hacemos un poquito de encubrimiento, mezquita
falsa y volvamos a tener fondo en ese bonito morado otra vez. Ahora lo jugamos como si pudiéramos ver esa linda carretera plana se puede imaginar un patinador o un auto realmente rápido que va a exceso de velocidad y está creando esta nube detrás de ella. No estoy seguro de qué está pasando con el rectángulo. A lo mejor encontraríamos un uso para ello en el futuro. Hazme saber, publícala si no puedes encontrar un uso para esta forma. El último que te voy a mostrar es el ruido. Tenemos este borde borroso pasando, que es bastante bonito, me parece un poco una alfombra. Pero cuando se pone realmente interesante es cuando empezamos a jugar con otra vez la altura y el ancho. Esta vez sólo voy a poner la altura a los 43 y luego voy a poner el ancho todo el camino arriba 1,122 muy específico, y luego voy a mover esa pequeña máscara que hicimos y ponerla aquí. Entonces voy a jugar, estoy demasiado rápido ahora mismo, ¿no? Pongámoslo abajo, 0.05 velocidad. Eso es mejor. Ahora para mí, esto podría ser un paisaje de ciudad que estás conduciendo más allá y esto está en la distancia, y es solo un pequeño detalle en la ilustración de relleno, pero ya acabas de tener un paisaje de ciudad con cambiar tres ajustes y sin marcos clave. Lo mejor de Wave Warp, sin marcos clave y que explorará exactamente así. Ahora sí me doy cuenta de que me he perdido dos bits fuera la fase y el anti-aliasing, definitivamente
voy a pasar por estos en una de nuestras lecciones posteriores. Echa un vistazo a eso, echa un vistazo al ruido uncircle y suave también y diviértete con él. Jugar con el Wave Warp de esta manera muy libre me da tantas ideas para ser creativo e ideas para mis ilustraciones, espero que lo haya hecho por ti también. En la siguiente lección, estaremos ilustrando nuestras ideas y llevándolas a la vida usando Procreate. Puedes utilizar otro programa si lo deseas. Si tienes Illustrator o Photos hop es solo que puedes construirlo en capas, podemos animarlo usando After Effects. Te lo mostraré.
4. Ilustra tu idea: En esta lección, vamos a crear un boceto basado en todas esas ideas que se nos ocurrió en la lección anterior. Para este boceto, voy a estar pensando en una ilustración de personajes, puedas hacer eso junto a mí, o puedes ilustrar lo que quieras, siempre y cuando podamos aplicar warp de onda en algún lugar de esa ilustración. Solo recordemos por un momento esas hermosas formas de urdimbre de onda. Ahora sólo quería empezar en esta hermosa forma de elipse. El elipse simplemente se ve tan hermoso con onda sinusoidal en ella. Yo sólo realmente quiero ponerle a usted que la elipse va a ser muy útil en nuestras ilustraciones más adelante. Pensando en mi ilustración, mirando esta encantadora onda sinusoidal, y poniendo un poco el ancho, estaba pensando en cosas disquetes. Las cosas disquetes que amo en la vida suelen pertenecer a los perros; orejas de
perros, colas de perros, perros simplemente haciendo lo que sea, corriendo en el parque, colgando la cabeza por la ventanilla del auto, son mis favoritas. Los perros son mi inspiración hoy, y colgar la cabeza de la ventanilla del auto va a ser el tema. Abramos a Google, y luego podemos teclear nuestra idea. Ahora, usualmente uso Google, o Pinterest, o Instagram, donde sea que obtienes tu inspiración está bien siempre y cuando lo obtengas de unos pocos recursos, y ya un gran perro. Esto tiene la lengua que busco, dando
vueltas con las orejas, buena expresión, y esa es genial también, imagínate eso en mi ilustración, pero solo quiero un poco más flop, y yo solo enamorarse de este tipo. Se ve tan serio, y me lo podía imaginar con unos tonos, y su lengua intercambiando, orejas soplando al viento, súper cool. Yo lo voy a tomar como mi inspiración, así
como estos otros perros. Voy a usar Procreate para empezar a bosquejar eso. Tengo mis referencias W en la pantalla y estoy listo para empezar a bosquejar. Hagamos un nuevo Lienzo. Da click en el pequeño plus aquí, y hagamos nuestro Canvas 1080 por 1080 pixels. Este es el tamaño perfecto para Instagram. Voy a llamar al Canvas Instagram, y tengo mis píxeles por pulgada a 300. Definitivamente no necesitas que sea así de alto. Simplemente puedes hacerlo 72 para pantalla, eso va a ser perfecto. Lo guardo en 300 listo para imprimir por si acaso. Presiona “Crear” cuando estés listo, y eso se te ocurrirá con nuestro Lienzo. Ahora pensando en nuestra lección de warp de onda y pensando en esas ideas que tuvimos, me voy a asegurar que mi animación, así que las secciones que quiero, la lengua, la oreja, cualquier otra cosa que tenga van a ser bastante centrado. Voy a tener mi personaje bastante centrado en la pizarra. Al salir de tu color, tengo este conjunto de colores OB, solo
son mis colores de marca. Si quieres ver cómo me apoderé de esos, pondré ahora el código de tiempo para mi curso anterior, y puedes comprobarlo, y voy a conseguir un lápiz de boceto, solo voy a usar este lápiz Narinder. Pensando en ese concepto de tener la urdimbre de onda en el centro, solo
voy a dibujar una bonita forma floja para mi lengua aquí, y solo va a ser un gran boquito por ahora. Sólo vamos a ir por la forma general y el volumen del personaje aquí, por lo que la forma y el volumen de mi perro. Pensando en la urdimbre de onda, voy a necesitar clavarme la lengua por aquí, así que debajo del hocico, para que tenga una clara sensación de dónde
viene la onda cuando aplique la urdimbre de onda. Sólo algo en lo que pensar cuando salgamos adelante es que voy a necesitar esta pieza de hocico como un poco de tapadera para el final de la lengua. El segundo pedazo de animación en el que estoy pensando es el oído, así que vamos a tener la oreja aleteando. Bonito, y solo le pongo una pequeña marca a los ojos por ahora. Simplemente voy a continuar sobre mi boceto para obtener el volumen general del personaje. Aquí, porque mi personaje es el foco de la ilustración, no
me voy a preocupar por demasiados detalles del auto. Si querías sacar más del fondo en, obviamente haces que el personaje sea mucho más pequeño, pero aquí solo voy a añadir una sugerencia del auto. Añadamos algunas nubes sabias al fondo, y estamos a punto de terminar aquí. Una vez que estés contento con el volumen de tu personaje, puedes empezar a refinar tu boceto. Si bajamos esa capa, y solo agregamos una nueva capa, vamos a hacer esos refinamientos ahora. Cuando digo refinamientos, solo
vas a limpiar un poco el flujo,
tener una buena interacción de tu personaje dentro del marco,
dentro de los objetos, y eso te ayudará a
situar realmente a tu personaje como si realmente están en la escena. Ajusta cualquier línea, cualquier curva, y haz tus refinamientos. Algo que me gusta hacer si no estoy del todo contento con la colocación de mi personaje, es que en realidad puedo usar esta función de distorsión para reposicionar y hacer ajustes como me gusta para que realmente pueda hacerlo encajar. Porque esto sigue en etapa de boceto, de nuevo, realmente no importa si tengo un área realmente rugosa siempre y cuando esté contento con ella. Por lo tanto, haga ajustes utilizando la herramienta C, y la función de distorsión. Ahora, solo voy a cambiar un poco mi diseño y darle a este tipo unas gafas de sol tipo cool porque quiero que este tipo tenga un poco más de una vibra alegre que una vibra juezosa como la referencia original. Vamos a darle unas gafas de sol estilo Retro Aviator de los 80. Muy bien, sólo los últimos pedacitos, y entonces lo que podemos hacer es simplemente comprobar sin esa capa puesta, ver si nos estamos acercando un poco a lo que queremos. Una vez que estés contento con tu etapa de boceto, estamos listos para pasar a la etapa de entintado. Nuevamente, baja la opacidad y agrega una nueva capa, luego seleccionar tu pincel de entintado. Ahora tengo este cepillo de cactus, que me encanta. Lo he hecho a lo largo de los años, lo he
refinado, y todo es una pluma de estudio ajustada, y puedo poner el código de tiempo de mi curso anterior donde hablo de este pincel en detalle. un vistazo si quieres usar el cepillo de cactus,
si no, usa un pincel de entintado de tu elección. Nuevamente, esta no es del todo la etapa final, pero nos estamos acercando. Simplemente realmente haciendo un esfuerzo para hacer mejoras en el flujo de tu diseño. nuevo, lo que creo que es realmente agradable de usar este enfoque de dibujar y redibujar y hacer tus refinamientos a medida que avanza es que a veces te encontrarás con estos pequeños errores y a veces terminarán mejor que lo que tú ya tenía. Como dice el gran Bob Ross, estos pequeños accidentes felices a veces pueden mejorar tu ilustración. Estoy bastante contento con esta etapa. Tenemos el look general y el volumen que voy por, y en la siguiente etapa, vamos a separar las capas y colorearlas . Gran trabajo en tu boceto. Ahora estoy tan emocionado de agregar algo de color a este chico chunkie. Te veré en la siguiente lección.
5. Cómo hacer capas: Ahora hemos dibujado y redibujado nuestro boceto tantas veces como necesitábamos para estar contentos con él. Por fin está listo para colorear y dividirse en esas capas todas importantes para After Effects. Pensando en la animación, vamos a considerar cuáles son nuestras piezas de fondo que son las partes no animadas, y las piezas de primer plano que son las partes animadas y cualquier encubrimiento para esas también. Pensando primero en mi animación de lengua, sé que mi pinning va a estar debajo del hocico aquí del lado izquierdo. Muy importante toda pieza animada en una capa separada, la pieza de hocico será solo un
encubrimiento para encubrir el pinning y hacer que parezca que la lengua viene de la boca. También necesitaremos una capa separada para la oreja la cual también estará fijada a la izquierda, y va a ser una pieza separada. Voy a continuar con la cabeza debajo del auricular por si se mueve una herramienta en animación, nunca
tenemos un descanso en la ilustración. Voy a ir rápidamente con tres capas de fondo: el auto, el cuerpo, y el cielo, y luego entraré en detalle sobre las capas animadas cuando nos metamos en él. Esta es la capa corporal, y solo estoy asegurándome ahora de que mi capa va a estar completa debajo del auricular. De esto estaba hablando antes. Una vez animada la oreja, no
tenemos descansos en la ilustración. Hice lo mismo con el auto y haré lo mismo justo aquí debajo de las gafas de sol también por si solo decido moverlas después. Con esta pieza de hocico, en realidad
vamos a dibujar hasta la esquina de la boca, asegurándonos de que aquí tengamos el detalle de la nariz y las lindas manchas de hocico. Entonces lo que haremos, es utilizar rápidamente esta Herramienta de selección y seleccionaré a mano alzada el área de bozal, luego haga clic en la Herramienta de transformación. Voy a deslizar con tres dedos para copiar y pegar eso. Ahora eso ha hecho una pasta de la pieza que necesitaré vamos a renombrarlo Bozzle, y vamos a esconder esa pieza lista para más adelante. Eso cubrirá nuestra lengua pinchando cuando vengamos a animar. Empecé a crear las gafas de sol con cada parte en su propia capa. Se ve un poco tonto ahora mismo porque está encima de la nariz por el momento, lo cual es muy inusual. Pero eso es porque sé que tengo esta pieza de hocico la cual puedo colocar encima, para que luego lo ocultemos. Decidí hacer mis gafas de sol en su propia cuadrícula porque tuve una gran idea para animar el brillo usando warp de onda más tarde. Sólo voy a marcar por ahora una guía sobre la ilustración. Coloremos eso en. Yo hice eso en una máscara de recorte, así que solo tocas y obtienes la máscara de recorte y eso asegurará que se muestre una nueva capa en esa capa de abajo. Vamos a etiquetarlos y convertirlos en grupo, y luego etiquetarlos también. Te darás cuenta de que etiqueto absolutamente todo. Esto se debe a que una vez que llevemos el archivo a After Effects, también tomará este nombre y vamos a tener que
hablar más adelante mientras estamos animando a nombrar todo. Es muy buena práctica también si eres un Illustrator trabajando con animadores. Entonces etiqueta tus capas. Parece que tenemos todos nuestros bits animados conocidos hechos, estamos listos para pasar a las partes animadas. Simplemente colorearé mi fondo, y mantengamos el palet agradable y sencillo. Voy a empezar con la parte trasera más animada, las nubes. Las nubes van a ser más fáciles de hacer. Todo lo que son es una bonita línea recta al fondo. Podemos tocar y aguantar para enderezarnos. Una vez que aplicemos la onda sinusoidal a esos, van a ser una hermosa nube flotante de fondo. Redujamos un poco más el boceto. Bonito. Mucho mejor. Nos quedan las otras dos piezas animadas. Pasemos ahora a la lengua. Te acuerdas al principio, hablé sobre la importancia de las formas elípticas. Ahora vamos a utilizar ese conocimiento para crear la lengua. Vamos a ponerlo fácil en nosotros mismos soloing la capa de boceto y la capa de lengua. Voy a recrear la lengua como una forma elíptica, en lugar de la forma ondulada que teníamos antes. Si aplicamos la urdimbre de onda a una forma ondulada, no
vamos a obtener el efecto que esperamos. Se va a quedar feo. En realidad te mostraré lo que pasa cuando aplicemos la forma de onda a una forma ondulada en una lección posterior. Así que ten cuidado con eso. Generalmente quieres una forma suave y agradable y luego aplicarle la urdimbre de onda a ella, y se verá increíble cuando animes. Coloremos esa lengua ahora y le daremos un color más oscuro. Espero que puedan ver eso. Entonces también le daremos ese look mojado, un poco de babeo, un poco de babeo. Nombremos eso como Tongue Fill, y vamos a agrupar a todos y etiquetarlo Lengua. Echémoslo con las otras capas. Se ve un poco desordenado ahora mismo, pero vamos a clavar la lengua de este lado izquierdo. Si volvemos el Bozal a casa y creamos una capa de relleno del mismo color que el cuerpo, vamos a cubrir estas piezas antiestéticas. Ya que es del mismo color, pensemos en otra técnica para colorear en. Simplemente apaguemos la capa Color, y pondremos la capa que estamos usando en Multiplicar que simplemente oscurece el color. Simplemente vamos a llenar eso en el uso del Multiply. Es una técnica súper práctica si quieres pegarte a una paleta mínima como yo. Sólo llenemos ese hocico hasta el área en la parte superior y luego ajustemos el relleno. Ajustaremos el umbral ahí solo arrastrando nuestro lápiz. Volvamos a poner esa capa a la normalidad. Deberíamos ver que si volvemos a poner las capas, la lengua está bien cubierta y las gafas se ven correctas. El último pedazo que vamos a hacer es el oído. De nuevo, apagaremos la capa Color para que podamos ver correctamente. Vamos a volver a recrear el oído como una forma elíptica con el volumen general de la oreja presente. Hagamos lo mismo para colorear que hicimos con el hocico. Simplemente usaremos Multiply para que podamos llenar eso. Obviamente con Multiply, oscurece cada capa debajo de ella. Por lo que verá la línea exterior de la cabeza. Pero una vez que lo volvamos a poner a la normalidad, ya no
verás esto. Vamos a unirnos aquí arriba en la parte superior para que se cubra la línea, y luego pondremos el nombre como Ear Fill. Vamos a nombrar los contornos, y podemos agrupar todos juntos como el grupo Oído. Volvamos a poner eso a la normalidad, y ya verás que el titular está encubierto. Podemos simplemente ordenar eso un poco. Eso se ve bien ahora. Volvamos a comprobarlo con todo el resto de las capas y apaguemos el boceto. Eso se ve realmente bien. Creo que voy a pasar un poco de tiempo agregando un poco de brillo, añadiendo algunos toques finales pero no lo haré. Creo que estamos casi listos para animar. Hemos coloreado en todos los lugares correctos, y hemos hecho todo nuestro etiquetado correcto. Estamos listos para importarlo a After Effects. Nos vemos en la siguiente lección.
6. Importar tu diseño: En esta lección, vamos a exportar nuestro archivo desde Procreate e importarlo a After Effects. Si estás usando Photoshop o similar, puedes
saltarte el escenario AirDrop y simplemente guardarlo en un lugar realmente seguro para que After Effects siempre lo encuentre. Entonces solo un par de cosas que quiero mencionar antes seguir adelante es que acabo de finalizar un poco más mi ilustración. También he añadido un poco de brillo y me he asegurado de que todo esté etiquetado por lo que estamos listos y preparados para After Effects. Otra cosa que quería mencionar es que he dejado esta capa de boceto aquí en la parte superior y esto va a ser una referencia para nuestra warp de onda más adelante en After Effects. Esta forma informará las decisiones que tomemos sobre la altura, el ancho y la dirección del efecto warp de onda que aplicamos. Simplemente podemos apagar eso por ahora y ahora lo vamos a importar a After Effects. Lo que queremos hacer es presionar la llave en la parte superior y
queremos compartir la imagen como un archivo de Photoshop. Ese es el PSD, toca eso y luego saldrá tu menú. La forma más fácil de transferir para mí es el AirDrop pero puedes enviar un correo electrónico desde aquí, podrías ahorrar en tu Dropbox, lo que prefieras. Voy a AirDrop, así que voy a dar clic aquí y seleccionar la computadora y saldrá. Entonces solo necesitamos aceptarlo en la computadora. Lo guardo en descargas y luego abriré las descargas en el buscador y será la primera en ahí. Ahora, usualmente tengo una plantilla de carpeta que me gusta usar. En esa plantilla de carpeta tenemos archivos de
proyecto y tenemos todos los programas que alguna vez necesitaríamos. Pongámoslo ahí dentro y anote aún no lo
he nombrado. Llamémoslo Driving Dog y presione “Enter”, y eso está todo guardado. También podemos renombrar nuestra plantilla de fotos y podemos llamarla warp de onda. Genial. Entonces estamos listos para importar eso a After Effects. Podemos importarlo de diferentes maneras. Podemos ir a archivo e importar y archivar o podemos presionar Comando I o mi favorito personal, simplemente
podemos arrastrar desde el buscador. Lo que queremos importar como definitivamente es composición, no metraje. Simplemente me gusta mantener esta composición sin retener sus tamaños sólo porque puede llevar a complicaciones más adelante. Lo mantendré como estilos de capa editables por si acaso necesito
volver a Photoshop. Presionemos “Está bien”. Entonces si hacemos doble clic en esa composición, veremos que todas nuestras capas vienen en bonito, boceto, brillo, oreja y así sucesivamente. Una vez que estemos contentos de que todas nuestras capas hayan entrado bien podemos presionar “Archivo y Guardar” y luego encontrar nuestra carpeta y asegurarnos de que hemos guardado eso todo correctamente ahí dentro. Llamemos a eso llamado Driving Dog animado. Bueno, lo guardaré ahí dentro y eso está todo hecho, estamos listos para empezar a animar. Eso es todo. Sólo recuerda comprobar dos veces todas tus capas siguen ahí, todas
están presentes y correctas,
y para comprobar que lo guardaste en un lugar realmente bueno que After Effects siempre pueda encontrar ese archivo. En la siguiente lección, por fin vamos a aplicar alguna warp de onda a nuestras ilustraciones. Nos vemos ahí.
7. Aplicar el efecto deformación de onda: En esta lección, vamos a aplicar esa urdimbre de onda todo importante a nuestras ilustraciones. Para los propósitos de mi diseño, y solo por simplicidad, voy a usar la urdimbre de onda sinusoidal para hacer que mis perros floppy parts flap. Vamos, y a partir de esto, estamos casi listos para animar, pero tenemos un poco de limpieza que hacer primero. Podemos reducir nuestra área warp a cuatro segundos, que es la cantidad mínima para mp4 en Instagram. Mantendremos nuestro archivo agradable y ligero, pero aún podemos subirlo. Entonces vamos a tomar una instantánea. El motivo por el que tomaremos una instantánea es para que si movemos algo más adelante, podamos mostrar la instantánea y simplemente realinearla. Realmente útil si te preocupa que algo se vaya a mover, solo toma esa instantánea. Ahora vamos a pasar por las capas y echar un vistazo a las que vamos a animar. Cualquier cosa que animemos, siempre
es agradable escoger un color, así que comandemos y seleccionemos los que vamos a animar. Tenemos Nubes, Lengua y Oreja. Cambiemos el color para esos. Hagámoslo bonito y brillante, fucsia. Sí. No voy a animar el fondo, así que puedo apagar eso. No voy a animar el auto ni el cuerpo. Ahora voy a animar la lengua. Lo que es realmente importante, porque te va a estropear más tarde, es apagar este pequeño botón. Este pequeño botón se rasteriza continuamente y puede ser un dolor correcto cuando intentas animar con urdimbre de onda. Basta con dar click ahí y se apagará. Voy a volver a la copia de lengua, así que ten en cuenta conmigo. Las gafas de sol por ahora, no
voy a animar, que podría mostrarte un pequeño truco con eso más adelante. El hocico, no, la oreja, sí y podemos bloquear el brillo y la capa de boceto. Ahora que nuestro servicio de limpieza está hecho, estamos listos. Vamos a empezar con las nubes, porque las nubes son las más fáciles. No vamos a hacer ningún anclaje con este. En Effects & Presets, escribe warp de onda y puedes pulsar “Enter” o arrastrarlo para aplicarlo, y ahí vamos. Si presionamos “Play” junto a la barra espaciadora, verás ahí la deformación de onda. Van a subir el ancho. Tan solo un poco como nubes sabias podrían ser líneas de velocidad con el auto, solo para conseguir esa impresión de movimiento en los fondos. También sólo va a ralentizarlos un poco, que sea un poco más de un draft de país. Sí, eso se ve bien ahora, y estamos listos para pasar a la lengua. Si solo apago los bozales para que podamos ver la lengua correctamente, la lengua está llegando a ser diferente a las nubes porque vamos a querer fijarla debajo del hocico. Por el momento, si aplicamos la urdimbre de onda a la lengua, y la tocamos, verás que no está inmovilizada. Todavía no he aplicado ningún anclaje, y aunque tratara de fijarlo en el borde izquierdo, no va a cambiar nada porque por el momento, ese anclaje está usando toda la composición como en este borde, ya que el delimitador caja. Lo que queremos hacer es reducir el tamaño de esa caja delimitadora a justo alrededor de la lengua, que
pueda comenzar a ver que el anclaje necesita estar aquí. Solo eliminemos esa urdimbre de onda por ahora, y para que la composición alrededor de la lengua sea mucho más pequeña, vamos a necesitar precomponerla. Ahora la razón por la que dije que tenía dos copias de la lengua fue porque quería mostrarte cómo precomponer. Por el momento, esto ya está en una composición con los contornos de la lengua y el relleno de la lengua. No necesitamos precomponer esa si no queremos. Si no tienes ya un grupo desde tu archivo procreate, puedes crear uno en tu sola capa PSD aquí haciendo clic derecho y yendo a Pre-componer. O puedes pulsar “Comando Shift C”, y eso te abrirá una ventana de precomposición. Asegúrate de que tienes marcado Dejar todos los Atributos y luego pulsa “Ok”, y puedes hacer doble clic para abrir eso. Aquí verás la lengua en su propia composición y ahora podemos empezar a ajustar esa composición para que podamos conseguir el anclaje justo en nuestra ilustración. Podemos usar este botón, que se llama región de interés, eso es lo que más me gusta usar, entonces podemos sacar nuestro nuevo cuadro delimitador. Ahora, porque queremos clavar este lado izquierdo. Acerquémonos realmente y solo asegurémonos de que eso esté firmemente en contra de nuestras ilustraciones. Cuando alfilemos, estará realmente firmemente atascado ahí. Entonces si nos alejamos, voy a dejar un poco de espacio a ambos lados de la lengua aquí porque mi onda sinusoidal va a viajar arriba y abajo. Entonces voy a dejar tanto espacio como sea necesario para que eso suceda. Realmente no necesito demasiado al final, pero solo te estoy dando un poco de margen de maniobra ahí. Una vez que estés contento con tu región de interés, puedes ir a “Composición” y Comp de cultivos a Región de Interés. Ahora se le ocurrirá nuestra diminuta composición, que es genial. Volvamos a conducir perro. Nuestra lengua se ha movido. Pero fuimos muy inteligentes al principio y tomamos esa encantadora instantánea, que nos muestra exactamente dónde debería estar nuestra lengua. Solo presionemos “B” y pinchemos en la “Lengua”, y podemos empezar a arrastrar eso a su lugar. Ya casi estamos ahí, se ve realmente bien. Sí. Ahora, cuando aplicamos la urdimbre de onda y la fijamos a ese borde izquierdo, verás que nuestra urdimbre de onda fluye muy bien desde ese borde izquierdo donde está firmemente anclada. Entonces podemos empezar a ajustar la altura y el ancho según sea necesario. Ahora, esta es la razón por la que guardé aquí mi encantadora capa de boceto, ver si la desbloqueo y le echo un vistazo, realidad
puedo solo esa capa para poder ver la onda original, y si la
deshago solo, quiero replicar esta moción. Volvamos a la lengua y vamos a subir un poco la altura de la onda. Probablemente un poco demasiado en realidad, pero queremos mucho más ancho, así que volvamos hacia arriba, y vamos a revisar el boceto. Sí, en realidad podemos mover eso a lo largo para
ver e intentar igualarlo a la posición de la lengua, y solo hagamos que la altura sea un toque más grande, y el ancho un poco más grande. Va a cambiar un poco la dirección para que coincida con nuestra lengua aquí. Lo tenemos firmemente anclado a ese borde izquierdo. Vamos a jugar con la barra espaciadora, y eso está empezando a lucir genial. Volvamos a poner el músculo por encima de la parte superior, y está bellamente oculto. Podrían notar que tengo un poco de error viniendo justo aquí. Ahora bien, puedo arreglar esto muy fácilmente. Podría suceder porque no siempre se puede predecir estas cosas cuando se ilustra primero su foto. Simplemente puedes presionar “Comando E” y eso te abrirá Photoshop. Entonces lo que puedes hacer es editar directamente este archivo y luego puedes encubrir ese pequeño error. Ahora, es realmente importante que no agregues capas ni
quites ninguna capa porque eso estropeará por completo tu archivo de secuelas. Simplemente haz la edición a las capas existentes y estarás absolutamente bien. Sé que solo necesito extender este pequeño contorno de hocico. Si selecciono el mismo color y consigo mi pincel, solo
puedo pulir eso un poco. Si pulsas “Command S” o vas a “File Save” y vuelves a “Aftereffects”, solo debería actualizarse ahí y ojalá encubrirlo, y para arreglarlo un poco más, solo va a mover ligeramente esa lengua hacia abajo. Ahí vamos. Nadie lo sabría nunca, pero ya has cometido ese error antes. El último pedazo de animación que voy a hacer en esta ilustración es al oído aquí. Ahora, veremos que ya está en una composición con nuestro Ear Fill y nuestro Esquema de Oído, y al igual que la lengua, lo
vamos a fijar en el área determinada. Ahora, si miro esto y lo precompongo, va a ver ese borde izquierdo donde quiero fijarlo como toda esta sección aquí, y realmente no quería que eso lo afectara. Yo quiero rotar esta ilustración que
podamos trabajar con ella horizontalmente y será mucho más fácil de anclar. En realidad precompondré este grupo, “Comando Shift C” y lo llamaré Ear Comp 2, bien. Abramos el Ear Comp. Para conseguir esa horizontal, vamos a dar click en la “Oreja” y vamos a rotarla. Pero si lo giro ahora mismo, va a girar alrededor de ese punto central. Tenemos que mover ese punto de anclaje a la mitad de la oreja, y eso sólo hará que sea mucho más fácil trabajar con él. Entonces vamos a arrastrar eso y rotarlo hasta que estemos más o menos horizontales, y hagamos una nota de este número menos 25. Tendríamos que rotarlo por la espalda contraria en nuestros archivos de perro conductor. Recuerda, menos 25. Una vez que lo tengamos bonito y horizontal, vamos a recortarlo a la región de interés. Bien, y asegúrate de que seamos amables y cercanos. En realidad voy a cortar un poco de esa naranja, y luego recortamos la Comp a la Región de Interés, y volvemos a nuestro archivo “Driving Dog”. Ahora, recuerda ese factor de rotación. Estábamos menos 25 y los últimos necesitamos ser más 25 aquí. Volvamos a ponerlo de nuevo en posición. Recuerda que tenemos esa instantánea que solo revisar, y eso se ve genial. Apliquemos la urdimbre de onda a la oreja, y hagamos nuestros ajustes a la onda. Llevemos esto hasta 15, como la lengua, y subamos el ancho de la onda. Ahora, debido a que la oreja es un poco diferente, material más
grueso que la lengua, voy a darle un poco más de ancho ahí dentro. Lo más importante, vamos a fijarlo a ese borde izquierdo. Mucho mejor. Ahora, esto se ve realmente genial. Podría hacer ajustes aquí. Si no quería que estuviera en un viaje tan campestre, pude notar mi velocidad aquí hasta dos, va a ir un poco más rápido. Hagamos lo mismo con la lengua. Ahora va un poco más de un rápido paseo por el país, lo
imaginé en la Ruta 66. No lo olvides, es realmente importante pensar en el tipo de material que estás representando en tu animación. Al igual que la diferencia entre la oreja del perro y la lengua del perro, no fue demasiado. tanto que si tuvieras, digamos, una seda en una línea de lavado, será una onda
muy lenta, muy amplia en comparación con tu bandera en una cancha de golf, sería una ola muy rápida y azotadora. Asegúrate de que puedas hacer ajustes a tu onda sinusoidal hasta que parezca lo que estás tratando de representar. Ahora, sólo tengo un poco más que añadir a mi perro conductor, y voy a duplicar algunos efectos y no puedo esperar para mostrarte qué magia trae esto a tu ilustración.
8. Correcciones: Enhorabuena por usar el Wave Warp. Seguro que tu ilustración ya luce increíble. Pero en esta lección, vamos a ver cómo usar dos efectos para traer aún más variedad a tu Wave Warp. Al mirar el boceto original de la oreja, podemos ver que tiene un poco de una película hacia arriba más que nuestra ilustración actual. Puedo usar otro efecto en la parte superior del Wave Warp, o debería decirlo, debajo del Wave Warp, muy importante, llamado CC Bend It. Otra función de distorsión, CC Bend It, póngalo en el panel Efectos, y nuestro oído desaparecerá. Si solo solemos nuestra oreja haciendo clic en el botón “Solo”, verás que tenemos un arranque el cual podemos ponerlo al inicio de la oreja, y solo podemos reposicionar eso un poco, y tenemos un final que podemos posicionar al final de la oído. Ahora, tenemos tono tras efectos para el principio y el final donde está nuestra ilustración. Ahora, podemos usar el Bend It para doblarlo de cualquier manera. Podemos agacharlo o podemos arreglarlo. De nuevo, se va a sentar dentro de esa caja limitadora. Si necesitas hacer ajustes a la composición, puedes. No voy a hacerlo porque creo que esto es suficiente de una curva para mí, y está en solitario. Ahora, tenemos el Bend It haciéndolo ir un poco más alto. Voy a bajarlo un poco. Sí. Simplemente haciéndolo un poco más alegre. Podemos usar CC Bend It de esa manera. Eso voy a ahorrar ahora porque estoy muy contento con la animación. Te voy a mostrar otro ejemplo doblado. Aquí te presentamos otra ilustración de un esquiador 80 muy orgulloso. Te dije que me encantan las cosas de los 80. Va a tener este glorioso cabello largo que fluye. Ahora, en lugar de una elipse esta vez, he convertido el cabello en esta forma de huevo roto. Esto es porque quiero esos detalles ahí dentro, así que quiero esas ranuras. Si lo deshago en solitario ahora, y ya he aplicado mis primeros efectos Wave Warp, puede ver, al igual que una bonita bandera, está ondeando en la brisa. Pero como es pelo, es un poco más orgánico que eso, podemos duplicarnos para que se vea más natural. Podemos Comandar D o duplicar ese efecto. Hemos añadido otra Wave Warp pero esto es demasiado extremo ahora, lo está haciendo ir por todo el lugar. Lo que podemos hacer es reducir el segundo Wave Warp, hacerlo un poco más tranquilo. Bajémoslo a cinco. Bajemos el ancho, sólo un toque. Ya verás, en lugar de solo la onda original que es bastante normal, estamos consiguiendo un poco más de un efecto en cada uno no todos son parejos. ¿ Cómo podemos enfatizar aún más esto? Aquí es donde realmente entra en juego la fase. Si ponemos el frente hacia arriba, así las olas ahora están fuera de tiempo entre sí, podemos empezar a conseguir ese efecto realmente interesante, más natural al cabello. Ahora, sigue haciendo sólo este glorioso cabello soplando en la brisa, simplemente se ve increíble. Eso son dos formas en que puedes agregar algo más de variedad a tu Wave Warp. El primer modo era agregar un CC Bend It para agregar una curva a tu onda, y la segunda era duplicar el Wave Warp y simplemente cambiar un poco el phasing para obtener un look fluyente más natural. Experimenta con esos y ve cómo te pones. En la siguiente lección, vamos a estar agregando algunos detalles a nuestros jugadores Wave Warp. Nos vemos ahí.
9. Agregar detalles: En esta lección, vamos a estar buscando agregar detalles. Esto lo vamos a hacer usando la herramienta de lápiz y las herramientas de forma en After Effects. Con este tipo, en realidad quiero hacer ajustes
al cabello porque siento que es un poco demasiado puntiagudo, mientras que es bastante redondeado. Ahora, en lugar de volver al archivo original de Procreate, que podemos ver dentro del Hair Comp,
que es éste, esa forma de huevo roto, esa forma de huevo roto, podemos construir una nueva capa dentro de After Effects. No necesariamente tenemos que volver atrás. Lo bueno de construirlo como una capa de forma es que podemos empezar a capas de formas y agregar más detalles de esa manera. Déjame solo mostrarte cómo construir en After Effects. Selecciona la herramienta Pluma, y seleccionaremos el mismo relleno que esta forma. Simplemente presionaremos Alt porque no queremos un golpe rojo brillante, y luego empezaremos a construir. Ahora, es igual que Illustrator si alguna vez lo has usado, tiendo a construir con el método del reloj. Por lo que las 12 horas, las tres, las seis, las
nueve y donde quiera que llegues a un punto, haz un punto. Hacer un punto del punto. Tenemos un punto de anclaje ahí, un punto de anclaje a las 12 en punto y solo hacemos click y arrastramos para sacar las asas. Donde se trata de un punto, haz un punto ligeramente más redondeado y luego lo mismo ahí y esto sólo va a ser un punto afilado. Dale un poco de redondeo a eso. Seis en punto. No te preocupes demasiado por conseguir que sea demasiado preciso ahora mismo, y a las tres en punto. Ahora bien, si sostengo Alt, puedo empezar a ajustar estos mangos para que podamos llenar esa forma. Porque efectivamente, no voy a querer casi la misma forma, sólo
quería esas esquinas redondeadas. Eso ya casi está ahí. Genial. Ahora, si apago esa capa original de Photoshop o Procreate y miro dentro de Skier, ahora
tenemos esos lindos bordes redondeados con exactamente la misma warp de onda que aplicamos antes. Ahora, quiero agregar más detalle y no puedo tenerlos porque tengo esa capa de forma. Simplemente presione V y haga clic lejos de la capa de forma, y vamos a crear otra capa en la parte superior. Esta vez no quiero un relleno. mí me gustaría un trazo, no rojo brillante, sino blancos, y me voy a quedar con 10 píxeles. Ahora voy a hacer rayas en su cabello así que
va a fluir muy bien con la ilustración. En primer lugar, voy a hacer nuestro punto y arrastrarlo hacia fuera y luego tener otro. Vamos a tener una bonita forma de curva para ir con la forma del cabello. Entonces necesitaré solo hacer clic en la capa y luego podremos hacer otra. Si puedo hacer clic en la capa y hagamos un ajuste justo a esa, haga clic en la capa y tengamos otra racha en el centro. Haga clic en la capa. El motivo por el que tienes que hacer clic en la capa en el medio es lo contrario simplemente se unirá a sí misma así, lo cual simplemente no es útil para nadie. Haga clic en la capa, haga sus ajustes y luego tengo rayas completas todas en una sola capa, lo cual va a ser realmente útil. Ahora si vuelvo con mi esquiador, genial, ahora tiene rachas, pero son feas y no están dentro de la forma. Volvamos a la Composición del Cabello. En realidad noté mientras estábamos ahí, que los puntos eran un poco altos así que sólo los arrastremos un poco hacia abajo. Genial. En esa capa, lo que podemos hacer es presionar la T. La T, Preservar Transparencia, mirará la capa de abajo y solo se mostrará en esa capa. Cuando vuelvas a tu Skier, tienes este hermoso detalle todo encerrado dentro de la forma que hiciste. También puedes hacer esto con varias cosas. Se pueden hacer formas. puedes tener diferentes colores Ahípuedes tener diferentes coloresy solo lo aplicará a la misma capa y aplicará esa warp de onda. Puedes empezar a hacer este efecto de máscara de recorte con los detalles y ellos asumirán todas las propiedades que ya te has puesto ahí para que no tengas que duplicar nada. Volvamos a nuestro perro conductor original aquí. El genial de usar la pequeña T como hicimos en el esquiador, para enmascarar en nuestros efectos, podemos hacer eso en nuestras capas de forma también que hemos hecho en Procreate. Si abrimos la Precomp de Gafas de Sol ahí, aquí tenemos los marcos y luego tenemos las lentes. Voy a entrar en el Precomp de Lentes y lo verás en lentes, tenemos un brillo en lentes. Voy a recrear el brillo usando nuestro efecto warp de onda. Simplemente voy a crear una nueva forma, un rectángulo en blanco,
en nuestra capa aquí, y voy a precomponer eso presionando Comando Shift c. Llamaremos a eso Shine Animated. Muy bien, vamos a entrar en esa comp ahora. Podemos añadir el efecto warp de onda. Ahí vamos. Esta vez como dije en nuestra primera lección, vamos a usar el efecto de ruido. Voy a volverme un poco loco con los números aquí y chocar eso todo el camino hasta los 3,000, y luego chocó el ancho hasta los 3,000
también y conseguimos este tipo de forma de línea. Si juego eso a través, se ve un poco loco por el momento. Pero vamos a frenar eso justo. Pongamos en 0.05. Obtenemos este tipo de movimiento estilo autocue ahí dentro. Ahora, si volvemos a la composición anterior, veremos que el efecto pasa por aquí y lo que tenemos que
hacer es rotarlo ligeramente para obtener ese efecto inclinado. Entonces usamos Preservar Transparencia, por lo que sólo se mostrará en esa capa a continuación. Entonces todo lo que tenemos que hacer es tener un poco de violín con donde
está así empieza y termina en el lugar correcto, preferentemente donde no hay nada. Pero entonces cuando tengas tu comp original, puedes ver el efecto de gafas frescas ahí en las gafas de sol para perros. Esta es mi animación completa. Puedes encontrar muchas formas realmente diferentes y creativas de usar la warp de onda y en realidad enmascararlas en secciones de tu ilustración. Así que definitivamente prueba eso. También puedes agregar esos detalles usando la herramienta de lápiz, usando las herramientas de forma, y usar esa función de
transparencia todo importante para enmascararlos en partes de tu ilustración. Ahora que sabes de este tipo de técnica, realidad
puedes factorizar esto en la etapa de diseño para que cuando estés haciendo tus ilustraciones, puedas pensar: “Oh, puedo enmascarar esto más adelante”. Es una técnica realmente, muy útil. Estoy tan contenta de haberte enseñado esto. En la siguiente lección, estaremos viendo diferentes tipos de onda sinusoidal y diferentes tipos de ilustración y cómo he combinado todas estas técnicas a eso. Te veré ahí.
10. Otras formas de usar la deformación de onda: La herramienta de warp de onda es realmente versátil, y sé que solo te he mostrado realmente la onda sinusoidal. En esta lección, vamos a ver cómo he aplicado los diferentes tipos de ondas a diferentes ilustraciones, y cómo he utilizado la combinación de todas las diferentes técnicas de duplicar y agregar detalles en mis ilustraciones. Vamos a sumergirnos. Este, el señor Sharky aquí es nuestro diente de sierra. Se puede ver en los dientes superiores, por ejemplo, en Procreate, acabo de hacer esta blob elíptica y luego la precompuso, luego agregar el tipo de onda de diente de sierra. Lo que es realmente genial es que en realidad podemos duplicar eso y cambiar un poco la fase. Entonces empiezas a tener dientes mucho más viciosos ahí dentro, lo cual es bastante genial. Podemos hacer lo mismo con los dientes inferiores también. Si movemos la cara, y entonces el señor Sharky empieza a parecer mucho más vicioso. Aquí está mi ilustración llamada, fumar sigue siendo fresco. Podemos ver aquí ese efecto de humo que viste en la lección de efecto warp de onda. Todo lo que he hecho es que he añadido dos urdimbre de onda. Se puede ver estas son las urdimbre de onda circular, y agregué la segunda con un poco de fase solo para agregar un poco de interés a las direcciones. No siempre es un rastro similar cuando estás fumando. Esto en realidad ya era un archivo wiggly, por lo que esto vino de Procreate. Obviamente, si agregas una warp de onda a un archivo wiggly, solo
va a verse así, que no es el efecto que estamos tratando de lograr. Lo que hice fue realmente crear esta forma simplemente alargada, elíptica, y luego aplicé la warp de doble onda también para obtener este efecto fresco usando la onda circular. Otro tipo de onda muy útil. El último que te voy a mostrar es el semicírculo. Se puede ver este personaje aquí es uno que he diseñado, pero tengo un amigo muy talentoso, animador que en realidad hace el ciclo de empuje por mí. Acabo de agregar algunos pedacitos extra de warp de onda al final. Se puede ver que aquí hay cargas y cargas de onda sinusoidal, sobre todo los cordones. Tienen una onda sinusoidal realmente rápida sobre la marcha. A menos 5, si nos fijamos en la velocidad de onda para que pase de derecha a izquierda. Entonces en el maestro, también
he añadido un poco de nube de velocidad aquí usando un semicírculo. También, a menos 5, para que coincida con los cordones y la velocidad del personaje. Entonces he añadido una máscara de rectángulo por encima de la parte superior solo para enmascarar el camino, y ahí tenemos este efecto de nube de velocidad muy lindo, que en realidad estaban bien. Cada diseño que crees requerirá un viaje de warp de onda diferente. De verdad te animo a experimentar, probar las cosas, y lo más importante, divertirte con él. Una vez que estés contento con tu animación, estás listo para exportar, y eso es lo que vamos a hacer en la siguiente lección. Nos vemos ahí.
11. Exportar tu animación: Una vez que se hace una experimentación clara y has comprobado tu animación, has corregido en las áreas , has duplicado tus efectos, has agregado tus detalles, y estás súper contento con ello, estás listo para exportación. Vamos a exportar como mp4, y luego vamos a pasar a GIF un poco más tarde. Para exportar como mp4, vamos a ir a Composición y luego Agregar a Adobe Media Encoder Queue. Aquí aparecerá tu archivo en la ventana. Ahora necesitarás seleccionar H.264 en el menú desplegable, y luego tendrás que elegir un buen lugar para guardarlo. Volvamos a nuestra carpeta de escritorio, Exportaciones, y es MP4, así que póngalo en videos, y entregado. Basta con revisar el archivo como mp4 ahí. Presione “Guardar” y luego presione “Play” y Media Encoder hará su magia. Una vez hecho todo eso, revisemos nuestro archivo en la carpeta. Aquí vamos, abre eso usando la barra espaciadora. Sí, se ve bien. Hazlo un poco más pequeño para que sea un poco más representativo. Maravilloso. Tenemos nuestro MP4 listo para subir a Instagram. Simplemente lo tiraré al aire a mi teléfono normalmente, y luego puedo subir eso a Instagram. ve bien. Para guardarlo como GIF, lo que podemos hacer es entonces abrir ese archivo en Photoshop. Si vamos a Abrir con y solo encontramos Photoshop en nuestras aplicaciones, veremos que se abrirá con la línea de tiempo aquí. Si no sabes mucho de la línea de tiempo, tengo otro curso que es animar patrones y texturas usando Photoshop para tus ilustraciones. Para que puedas comprobar eso. Aquí no necesitas saber mucho al respecto, pero siempre es útil tener los conocimientos. Para exportar como GIF, sólo
vamos a Archivo, Exportar, Guardar Para Web, y eso se cargará. Nos tomaremos un momento. llevando a cabo montones de cómputos. Aquí veremos subir nuestro GIF. Lo que es realmente bonito de trabajar con GIFs en Photoshop es que podemos ver el tamaño del archivo. En primer lugar, realmente útil. Por el momento, esto es de 1.8 meg. Idealmente para GIF, lo desearíamos bajo uno. Hay muchas cosas que podemos hacer en Photoshop para reducir el tamaño. Una cosa bonita es que podemos previsualizar en el navegador. Si previsualizamos
eso, surgirá como nuestra imagen. Lo que es realmente bonito es que dice todos los ajustes aquí abajo. Entonces podemos empezar a hacer comparaciones cuando reduzcamos el tamaño del archivo. Ahora una cosa que puedo ver de inmediato es que esto es gigantesco, demasiado grande para mi cartera aquí. Entonces vamos a reducir el tamaño en eso en primer lugar. Bajemos al 60 por ciento, y presionemos “Enter”. Vamos a previsualizar eso. Se movió a la baja a 1022K. Estamos llegando ahí. Ver calidad, solo mucho más suave. Ahora sólo he usado unos seis colores aquí. Por lo que definitivamente puedo reducir la cantidad de colores. Bajemos a 16 y probemos eso. Todavía se ve igual, pero estamos en 700K en su lugar. Se ve prácticamente exactamente igual. Por lo que acabamos de ahorrar 300K con solo cambiar la cantidad de colores que es realmente genial. Aquí puedes elaborar algunos ajustes diferentes. Se puede cambiar el algoritmo de reducción de color. Puedes cambiar el dither si no lo necesitas y eso afectará todo el tamaño de tu archivo. Experimenta con esos, diviértete. De nuevo, me meto más en ello en mi otro curso si sí quieres checar eso. Una vez que estemos contentos, pulsa “Guardar”, y asegúrate de que estamos en el archivo GIF correcto. Deberíamos serlo. Pongamos perro conductor GIF. Sí, genial. Presiona “Guardar”. Entonces podemos consultar nuestro GIF en nuestro expediente. Abre eso. Se ve genial. Ahora hemos exportado como GIF, podemos subirlo a nuestro portafolio y podemos subirlo a nuestra galería de proyectos. Llamemos a eso drivin, voy a poner dawg esta vez para que sea más divertido. Subiremos ese GIF, debería abrirse enseguida. Se tardará un segundo en cargar aquí. Ahora no jugará en tu foto de portada, pero solo selecciona una buena parte de la imagen. Entonces podemos poner un poco sobre nuestro proceso aquí. Agrega más detalles y preguntas si necesitas preguntarme algo. Vamos a poner la imagen ahí dentro. Ahí vamos, ese es nuestro proyecto todo hecho. Todo lo que necesitamos hacer es hacer clic en “Publicar”, y luego eso se sube a la galería de proyectos. Es importante recordar que si entras en exportaciones MP4, lo agrades a tu cola de Encoder de Medios y selecciona “H.264" en el menú desplegable. Después puedes importar esto a Photoshop y usar la función Guardar para Web, y simplemente juguetear con toda tu configuración y realmente obtener el tamaño de GIF que quieras. Una vez que hayas hecho todo eso, no
olvides subir tu GIF a la galería de proyectos. Puedo contestar cualquier pregunta que tengas ahí. Simplemente me encanta ver todos los proyectos. Entonces subirlos. Espero revisar su trabajo.
12. Reflexiones finales: Trabajo increíble ustedes chicos. En esta clase, descubrimos lo increíble que es Wave Warp, y cómo puede dar vida a tus ilustraciones sin absolutamente ningún fotogramas clave. Aprendimos a diseñar una ilustración con el Wave Warp en mente usando las elipsis como forma clave para ayudarnos a animar con el Wave Warp. Aprendimos que podemos duplicar el Wave Warp para crear diferentes capas en nuestra animación, y podemos duplicar los efectos mediante el uso de CC Bender. También aprendimos que podemos crear formas en After Effects usando herramientas de forma de
patrón para recrear nuestras capas ilustradas y agregarles detalles. Apuesto a que solo tienes una increíble ilustración animada para compartir con el mundo, para compartir con tus amigos y familiares, y van a quedar tan impresionados. Si hay algo que espero que te quitas de esta clase, es justo
lo sencillo, lo divertido, lo fácil que es agregar el Wave Warp a tus ilustraciones. Tengo tanto ganas de ver todos tus proyectos y tus subidas. Así que asegúrate de agregarlo a la galería de proyectos. Si lo pones en redes sociales, asegúrate de etiquetarme y lo compartiré con mis historias. También tengo una carpeta de trabajo estudiantil ahí dentro. Así que echa un vistazo a eso para más inspiración. Todo lo mejor con tu viaje de animación. Espero verte en otra clase muy pronto.
Kay Leathers, Illustrator/Designer for Motion Graphics
