Animación en Procreate para principiantes: crea tus propios GIF y pegatinas

1. Avance de la clase: ¿Conoces ese sentimiento? A veces estás buscando el GIF adecuado pero simplemente no encuentras algo que se ajuste a tu estado de ánimo. Ya no. Hoy aprenderás de mí a animar tus propios GIF animados en Procreate. Hola y bienvenidos. Mi nombre es Vera. Trabajo como artista freelance en Hamburgo y he estado enseñando en Skillshare desde 2019. Mi obra está llena de pequeñas historias. Estos suelen estar inspirados en las aventuras que viví como obrero o en otros juegos de rol y me encanta cómo me ayudaron a conectarme con los demás. En esta clase, quiero ayudarte a expresarte con pequeños GIFs y stickers. No sólo en redes sociales, sino también en mensajes privados. Con mi guía, generarás un par de ideas que transferirás a bocetos y luego a conceptos finales para un montón de pegatinas de reacción animadas. Para adaptarlas exactamente a tu gusto, te inspiraré con algunos ejemplos diferentes para ayudarte a entender lo que es posible. Nunca deberías haber animado antes? No se asuste. Eso también es algo que hoy vas a aprender. Para el proyecto de clase, recopilarás todos tus pasos desde primera idea hasta la animación final. Es genial ver cómo un par de garabatos aleatorios se convierten en algo conmovedor. Te prometo que no sólo tu obra más perfecta será apreciada. No. Todos queremos ver los pasos inacabados intermedios y tal vez no tan perfectos como imaginabas la animación. Estas cosas son súper inspiradoras para tus compañeros y para mí. También puedes recopilar algunos comentarios y elogiar un largo camino, lo que a cambio te motivará. Si eres artista y te gustan los GIF y pegatinas, entonces esta clase podría ser lo correcto para ti. Como mencioné, no necesitas ninguna experiencia previa con la animación. Lo único importante es que necesitarás un iPad con Procreate porque el proceso se muestra y se adapta a este medio. Además de eso, todos son bienvenidos. No importa si eres un artista principiante o avanzado, todos podrán quitarle algo a esta clase y ampliar su horizonte. Al final de la clase, no solo habrás convertido muchas grandes ideas en pequeños GIF animados, también habrás aprendido muchas cosas que te quedarán en tu camino como artista. Así que toma tu iPad y comencemos. 2. Proyecto de clase: [MÚSICA] ¿Estás listo? En esta clase, estarás creando tus propias animaciones de bolsillo. Puedes presentar tus ideas e iteraciones en tu proyecto de clase. Personalmente disfruto usando pequeños GIFs y stickers para expresarme, pero muy a menudo me falta algo específico o algo que se ajuste a mi identidad visual. Decidí aprender a hacer mis propias pequeñas animaciones que pueda usar en las redes sociales, y como estoy asumiendo que otros podrían sentir lo mismo, quiero que este sea el proyecto de clase. No necesitas ningún conocimiento previo sobre animación, pero un poco de experiencia con dibujo es, por supuesto, una ventaja, pero no es imprescindible. Necesitas un iPad, lápiz Apple y Procreate. Puedes comprar esta app por alrededor de 10 dólares en la App Store. He vinculado su página en la descripción. Antes de saltar al tema, obtendrás una introducción a Procreate. Además, un poco de información sobre la animación 2D y cómo funciona, así como algunas especificaciones técnicas que necesitas saber cuando estás creando GIF para tu proyecto de clase. Para despertar tu creatividad, haremos una sesión de lluvia de ideas y recopilaremos ideas para tus pegatinas. En el siguiente paso, harás bocetos de esas ideas y luego llegaremos a los trozos jugosos. Te mostraré un puñado de diferentes tipos de animación y cómo me acerco a ellos, para que luego puedas elegirlos y aplicarlos a tus propias ideas. Al final de esta clase, habrás creado al menos cinco animaciones diferentes y también sabrás exactamente cómo puedes usarlas en Instagram, por ejemplo. Creé esta clase para que especialmente adecuada para principiantes, porque personalmente estuve muy intimidado por animación desde hace bastante tiempo. Espero poder quitarle este miedo. Entonces, está en sus propias manos compartir su proceso con nosotros para sentirse realizado después de esta clase. Puedes subir todos y cada uno de los pasos intermedios a la galería para que podamos ver tu proceso y tu progreso. Estoy aquí para apoyarte en el camino, y estoy muy emocionado de ver tu proyecto y el de tus compañeros de estudios. Por favor, no te olvides de divertirte. [MÚSICA] 3. Introducción a Procreate: Antes de que realmente podamos empezar, quiero darte una introducción a la aplicación que siempre puedas entender exactamente lo que estoy haciendo. Si ya estás familiarizado con Procreate, genial. Seguiré revisando todas las características básicas básicas que serán relevantes en este curso así que todos estamos en la misma página. Así es como se ve Procreate cuando lo abres. En la galería aquí, puedes ver la vista previa de todos tus proyectos o las obras preinstaladas si tienes recién instalada la app. En la parte superior derecha verás diferentes opciones todas las cuales iniciarán un nuevo proyecto. Empecemos con un documento vacío. Toca el plus. En el menú que ahora aparece, puedes elegir presets. Para mí hay algunos más porque a lo largo del tiempo he guardado otros nuevos. El tamaño del Lienzo no es tan relevante para las pruebas ahora, puedes simplemente elegir el de arriba o como yo crear un nuevo Lienzo tocando este botón en la parte superior. Puedes establecer cualquier talla aquí. Me gusta empezar con un formato cuadrado. más píxeles tenga tu Canvas, menos capas podrás usar. Desafortunadamente, esto es algo limitado en el iPad y también varía dependiendo del modelo en el que estés trabajando. Como hoy quiero crear algo para uso digital, me aseguraré de que el perfil de color esté configurado en RGB. Este tipo de perfil permite el espectro completo de colores que el iPad y cualquier otra pantalla pueden mostrar. CMYK se utiliza para las cosas que se van a imprimir más tarde. En consecuencia, los colores son algo más limitados. Así que ten cuidado porque si has creado un archivo en uno de los dos espacios de color, ya no se puede cambiar más tarde, solo puedes cambiar el perfil dentro del espacio de color RGB o CMYK. Puedes dejar el resto de los presets a la izquierda tal como están. Ahora estamos en el documento y tenemos nuestro Canvas listo. Puedes hacer zoom pellizcando dos dedos juntos. Las funciones más importantes se pueden encontrar en la barra de menú en la parte superior y en el borde de la pantalla. Aquí es donde vuelves a la galería. La llave te muestra diversas acciones y ajustes. Puedes usar el mágico para hacer ajustes que traten con colores, efectos y nitidez, entre otras cosas. Esta cosa del símbolo del bucle de hélice S aquí es la herramienta de selección y la flecha es la herramienta de transformación. También encontrarás pinceles, dedos manchados y gomas de borrar a la derecha y por supuesto, el menú de capas y los colores. Estos deslizadores están a la izquierda para mí porque soy diestro pero claro que si dibujas con tu mano izquierda, puedes cambiar eso. El deslizador superior cambia el tamaño de la herramienta con la que estás trabajando y la parte inferior cambia su opacidad. Lo que creo que es particularmente genial es que puedes establecer tus ajustes utilizados consistentemente para ambos con un plus aquí para que puedas encontrarlos de nuevo rápidamente. No estoy seguro de si esto es posible solo con los presets originales, pero probablemente me veas haciendo esto también. Un deslizamiento de tres dedos de arriba a abajo abre el menú de copiar y pegar. Un toque con un dedo abre el menú rápido para mí. Puedes encontrar controles de gestos bajo llave y ajustes y personalizar todo lo que hay a tu gusto. También el toque de dos dedos deshace un paso y el toque de tres dedos rehace un paso deshecho. Por último, te mostraré cómo preparar tu archivo para la animación. Golpea esa llave y luego Canvas. Allí encontrarás un botón deslizante para la asistencia de animación. Cuando está encendida, la barra de animación aparece en la parte inferior de la pantalla. Explicaré exactamente qué hacemos con él en la siguiente lección. [MÚSICA] 4. Animación 101: [MÚSICA] Nuestro archivo está listo para animarse en. Pero, ¿qué es exactamente la animación? Llamamos animación a cualquier cosa que cree la ilusión de movimiento en un medio visual. dibujos individuales en los que algo cambia de imagen a imagen se reproducen en una rápida sucesión, y nuestro cerebro interpreta estos cambios como movimiento. Esto funciona mejor cuando el número de fotogramas mostrados es superior a 10 por segundo. Todo por debajo que aún puede ser reconocido por nuestros ojos como imágenes únicas y así hacer que la ilusión sea menos convincente. Verifiquemos a qué velocidad de fotogramas está configurado nuestro archivo. Para hacer esto, toca Configuración en la barra de animación en la parte inferior. El menú aquí te muestra diferentes aspectos de tu archivo. En la parte superior, puede seleccionar el tipo de reproducción. Infinito es, creo, autoexplicativo. La animación se reproduce de principio a fin una y otra vez hasta que la detienes. El ping-pong lo jugará de principio a fin, y luego de principio a principio, y así sucesivamente. One Shot reproduce la animación una vez y luego la detiene. A continuación, verá un control deslizante para los fotogramas por segundo. Esto va desde una imagen, o fotograma por segundo, hasta 60. Todavía no necesitas los otros ajustes. Voy a llegar a eso más tarde. Siempre puedes cambiar la velocidad de fotogramas mientras trabajas en tu animación. Ten en cuenta que cuanto mayor sea la velocidad de fotogramas, más rápido se reproducirá la animación y más dibujos tendrás que hacer. Siempre es un equilibrio entre, esto se ve súper suave y genial, y ****, ¿por qué me puse tanto trabajo? Me gusta comenzar con una velocidad de fotogramas de 12, y a veces en el proceso, encuentro que otras podrían funcionar mejor. Eso está totalmente bien. La animación es un proceso de aprendizaje constante, y con el tiempo obtendrás un mejor sentido y comprensión de estas sutilezas. Ahora, deberías tener una comprensión básica de la animación y cómo funciona. En la siguiente lección, veremos las condiciones marco que son importantes para nuestro proyecto de clase planificado. [MÚSICA] 5. Condiciones marco: [MÚSICA] Para el proyecto de clase, el objetivo es animar un puñado de regalos personales que puedas usar como reacciones. No obstante, me gustaría no sólo poder utilizarlos en mensajes privados, sino también utilizarlos en Instagram, por ejemplo, y compartirlos con otros. Aquí está la dificultad, estas animaciones se verán principalmente en la pantalla de un celular. Esto significa que no son particularmente grandes y deben funcionar bien y permanecer legibles en tamaño correspondientemente pequeño. puede leer no sólo en el sentido de si hay escritura en él, legible en el sentido de que le eches un vistazo y reconoces lo que es sin tener que concentrarte en él durante media hora. Eso no suena particularmente dramático. Pero el hecho es que en realidad es mucho más difícil presentar algo reducido y demasiado sobrecargado con más bling, bling e información visual. Aquí hay algunos consejos sobre cómo mantener su diseño legible. Las formas de tu animación deben ser claras y simples. Si miras este ejemplo, puedes ver que se ve bonito y grande. Uno reconoce todo, puede diferenciar las formas y leer bien el movimiento. Pero en cuanto lo miramos en pequeño, se convierte en una masa marrón y ya no se puede decir lo que está pasando. Entonces, ¿qué puedes hacer? Traté de reducir las curvas y rayas. Cuantos menos puntos de inflexión tenga la forma, más claro y simple es el diseño, más fácil es reconocer incluso a pequeña escala. Después de todo, puedes ver todos los detalles de todos modos así que ¿por qué no hacerlo más fácil para ti y tus ojos? No estoy diciendo que los detalles sean estúpidos, solo que no hacen mucho bien para este propósito. La coloración de los elementos individuales cae en un patrón similar. Cuanto más diferentes sean los colores de las formas, más fácil es reconocerlas. Eso no quiere decir que no debas combinar colores armoniosos. Solo ten en cuenta que cada tonalidad tiene un valor de brillo y cuanto más diferentes sean, mejor se podrá ver el contraste. Puedes usar esto de una manera muy específica y usar el contraste para enfocarte en ciertas cosas y empujar a otras más al fondo emparejando colores similares. Para recapitular, tomar decisiones conscientes y elegir las formas y colores con cuidado. Cuanto más simple puedas comunicar tu idea, más fácil será ver en pequeño y trabajar con contraste en colores para apoyar tu diseño. Ahora, puedes agarrar tu bolígrafo y papel o tu iPad porque el siguiente paso es la lluvia de ideas. [MÚSICA] 6. Tu lluvia de cerebros: [MÚSICA] Ahora, comencemos. Hagamos una lluvia de ideas juntos y escribamos exactamente lo que queremos hacer para los gifs animados. Por supuesto, eres bienvenido a usar mis ideas y hacer tu propia variación de ellas en el proceso. Entonces, me gustaría invitarle a que haga su propio mismo. Aquí hay algunas preguntas para ti que pueden ayudarte a descubrir y definir tu propia voz creativa. También puedes encontrarlos como hoja de trabajo en los recursos. Empecemos con lo que sabemos. ¿Qué tipos de regalos son tus favoritos para usar? ¿Son cuadros pequeños con criaturas o animales, tal vez burbujas de habla, flechas, garabatos, confeti, o qué es exactamente lo que te perdiste? Ahora es la oportunidad de llenar esos vacíos. Solo anota todo lo que te venga a la mente. Siguiente pregunta, ¿qué declaraciones quieres hacer con tus animaciones? ¿Hay pensamientos específicos que me vienen a la mente? Declaraciones que generalmente quieres hacer con más frecuencia, pero para las que simplemente nunca encontraste exactamente lo correcto? Un regalo que dice, oye, me gustas, pero eres muy molesto. No estoy aquí para juzgarte solo escríbelo. ¿Hay cierta vibra que te gustaría irradiar? ¿Eres más gótico, o floral y colorido, lindo y tierno, o totalmente raro y desordenado? Toma notas de la manera que tenga más sentido para ti. A lo mejor las ideas concretas para los diseños ya están cristalizando en tu cabeza, o incluso las has escrito. En el siguiente paso, definiremos estas ideas con más detalle y haremos bocetos para ellas. [MÚSICA] 7. Boceta tus ideas: Si ya tuviste ideas súper concretas en la lección anterior, genial. Te voy a mostrar cómo me acerco a mis ideas ahora. Pero en realidad antes de hacer eso, te diré algo que podría ser relevante para ti también. Como planeo usar estas animaciones en mis historias en Instagram, por ejemplo, y hacerlas accesibles a otros, me gustaría poder acceder a ellas dentro de la aplicación a través de los stickers GIF. Para ello, deben ser subidos a giphy.com. También debes tener una cuenta oficial de artista verificada en Giphy para que se pueda acceder a ellos, pero eso es realmente muy fácil. Puedes encontrar el enlace a la misma en los recursos. Lo más importante para verificar tu cuenta es que debes tener al menos cinco GIFs en tu perfil. Si tienes metas similares a las mías, sería genial si abordaras cinco ideas diferentes. Volver al tema. Estos otros diseños me gustaría desarrollar. Hago algunos bocetos y notas que me hacen darme cuenta de cuál era mi idea. Porque a veces tiendo a olvidar algo así en el proceso. Estos bocetos empiezan muy rudamente para mí, no muy bonitos, pero sirven a su propósito. Por favor recuerda que mi forma de trabajar no es la non plus ultra. A lo mejor tus bocetos ya parecían obras de arte terminadas o ¿ siempre quieres esbozar tantas variaciones diferentes como sea posible o todo lo contrario? El primer borrador que se toma. ¿A lo mejor trabajas en color desde el inicio? Sea cual sea tu proceso, es importante que trabajes de la manera que más te convenga. Puedo dividir fácilmente mis diseños en categorías. Texto, sin texto y animación hirviendo, animación en movimiento. Claro, todo se mueve, pero me faltan mejores palabras. En las próximas lecciones abordaré los borradores de manera visual y te mostraré la implementación en detalle. Eso debería hacer que esas vagas categorías un poco más claras y, por supuesto, también ayudarte a crear tus propias animaciones. Por cierto, no hace daño simplemente recolectar pegatinas que te gusten como material de referencia. Esta es la mejor manera de ver qué ejemplos existen, qué funciona bien y qué no. Recuerda presentar tus bocetos y notas en el proyecto de clase para que podamos participar en tu proceso, y luego comenzaremos a animar en el siguiente video. [MÚSICA] 8. Animación del texto: [MÚSICA] Hemos completado nuestros preparativos y es hora de pasar a las animaciones reales. En esta lección, te mostraré diferentes formas de hacer que los textos se muevan. Prepara tu iPad y Procreate y si quieres, también puedes descargar mis archivos de muestra para esta y las siguientes lecciones. De esta manera puedes echarles un vistazo de cerca en Procreate y tal vez entender mejor lo que estoy haciendo exactamente. La primera técnica de animación quiero mostrarte una sencilla pero efectiva. A este estilo lo llamo animación de cocina, porque se parece un poco a burbujear agua en una olla. Escuché por primera vez este término de Michael Ralph, crédito para él asegúrate de revisar su gran vínculo de trabajo en los recursos. Para una animación de cocina, dibujas exactamente los mismos elementos, o letras en este caso, en la misma posición exacta para un puñado de fotogramas consecutivos. Repite esto por al menos cuatro fotogramas y listo. Como puede ser un poco complicado saltar de un lado a otro entre las imágenes todo el tiempo, recomiendo usar los ajustes de piel de cebolla. Además de la imagen en la que estás trabajando actualmente, la piel de cebolla también te muestra las imágenes antes y después de ellas como marcos de fantasmas. Puedes usar la configuración en la parte inferior de la barra de animación para establecer cuántos deberían ser. Yo principalmente uso uno, o dos y establecí la opacidad en 40-60 por ciento. Puedes agregar variación de grado a tu animación de cocina con el pincel que uses. Por ejemplo, si el pincel tiene mucha textura en él, entonces tu trazo variará más, y el movimiento simulado en las letras tendrá más impacto. Puedes elegir con qué cuidado, o tambaleante quieres que sean tus trazos. Más cuidado hace que el efecto sea más sutil, menos cuidado lo hace más notorio. Por supuesto, puedes llenar tantos fotogramas como quieras. Yo solo recomendaría no usar menos de cuatro, solo se ve un poco más interesante. También se puede jugar con los colores. Haz que las letras intercambien colores, o envía tu texto completo al arcoíris. Ponte creativo y solo pruébalo. No tienes nada que perder. Recuerda ver la animación en formato muy pequeño durante el proceso. De esta manera, podrás comprobar para ver cómo se verá más adelante. Lo mejor es hacer una pausa aquí y tomar cinco minutos para animar tu primer texto en Procreate. Sólo pruébalo. De lo contrario, continuemos enseguida. A continuación, te mostraré cómo hacer crecer tu texto letra por letra. Te recomiendo que escribas el texto una vez para que sepas cómo debería quedar al final. Es posible que ya lo hayas hecho en tu paso anterior. Entonces solo puedes importarlo. Una vez que sabes en lo que estás trabajando, esta animación es más fácil de abordar. Para que el boceto no te moleste mientras animas, que todavía lo veas siempre, puedes definirlo como un dibujo de fondo. Para ello, la capa debe estar en la parte inferior del menú de capas, así que justo encima de la capa de color de fondo. Esto hará que aparezca como el primer fotograma en la barra de abajo. Toca en él para abrir las Opciones de Marco y habilitar el fondo. Si te desplazas por los marcos ahora, el boceto permanecerá siempre visible y tampoco cambiará a través de los ajustes de piel de cebolla. Quiero que la escritura aparezca poco a poco. Si estás súper estructurado, puedes crear marcos en preparación en los que se agrega una letra una tras otra. Esos son los momentos clave de la animación. Ahora empieza en un marco vacío antes de la primera letra completa. La animación no debería tardar demasiado cuando esté en su lugar y dependiendo de la velocidad de fotogramas en la que estés trabajando, tendrás más o menos fotogramas disponibles. Solo sugiero que comencemos con tres pasos para cada letra entre ninguno y letra completa. Además, deje un fotograma vacío antes la primera letra para insertar una pequeña pausa en la animación. En el primer fotograma, solo vemos un punto o algunos guiones ligeros. En el segundo fotograma, la letra crece un poco más claramente, pero sólo es medio visible. En el tercer cuadro, está casi completamente ahí, pero no del todo. El siguiente fotograma debería ser ahora la letra terminada previamente dibujada. Por cada letra siguiente haces exactamente lo mismo con la diferencia de que todas las letras que ya han crecido también están ya en el marco. Puedes elegir copiar y pegar la letra terminada una a la vez. Esto lo mantendrá un poco rígido después del crecimiento, o redibujas la letra a tamaño completo para cada fotograma como en la animación de ebullición. De nuevo, puedes jugar con la limpieza de los trazos tanto como quieras, y además eres completamente libre de diseñar la forma en que aparecen las letras. Espero ver tus ideas en la galería de proyectos. En la siguiente lección, aplicaremos lo que hemos aprendido a formas abstractas. [MÚSICA] 9. Animación de formas: ¿Quizás no incluyste ningún texto en tus ideas? Bueno, no te preocupes. Eso realmente no importa. espero que sigas Aunque espero que sigas prestando atención a la lección anterior. Lo que has aprendido ahí también se puede aplicar a lo no textual. Déjame mostrarte cómo, e incluso tengo algunos consejos y trucos extra para ti. Sé que es un poco cursi, pero me gustan los corazones y las estrellas y cosas así. Querido con ello. Si ese no es tu estilo, puedes usar cualquier otra forma que te guste; triángulos, calaveras, no sé lo que te gusta. Esta animación crecerá múltiples formas y luego estallará como pompas de jabón. Empiezo de nuevo con un dibujo básico y lo pongo como fondo. No quiero que todos los tres corazones crezcan al mismo tiempo, sino que se superpongan, por así decirlo. Entonces el siguiente empieza a aparecer antes de que el anterior esté completamente ahí. El proceso inicia en la parte inferior y sube. Empiezo con un marco vacío, que permanece vacío, y luego empiezo en un nuevo marco vacío con un pequeño punto en él. Puede que tenga un poco de forma de corazón, pero dado el tamaño, eso realmente no importará. Ahora a tres fotogramas más, el último muestra la forma en su tamaño final. También en el marco dos de corazón uno empiezo el siguiente corazón de la misma manera. Pero espera. En ocasiones hay que corregir las posiciones en el proceso o hacer otros cambios. Esto también funciona aunque todo suceda en el mismo fotograma en la misma capa, pero es más fácil cambiar accidentalmente algo que ya era bueno. Por eso a veces es bueno tener diferentes elementos en diferentes capas. Sin embargo, las capas son actualmente equivalentes a los marcos. Si agregas una nueva capa aquí en el menú, aparecerá un nuevo marco en la barra de abajo. Sin embargo, puede combinar varias capas en un solo fotograma. Seleccione las capas deslizando de izquierda a derecha. Las capas ahora aparecen con un resaltado azul. También aparece un nuevo botón en la parte superior del menú; Gruppe. Toca sobre él y tus capas se moverán a una subcarpeta. Al mismo tiempo, estos dos fotogramas se combinan en uno solo. De vuelta a los corazones. Acababa de comenzar el segundo corazón en medio de la animación del primero. También con la técnica de capas y grupos, ahora podría cambiar de opinión fácilmente sobre el tiempo y mover el corazón dos capas en los grupos para que esta animación comience al mismo tiempo que la primera o enmarcar después, o tal vez dos. Para mover capas, todo lo que tienes que hacer es mantenerlas presionadas por un momento y luego puedes soltarlas en un nuevo lugar en el menú de capas. Ahora tengo mis tres corazones. Ya que quiero que los tres sean vistos al mismo tiempo. Me quedé con la primera y segunda cocción. A continuación, deberían estallar y una vez más, una tras otra. No todos al mismo tiempo. Estructuralmente, lo abordo de la misma manera que antes. Empiezo con Heart 1 y dejo que crezca un poco. En el siguiente fotograma , casi estalla. ¿Conoces estos videos a cámara lenta de explosión de bombas de agua? La forma persiste durante una fracción de segundo antes de que la gravedad tome el control. Yo no soy científico. Sólo espero que sepas a lo que me refiero. Sólo quiero decir que sigo dejando ahí la forma de un corazón, pero un poco grueso. Como si estallara. En el siguiente fotograma, las sobras se están dispersando, y en lo siguiente casi se han ido. Cuanto más amplia se vea la brecha entre las posiciones de los trozos, más rápido se sentirá al jugar. Se puede memorizar esto en general. Mayor distancia; movimiento rápido, menor distancia; movimiento lento, porque se necesitan más fotogramas para mover algo solo un poquito por fotograma que cuando hay un gran cambio en cada fotograma. También aplico este proceso a los otros dos corazones hasta que se revienten todos, y tengo una animación terminada. Ta-da. Sigo revisando durante el proceso para ver cómo se ve en pequeña escala, menos es más. Espero ver su progreso en la galería del proyecto. La siguiente lección será un poco más compleja. Pero no te preocupes, ya aprendiste las cosas más importantes. [MÚSICA] 10. Animaciones más complejas: [MÚSICA] En esta lección, abordaremos animaciones que cuentan una pequeña historia. En esto, me enfoco en una respuesta emocional específica para ser comunicada. Pero trataré de darte una comprensión general de los elementos técnicos para que los puedas aplicar a tus propias animaciones. Como antes, empiezo con un boceto que puse en el fondo. Esto muestra las poses clave más importantes para la animación. La transición entre las poses es , por supuesto, particularmente importante. Esto es lo que cuenta la historia. Si representas el movimiento de un cuerpo de A a B, entonces generalmente describe un arco que puede ser plano o ancho. Lo importante es que no conectes A y B con línea recta. Esto puede funcionar en casos excepcionales, pero en la mayoría de los casos perturbaría la ilusión. Empecé mi animación con la primera pose. Para la implementación. Elegí un pincel grueso con trazos fuertes. Esto me recuerda mantener la animación simple, para mantenerla legible en pequeño para. Dependiendo de lo que estés animando y cuál sea tu estilo, mira tu diseño y pregúntate si hay algo que puedas reducir para obtener resultados más legibles y menos trabajo para usted mismo. Pero no te preocupes, siempre puedes cambiar las cosas en el medio. Nunca es demasiado tarde. Ahora puedo trabajar fotograma a fotograma porque he establecido los bocetos para la primera y última pose más importante. Sé en lo que estoy trabajando. En algunos casos, sin embargo, puede tener más sentido definir primero la pose de transición crítica también, y luego saltar de un lado a otro entre partes de la animación. Este proceso garantiza formas, masas y puntos de conexión consistentes en su diseño. Porque estas cosas juegan un papel en la verosimilitud de la animación. Básicamente convencer al cerebro del espectador de que en realidad es un movimiento y no sólo dibujos individuales. Ya que eso es un poco más complejo, te voy a mostrar cómo lo hago. Si quieres conectar dos poses con una imagen intermedia, necesitas encontrar el medio entre el dibujo A y el dibujo B. Esto puede ser complicado a veces. Recuerda usar las capas de cebolla o la animación de diapositivas ida y vuelta para ver los fotogramas como movimiento y contexto. No mires todo el dibujo a la vez. A menudo, hay elementos individuales que cambian independientemente unos de otros. Tómese el tiempo para entender cómo se moverán las cosas a través espacio dimensional y recuerde siempre los arcos del movimiento. La animación requiere práctica, así que no te frustres si no resulta la manera que quieres en el primer intento. Con algunos elementos, en realidad se puede ver bastante facilidad cómo cambian de A a B y si se superponen y puede ser bastante fácil encontrar el centro ahí y dibujarlo. Como pueden ver, hay un gran movimiento unidireccional pensado en mi obra de arte. Para que no se vea demasiado rígido y mecánico, le puse una llamada anticipación delante de ella. Se trata de un movimiento contrario diseñado para acumular energía para mover el cuerpo en la dirección opuesta. Como doblar las rodillas antes de saltar o tirar de los brazos hacia atrás. Cuando lanzas algo. Agrega una chispa de realidad al movimiento y le da a todo un poco más de jugosidad. El resto de mi animación la llena de poses que cierran la brecha a la posición final. Cuántos debe haber está a su propio criterio y depende de la naturaleza de su idea. Solo puedo recomendar que juegues la animación de vez en cuando para tener una idea de si satisface tus necesidades y ajustar la velocidad de fotogramas si es necesario. Siempre puede desactivar o eliminar marcos, agregar nuevos marcos y modificar los existentes. Si tu animación de pegatina es compleja, movimiento tridimensional o un poco más gráfica y plana. Siempre puedes darle vida exagerando el cambio. Si se aplasta una forma, simplemente aplasta un poco más. Si un movimiento describe un arco, hazlo más grande. Sostenga poses para uno o dos fotogramas más largos para darle al espectador tiempo para entender lo que está sucediendo y si el movimiento es rápido, hágalo realmente rápido. Pero también romper las reglas. Digamos, que han tenido solo porque reclamas algo no significa que sea verdad. Lo intentaré todo yo mismo. [Risas] Porque no hay una manera correcta de expresarte, tu experiencia, tu estilo, la forma en que dibujas animate son únicas, deberías celebrarlo. Dependiendo de cómo te acerques a la animación, ahora puedes darle color. Utilice la función de marco de grupo para poner color detrás de cada línea y capa nueva. O usa la gota de color para rellenar tus líneas en la misma capa. Cuando deslizas de izquierda a derecha sobre una capa con dos dedos, activas el Bloqueo Alfa fuera del contenido. Con esto puesto, puedes pintar fácilmente sobre partes o todas tus líneas. Espero que todo eso haya sido comprensible. Pero si tienes alguna duda, puedes hacerlas en tu proyecto o puedes abrir una nueva discusión en el curso. Veo y leo todas tus publicaciones, así que no dudes en contactarme. Si compartes tu proceso, te puedo dar comentarios y podría ahorrarte mucha frustración. [MÚSICA] A continuación, te mostraré cómo preparar tus archivos para la exportación y cómo guardarlos como regalo. [MÚSICA] 11. Exporte animaciones: Como mencioné antes, quiero usar mis GIFs en redes sociales. Por lo tanto, las animaciones deben cumplir ciertas condiciones marco. Te guiaré a través de las condiciones que hay que cumplir para Giphy.com. Este es el sitio web al que Instagram, por ejemplo, accede si quieres usar stickers animados. Otros sitios pueden tener términos diferentes, así que siempre revise las guías cuidadosamente. Por lo que tenemos que cumplir con las siguientes condiciones antes de iniciar la exportación. Las pegatinas necesitan moverse. Necesitas al menos dos fotogramas pero estos dos fotogramas son realmente suficientes. Las pegatinas deben tener un fondo transparente. Podemos asegurar esto fácilmente desactivando el color de fondo. Si puedes ver el patrón de cuadrícula en tu archivo, entonces eso es correcto. En el primer marco, al menos el 20 por ciento del área debe ser transparente. Si has implementado ideas similares a las mías, eso no debería ser un problema en absoluto, de lo contrario, agrega un nuevo marco al principio y mira cuál es la mejor manera de cumplir con este requisito. La reproducción debe establecerse en infinito. Si tu animación se basa en ping-pong, puedes duplicar cada fotograma y organizarlos en orden inverso al final. Un poco complicado pero no un factor de trato. No estoy 100 por ciento seguro de si eso es necesario o si la configuración del ping pong también funciona porque todavía está en bucles infinitamente. Para la resolución, Giphy recomienda uno que sea múltiplo de cuatro pero en definitiva, no parece importar tanto qué tamaño y resolución subas, la única restricción es que el archivo máximo no supera los 100 MB. Vamos a exportar. Toca la llave y ve a compartir. En la sección inferior, hay diferentes opciones para compartir capas. Esa es la extraña forma de decir de Procreate, esto se va a mover cuatro veces de seis, al menos. Necesitamos nuestro archivo como GIF así que tócalo y luego se abrirá la ventana de exportación. En el lado derecho, podrás ver la reproducción y visualización de tu animación ya que será exportada. Puedes cambiar tu velocidad de fotogramas a la izquierda si quieres. También hay tres deslizadores. Tengo que admitir que realmente no pude encontrar una buena explicación para el tramado y el pellet de color por cuadro. Solo prueba qué y si hacen algo con tu animación o simplemente déjalos fuera. El tercero es importante, sin embargo, y definitivamente debes activarlo. Juega con el control deslizante Umbral Alfa. Alfa es la transparencia en tu animación y el umbral determina cuándo un trazo se vuelve transparente. Sólo mira lo que se ve mejor. Varía mucho dependiendo cómo se creó tu animación. Ahora puedes volver a verificar si tu animación supera los 100 MB o no. Eso se puede ver aquí arriba. Si todo está bien, puedes tocar Exportar y listo. Si tu archivo aún es demasiado grande, puedes hacer lo siguiente, volver a la galería, deslizar la vista previa de tu archivo de derecha a izquierda y seleccionar duplicar, luego entrar en el archivo, tocar la llave inglesa, y luego sobre lienzo. El botón superior, Recortar y Redimensionar permite reducir el tamaño del archivo. En la configuración, puede activar el lienzo de re-muestreo para mantener la misma relación de aspecto y luego cambiar los números en la parte superior. Si un archivo sigue siendo demasiado grande, también puedes reducir o aplanar los grupos para, bueno, reducir la cantidad de capas y ese es el tamaño. Espero que todo haya ido bien y tengas tus GIF listos. En la siguiente lección, te mostraré cómo puedes usarlos ahora. 12. Cómo usar Giphy: Ahora deberías tener un puñado de pegatinas increíbles, personales y animadas. Si los transfieres a tu smartphone, puedes enviarlos fácilmente en mensajes, en WhatsApp, por ejemplo, subiéndolos como una foto. Si quieres usar algunos en redes sociales, te mostraré cómo hacerlo a través de Giphy.com. Primero, tendrás que registrarte en la página web. Para que se encuentren tus animaciones, también necesitas una cuenta de artista. Para ello, necesitas una foto de perfil así como enlaces relevantes, por ejemplo, a tus cuentas de redes sociales o tu sitio web. Entonces por supuesto, lo más importante, pegatinas y los GIF. Puedes subirlos haciendo clic en Subir en la parte superior. Las cosas que animamos hoy califican como pegatinas porque tienen un fondo transparente. Sólo tienes que seleccionar el archivo para subirlo. El siguiente paso es agregar textos que sean lo más descriptivos posible. Así que usa palabras que reflejen bien el contenido pero no más de 20 o Giphy se quejará. Después puedes tocar Subir a Giphy y la pegatina se agregará a tu perfil. Una vez que hayas subido algo entre 5 y 10, tu perfil está listo. Ya puedes solicitar una cuenta de artista. Esto puede llevar un tiempo, pero no te preocupes. Si sigues las pautas, debería funcionar. Entonces puedes buscar tu nombre de Giphy en las historias de Instagram por ejemplo, o el texto que hayas agregado a tus stickers. Tada, ahí están. Lo bueno es que ahora, tus amigos también pueden usarlos. Excelente. Ahora, es el momento de compartir tu trabajo con nosotros en la Galería de Proyectos antes de que tenga algunas palabras finales para ti. 13. Palabras finales: [MÚSICA] Yay, lo hiciste. Gracias por estar aquí. Juntos, cubrimos los conocimientos básicos sobre Procreate y animación 2D. Hicimos una lluvia de ideas, dibujamos y animamos, y finalmente también aprendimos a exportar GIF para usarlos en las redes sociales. Si hay algo que espero que lleves contigo en el viaje de tu artista es que la animación no es tan difícil y en realidad es muy divertida. Ahora por favor no olvides mostrarnos tus GIF terminados y los pasos para llegar allí también. Tengo muchas ganas de que llegue el gran resultado, y estoy tan lista para dar comentarios y elogios. Por último, pero no menos importante, también me gustaría pedirle que deje una crítica sincera. Esto no sólo me ayudará a mejorar futuros cursos, sino que también ayudará a los estudiantes potenciales a saber qué esperar en esta clase. Si ahora realmente estás de humor para la animación, puedes encontrar aún más clases de animación en mi perfil. Si quieres, sígueme en Skillshare y otras plataformas para estar al día. Gracias y nos vemos la próxima vez [MÚSICA]