Fondos animados en Adobe Character Animator

1. Introducción: Hola por ahí. Yo soy David Miller. Estoy en Phoenix. No había artista y educador multimedia. Quiero darte la bienvenida a este curso corto de habilidad sobre crear un fondo animado usando un animador de personajes dhobi. Adobe Character Animator es un software de animación de captura de movimiento que está relacionado con Adobe after effects. Entonces si tienes secuelas de adobe, tienes animador de personajes de Adobe. Lo llevo usando desde hace algunos años. Es tan divertido, pero hasta hace poco estoy o menos usado para crear personajes animados. Y entonces los fondos son cosas que o fotografié o simplemente dejé a sus propios dispositivos en after effects y premier. Pero hay formas de darle vida a tu fondo, y será animador de personajes que son más o menos únicos para el animador de personajes Dobie. Entonces pensé que sería genial tener un curso que explorara lo que puedes hacer dentro del programa. Otra razón por la que la gente podría querer usar animadores de personajes para animar sus fondos es que el animador de personajes es genial para la transmisión en vivo. Entonces si quieres vivir, transmite a tus personajes y quieres que tengan unfondo fresco, interactivo, fondo fresco, interactivo, entonces animador de personajes es el lugar para hacerlo, no después de efectos, no premier. Lo que necesitarás para esta clase es hasta que el animador de personajes y after effects estaré diseñando mis fondos en Illustrator y luego organizándolos en photoshop. Entonces si tienes ambos programas, te será beneficioso ya que tu proyecto para esta clase es crear tu propio video animado exportación de fondo alojado en video de YouTube como enlace privado y luego publicar eso a la cuota de habilidades página del producto, comencemos. 2. Desiging un fondo en Illustrator: vamos a hacer un fondo bastante simple para nuestro proyecto de animador de personajes. Voy a empezar un ilustrador Si no estás familiarizado con Adobe Illustrator, hay muchas maneras en que puedes hacer fondos. Se pueden utilizar fotografías. Puedes hacer tus propios dibujos y escanearlos en la computadora. Voy a hacer un simple horizonte y los fondos, y esto en realidad es para un proyecto. Estoy colaborando con mi hija y ella quería, como, como, un tipo de tierra dulce de paisaje. Entonces estoy escogiendo colores realmente femeninos y solo usando unos caminos simples van a ilustrar algunos dulces y algunas nubes. Pondremos un hijo ahí atrás para que sea realmente sencillo. Voy a hacer mucha clonación en mi fondo, así que he clonado la nube. Yo le hice algunas transformaciones. Dibujaré unos bastones de caramelo, y solo usaré un simple trazo. Engordar todo lo que dibujo en ilustrador, dibujo en una nueva capa. Entonces utilizo una herramienta llamada Pathfinder para fusionarme. Divide estas piezas para que veas esta estructura vial tienen que ir aquí. Usé una herramienta llamada Pathfinder para dividir el camino por los cerros y luego los desarreglé para poder borrar secciones. Ahora haremos unas piruletas. Estas son formas geométricas realmente simples. Y para la parte inferior del Lollipop Rapper, voy a utilizar la herramienta lápiz para dibujarlo. Cuando hago objetos que tienen más de una sección, tiendo a colorear ciertas secciones ligeramente diferentes. Entonces en el caso de este rapero piruleta, tienes la parte frontal una versión de Rojo. Tienes el fondo del rapero algunas versiones diferentes de rojo, pero voy a clonar un montón de estas piruletas, reposicionarlas, cambiar un poco esta escala. En algunos casos, los voy a poner detrás de la colina para que parezca que están dispersos por todas partes. Y entonces creo que voy a cambiar el color de algunas de estas piruletas porque es demasiado de lo mismo. Siempre que diseñas un fondo, aunque no sea un fondo, ves Ah montón entero en tu show. Ah, deberías tener alguna variedad para crear interés visual. Si todo está clonado y se ve exactamente igual en la misma posición, del mismo color, entonces bien podría ser solo un elemento. En mi opinión, no es tan interesante mirar. Hagamos un hijo. Añadiré distorsión para conseguir un borde puntiaguado. Tenía un resplandor estilizado. Esto probablemente cambiará más adelante cuando mueva esta composición a la tienda de fotos. Ahora voy a cambiar los colores de muchas de estas piruletas. Creo que alternaré los azules y los rojos. 3. Preparar el fondo en Photoshop: En este punto, lo estoy exportando como archivo Photoshopped. Seguiremos adelante y abriremos tienda de fotos. Ahora cuando exportes fuera de illustrator, vas a tener que hacer algo de limpieza de capas. Entonces eso es esencialmente lo que estoy haciendo. Si tenía algo que fuera un grupo en Illustrator, obtiene su propia carpeta y Photoshopped. Pero no quiero que mis capas del dedo del pie se vean así. Entonces estoy renombrando todo, moviéndolos por donde necesitan estar. Voy a encontrar una textura para la calzada. Ladrillos simples harán el truco que voy a utilizar la Herramienta de Transformación y Photoshopped para conseguir las cosas escaladas perspectiva y sesgadas de la manera que creo que sería apropiado para mi camino. Si pasara un poco más de tiempo en esto, podría considerar poner un desenfoque en la mitad trasera del camino a, porque lo que finalmente va a pasar es cualquier cosa que reciba hacia el horizonte debería tener un poco de una ah borrosa, calidad menos definida a la misma. Cambia el pase A en estos ladrillos y lo voy a fusionar hacia abajo. Ahora voy a Teoh Blair el sol un poco más. Siento que no necesita ser una bola de fuego súper bien definida, y este tipo simplemente no tiene sentido para mí. Necesita tener más de un resplandor, más energía a ella. Voy a poner todas mis capas en un archivo de caracteres que es más personaje, igual que harías en tus títeres de animadores de personajes regulares. Eso es porque quiero este dedo del pie. Tener algunos efectos. No quiero que sea sólo un fondo aburrido, estático. Yo quiero tener cosas que se mueven en ella. Yo quiero que las nubes suban y bajen, y quiero poder mover el sol. Entonces voy a dar a esas capas el símbolo más al lado de ellas. Y ahora estoy copiando algunos elementos de primer plano porque me di cuenta de Candy Cane real cerca la cámara, en realidad debería estar frente a mi personaje. Si está justo detrás de ella, se ve un poco raro, y quiero que mi personaje sienta que en realidad son parte del medio ambiente, no sólo una pegatina que va encima del medio ambiente, así que me llevaré una piruleta, un bastón de caramelo. Voy a desenfocar ambos porque se pretende que estén más cerca de la cámara. Uso desenfoque de lentes Para hacer este último paso, voy a usar opciones de mezcla para dar sombra interior a los objetos de mi escena, las nubes y las piruletas en los bastones de caramelo. No tiene sentido dárselo al camino real ni al sol, porque esos no deberían tener una sombra dentro de ellos. Pero voy a manipular el ángulo de la sombra para ser del sol para que el sol esté en la parte superior derecha de lo que debería estar la sombra. En la parte inferior izquierda, puedes crear sombras en el suelo. Si así lo deseas. Todo lo que necesitas hacer es usar la herramienta de pincel y la herramienta de desenfoque. No voy a hacer eso por el bien del tiempo. Tendría sentido en el caso de tener un hijo de fondo que haya sombras en el suelo. Pero voy a renunciar a eso sólo por el bien del tiempo. 4. Fondos como de banners en animadores de personajes: Ahora saltemos a animador de personajes, y esta es una marioneta que co creé con mi hija. Está destinado para su propio canal de YouTube, y voy a crear una composición que es aproximadamente ah, HD normal de tamaño 10 80 por 1920 píxeles va a reducir su títere hacia abajo en ella. Ahora importa mi primer plano y fondo, deja caer el fondo detrás de ella, y voy a cambiar ligeramente la escala para que encaje con visto mucho mejor. Si necesitas panear tu fondo, definitivamente lo conduces con las posiciones ah X e Y. Si tuviste antecedentes de que querías tener un viaje detrás de tu personaje, hay formas de hacerlo. Animador de personajes. Pero la forma más sencilla sería usar Adobe after effects, así que tendré algo así en mi curso avanzado de animador de personajes. Pero por nuestro bien, nos vamos a centrar en sólo tener un fondo interesante para nuestro personaje. Camina por ahora, cuando uso la función de paseo, ella no va a ningún lado. Eso es porque en realidad necesito darle velocidad corporal. La velocidad se establece en cero por defecto, pero si quieres que tu personaje realmente se mueva de lado a lado. Necesitas alterar la velocidad del cuerpo y algo que parezca normal estar alrededor del 50% 75%. Personaje que se mueve al 100% se mueve bastante rápido. Se me cayó mi capa de primer plano encima de mi personaje, así que si camina delante o detrás de estos objetos, se van a quedar y no los va a cubrir. Ahora quiero agregar comportamientos a los elementos de mi fondo, así que me dirijo al modo rig. Destacan las tres cosas que quiero tener un poco de movimiento, y creo que les voy a añadir respirar porque respirar hace que las cosas crezcan y se encojan. Y, ah, ya lo he hecho antes en los elementos de fondo. Es como que me recuerda a una caricatura de 19 años treinta. En este caso, estoy agregando la misma respiración a los tres elementos. Entonces después de haber etiquetado las dos nubes y el sol respira, estoy agregando el comportamiento de la respiración, y voy a ponerlo para que sea, um, no una enorme diferencia de escala. El defecto en la respiración es de 150%. Normalmente corté eso hecho algo así como 110 en el caso de los seres humanos más como 102% diferencia. Pero como se puede ver, las nubes están inhalando y exhalando, muy similar a cómo los objetos inanimados de las 19 viejas caricaturas de los treinta hinchado dentro y fuera han ampliado mi composición un poco más ancha que 1920. Esto es para darle a mi personaje más espacio dedo del pie. Y creo que si quería que Teoh presentara un video en YouTube que era un estándar 1920 por 10 80. Eso no es problema. Simplemente tiro esto en after effects y configuro la composición para que sea 1920 por 10 80 o Adobe Premiere. Puedes alterar los ajustes de secuencia, y recortará los bordes de tu composición final. 5. Detalles de fondo de ciclo: el último elemento que voy a hacer antes de volver al personaje Animator es ir a ilustrador. Voy a agarrar estos pedacitos de pasto que dibujé. Lo que voy a hacer es copiar el camino que dibujé el pasto. Voy a pegarlo en su propia capa y hacer algunas ligeras alteraciones usando la herramienta de curvatura . Entonces mi objetivo con esto es tener un poco de animación en bucle de hierba que sopla en la brisa. Y voy a hacer tres capas. Pero eres bienvenido a recorrer tantas capas como quieras. Si quieres que tu animación luzca más fluida y realista de lo que tendrías más tres capas, podrías tener cinco o 10 capas con incrementos más pequeños que lo que estoy haciendo con la herramienta de curvatura. Entonces ahora que tengo tres capas que son ligeramente diferentes, voy a exportar estas individualmente como un archivo ping. Y para ello, vas a exportar archivo como ping PNG. Voy a crear una carpeta nueva. Lo voy a llamar lazo Purple Grass. Se guarda una capa. Su capa uno. Asegúrese de tener un conjunto transparente como su capa de exportación de fondo a y exportar la capa tres. De acuerdo, tenemos un montón más de cam. Muy bien, volvamos al animador de personajes y veamos cómo podemos condimentar nuestros fondos. Voy a importar el ciclo para hacer ese ciclo de importación, encuentra tu lazo de pasto morado. Solo necesitas escoger uno de esos archivos ping que necesitas para arrastrarlo y soltarlo sobre la capa que quieres que aparezca. Entonces si solo lanzo la capa de ciclo sobre mi personaje y lo puso en el lugar equivocado. El animador de personajes actualmente no me deja reposicionar esas capas, por lo que necesita estar justo encima de donde quieres que esté. En este caso, está justo encima del personaje de capa de suelo Amit ya tiene capas de ciclo como un comportamiento aplicado a la misma. Solo necesitas cambiar los atributos de lo que sea. En mi caso, quiero esta cosa toe loop continuamente. Voy a ver cómo se ve cuando bucle cada dos fotogramas. Podría estirar eso. Ahora voy a soltar más capas de ciclo. Voy a dejar caer más ciclos de capas. Yo quiero que ese pasto aparezca al menos tres veces reposicionarlo, y voy a cambiar la escala de ella es solo para que se vea un poco diferente la vez anterior que se me cayó el pasto, para que uno fuera un poco más grande y yo cambió la rotación en él. Dejar caer un bucle más de hierba ciclista una vez más cambió la escala tanto en las coordenadas E X como Y . A ver cómo se ve. 6. Fondos de movimiento y planos: Ahora tengo una escena aquí donde mi personaje puede caminar, y actualmente está caminando en su lugar. Si voy al ciclo de caminata y le di algo de velocidad corporal, ella caminará justo fuera del set. Pero ¿y si quisiera que se quedara en su lugar y tuviera el movimiento de puesta en lugar de que la abandonara ? Bueno, hay un par de cosas que puedes hacer. Número uno es que necesitas construir un conjunto muy largo. Entonces cuando veo mi fondo de caramelo, se puede ver que es muy largo horizontalmente. Si lo mirara en Photoshop, en realidad tiene unos 5100 píxeles de ancho y 1600 de alto. Entonces esto le da a mi personaje un poco de espacio para caminar. Lo que tengo que hacer si quiero que este sea el elemento que caña en lugar del personaje es que necesito aplicarle un ciclo de caminata, y para que ese ciclo de caminata funcione, necesito aplicar un comportamiento de cadera, así que voy a seleccionar el nivel más alto ese nivel de carácter. Voy a seguir adelante y darle una cadera a eso, y voy a aplicar un ciclo de caminata porque va a ir en dirección opuesta. El personaje camina. Voy a darle una velocidad corporal de ocho negativos, y quiero que ese ciclo de caminata empiece con las teclas de flecha izquierda y derecha. De acuerdo con el brazo de fondo para grabar. Ahora se caga, pero mi personaje se queda quieto. El motivo de esto es que no tengo ambos elementos armados para grabar al mismo tiempo, con ambos elementos seleccionados. No, mi personaje camina hacia adelante y el viaje de fondo va a frenar la velocidad corporal hacia abajo en mi personaje a 16% y consigo una escena bastante cool de ella viajando contra el fondo . Se puede aplicar también a cuatro elementos redondos, y tener elementos de primer plano realmente ayuda a crear sentido de profundidad, este sentido de que hay un espacio real en el que nuestro personaje está viajando. Simplemente recuerda cuando tienes cosas que se supone que están más cerca de la cámara y hay un efecto llamado Parallax, que en el mundo real es por eso que las cosas que aparecen más cerca de nosotros en el camino parecen moverse más rápido que las cosas que son lejos cuando estamos conduciendo. Entonces si tienes un elemento que está más cerca de la cámara, necesitas que aumente su velocidad a medida que tu personaje pasa por ella. Elementos de fondo deben moverse más despacio 7. Cycling capas de video: Quiero mostrarte cómo puedes incorporar los ciclos de video a tus composiciones de animador de personajes en este ejemplo, salí afuera en un día perfectamente claro, y filmé un poco de árbol contra el fondo azul. Esencialmente estoy usando este cielo como pantalla azul de la misma manera que se podría filmar a alguien en un estudio contra una pantalla verde. Hice este mediodía porque no hay tanta radiación al cielo como habría si hubiera filmado esto al amanecer o al atardecer, y solo estoy usando un iPhone normal. Todo lo que necesito es un bit de video de cuatro segundos. Lo importante es que tengo las cámaras estabilizadas y cualquier tipo de estabilizador ah telefónico te correrá tal vez $10 o menos. Por lo que no hay razón real para no disparar estabilizar video en tu teléfono. Una vez que tengo este video, lo tomo en after effects, y lo más probable es que estoy bastante seguro si tienes animador de personajes de lo que estás trabajando con Adobe after effects porque el animador de personajes viene con After effects. Arrastré el metraje hasta el icono de la nueva composición, y luego voy a usar un efecto llamado rey, donde puedes seleccionar un color en tu metraje y luego drenarlo. Entonces esto es algo que requiere un poco de finalización y tal vez más que voy a hacer en este ejemplo. Pero esencialmente, estoy drenando el azul del fondo. Voy a meterme un poco con la tolerancia y usar una de las otras herramientas rey llamadas Key Cleaner para ayudar a deshacerse de algo de este exceso. Y una vez que tenga eso hasta cierto punto, voy a usar el tema pidiendo herramienta de pluma para dibujar alrededor del árbol. Lo mejor que puedo. Sé que hay partes donde las hojas se mecen y se sale de la máscara, así que voy a hacer la máscara alrededor. Eso deja un poco más grande, y luego cuando llegue al tronco del árbol, voy a acercarme bastante y a ras de él. Cuando haya dibujado mi máscara, le daré un poco de emplumado, haré algunos ajustes, y luego después de un cierto punto, me queda con un árbol contra nada. Este nada se llama el Alfa este patrón de tablero de ajedrez que ves aquí. Entonces cuando renderizo un nuevo it aireación de este clip. Voy a renderizarlo con RGB más Alfa, y eso está en el menú render de after Effects. RGB plus Alfa hace un archivo bastante grande, incluso algo de cuatro segundos de longitud. Este fue un video de cuatro K, por lo que este ciclo de tratado terminó siendo de 249 megabytes de tamaño durante cuatro segundos de video. Bastante grande. Si no necesitas todos esos píxeles, siéntete libre de escalar tu árbol a lo que necesitas que sea. Y veo en mi renderizado que queda un poco de borde azul en él. Yo estoy de acuerdo con eso. Por ahora. Esto es sólo una muestra para este tutorial. Si quieres refinar un poco mejor tu proceso de rey. Aftereffects tiene más herramientas disponibles para ti que podrías teclear ese borde azul restante . Ahora que tengo mi árbol más Alfa, voy a ir a la tienda de fotos y voy a utilizar una herramienta en importación llamada fotogramas de video dos capas, y esto te da un menú que te permite elegir cuántos marcos quieres. Si quieres renderizar cada fotograma de este video de cuatro segundos. Dos capas. A ver. Este fue baleado a 24 cuadros por segundo. Cuatro veces 24 equivale a 96 cuadros. No creo que necesite eso de mis antecedentes, y creo que eso podría ser un poco intensivo de ram y animador de personajes, así que lo voy a limitar a cada cuatro fotogramas. Creo que eso es solo suficiente animación para lucir bastante cool. Como puedes ver, tenemos nuestro video de árbol de bucle. Todo lo que necesitamos hacer en esta etapa es hacer de esto algo que el animador de personajes pueda entender como algo que pueda bucle. Entonces vamos a crear una carpeta. Lo vamos a llamar más Árbol, y luego vamos a volcar todos nuestros marcos en él, guardarlo como ciclo de árbol. Entonces, una vez que estemos en animador de personajes, podemos importarlo, tratarlo como a su propio personaje, colocarlo donde necesite ir en nuestro fondo, y luego vamos a asignar capas de ciclo a la carpeta que contiene todas nuestras capas de árboles. Las capas de ciclo de los voy a establecer para que comiencen de inmediato, ciclo continuo cada dos fotogramas y tenerlo hacia adelante y hacia atrás porque no era un ciclo súper limpio. Ah, cuando exporté mis marcos y tienda de fotos, definitivamente se podía ver un poquito el tronco del árbol. Entonces si hacia adelante y hacia atrás es, esencialmente hace lo que en instagram se llama Boomerang. Va hacia adelante, retrocede, un fantasma hacia adelante retrocede, y como bucles, se ve totalmente sin fisuras. Entonces en este fondo particular, todo lo demás es un dibujo, y tener un objeto fotográfico de fondo es un poco una anomalía. Pero puedes imaginar todo un fondo poblado por cosas fotográficas se vería bastante genial. Además otra necesidad. El efecto secundario es que puedes implicar algunos de los atributos de física que el animador de personajes tiene a este bucle, video como dangle. Por lo que tiene sentido que un árbol tenga cosas colgantes que se ven afectadas por el viento. Podrías asignar respirar para que las cosas crezcan y se encojan. Si tuvieras, digamos, un banco de televisores, podrías asignarles un parpadeo automático y podrían encenderse y apagarse, o quizás luces estroboscópicas de un club de baile. Podrías tenerlos parpadear encendidos y apagados etiquetándolos parpadeando y asignándoles un parpadeo automático Hay muchas posibilidades con las capas fotográficas, y todo lo que realmente se necesita es un poco de video keying estabilizado y after effects y utilizando este genial truco en Adobe Photo shop para separar tu video en capas individuales . 8. Enrutar + proyecto: Oigan, chicos, Gracias por seguir con esta clase. Publica tu trabajo en la página de producto más escaso. Hazme saber lo que pensaste del proceso y siéntete libre de revisar el resto de mis clases en Skill share channel referente a Adobe Character, A meter después de efectos y animación. Tengo bastantes ahí, desde animar fotografías hasta trabajar con superpoderes y mucho más. Gracias por ver platicar contigo la próxima vez.