Animación en Procreate para no animadores: haz que tus ilustraciones se muevan

1. Introducción: [ MÚSICA] El movimiento siempre te atrapará los ojos. Con la animación, podrás mejorar tus ilustraciones en tan solo unos sencillos pasos. Bienvenido a Procreate animación para no animadores. Conmigo, Vera. [ Risas] Soy un artista alemán con pasión por el diseño de personajes y la animación. En esta clase, nos casaremos juntos estas dos cosas. Armado con un iPad y Procreate, materializarás un personaje y les darás vida, no sólo cualquier personaje, uno para representarte a ti mismo. [ MÚSICA] Empezaremos con un poco de ejercicio de calentamiento para desafiar tu pensamiento creativo. Aprenderás a simplificar. El truco para la animación o el truco para tener cordura en animación es trabajar con la menor cantidad de líneas, porque es posible que tengas que animar cada una. Construirás personajes de formas simples y empujarás su posando, apuntando son siluetas convincentes y claras, o en otras palabras, comunicando a tu personaje de un vistazo. La animación en sí, confía en mí, esta parte es en realidad más divertida y fácil de lo que cabría esperar. Te voy a guiar en ella poco a poco con unos ejemplos sobre cómo aplicarlo como para emociones de flujo de cabello y ropa, para llamas o reflejos brillantes. Vamos a implementar esto con la ayuda de la asistencia de animación verdaderamente mágica de Procreate animación verdaderamente mágica de Procreateque transforma capas en marcos. Recuerda, si eres uno de mis alumnos, sabes que un marco es como una página en un flip book. La estructura de tu archivo juega un papel importante en esto, y aprenderás todo al respecto. Concluirás esta clase con un personaje totalmente ilustrado y bien planteado salpicado de elementos animados mágicos para que se destaquen y subyacen a su historia. Si eres un ilustrador que ha sido un poco demasiado tomado una espalda por rebotar bolas y tal para empezar a animar, esta clase volverá a poner la diversión en los fundamentos para ti. Cualquier nivel de habilidad es bienvenido, todo lo que necesitarás es un iPad y Procreate. Al final, tendrás una obra de arte impresionante y un montón de nuevas herramientas y manos, además de una gran cantidad de recursos perspicaces para que lo descargues y te ayudes en el camino. Listos cuando estés, comencemos [MÚSICA] 2. Proyecto de clase: Tu proyecto para esta clase será hacer lluvia de ideas, diseñar y animar a un personaje en Procreate. Este personaje puede ser tú o una de tus creaciones. mío será un autorretrato con el tema, si fuera un personaje de D&D, ¿qué sería? Elegí esto como tema porque me encantan las cosas de fantasía, y me encanta contar historias. Sinceramente sería bastante droga para ser una aventura. Este tema crea un marco para que nos movamos libremente por dentro, y sin embargo chispas son cerebros creativos. Prepararemos nuestro proyecto con un calentamiento de diseño de personajes. Entonces haremos un poco de lluvia de ideas, y bocetos para averiguar qué tipo de persona contará nuestra ilustración animada. Con esto como base sólida, crearás tu ilustración de acuerdo a tus propias preferencias y decisiones de estilo. Las lecciones te guiarán a través del proceso de configuración de tu obra de arte para la animación, que luego vamos a añadir. Puede presentar cualquier cantidad de elementos como cintas o cabello que fluyen, ropa en movimiento, llamas o superficies brillantes. Una vez que hayas exportado tu arte como un GIF o un clip de película, puedes mostrarnos tu trabajo final. No obstante, quisiera animarles a que compartan todos sus pasos en el medio, y su trabajo en curso. De esta manera se puede recibir retroalimentación, y elogios, y también alentar a otros estudiantes a superar sus inhibiciones. Empecemos calentando nuestra mano de dibujo, y el pensamiento creativo en la próxima lección. 3. Dibujo de diseño de personajes: Para estirar un poco nuestros músculos creativos, comenzaremos esta clase con un calentamiento. Esto te ayudará a aflojar y crear una hermosa ilustración en las próximas lecciones, Esto es lo que pienso sobre el diseño de personajes. Puedes dibujar un círculo, un cuadrado, o triángulo, con un poco de creatividad en la parte superior, puedes crear diseños de personajes interesantes y dinámicos. Estos son los dos principios en los que me gusta pensar cuando estoy creando un personaje. El diseño de personajes empieza para mí con dos cosas. En primer lugar, el tema de la forma, y en segundo lugar, la pose y la silueta. ¿ A qué me refiero con el tema de la forma? Probablemente hayas oído hablar del lenguaje de la forma y el diseño de personajes. Cómo ciertas formas podrían evocar un cierto sentimiento o asociación. Personajes con formas redondas, según esto, tienden a parecer más felices, alegres y confiables. Aquellos basados en cuadrados podrían sentirse más tranquilos, fuertes y con tierra. Los personajes compuestos de formas triangulares a menudo se desprenden como vanguardistas, peligrosos o intensos. Si bien esta teoría, como muchas otras teorías en este mundo, debe tomarse con un grano de sal. De hecho, es un buen punto de partida. He preparado dos hojas de trabajo para ti, que puedes imprimir para dibujar o usar digitalmente. En la primera, me gustaría que esbozaran un par de personajes. Cada uno debe seguir un tema de forma, así que estar centrado alrededor de formas redondas, formas cuadradas o formas triangulares. Esto no significa que debas esclavizarte a la forma y en su lugar usarla como una directriz para poner abajo a las grandes masas. Un personaje generalmente se puede dividir en tres grandes formas, la cabeza, el torso y las piernas. Estos pueden variar en altura y ancho y así crear una dinámica interesante. Intenta liberarte de las siete cabezas genéricas en la relación tamaño del cuerpo aquí. Sé libre y explora las posibilidades. Estos bocetos no tienen que informar su diseño final. Pueden, pero se significan principalmente como un calentamiento para tu mano y el cerebro de tu artista. En la segunda hoja de trabajo, tomaremos los bocetos que hiciste y miraremos nuestra posando y la silueta de nuestros personajes. Como paso intermedio, puedes tomar un pedazo de papel fresco y trazar el contorno de tus personajes. Llénalos de negro para conseguir su silueta. ¿ Tu personaje sigue siendo reconocible? ¿ Los posts leen bien? La silueta debe seguir mostrando sus características y lo que están haciendo. Si desea trazar ligeramente los caracteres en la segunda hoja de cálculo. Analiza qué funciona bien y dónde están los puntos débiles y dibuja sobre la imagen trazada para mejorar la posación y así la silueta. Agregar formas que salgan de la silueta en la cabeza les dará una característica reconocible por ejemplo. Sacar las extremidades de la silueta hará que la pose sea más legible. Conscientemente crea el espacio negativo alrededor de la figura. Esto significa todo el espacio que el personaje no está ocupando. Muy bien hecho. Ahora tienes tres personajes con diferentes temas de forma y una postura clara y silueta. Si quieres desafiarte a ti mismo, crea otro conjunto de estos o combina dos formas en un tema. Siéntase libre de compartirlas con nosotros en la sección de proyectos. Espero que estén todos calentados ahora y listos para algunas lluvia de ideas y bocetos. 4. lluvia de ideas: [ MÚSICA] Ahora que mi mano se calienta y mi creatividad se activa, te dejaré entrar en mi proceso. Me gusta empezar con alguna lluvia de ideas escritas y algunos bocetos. Me gustaría invitarte a etiquetar junto conmigo. Pero si algo que hago a nuestra manera creo que no funciona para ti, eso está totalmente bien. Ajusta el proceso a algo que se sienta a tu alcance y hazlo a tu manera. Cuando siento el impulso de crear algo, me gusta ponerme un marco. De lo contrario, el mundo se abrió con infinitas posibilidades y eso me parece muy desalentador. En este caso, sé que quiero crear una ilustración de personaje y que, más adelante, quiero añadir un poco de animación. Eso podría ser cualquier cosa que se mueva, pelo , ropa, magia, fuego, agua. También sé que personalmente disfruto dibujando cosas de fantasía. ¿ Por qué no parece la ilustración en consecuencia? Más aún, creo que quiero crear un personaje de RPG de fantasía como cuatro Dungeons y Dragons. Esto me da un marco de marea, pero aún así con mucho espacio para explorar. Lluvia de ideas. A menudo sólo hago esto en mi cabeza, pero supongo que para este propósito lo visualizaré. En la lluvia de ideas, es importante no bloquear ninguna idea. No hay malas ideas, pero pasarás por una pareja antes de encontrar una buena idea. De acuerdo con mi tema, solo estoy anotando lo que me viene a la mente. Un pensamiento encenderá al siguiente. Estoy dejando a un lado 10-15 minutos ininterrumpidos para la lluvia de ideas. Hay muchos aspectos que quiero considerar. El tema general es claro, pero ¿qué lazos con él? Además de la decisión por el tipo real de personaje, pensé en colores, artículos, ropa, y estado de ánimo. Mis pensamientos eran que podría querer dibujar uno de mis personajes de D&D que ya toco, o tal vez ponerme en el universo. ¿ Cuáles son mis rasgos físicos? ¿ Quiero romper estos o pegarme a ellos? No es la alegría de la fantasía que puedas doblar la realidad a tu voluntad. Lleno mi nube de pensamiento con cosas que vienen a la mente. Por ejemplo, los colores que me gustan pueden encajar en el tipo de obra que quiero crear, y sus asociaciones para mí. Tipos de ropa y accesorios que evocan una cierta sensación que podría soportar un arquetipo o podrían darme una silueta interesante o un movimiento para aplicar más adelante, y qué estado de ánimo general me quisiera tener en la obra de arte. Todas estas cosas influirán en mis bocetos, y así en la idea final para la ilustración. Si te gustaría ir con el tema pero no estás familiarizado con él, he hecho una colección de etnias D&D y contraseñas y asociaciones de clase para que lo descargues. Hacer investigación también es una parte importante de este proceso para mí. Me gusta Google cosas excesivamente y uso Pinterest para recolectar visuales que despiertan mi fantasía. Una vez que he recogido mis pensamientos y referencias, empiezo a hacer pequeños garabatos. Estas son muy sueltas y rápidas y son la representación visual de mi lluvia de ideas. Entonces podría recoger algunas de mis combinaciones favoritas de tropos que se me ocurrió. Realmente no importa cuán áspera o fea sean. Son sólo la representación de tus ideas. Solo asegúrate de dibujar elementos definitivos para que los reconozcas más adelante. Ten en cuenta el calentamiento y juega con el tema de la forma que pones en tus garabatos. A lo mejor vale la pena considerar una iteración para una y la misma idea, estoy buscando algo visualmente interesante. La precisión temática es secundaria. Basta con tener en cuenta cuál es el propósito de esto hacer una ilustración de personaje que tendrá algo en ella que se puede animar. Ahora escojo un boceto en el que veo más potencial. Presto atención a estos aspectos. De esta manera el boceto proporcionó una interesante representación de mi idea elegida, no tiene un tema de formas coherentes. ¿ La posación y la silueta es algo clara y se puede mejorar fácilmente en el siguiente paso? Lo más importante, ¿me ofrece la oportunidad de agregar elementos animados? He hecho mi elección. Este diseño me parece lo más interesante y relacionable. Tiene un tema de forma coherente y carácter, pero la posación no es genial. Al boceto le falta algún detalle. Yo decido inspirarme de este otro personaje, que en realidad tiene una fuerte posación y silueta y ofrece detalles interesantes. [ MÚSICA] Ahora que he clavado lo que voy a buscar, recojo mis referencias visuales como un tablero de humor para inspirar mi diseño final. Si lo deseas, agrega tus resultados y bocetos de lluvia de ideas a tu proyecto de clase y déjanos entrar en tu proceso. Espero que hayas escogido tu boceto favorito ahora. Echemos un vistazo de cerca en la siguiente lección. [ MÚSICA] 5. Análisis del movimiento: Con nuestro boceto inicial establecido, ahora podemos tomar nuestras decisiones para qué partes deben animarse y planificar en consecuencia. Si trabajaste en papel hasta ahora, es hora de tomar una foto o escanear el boceto para el siguiente paso. Ahora empiezo a atar un poco mi boceto, hago los cambios que siento que son necesarios, y anoto dónde se agregará qué animación. Echemos un vistazo a lo que estaremos trabajando. Las referencias que miré influyeron en las decisiones de diseño que he tomado en este boceto, pero tal vez se podría hacer un cambio o dos para potenciarlo y ofrecer una mejor oportunidad de agregar un elemento animado. No tienes que conformarte con tu boceto inicial. Tómalo como base y evoluciona desde aquí. Cintas largas que fluyen, capas y otras prendas son especialmente adecuadas para ser más adelante animadas. El cabello abierto o un solo mechón colgando podría moverse ligeramente. A lo mejor el personaje es un usuario mágico o tal vez te gustan los destellos, llamas, u otros elementos como ese. Estos podrían agregarse como una adición de fantasía de flotación libre los rodea o podrían interactuar con ellos. Mi personaje tiene esta pequeña llama como familiar. Elementos de metal y otro material reflectante pueden tener un ligero brillo para ellos. Estas son las posibilidades que vienen a la mente en este momento. Te explicaré en detalle cómo se hacen cada una de ellas en una de las próximas lecciones. Pero por ahora, mantén los elementos lo más libres que puedas. Lo que quiero decir es no tener demasiada superposición en estas áreas. Cada elemento superpuesto potencialmente hará que la animación sea más complicada de integrar. Estoy seguro que quiero que las trenzas se muevan y la pequeña llama y además agregué un par de hebras sueltas de cabello. Además de eso, la colmena y otros elementos de la maleta podrían ser también una opción. Podrías haber notado que no tengo ningún paño en movimiento aquí hasta ahora. Simplemente me gusta la silueta y posando como es y realmente no vi una buena oportunidad para agregar algo así. Pero ahora estoy agregando en una capa, creo que esto enmarcará muy bien al personaje. Pero no, tendré algunos solapamientos a pesar de que te dijera que los evitaras. Whoops. Descubrirás cómo preparo esto para que funcione en la siguiente lección sobre estructurar tu expediente. 6. Estructura de un archivo: Como saben Procreate es nuestra principal herramienta para esta clase, elegí porque es súper simple de usar y disfruto poder trabajar donde quiera. Si aún no lo has preparado, ahora es el momento de salir de tu iPad, cargarlo e instalar Procreate. Espero que hayas trabajado en esta app antes, pero solo para asegurarte, te guiaré paso a paso y te mostraré cómo configurar tu Canvas. En la parte superior derecha, puedes tocar el Plus para elegir o crear un nuevo lienzo. O escoge uno de los requisitos previos o crea el tuyo propio. Voy con un formato de retrato, que en mi opinión, suele mostrar mejor una ilustración de personaje. Puedes acercar y alejar con dos dedos como este. En la parte superior derecha hay pinceles, herramienta de manchas, gomas de borrar, capas, y el selgador de color. Aquí puedes ajustar el tamaño de tu pincel y la opacidad. Vamos a empezar con una ilustración, pero como queremos animar algo más tarde, vamos a configurar en consecuencia. Activa la Asistencia de Animación tocando esa llave en la parte superior izquierda, luego toca “Canvas” y activa Animation Assist y aparece el pequeño bar aquí abajo. La barra muestra tus capas, pero como marcos, ahora mismo, solo tienes una, pero puedes agregar más tocando “Agregar marco” o en el menú Capa con un símbolo Plus. Agreguemos el boceto al archivo, toca la llave inglesa, luego ve a Agregar y selecciona “Insertar foto” si ya tienes en tu iPad o tomemos foto para tomarla directamente una foto. Una vez colocada, puedes redimensionarlo con dos dedos para que se ajuste a tus necesidades o toca “Ajustar a la pantalla” para obtener la mayor vista posible de la imagen sin recortar. Ahora te mostraré tres elementos esenciales que debes saber así que escucha atentamente. En primer lugar, la mayor parte de la ilustración será todavía para que podamos establecer esto en general como un fondo. Puedes consolidar varias capas en un solo fotograma agrupándolas; desliza el dedo de izquierda a derecha en las capas del menú para seleccionarlas y luego pulsa “Agrupar” en la parte superior. Al tocar este fotograma en la barra de animación, obtienes un menú que aparece en que tienes un par de opciones. Cuando actives fondo, este grupo de fotogramas siempre será visible a lo largo de tu animación, eso es lo que queremos en este momento. En segundo lugar, aún no estamos animando nada, pero les diré cómo trabajar con Animation Assist ahora de todos modos, y repetiremos lo esencial más adelante. Agregar un marco creará una sola capa. Cada capa será visible durante una cierta cantidad de tiempo y al ver múltiples capas en un orden, los cambios en ellas parecerán como un movimiento. Esta ilusión óptica puede cambiar dependiendo de la velocidad de fotogramas que elijas. Nuestro cerebro percibe cualquier cosa alrededor de 10 fotogramas por segundo y más como un movimiento. Desea establecer la velocidad de fotogramas en consecuencia. En la barra de animación, presiona “Configuración” y ajusta el control deslizador. Cuantos más marcos, más trabajo, pero cuanto más suave parecerá tu animación cuando se haga bien. Generalmente trabajo con algo entre 12 y 24 cuadros por segundo pero se puede jugar con los ajustes más adelante y ver qué funciona mejor. Como se mencionó anteriormente, múltiples capas agrupadas formarán un solo marco. Esto será especialmente útil cuando tengas más de un elemento que quieras animar. Asumiendo que hay pelo y también tela va a ser animado, probablemente terminarías con un montón de grupos que contienen dos capas. que tener en cuenta que Procreate tiene una tapa de capa. El poder de la aplicación es limitado y debes tener eso en cuenta cuando estés creando tu obra de arte. Al tocar la llave inglesa y luego Canvas, puedes encontrar información de Canvas y las capas. Te mostrará exactamente cuántas capas has usado y cuántas quedan. En tercer lugar, tienes la opción de asignar un primer plano igual que lo hiciste con un fondo, seleccionar un grupo o capa, tocarlo en la barra de asistencia y seleccionar “Primer plano”. Los elementos contenidos se mantendrán siempre tanto de todo lo demás en tu obra de arte. Esto se puede utilizar para superponer elementos como extremidades o accesorios que están cerca de la cámara. Por favor recuerde que el primer plano no puede contener animación. En cambio, utilízala para agregar sombreado simple, viñeta creativa, o para los elementos antes mencionados que necesitan estar al frente. Deberías estar listo para empezar ahora y todo lo demás que necesites saber vendrá en la lección en que te muestro cómo sumar el movimiento. Por ahora, sigamos adelante y preparemos la ilustración. 7. Preparar la ilustración: En esta lección, te mostraré cómo me acerco mi ilustración y te dejo entrar en lo que son mi estilo, decisiones, y técnicas. Ten en cuenta que esto podría ser muy diferente de cómo te acercas a tus ilustraciones y obras de arte, pero eso está totalmente bien porque no hay forma correcta de hacer arte. Voy a señalar algunos tecnicismos en el camino que podrían ser útiles para este proceso específico. Vamos. Ya pasaste las etapas iniciales de encontrar los posts correctos conmigo y me gusta pensar en colores antes de elaborar detalles. En el caso de esta ilustración, dibujé a este personaje como una persona con una herencia algo okie-sh. Me asocio con cierta gama de tonos de piel, principalmente verdes y marrones, también podría entrar en tonos púrpuros. Procreate tiene esta excelente herramienta para armonías de color en la ventana Selector de Color. Jugar con ella me ayuda a encontrar los colores en los que quiero basar mi obra de arte alrededor. Toca la escritura debajo de los colores para elegir un preset. Se trata de emparejar colores de acuerdo a diferentes reglas de armonías de color. Juega un poco y mira cuál se adapta mejor a tus opciones de estilo. Con verde como dado, decidí emparejarlo con naranja y morado. Creo que es importante encontrar un color que pueda funcionar como punto de enfoque. Esto podría lograrse siendo el que es el más limpio en términos de saturación, el que se presenta más dominantemente o se destaca en términos de valor. No, no estoy hablando del color más caro aquí. Por valor, me refiero a cuán claro u oscuro se compara el color con los otros colores de la imagen. Me gusta revisar mi estructura de valor mirando mi obra de arte en escala de grises. Para ello, rellena una capa vacía en la parte superior con blanco y conviértalas a todas en tonalidad o saturación. Esto ayudará a ver si tus colores elegidos son bien distinguibles y si podrían estar llamando la atención hacia áreas a las que no quieres que se llame la atención. Ahora, he pintado en un boceto de color rugoso debajo de mi dibujo, inspirado en mi tablero de referencia y las decisiones iniciales de color. Esto me ayudará a definir la obra final porque a veces también es bueno ver lo que no quieres en tu obra de arte. Ya que me gusta hacer arte de línea limpia, ahora estoy dibujando sobre mi boceto en el siguiente paso para definir el diseño de la ropa aún más el diseño de la ropay elaborar mis accesorios. Soy fan del bordado, así que estoy agregando esto al chaleco, muy probablemente. Algo tan ruidoso puede alejar fácilmente el foco y quiero evitar eso. Además, he mirado muchos diseños de arpa y no podía establecerse del todo en el que más amo, pero cuando lo estaba dibujando, alguna manera se convirtió en un cisne o pato. Me encanta esto. Se puede ver que estoy volteando mi lienzo de vez en cuando. Esto puede tener diferentes razones. Por ejemplo, un mejor ángulo para dibujar una línea específica o simplemente para refrescar mis ojos y así reconocer mejor elementos extraños en mi dibujo. Hay que haber elementos animados que se superponen mi figura van en capas separadas para que pueda manejarlos mejor en el camino. Entonces lleno la silueta de mi personaje pulcramente con un color sólido, esto hará que sea más conveniente y más rápido colorearla. Al deslizar con dos dedos de izquierda a derecha sobre su capa, activo el bloqueo Alpha. Esto bloquea cada parte de la capa que es transparente, por lo que no está pintada. Cuando dibuje en esta capa ahora, solo colorearé en todo lo que ya está pintado, en este caso, la silueta. Al mantener mi boceto de color presente en el fondo, tomo mis decisiones finales para el diseño. Sentí que los bolígrafos eran demasiado livianos, así que muevo el color más a la gama púrpura para caber el chaleco y resaltar el contraste entre la camisa blanca y el doblete morado. Mantengo el renderizado lo más simple posible, pero agrego en un poco de sombras de textura y oclusión; estas realzan la forma y les dan más volumen. El cabello era un poco demasiado rojo, y cambio el tono más hacia naranja pardusco y agrego algunos reflejos y sombras también. Encender mi marco de objetos animados hace que se destaquen en su blanco, pero es bueno imaginar que estos serán los elementos con movimiento, dibujando el foco hacia arriba y enmarcando el rostro. Ya casi se hace la preparación. Sólo tengo que separar la ilustración en primer plano y fondo. Mi boceto de antes me ayuda a encontrar la línea correcta. Duplico la capa de color por seguridad, corté la otra capa por la mitad, y muevo las partes en consecuencia a los grupos correctos para el frente y el fondo. Sin el duplicado de color, se puede ver una pequeña línea donde estaba separada, por lo que guardo el duplicado en el fondo. Por último, pinto en la capa y el grupo de animación, que tiene el primer plano superpuesto. Solía ser púrpura también, pero sentí que era un poco demasiado púrpura, así que cambié su color para duplicar la pluma del otro lado. Eso es todo. ves, he tomado un par de decisiones de diseño que son atractivas pero no demasiado complicadas de animar. Creo que una de mis piezas de mascota es cuando estás viendo un show animado o una película, puedes ver claramente qué parte del fondo se va a animar más tarde, porque está excesivamente simplificado. Creo que esa es la razón por la que me gusta encontrar un camino medio, no demasiado limpio, no demasiado descuidado, no demasiado rudo, y no demasiado detallado. Pero necesitas definir tu propio punto dulce. Solo déjame recordarte, cada línea que hagas podría tener que ser animada, así que elige sabiamente a mi amigo. Antes de finalmente animar ir, te daré un rápido desglose de cómo funciona realmente la animación en la siguiente lección. 8. Conceptos básicos de animación: Estamos casi en el punto en el que te muestro cómo exactamente se agrega la animación a la ilustración, pero primero, un pequeño curso de choque sobre cómo animar en esta loca app. En Procreate, los marcos son equivalentes a las capas o grupos dentro de su ilustración. Piense en los marcos como trozos de papel que cada uno sostiene un dibujo y el dibujo es un poco diferente en cada nueva hoja como páginas en un libro flip book, solo digital en este caso. Los marcos representan un momento en el tiempo y se suman a la ilusión de movimiento cuando se juega de manera rápida. Procreate permite administrar, reorganizar o seleccionar los fotogramas, ya sea tocando el botón Capas arriba la derecha o directamente en la barra de asistencia de animación en la parte inferior. Mantén pulsado y arrastra para mover una capa a otro lugar en el orden de la capa, y puedes ver que cambia hacia abajo en la parte 2 de la ayuda de animación. Para una mejor comprensión, el orden de los fotogramas de abajo a arriba está en la barra de asistencia de animación de principio a fin. Desmarcar una capa aquí eliminará el fotograma de la asistencia de animación. También puedes tocar los marcos directamente en la barra de asistencia en la parte inferior. Mantén pulsado y arrastra moverá el marco a un nuevo lugar. Cuando tocas un marco, obtienes este pequeño menú, que te permite eliminarlo o duplicarlo. Pero también puedes cambiar la duración de la misma, que funcionará como una copia de esta hoja de papel o marco que permanecerá justo después de su original por la cantidad de marcos que elijas. En el menú Configuración, puedes cambiar la reproducción que obtienes. Yo recomendaría pegarse a bucle para nuestro propósito. Con un deslizador para los fotogramas por segundo, básicamente puedes ajustar la velocidad de reproducción de la animación. También puedes fregar los dibujos de ida y vuelta tocando barra de asistencia de animación y yendo a la izquierda y a la derecha. Generalmente hay dos tipos diferentes de animación que utilizaré : El primer tipo agregará sentido de vida y movimiento, pero sin mostrar movimiento. Confundido? Lo sé. Esto es lo que quiero decir. Esto aquí es lo que llamaré animación de cocina. El resultado se produce dibujando lo mismo en el mismo lugar para un par de marcos. A través de la textura en el pincel, todas las capas se verán un poco diferentes y la animación final tendrá un poco de un efecto nervioso. usaré principalmente para agregar reflejos en metal u otras superficies reflectantes. Pero también puedes usarlos en otros elementos fijas tu ilustración para darles este look animado. Para el otro tipo, el propósito es crear un movimiento visible. Mientras cuida la masa y el volumen del objeto, se cambia su posición de fotograma a fotograma. Para un resultado convincente, amortiguar el principio y el final de un movimiento agregando más marcos. Esto imitará el exceso de velocidad y ralentización. Cuantos más marcos cubra un segmento de movimiento, más lento será el movimiento. inversa, se dibuja un movimiento rápido en menos fotogramas. Para un movimiento tranquilo, sin acelerar o ralentizar, puedes extender los dibujos de manera uniforme a través del tiempo y el espacio. Puede hacer las cosas un poco más fácil cuando se ponen pocas posiciones clave primero entre las que luego se llena el espacio. Por ejemplo, dibuja el primer dibujo, luego dibuja el último dibujo, y luego encuentra el medio entre estos. El piel de la cebolla es una gran herramienta para ayudarte con esto. En el menú Configuración, se pueden ver dos controles deslizantes para ello. El superior establece la cantidad de fotogramas que te gustaría ver antes y después del fotograma en el que estás ahora mismo, y el inferior te permite ajustar la opacidad. Se necesita un poco acostumbrarse cuando se trabaja por primera vez con animación y la piel de la cebolla. No te desanimes. Para enfocarse un poco mejor en el marco actual, utilice los colores de piel de cebolla, que teñirán el marco anterior de un color y el siguiente marco otro. Ahora deberías tener una idea general áspera sobre lo que estaré haciendo en la próxima lección y cómo. La animación no es fácil envolver la cabeza alrededor, así que si estás teniendo problemas, no te preocupes. Estarás metiendo más dentro en la próxima lección. Estoy cubriendo estos conceptos básicos muy detallados en mi clase, De punto a línea a masa: un enfoque intuitivo para animar en Procreate. Ve y compruébalo si te sientes un poco perdido aquí. Por favor tómate todo el tiempo que necesites. A veces es solo cuestión de prueba y error. Tú tienes esto. A continuación, finalmente, agregando la animación. 9. Añadir el movimiento: Es hora de bucear. Ahora vamos a añadir elementos animados a la ilustración. Con una idea aproximada de lo que fui a lograr, creo unas cuantas notas visuales para mi planeación. Numerar los marcos me da una mejor visión general. Entonces dibujo esta línea de tiempo para el fotograma 1 a 12 y le doy una carta a cada elemento animado. Al hacer esto, traté de visualizar cómo estoy pensando en las animaciones y cómo quiero que los movimientos se superpongan en el tiempo. Tener todo moverse al mismo ritmo con los mismos ritmos se vería un poco aburrido, así que estoy tratando de darle a cada uno su propia línea de tiempo, por así decirlo. Esto es realmente sólo para mí pensar ello y cambiará en el camino. Entonces empiezo a dibujar mi pequeña llama familiar. Yo uso el pincel de luz preinstalado para ello. Lo puedes encontrar en los cepillos estándar bajo luminancia. Para elementos naturales como este, ir recto, por lo que de principio a fin, marco por cuadro, es un buen acercamiento. Esto lo mantiene natural y fluido. Pero quiero que bucle muy bien, así que puse un duplicado del primer fotograma al final, que eliminaré más tarde. Esto ayuda a encontrar de nuevo a esta forma. Simplemente relájate y ten en cuenta que las llamas cambian, dividen, se encogen y crecen bastante al azar. El mío comenzó con dos de estos picos, que cada uno se está separando y disolviendo con el tiempo. Hay movimiento constante. La fase de llama es una animación de cocina en su mayor parte. Añado un parpadeo en el medio, de lo contrario, es sólo el mismo par de ojos y boca dibujados una y otra vez. Entonces empiezo a trabajar con unas trenzas. Empiezo con una pose extrema en algún lugar del medio en lugar de ir de principio a fin recto. A esto se le llama pose para posar. Al definir los extremos en tu animación, es más fácil planificar tu animación y mantener el volumen de los objetos consistente. ¿ Qué parte está liderando el movimiento? ¿ Qué se está arrastrando atrás? Estas otras cosas que hay que tener en cuenta. El final ligero de la trenza es lo último en seguir su movimiento por lo que llegará último en la pose extrema y seguir de vuelta como lo último también. En lugar de simplemente volver a enmarcar uno, el último fotograma está rebasando un poco la primera posición antes de convertirse el swing exterior en el siguiente bucle. Una vez establecidos estos elementos esenciales de emoción, puedo ir directamente de principio a fin, llenando los vacíos. Siempre ten en cuenta el volumen y forma del elemento que estás animando. Si lo aplastas o lo estiras un poco, siempre debe sentir que tiene el mismo volumen y peso que en tu unión inicial. Los mechones de pelo en la cabeza, animo directamente adelante e ingeniería inversa el final para un bucle adecuado. Sin embargo, se puede ver el problema con esto, ya que los pelos se están encogiendo y creciendo un poco al azar, es por eso que planean y construyen primero sus animaciones, niños. A continuación, pruebo una variación en donde en lugar de volver a dibujar, dupliqué la botella de la colada y de tinta, moviéndolos ligeramente en cada marco con la ayuda de la herramienta de transformación. Pero acabé por no gustarme demasiado así que no entraré en ello. Juicio y error personas, prueba y error. La animación tiende a sentirse diferente cuando está coloreada en lugar de solo líneas. Podrías elegir animar completamente sin líneas incluso eso tiende a ser mucho más rápido en realidad y tiene un look muy encantador. Pero soy una persona que ama tediosos dibujos de línea pedántica, por lo que tengo que hacer ambos. Una vez que se llena el color base, las trenzas obtienen algunos reflejos y sombras. Los pinto con un pincel texturizado y lo mantengo suelto. Añado reflejos animados al botón metálico los ojos y dibujé una luz de llanta en la mano. Estas son simplemente animaciones de cocina simples, por lo que lo mismo dibujado en el mismo lugar en cada marco. Si quieres que esto sea un poco más nítido y menos ondulado, haz una selección con una herramienta de selección a mano alzada y dibuja en ella con un pincel texturizado. Ahora vuelvo a la tarima y a la botella de tinta. No estaba contento con el movimiento. Fue un poco demasiado apresurado y rígido. En cambio, me enfoco en la colada agregándole marcos de cocción, creo aquí también una sensación de movimiento, como un ligero viento tocándolo. Espero que puedan seguir mi enfoque. Si hay alguna necesidad de aclaraciones, por favor no dude en preguntar. Estoy aquí para responder a todas las preguntas que pueda tener. En la siguiente lección, entraré en detalles para otro truco de animación muy cool. 10. Truco de círculo: Como probablemente notaste, aún no añadí la animación para el manto. Haré eso ahora y te mostraré un truco realmente genial. Puedes aplicar esto a cualquier cosa que haga un flujo de movimiento, como cintas, cabello abierto, o una capa. Hagamos esto. He dibujado un marco de la capa que estará soplando detrás de esa figura. Este es nuestro punto de partida al que regresará el elemento móvil en el bucle. Dibujé esta bonita mano alzada y sin muchos pensamientos, y consiguió esta línea ondulada en la parte inferior. Vamos a trazar la forma de esto agregando una nueva capa y luego muy descuidamente unidos en círculos que siguen más o menos su forma como esta. El movimiento será de abajo a izquierda a superior derecha. Ahora, el truco es prestar atención a las olas que se mueven a través del elemento. Para mantener el control de eso, usaremos los círculos y los moveremos poco a poco hacia la dirección que sopla nuestro viento. Esto no tiene que ser limpio y ordenado, pero es posible que desee mantener estas guías en una capa separada. Esta animación puede funcionar bien si vas directamente adelante, pero me gusta acercarse a ella con un poco más de planificación. Quiero que el movimiento sea lento y no distraiga demasiado. Yo decido duplicar los marcos del cabello y tal y moverlos hacia adelante en mi orden. Lo que eso debe hacer es que estos se bucle dos veces al mismo tiempo, el manto bucles una vez. Esto ahora tiene la ventaja de que ya puedo ver cuántos marcos tendré que llenar, y es más fácil planear la colocación de los círculos. El movimiento es agradable y constante en una dirección. No hay movimiento hacia arriba y hacia abajo, lo que significa que los círculos pueden alinearse a lo largo de esta línea así. Puedes seguir recto y mover los círculos un poco hacia arriba y a la derecha en cada fotograma. Pero como debe volver al primer fotograma para un bucle limpio, ten eso en mente y mueva una copia del mismo hasta el final. Esto te permitirá revertir la ingeniería de los círculos desde el extremo hasta algún lugar en el medio de la segunda mitad para asegurar que sea algo parejo la transición. Nuevamente, si quieres tener un pasaje muévete más rápido, mueve a las guías un poco más adelante. El esparcimiento debe ser más grande, si quieres que ralenticen cualquier punto, reduzca la diferencia de fotograma a fotograma. Para un movimiento uniforme, mantenga la diferencia consistente para cada fotograma. Una vez que tengas estos círculos, puedes dibujar el elemento envolviendo muy bien alrededor de las formas de los círculos, como en el primer marco. El modo de mezcla de colores para los marcos secundarios en tu configuración de piel de cebolla es tu amigo. Esto hará que sea menos confuso mirar todas estas olas y círculos. Puedes dibujar en la línea como otra guía solo para mantener un mejor control de todo. O si te sientes seguro, simplemente dibujalo en una nueva capa fresca, temerario. Desactivé ahora los círculos y me adelanté directamente desde el principio para sumar los lados de la capa. Si quieres ser súper minucioso, sumar en el círculo construcciones para ellos también sería muy útil pero como puedes ver, la mano alzada hacer alzado le estilo también funciona. Por último, agrego en el color para darle a la cosa más peso y voila, se hace. El cheque circular se puede aplicar a las cuatro cosas mencionadas como cintas, ropa, manos, o cabello abierto. Es posible que tengas que ajustar la técnica y probar un poco, pero eso es básicamente sólo animación en general. Bonito trabajo. Ahora puedes agregar algunos toques finales como superponer texturas, algunos elementos de primer plano, sombreado o una viñeta. Entonces te mostraré cómo puedes exportar esta belleza en la próxima lección. 11. Cómo exportar: Sea cual sea la animación que decidiste agregar a tu obra de arte, ahora es el momento de compartirla con el mundo. Para exportar una animación con Procreate, toca la llave inglesa y ve a compartir. Cuando miras a la parte inferior donde dice compartir capas, puedes encontrar diferentes opciones para exportar tu animación. GIF es el formato más utilizado para la web y bucle a través de tus marcos. Dependiendo de la calidad que desee, puede elegir ya sea el preset de resolución máxima o listo para la web. El tamaño estimado de su archivo se muestra en la parte superior. El PNG animado es básicamente igual, te dará una calidad un poco más alta en general, pero los archivos son más grandes y no es demasiado comúnmente soportado. Animado MP4 hace un video compuesto por JPEG, el tamaño del archivo tiende a ser un poco más pequeño. Por último, HEVC también te da un video, pero puede tener un fondo transparente. Cuando toques tu formato de elección, te mostrará una vista previa de cómo se verá tu animación con la velocidad de fotogramas en la que trabajaste. Puedes cambiar los fotogramas por segundo aquí mismo si quieres. Realmente no es necesario cambiar ninguna de las configuraciones a menos que desee, por ejemplo, exportar la animación con un fondo transparente. Ahora pulsa “Exportar” en la esquina superior derecha, y ya has terminado. Una última cosa para la siguiente lección, algunos ejemplos más y consejos sobre cómo llevarlo más lejos. 12. Otras aplicaciones: Con nuestra obra principal hecha, déjame mostrarte algunos ejemplos más para tu inspiración. Cuanto más cómodo te sientas agregando movimiento a cosas que tienen dimensión y profundidad, más puedes, por supuesto, impresionar a tu audiencia y a tu mamá. Pero también es bastante avanzado y hay otras técnicas más fáciles y rápidas con las que condimentar las cosas. La animación de cocina es bastante simple de sacar. Puedes agregarlo a literalmente cualquier cosa y la obra de arte se destacará instantáneamente. Esta ilustración cuenta con animación de cocina exclusivamente. Además, retrata otro gran uso para ello, la tipografía. ¿ Te gustan más las letras o te gusta agregar escritura a tu arte? Añade alguna animación sutil con efecto de cocción. Pero tal vez eres más ambicioso que eso y realmente te gustaría hacer la animación fotograma por fotograma con algún movimiento real. En esta versión, he ilustrado a un mago Kenku. La magia que poseen se puede ver en el tono flotante y la varita que arroja luz. Esta primera animación se logra principalmente moviendo un poco el libro en cada fotograma. La luz que viene de la varita se está acelerando antes explotar en una pequeña ducha de destellos. Puedes mirarlo con la piel de cebolla puesta para ver dónde están más cerca los marcos. Aquí es donde el movimiento es más lento. Al aplicar movimiento como he añadido a las mangas aquí, es importante planear tu animación. Primero, mira cuántos fotogramas te gustaría usar y qué tan rápido debe ser la animación. Pon primero las posiciones extremas y luego rellena los fotogramas en el medio. También, recuerda que las cosas se ralentizan cuando llegan a un punto de inflexión, por lo que escalona las imágenes más cerca en estas áreas. En esta obra de arte, la tela es un movimiento fluido, animado casi sin líneas que no use el truco del círculo. Esto es más como una animación de cocina con las rayas de textura de la ropa engañando a la vista ver un movimiento más complejo de lo que hay. Si quieres probar esto, mantén el patrón simple para el inicio. Recuerda la dirección del movimiento y piensa cómo se doblarán las cosas. Piensa en todas las dimensiones: arriba y abajo, izquierda y derecha, profundidad y tiempo. No puedo esperar a ver tus selfies de fantasía animadas en la galería de proyectos. Ahora, pasando a la última lección para cerrar esta clase. 13. Palabras finales: Lo lograste. Felicidades. Cubrimos todo, desde calentar adecuadamente tu mano y creatividad a través de ideas de lluvia de ideas para la ilustración, hasta pintar y animar en Procreate. Has aprendido cómo puedes estructurar el archivo correctamente y hacer uso de la asistencia de animación, esa información sobre mi enfoque de la ilustración, y también aprendiste algunos conceptos básicos de animación. Esto ojalá te deje inspirado para crear tu propio autorretrato animado. Todos esperamos ver su trabajo en progreso y obra final en el proyecto de clase. Por favor, no olvides dejar una reseña honesta para esta clase para ayudar a tus compañeros y a mí. Si hay alguna pregunta abierta, por favor no dude en ponerse en contacto conmigo y sígueme para actualizaciones sobre futuras clases. Gracias de nuevo por tomar este. Hasta la próxima vez, adiós. 14. Extra: Bloopers Bloopers: Bienvenido a la animación. Armado con un iPad y Procreate, vamos a bucear. Alerón. Aprende a, a comunicarse. Apuntando para. Vamos a implementar esto con lo mágico. No, lo estamos tomando de nuevo para empezar a animar. Además de un montón de nuevo ese personaje. Nos da cierta libertad para crear e inspirarnos, y sin embargo desencadene su creatividad con sus decisiones y preferencias de diseño. Crea tu ilustración de acuerdo a tus preferencias y decisión de estilo. De acuerdo con su diseño. No obstante, me gustaría animarles a compartir también sus pasos entre su trabajo en curso y todo con lo que se siente cómodo. Empecemos calentando nuestra. Con el fin de estirar nuestra mufla creativa. Próxima lección. Basta con adaptar el proceso a algo que se sienta y funcione de manera correcta para usted. Si quieres, comparte tu pegatina o escanéala también. Si trabajabas en papel hasta ahora, este es el momento. Lo elegí porque es super. Te daré un horneado rápido. Una cinta o un manto. Vamos. Una última cosa antes de que terminemos la clase. Tienes ideas y cómo me acerco. Mi bondad. Por favor, no olvides dejar una revisión honesta para tu término. Yo les responderé siempre.