GIF y animación para tu ilustración

1. Introducción: Hola a todos. Esta clase se trata de crear regalos y animaciones a partir de tus ilustraciones. Me llamo Rebecca Howe, y soy escritora e ilustradora. Y en esta clase, te voy a mostrar un proceso paso a paso para hacer animaciones y chips justo en tu iPad. Siempre estoy buscando formas de agilizar todo mi trabajo a mi iPad e incluso en procreate. Y con la última actualización de procreate, hacen que sea realmente fácil exportar regalos justo desde el panel de capas en tu proyecto para tu proyecto en esta clase, quiero que elijas un animal o alguna letras que te gustaría hacer mover. Al final de esta clase, vas a tener tu ilustración animada y lista para compartir. Y vas a estar listo para usar tus habilidades de animación de todo tipo de formas con tu ilustración. Vámonos 2. El boceto: De acuerdo, empecemos con nuestro boceto. Voy a usar la pantalla dividida en mi iPad para que pueda mirar procreate y la ventana de mi navegador al mismo tiempo para poder usar esta foto de referencia realmente linda que encontré de un gato . Lo primero que voy a hacer es bosquejar realmente flojo pero realista del dedo del pie como se ve este gato . Y luego voy a pasar a una capa y estilo diferentes, mira el boceto aún más para que pueda hacerlo como mi propia caricatura buscando gato para mí. Mis bocetos iniciales suelen ser bastante descuidados, y quería mostrarles la progresión desde el boceto inicial hasta el final porque realmente, el propósito de este boceto inicial es darme una especie de idea de las proporciones y mirar que soy yendo por prueba de error. Entonces ahora que tengo este tipo de boceto inicial hacia abajo, voy a tirar hacia abajo la opacidad de esa capa e iniciar una nueva capa y dibujar mi siguiente boceto de gato finalizado. - ¿De acuerdo ? El último que tenemos que hacer es cortar en pegar los ojos del gato en su propia capa porque esa es la parte del gato que quiero animar. De acuerdo, pasemos a agregar algo de color a nuestro gato. 3. Añade color: vamos a añadir algo de color a nuestro gato ahora. Y puedes hacer esto de tantas maneras diferentes, pero solo te voy a mostrar un poco de mi estilo y cómo me gusta agregar color a mis animaciones. Tiendo a usar apuros texturizados para hacer lavados y luego cortar formas y capas formas en formas en formas. Este va a ser bastante sencillo. Estoy recortando la forma básica de este gato y luego en esa misma capa, voy a utilizar mi herramienta de selección directa y seleccionar las pequeñas áreas donde quiero poner rayas. Y una vez seleccionadas todas esas pequeñas áreas, voy a entrar en mis ajustes y ajustar el color para que se vea un poco más oscuro y un poco más brillante para dar algún contraste. Y eventualmente voy a querer quitarme todo mi contorno negro oscuro. Pero ahora mismo lo voy a usar en una capa separada para darme una pequeña guía para donde quiero que todo mi color sea Siguiente. Voy a colorear los ojos, asegurándome de mantenerlos en una capa separada tanto el color del fondo como la forma de los ojos en los lugares donde sí quiero tener algún trabajo de línea. Simplemente voy a repasar algunas de estas líneas negras en una nueva capa con el color en el que preferiría que mi línea funcione, que es una especie de rosa más oscuro. - OK , ahora es el momento de empezar a asegurarnos de que todas nuestras capas se airen en su lugar para hacer el Jif. 4. Animar: Por lo que quiero animar los ojos de este gato para que parpadeen. Entonces lo primero que vamos a hacer es dibujar las diferentes versiones del I de abierto a cerrado, y las vamos a apilar todas en sus propias capas. El 1er 1 aquí va a estar un poco más cerrado que el yo original y puedes duplicar el primero lo doy la vuelta y lo muevo. Si quieres conseguir una simetría perfecta, entonces no emergerás esas capas juntas y cortarás la pupila del ojo, pegarla en su propia capa para que podamos duplicarla y poner una pupila en cada versión del I y repetiremos este proceso encendido y seguido hasta que tengamos probablemente seis o siete versiones del ojo de abierto a cerrar. De acuerdo, - Ahora que tenemos todas las diferentes versiones del yo listas, podemos seguir adelante y duplicar el cuerpo del gato una y otra vez hasta que cada versión de los ojos tenga su propio gato. De lo que me estoy dando cuenta aquí es que mi archivo tamaños tan grandes que me quedé sin capas potenciales. Entonces voy a hacer todo más pequeño y entrar en mi cultivo y re tamaño y redimensionar todo este lienzo para que pueda tener más capas disponibles para mí porque estamos haciendo un Jiff. Animación para la Web El tamaño del archivo que estaba usando era realmente mucho más grande de lo que necesitaba ser. Entonces ahora que tenemos muchas más capas disponibles para nosotros, podemos poner gato detrás de cada conjunto de ojos y fusionarlos todos juntos. Después de que terminemos de fusionar todos estos ojos individuales en su cuerpo individual de gato, podemos entrar en el menú de acciones, encontrar la pestaña de compartir y dar click en Animar el Jif. Aquí es donde podemos ver una vista previa de nuestra animación hasta el momento. Entonces vamos a pasar y asegurarnos de que tenemos todos estos gatos individuales etiquetados correctamente para que no nos confundamos realmente mientras intentamos dedo del pie, ponlos en el orden. Nosotros los queremos. Puedes volver a etiquetar cada capa haciendo clic una vez sobre ella mientras está seleccionada y eligiendo renombrar. Entonces ahora voy a duplicar un montón de la capa uno en la parte superior para que los gatos puedan permanecer abiertos un poco más. Pero en este adelanto. Estoy notando que el ojo del gato se abre un poco bruscamente, y es porque olvidé graduarme el ojo abriéndose de nuevo después de que se cierre. Entonces el orden que realmente quiero es para ir 123454321 y luego repetir esa capa una varias veces para conseguir que me quede abierto al final de la animación. Probemos eso. Sí, eso se ve muy bien. Por lo que los ojos del gato se abren y cierran bastante lentamente y luego se mantienen abiertos en la parte superior. Acabo de notar algo que probablemente ya notaste, que es que me olvidé de las rayas en la cabeza de este gato. Entonces voy a seguir adelante con la misma estrategia que usé antes y las hace rayas en una capa independiente que puedo duplicar y ponerme a todas las capas que ya he creado. Lleva un poco de tiempo, pero realmente creo que vale la pena. De acuerdo, - Tengo otra idea para una animación adicional para este gato. Creo que quiero que salga la cabeza lentamente desde el fondo de la pantalla, así que voy a seguir adelante y esconder todas las diferentes capas. Excepto el 1er 1 quiero que el gato suba su cabeza desde abajo con los ojos abiertos, así que voy a duplicar la primera capa y mover el duplicado hacia abajo alrededor de 1/2 pulgada. Entonces apagaré esa primera capa original. Eso es todo el camino aparecieron, y tomaré el duplicado, duplicaré eso y moveré el siguiente duplicado 1/2 pulgada hacia abajo. Seguiré haciendo eso hasta que tenga la capa final con el gato cayendo del fondo del plantel. Ten en cuenta que cuando animes un Jiff, lo descubrirás bastante rápido. Pero la animación comienza con la capa inferior en tu campus, y sube. Entonces ese es el orden apagado de cómo utiliza las capas como diferentes fotogramas para la animación. Ahora que tenemos todas nuestras capas completadas, entremos y volvamos a ver la vista previa de nuestra animación. Parece que la animación no está funcionando tan bien. Vuelve a salir y descubre que nos olvidamos de volver a encender la visibilidad de todas esas capas. Esto trae un consejo realmente bueno, que es que si tienes algunas capas extra que no quieres usar en tu Jif. Basta con ocultar la visibilidad de esa capa y no se incluirá en la Jif. Ahora nuestro avance lo está haciendo mucho mejor. Eso es realmente genial. A mí me gusta cómo sale el gato, parpadea los ojos una vez, y luego la animación vuelve a empezar de nuevo. Quiero volver a entrar y volver a etiquetar las capas del gato que van bajando al fondo del plantel con números negativos. Esto es solo una cosa organizativa que me gusta hacer por mis animaciones, para que si vuelvo a ellas un poco más tarde, pueda entender cómo lo construí, en caso de que quiera editarlo o hacer algo similar. Lo último que quiero hacer es duplicar todas las capas negativas y añadir esos duplicados a la parte superior para que la animación haga que el gato se levante lentamente desde la parte inferior del lienzo parpadee y luego poco a poco volver a bajar del campus. Este es uno de esos momentos en los que vas a estar muy agradecido de que te tomaras el tiempo de etiquetar cada capa individual porque, medida que añades más complejidad a la animación o cambias de opinión o vuelves a ella en unas semanas o meses Sin el recuerdo de cómo exactamente lo construiste, vas a ser capaz de averiguar qué está pasando porque lo etiquetaste muy bien. De acuerdo, echemos un vistazo a esta animación y veamos cómo se ve. Sí, eso me gusta mucho. El gato sube, parpadea poco a poco y luego vuelve a bajar poco a poco, y puedo exportar justo desde aquí y guardarlo en mi dispositivo, y está listo para compartir. 5. COMPARTIR: De acuerdo, Esta parte es realmente simple. Ve a Gylfi dot com y sube el Jif que acabas de crear y exportar desde apropiado . Ni siquiera necesitas tener una cuenta con Jiffy para usar este recurso. Tú y tú también puedes poner tu sitio web como fuente. Estás fuera de esa manera. Si alguien encuentra tu animación o Jif, todos saben quién te hizo algunas etiquetas para que otras personas puedan encontrarla y usarla si quieres . Y desde aquí, puedes optar por compartir el Jif y usarlo en tus mensajes de texto o en la Web. Y también podrías tenerlo por correo electrónico un archivo de película para que puedas compartirlo en Instagram. Porque instagram en este punto no apoya los regalos. A mí me gusta mucho convertir mis cosas en películas, porque entonces también lo puedo tirar en remolque. Soy de cine y agrego efectos de sonido también. Um, que hice con este Jeff sólo por diversión de ello. Um y se puede ver en mi feed de instagram en Rebecca son como 6. Extra: movimiento en Procreate: Por lo que quería mostrarles este pequeño video bonus sobre cómo hacer animaciones de archivo de película stop motion con procreate. Um, como que debatí si quería o no hacer un video sobre esto en absoluto, porque ahora que procreate tiene la opción de exportar Jeffs, estaba tratando de averiguar si incluso es valioso que la gente sepa hacer esto. Pero en realidad sigo pensando que es porque a veces cuando se quiere hacer una animación corta, esta es una forma perfecta de hacerlo. Um, solo en procreate para que no estés teniendo que usar sitios web o APs externos para crear tu lapse de tiempo para que tu animación te muestre cómo funciona esto en procreate. Solo estoy haciendo un avión realmente sencillo que voy a tener una especie de ir por una pista y luego despegar. Y una vez que tenga dibujado el avión inicial, simplemente voy a duplicar esa capa con todo el avión sobre él, y cada cuadro va a tener el avión movido hacia adelante y luego hacia arriba un poco a vez tan parecido a hacer el Jif que hicimos antes de que tengas cada movimiento en su propio marco para que cuando esos cuadros se junten, tu va a ser una animación de stop motion. Entonces cuando miramos el adelanto del Jif para esta animación, podemos ver que el avión está funcionando totalmente. Está bajando por la pista y luego va subiendo al aire, y cambié un poco la velocidad de fotogramas para que fuera un poco más rápido. Ahora viene la parte que es un poco diferente a cómo exportamos Jeffs derecho de procreate. Esta vez quiero usar la captura de lapso de tiempo que está incorporada para procrear, para tomar el lapso de tiempo y hacer que parezca una película de stop motion. Entonces lo que quiero que hagas es crear una nueva capa en la parte inferior de tus capas que esté en blanco y seleccionar el color blanco, y lo que vamos a hacer es mostrar ese primer fotograma del avión y luego hacer alrededor de 6 a 10 trazos de blanco en esa capa. Eso está debajo de todo para que no veamos ninguno de los trazos de pintura. Vamos a seguir haciendo esto entre cada capa mostrando la siguiente capa ocultando la capa anterior y haciendo de 6 a 10 trazos y luego mostrando la siguiente capa ocultando la anterior más adelante haciendo de 6 a 10 trazos. Y así es como vamos a conseguir la captura de lapso de tiempo para capturarla como una animación de stop motion . El motivo por el que estamos haciendo esto es porque la forma en que el lapso de tiempo captura, funciona y procrea es que captura cada trazo individual de tu pincel. Por lo que tienes que hacer pinceladas individuales entre cada movimiento de fotograma para que ponga un poco de tiempo entre cada fotograma que quieras enjugar. De acuerdo, estamos llegando al final de hacer que todos nuestros marcos sean completos. Entonces lo que haremos es subir a la llave inglesa a la barra de herramientas de acciones, encontrar el botón de video y ver la repetición de lapso de tiempo. Y puedes usar el dedo arrastrándolo por la pantalla, izquierda y derecha para ver la repetición de lapso de tiempo a tu propia velocidad. A mí me gusta la forma en que se ve, así que voy a exportarlo como video de larga duración, mantenerlo en mi dispositivo, y luego voy a volver a salir y entrar a mi película y golpear el signo más y cine click pelicula y luego encontrar ese lapso de tiempo repetición dentro del hit de biblioteca Crear película, y ahí es donde encontraré el lapso de tiempo. Ahora tocamos película. Lo que voy a hacer es frenar la película para que pueda encontrar fácilmente el lugar adecuado para cortar ese video y borrar la mitad delantera que no incluye al avión avanzando y luego despegando. Voy a empujar play y ver esto ir y asegurarme de que esté haciendo exactamente lo que quería hacer . Y entonces lo que voy a hacer es ir a la velocidad y acelerarla de nuevo a la velocidad que quiero que vaya el avión. Y creo que probablemente aceleraré eso un poco más solo para que sea interesante. Se parece más o menos a un Jiff, pero va a ser un archivo de película para que pueda compartirlo en instagram y en cualquier lugar donde puedas compartir videos. Lo genial de mi película es que tienen toda esta biblioteca llena de efectos de sonido y música temática que puedes usar, y voy a elegir el sonido jet porque es un poco apropiado para esto y poner eso ahí justo sobre el video y luego exportar esto para compartir exportando en mis películas. Tesis de hit bastante simple entra botón de compartir. Se trata de un cuadrado con una pequeña flecha, y luego puedes elegir en dónde quieres guardarlo y la calidad del video. Se tarda solo unos minutos y tienes tu pequeño archivo de video listo para salir. Echémoslo aquí. Y mi pequeño hack por usar la relación de aspecto 16 por nueve para video en Instagram es que guardo todo lo que quiero mostrar en Instagram justo en el centro de la pantalla. Entonces este pequeño video, cuando voy a compartirlo en Instagram encaja perfectamente en esa plaza. 7. TU PROYECTO: gracias por acompañarme hoy. No puedo esperar a ver los proyectos que creas, y espero que los compartas en nuestra sección de proyectos. Por favor también deje comentarios o preguntas, cualquier cosa de la que pudiera querer hablar. Es un lugar realmente genial para que los artistas se reúnan y se inspiren y se ayuden unos a otros. Además, si compartes tu creación en redes sociales, los Hashtags son clase con Becca para que pueda ver lo que hiciste ahí y promocionarte por mi cuenta. Feed de Instagram. Nos vemos en la siguiente clase.