Animación de Procreación: crea GIF divertidos y videos (originales | Rich From TapTapKaboom | Skillshare
Menú
Buscar

Velocidad de reproducción


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Animación de Procreación: crea GIF divertidos y videos (originales

teacher avatar Rich From TapTapKaboom, Multi-hyphenate Artist

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      Introducción

      1:36

    • 2.

      ¡Nueva versión de esta clase!

      0:53

    • 3.

      Conceptos básicos de animación

      2:47

    • 4.

      Animación en Procreate

      11:33

    • 5.

      Qué animar

      3:10

    • 6.

      Tamaño y calidad

      4:44

    • 7.

      Exportar videos en bucle

      3:04

    • 8.

      Estructura y organización

      3:38

    • 9.

      Redimensionar tu GIF

      2:17

    • 10.

      Asistencia para animación

      11:10

    • 11.

      Tu proyecto

      1:11

    • 12.

      GIF animado de Rich

      26:28

    • 13.

      Fin (no para los GIF en bucle)

      0:36

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

30.651

Estudiantes

272

Proyectos

Acerca de esta clase

NOTICIAS GRANDES ¡Hay una nueva versión de esta clase!

Si bien los conceptos de animación en esta clase todavía se observan, Procreate ha cambiado: es mucho mejor y la forma en que hago las cosas ha cambiado. Así que creé una versión actualizada que reflejara estas 2 cosas. Mira la nueva clase aquí.

Procreate es una poderosa herramienta de arte e ilustración. Me enamora cada vez más. ¡Tiene un conjunto de funciones tan abundante! Y recientemente, ha añadido un soporte básico de animación. Lo cual es una locura. El hecho de que puedas crear increíbles ilustraciones y animaciones con una o dos aplicaciones en tu iPad es alucinante. Esto hace que el flujo de trabajo solo para el iPad sea aún más posible. Significa que ya no necesitas una Mac o una PC. ¡Y me encanta!

Ser capaz de animar es una habilidad fantástica y superversátil para tener en tu cinturón de herramientas. Es divertido; le da vida a tu trabajo; y abre un nuevo mundo de posibilidades. Con esta nueva habilidad, serás capaz de:

  • Crear storyboards.
  • Dar vida y movimiento a tu obra de arte.
  • Crea animaciones divertidas para atraer la atención y el compromiso de tu trabajo.

La clase abarca tanto los aspectos prácticos como los teóricos de la animación en Procreate. Y si eres nuevo en el mundo de la animación, no te preocupes: desgloso todo y explico las cosas de una forma accesible y centrada en Procreate. La clase cubre los siguientes temas:

  1. Conceptos básicos de animación
  2. Preparación de la animación en Procreate
  3. Creación de animaciones en bucle
  4. Animación de obras existentes
  5. Exportación de GIF y videos, todo en tu iPad
  6. Un montón de consejos y trucos de Procreate

Tener algo de experiencia en Procreate te ayudará, pero deberías poder entender todo bastante rápido si eres principiante. Si introducir movimiento y vida a tu trabajo te parece divertido, ¡toma la clase!

¡No puedo esperar a ver lo que creaste!

Si quieres tomar la clase gratis o conoces a alguien que quiera, usa este enlace: ttkb.me/procreate-animation.

Y si quieres aprender más sobre animación, tengo algunas clases que te gustarán:

Conoce a tu profesor(a)

Teacher Profile Image

Rich From TapTapKaboom

Multi-hyphenate Artist

Top Teacher

Hey! I'm a multi-hyphenate artist who's authored books, spoken at conferences, and taught thousands of students online. I simply love creating--no mater if it's painting murals, illustrating NFTs on Adobe Live, coding websites, or designing merch.

My art is bold and colourful and draws inspiration from childhood fantasies. I have ADHD but am not defined by it, dance terribly, and can touch my nose with my tongue.

I'm pumped about helping creatives achieve creative success--whether that's levelling-up their creativity, learning new tools and techniques, or being productive and professional. I run a free community helping creative achieve success. I'd love you to join in.

History

I've studied multimedia design and grap... Ver perfil completo

Level: Beginner

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. Introducción: Oye, mi nombre es Rich Armstrong de Taptapkaboom.com Si has tomado una de mis clases en el pasado, sabrás que me encantan los GIF animados, garabatos y la animación stop motion. También estoy enamorado de Procreate y de la idea de un flujo de trabajo solo para iPad. Todo eso equivale a esta clase, donde te muestro cómo crear una animación de looping divertida en Procreate, cómo exportarla como GIF, y luego cómo convertir ese GIF en un video de looping todo en tu iPad. Ser capaz de animar es fantástico y una habilidad súper versátil para tener en tu cinturón de herramientas, aunque solo esté animando unos cuadros en Procreate. Con esta nueva habilidad, podrás crear storyboards con el impresionante conjunto de herramientas Procreate, respirar vida y movimiento en tus ilustraciones y crear animaciones divertidas para traer a tu trabajo más atención y compromisos. Si eres nuevo en el mundo de la animación, no temas. Descompongo todo y explico las cosas de una manera acercable, Procrear centrada. En pocas palabras, esta clase cubre, conceptos básicos de animación, preparación de animación Procreate, creación de animaciones de looping dulces, animación de obras de arte existentes, exportación de GIFs y videos todo en tu iPad y un montón de consejos y trucos de Procreate. Si introducir movimiento y vida en tu trabajo suena divertido, ven a tomar esta clase. 2. ¡Nueva versión de esta clase!: Bien, una gran noticia. Hay una nueva versión de esta clase, mientras que los conceptos de animación y la clase siguen siendo acertados, Procreate ha cambiado Se puso mucho mejor y la forma en que hago las cosas ha cambiado. Así que creé una versión actualizada de esta clase para reflejar estas dos cosas. En la nueva versión de la clase, dos horas más de contenido. Hay más de una hora de videos de ejemplo y mucho más material sobre el trabajo con los archivos de impresión, la exportación de videos y la creación de videos en bucle. Y toda la clase cubre el trabajo con el panel de asistencia de animación además del panel Capas. Entonces me encanta verte inscribirte en esta nueva clase y publicar ahí tu proyecto. Pero si quieres ver esta clase y publicar tu proyecto aquí, eso es totalmente genial. De cualquier manera, estoy deseando ver lo que creas. 3. Conceptos básicos de animación: Cubramos algunos conceptos básicos de animación. Los aspectos teóricos son realmente importantes, pero las mordazas son realmente aburridas, así que lo mantendré corto. Una animación es una ilusión de movimiento. Es un montón de imágenes que pasan por tus ojos muy rápido para engañar a tus ojos para que piensen que hay movimientos. Esos movimientos atraen nuestra atención y nos mantienen comprometidos. Ejemplo de ello es una animación de flip book. Seguro que has probado esto y al menos uno de tus cuadernos o en un montón de Post-its en algún momento de tu vida. En el mundo digital, las páginas de la animación flip book se llaman frames y en procreate, podemos crear estos marcos y exportarlos como un video y como un GIF animado, que en realidad es un formato de imagen. Esto nos lleva a las tasas de encuadre. Estamos acostumbrados a ver videos entre 25 y 60 imágenes por segundo. El término de animación para esto es fotogramas por segundo y son las velocidades de fotogramas de los videos. Las tasas de fotogramas de los GIFs hechos a mano son normalmente mucho más lentas y oscila entre 5 y 15 fotogramas por segundo. En procreate, podemos previsualizar nuestras animaciones, agregar más fotogramas y ajustar la velocidad de fotogramas a medida que avanzamos. Esta es una función de animación súper poderosa para una herramienta de arte digital. La mayoría de las películas en animación fueron utilizadas como formato lineal. Tiene puntos de inicio y final pero en esta clase vamos a crear animaciones de bucle. Probablemente te hayas topado con ellos en forma de GIF en línea y videos de Instagram. Son especiales porque hacen un bucle para siempre y dejan que el espectador decida cuándo han terminado. Técnicamente, una animación de bucle es aquella que se reproduce de principio a fin una y otra vez. Podemos aprovechar esta repetición y convertir un bucle en una animación de bucle sin fisuras. Un bucle sin costuras se puede visualizar como un círculo con sus últimos y primeros fotogramas que se dirigen entre sí, igual que otros fotogramas en la línea de tiempo. Lo que es impresionante es que procreate exportaciones looping GIFs. Esto significa que al crear sólo unos pocos fotogramas, podemos crear una animación de bucle interminable sin interrupciones. Todo lo que tenemos que hacer es asegurar que cada fotograma salga del fotograma anterior y que el primer fotograma salga del último fotograma. Entonces eso es un poco de teoría. Si quieres aprender más, echa un vistazo a algunas otras clases y haz tu propia investigación. En la siguiente lección, nos vamos a poner prácticos, sí. 4. Animación en Procreate: Ahora pasemos a crear una animación básica en Procreate. Voy a empezar por crear un nuevo Canvas e Instagram, tamaño cuadrado, que es de 1080 por 1080 píxeles y es bastante versátil. Voy a alejarme un poco y empezar por sólo escribir el marco 1. Ahora en procreate, hay dos formas de crear un marco, la primera es por una capa de nivel superior, y la segunda por un grupo de nivel superior. Primero voy a cubrir capas, y luego meterme en grupos. Ahora panel Capas, verás que el marco uno se correlaciona con la capa 1. Cuando creamos una nueva capa, crea un nuevo marco. Entonces voy a reducir la opacidad de la capa 1 o del marco 1 y usarla como capa de referencia para nuestro próximo fotograma. En el mundo de la animación, esto se llama pellejo de cebolla. Hay una cantidad justa de formas de hacer esto en procreate y en otras aplicaciones de animación. Una vez que hayamos hecho esto, puedo trazar el marco de palabras, y esto produce una sensación realmente agradable de animación wiggly, que me gusta mucho. Tenemos marco, y luego voy a cambiar esto a marco 2. Una vez que haya hecho esto, crearé un nuevo marco o una nueva capa y luego ocultaré mi capa anterior y volveré a trazar fotograma, y sustituiré el uno por un tres. Entonces voy a hacer esto dos veces más para que tenga cinco cuadros. Una vez que tengo cinco fotogramas, puedo encender la visibilidad de todas mis capas o de todos mis cuadros y asegurarme de que mi capa i, su opacidad esté todo el camino al 100 por ciento de nuevo. Ahora, con una visibilidad de todas las capas encendidas, realmente se parece al desayuno de un perro, pero esto está bien. Ahora vamos a exportar nuestra animación. Vas a acciones, asegúrate de estar en la pestaña Compartir y luego baja a Compartir capas y hay algunas formas de compartir tus capas. Te voy a mostrar cómo exportar tu animación como GIF animado y un MP4, que es un formato de video. Vamos por un GIF animado primero, y verás que esta es una pequeña ventana de vista previa, es un poco pequeña, pero puedes tener un buen sentido de animación superior lo está haciendo solo previsualizando en esta pequeña ventana. El primero que podemos ajustar como nuestros marcos por segundo, y si vamos a uno o más lento, se siente como una presentación de diapositivas o un guión gráfico. Es realmente genial para mostrar diferentes ilustraciones, y tal vez diferentes ilustraciones a esta velocidad de fotogramas. Tan pronto como empiezas a aumentarlo, tal vez a algo así como cinco fotogramas por segundo, empieza a sentirse como una animación real. Verás que la palabra marco, se siente como un elemento que se mueve y se mueve. Si vamos y ponemos esto en unos 10 fotogramas por segundo, que realmente me gusta es mi velocidad de fotogramas preferida y se siente hecho a mano, se siente como el marco de palabras es un elemento real y un realmente se siente como una animación ahora. Si vamos a unos 15 fotogramas o 14 fotogramas por segundo, se acelera un poco y el marco de palabras, se siente como si se estuviera moviendo un poco más rápido y realmente se siente como si ahora fuera su propio elemento. Esto se puede poner un poco rápido para mí sin embargo. Cuando aumenta a algo así como 30, empieza a moverse un poco rápido, pero es posible que desee animar a la velocidad. Se puede recorrer todo el camino hasta 60 fotogramas por segundo, lo que en mi opinión es solo mental. Voy a reducir todo esto hasta 10 fotogramas por segundo. La siguiente opción es optar por un fondo transparente y la razón por la que tal vez quieras hacer esto es exportar tu GIF para usarlo en línea, y en línea puedes cambiar tu color de fondo detrás de tu GIF por el color que quieras. Bastante versátil. Pero por ahora, no voy a usar eso. Las dos últimas opciones es exportar tu GIF como una versión preparada para web, o como una versión de resolución completa. Si te preocupa el tamaño del archivo, ve por la versión lista para web. Exporta un archivo más pequeño, pero la calidad no será tan buena. Voy a ir por esa versión y podemos compararla con una versión de resolución completa. Lo siguiente que hago es, guardo la imagen para que pueda abrirla en mi app de fotos y solo previsualizarla, comprobé que todo se ve bien. Vamos por un GIF animado de nuevo, pero una versión de resolución completa. Voy a Guardarlo de nuevo. Por último, vamos por un MP4 animado. Nuevamente, puedes ajustar tus fotogramas por segundo y exportar uno listo para web y uno de resolución completa. Voy a ir por una resolución completa uno y Guárdalo. Ahora, vamos a hacer algunas comparaciones. Abre fotos, vamos a revisar nuestra versión lista para web. Sí, se ve bastante bien, pero cuando lo comparas con tu resolución completa un hombre, la calidad es simplemente increíble cuando miras este uno de resolución completa. Se puede ver que es un poco borrosa, pero sigue siendo bueno. Pero hombre, este es realmente crujiente y la calidad de nuestro video será bastante similar a nuestro GIF animado en calidad de resolución completa. Pero vamos a presionar Play, y se detiene y Play, y luego se detiene. Este es el gran problema de exportar una animación desde procreate. No hace bucle, pero vamos a cubrir cómo evitar esto más adelante en la clase. Ahora mismo voy a volver atrás y abrir Procreate, y te voy a mostrar cómo usar grupos de nivel superior, cuatro fotogramas. En la capa 1, si creamos una nueva capa, que estaría creando un nuevo marco, si entonces pongo un cuadrado por aquí y mantengo pulsado y toco, se va a crear un cuadrado perfecto. Tengo algo nuevo que animar. Si agrupo estas dos capas , crea un marco. Si voy por GIF animado, verás que en el fotograma 1, hay un cuadrado, que es realmente genial. Significa que dentro de un grupo, puedo agregar tantas capas como me guste y puedo animarlas sobre una base de fotograma por fotograma. Animemos este, vamos a duplicarlo, vamos a sacarlo de ese marco, fuera de ese grupo. Seleccione estas dos capas y agruparlas y cree un marco a partir de esas dos capas. Entonces voy a animar esto o moverlo ligeramente hacia la derecha y crear una ilusión de movimiento. Voy a seguir haciendo esto para los cinco cuadros. Una vez que he hecho esto para los cinco fotogramas, las cosas empiezan a parecer bastante desordenadas. Ahora hay muchas capas. Se ven realmente similares. Realmente no tengo una idea de lo que está pasando y como, ¿hasta dónde está la derecha esta y qué capa es esa? Se puede poner un poco confuso. Para ayudarme a mí mismo, lo que me gusta hacer es simplemente colapsar las capas y luego cambiar el nombre de cada uno de estos grupos, algo así como marco 1 y marco 2 y así sucesivamente. Ahora que he nombrado a mis capas, me siento un poco más a gusto, un poco más cómodo. Hay alguna organización en mi documento. Ahora, cuando exporto esto como un GIF animado o un MP4, un R cuadrados moviéndose de izquierda a derecha y si aumentamos los fotogramas por segundo a diez o más, un realmente parece que la plaza se está moviendo. Es increíble. Ahora lo último que quiero mostrarles en este video es la ligera diferencia entre capas y grupos. Además del hecho de que puedes tener múltiples capas dentro de un grupo, creamos una Nueva capa, Nuevo marco, y ponemos la palabra, Hey, justo por aquí. Cuando lo exportamos como un GIF animado en MP4, verás que hay un cuadro que dice, “Hey”, que es de esperar. Pero si escondemos esta capa y hacemos una exportación, no hay hey y no hay marco en blanco, lo cual es genial. Pero si tenemos que crear una nueva capa y poner algo como Yo en ella y encender hey y luego agrupar estos, exportar este yo hey, como un nuevo marco, que es de esperar y luego escondemos este grupo o este marco cuando exportamos como un GIF animado o un MP4. Este marco en blanco. Esto puede causar algunas frustraciones cuando estás animando tu like, “¿De dónde viene este marco en blanco, no estoy seguro de qué está pasando”. Bueno, hay una ligera diferencia entre un grupo invisible y una capa invisible. Lo que pasa a menudo es el tiempo que estoy animando nuestro tal vez estar trazando el fotograma 1 en el fotograma 5 y luego estoy como, “Sí, echemos un vistazo rápido” y hay un montón de marcos faltantes y yo soy como “¿Qué está pasando?” Eso es sólo algo de lo que hay que estar al tanto. Otro gran uso de una capa Voy a eliminar esto es como te mostré al principio, teníamos nuestro marco uno y luego lo rastreé reduciendo la opacidad del texto de la capa 1. Ahora, otra forma de hacerlo es creando una capa entre dos fotogramas y luego seleccionando el color de fondo y llenando la capa y reduciendo la opacidad de una capa al 80 o 70 por ciento. Esta es otra forma de piel de cebolla entre dos marcos diferentes. Ahora cuando veo marco 2, se puede ver el marco a contenidos, pero también se puede ver el contenido del marco 1. Entonces si estoy animando entre el fotograma 3 y el fotograma 2, lo que puedo hacer es que puedo poner mi capa de piel de cebolla entre esos dos marcos. Esto es realmente versátil y significa que también puedo simplemente apagar esa capa, apagar estas otras capas y exportar y no hay marco en blanco de todos modos, no hay embragues. Eso es lo básico de la animación fotograma por fotograma en procreate. Lo que realmente me gusta de esto es que dentro de cualquier fotograma que sea un grupo de nivel superior, puedes agregar tantas capas, agregar tantos elementos como quieras, y puedes animarlas fotograma por fotograma. 5. Qué animar: Ahora que ya sabes crear marcos en Procreate y exportarlos, déjame darte un rápido desglose de cosas básicas que puedes animar fotograma por fotograma con Procreate. Lo más fácil de animar como posición de un elemento reposicionando una capa fotograma por fotograma, se puede crear la ilusión de movimiento. Lo siguiente que puedes animar es la rotación de un elemento. Cuando rotes en Procreate, posible que tengas que volver a posicionarlo también para que parezca más real girando desde el punto correcto. Ejemplo de ello sería un brazo girando desde el hombro y no desde el centro de una capa. También puedes animar la escala de un elemento. Pero recuerda que cuando haces un elemento más grande, la calidad no será tan buena, así que siempre empieza por el tamaño más grande y haz que los elementos sean cada vez más pequeños. Una herramienta divertida de usar para la animación es la herramienta licuada. Si quieres hacer que algo parezca que sopla al viento o se mueve con un poco de actitud, pruébalo, cuadro por cuadro. El siguiente es redibujando un elemento. Esto puede crear un precioso campo wiggly, hecho a mano. Es ideal para la tipografía y para agregar movimiento sutil para imprimir piezas. Soy un gran fan de esta técnica. El camino final es redibujando elementos marco por cuadro, pero también moviéndolos, girándolos y chateándolos como lo haces. Esto es muy similar a crear nuestra propia animación de flip book. Es el que consume más tiempo, pero también es el más divertido. Lo que es realmente genial es que en cada fotograma, puedes animar usando una combinación de todos estos métodos. Procreate exporta un GIF en bucle pero no se verá como bucle sin costuras a menos que lo conviertas en uno. Esto significa que cada fotograma necesita conducir al siguiente fotograma, y el último fotograma necesita conducir al primero. Existen múltiples formas de hacer esto y en algunos casos, es mucho más fácil de lograr que otros. Si tienes tipo dibujado a mano, es bastante fácil trazar el primer fotograma una y otra vez en capas nuevas y sentiremos que bucea bastante bien. Si tienes un elemento que se está moviendo, necesita terminar un marco lejos de donde empezó en el marco uno. Una forma fácil de hacer esto es crear unos fotogramas de un elemento moviéndose en una dirección y luego duplicar los marcos y reordenarlos para que se mueva de nuevo a donde comenzó. Está bien. Eso es lo básico de la animación fotograma por fotograma en Procreate. Sugiero jugar y divertirme un poco con animaciones simples antes de probar algo más ambicioso. En las próximas lecciones, voy a cubrir temas que harán más fácil crear animaciones en Procreate. Chatearemos sobre calidad, limitaciones GIF, dimensiones, conversión de GIFs a videos, organización, preparación y redimensionamiento de tus documentos procreate, y te mostraré mi proceso de creación de un GIF animado. 6. Tamaño y calidad: En esta lección, voy a cubrir la preparación de la animación, la calidad de la animación, las dimensiones del documento y el tamaño del archivo. Tu propósito de animaciones y destino final determinarán cómo vas a animar y exportar tu animación. También te ayudaremos a decidir sobre las dimensiones de tus documentos, y sobre cuántos marcos y colores usar. Lo que recomiendo hacer antes de iniciar alguna animación es preguntar, ¿cuánto tiempo quieres o tienes que pasar animando? A veces animar lleva mucho más tiempo de lo esperado, sobre todo si estás animando múltiples elementos o quieres hacer algo elegante. Saber cuánto tiempo tienes puede cambiar qué y cómo animas. Hay tres cosas que ayudan a determinar la respuesta. El primero es la razón por la que estás haciendo esta animación: divertirte un poco, promocionarte, añadir vida a una ilustración para tu portafolio. El segundo es su destino: ¿va en tu página web, Instagram, Dribbble, Behance, YouTube? El tercero es lo que estás animando. Animar un pulpo puede tardar un poco más en una sola palabra wiggly. Los GIF pueden tener un máximo de 256 colores. Eso puede sonar como mucho. Pero si estás haciendo pintura digital compleja usando degradados y texturas o usando muchos marcos con diferentes colores, posible que tus GIFs exportados no tengan el mismo aspecto que en Procreate. Echa un vistazo a este GIF, dentro de Procreate, y forastero de Procreate. Se puede ver cómo la calidad no es tan buena? Procreate gestiona y descarta los colores extra al exportarlo en GIF. Cuanto más simple sea su obra de arte y más planos sean sus colores, más cerca estará su GIF fuera de Procreate a su obra de arte dentro de un Procreate. Si te vas a animaciones de súper alta calidad, más colores y más control, te sugeriría exportar tus capas desde Procreate e importarlas a Photoshop o After Effects para animación. No vamos a cubrir esta opción aquí sin embargo. A continuación se presentan las dimensiones del documento. Animación que creamos en Procreate son digitales. Utilizamos píxeles para medirlos, no pulgadas, no milímetros, sino píxeles. Si estás acostumbrado a trabajar en tamaños de impresión, te complacerá saber que las dimensiones de animación suelen ser mucho más pequeñas. A pesar de que los GIFs y videos se pueden crear a cualquier tamaño, hay unas cuantas dimensiones que tienen más sentido que otras. Se muestran en comparación con la cantidad de píxeles en un documento A4 de 300 DPI, que es similar a un tamaño de letra estándar, 1280 por 720 píxeles. Esto es HD de menor calidad. Está bien para YouTube. 1920 por 1080 píxeles: se trata de HD de alta calidad. La mayoría de los videos de YouTube y Vimeo están en este tamaño. 1080 por 1920 píxeles: este es el tamaño de una historia de Instagram. 1080 por 1350 pixels: este es el tamaño de una publicación de Instagram. 800 por 600 píxeles: este es el tamaño de un GIF animado en Dribbble. Todos los documentos creados en Procreate tienen unas medidas de píxel. Pero si crea el documento utilizando mediciones físicas como pulgadas o milímetros, el valor de píxel se calculará por dimensiones físicas y el DPI. Esto no es un problema, pero cambiar el tamaño de tu documento al tamaño correcto en píxeles puede ser complicado. Cubriremos esto más adelante en la clase. El último punto a considerar es el tamaño de archivo de tus animaciones. Si estás creando videos para Instagram o YouTube, tamaño de archivo no importará. Pero si estás haciendo un GIF para sitios web o si estás haciendo una animación para personas que viven donde las velocidades de Internet son lentas, por favor considera el tamaño del archivo. Hay tres cosas que aumentan el tamaño de archivo de una animación. El primero son las dimensiones. Cuanto más grandes sean las dimensiones, mayor será el tamaño del archivo. El segundo es el recuento de colores. Cuantos más colores, mayor será el tamaño del archivo. El tercero es el recuento de cuadros. Cuantos más marcos haya, mayor será el tamaño del archivo. Eso fue mucho por considerar. Es posible que tu cabeza esté lista para explotar. Vamos a ponernos prácticos de nuevo. En la siguiente lección, te mostraré cómo convertir un GIF animado en un video. 7. Exportar videos en bucle: Ya te habrás dado cuenta de que la animación es impresionante y así nuestros gifs. Pero algunas plataformas no admiten gifs animados. No obstante, sí que respaldan videos. En esta lección, cubriré que tu animación de procreate se convierta en un video de bucle. Podemos exportar videos directamente desde procreate, lo cual es impresionante algunas veces. Pero no lo exporta como un video de bucle. Significa que para la animación de tres fotogramas nuestro video solo tendrá tres fotogramas. Lo que significaría que ni siquiera tiene un segundo de largo si su velocidad de fotogramas es de 10 fotogramas por segundo. En otras palabras, es realmente corto. Si estás queriendo publicar un video en Instagram, por ejemplo, tiene que durar al menos tres segundos. Lo que es genial de Instagram es que nuestros videos de loops son más de tres segundos en las publicaciones por defecto. Si tu animación es de más de tres segundos y todo lo que quieres hacer es publicarla en Instagram como publicación predeterminada, entonces expórtala como un MP4 desde procreate. Pero Instagram no bucea videos e historias, y YouTube ciertamente no luce ninguno de los videos. ¿ Cómo hacemos bucles nuestros videos? Bueno, hay algunas formas excesivamente complicadas de hacer esto en tu iPad con video exportado. Lo que sugiero hacer es exponer un gif, y usar una app llamada gif cracker para convertir el gif en un video. Es gratis y tiene una actualización barata de pago para acceder a algunas características más, y es fácil de usar. Visita este enlace en un navegador en tu iPad. Se abrirá la página del cracker gif en la tienda de aplicaciones. Una vez que hayas descargado gif cracker de la app store y exportado tu gif desde procreate, abre la app gif cracker. Asegúrate de elegir gif a video en la parte inferior de tu pantalla, luego selecciona tu gif. Si no ves tu gif, pulsa el botón de refrescar en la parte superior izquierda. Aumenta los bucles a los máximos para que tu video no se reproduzca solo una vez. Elige tu talla y luego exporta. Una vez exportado, puedes guardarlo o compartirlo. Normalmente guardo y miro cómo se ve antes de compartir o volver y hacer algunos retoques. Si tienes la versión gratuita de gif cracker, solo podrás elegir un máximo de la mitad del tamaño al convertir. Te recomendaría pagar la pequeña cuota de ascenso. No tendrás anuncios, podrás elegir el tamaño completo al exportar y estarás apoyando a un desarrollador. Pero si prefieres no gastar dinero, hay una manera astucia a nuestro alrededor. Todo lo que necesitas hacer es, cambiar el tamaño de tu lienzo y procrear para duplicar su tamaño actual. Exporta a gif, y luego elige media talla en gif cracker para terminar con el video tamaño original. Tada. 8. Estructura y organización: Los archivos de animación pueden ponerse desordenados así que vamos a discutir estructura y organización. Cosas divertidas, lo sé, pero hará que tu vida sea mucho mejor. Al inicio de un proyecto, creo un único archivo original que mencioné podría ser para imprimir para poder imprimirlo y animarlo, o bien podría configurarse para animación desde el principio. De cualquier manera, si tengo la intención de animarlo, me aseguro de separar mis capas tanto como sea posible, pero mantenerlas bien organizadas. Esto significa que siempre puedo volver atrás y hacer cambios muy fácilmente. Por ejemplo, para este brazo, tengo varias capas que lo componen. No hago demasiados nombres de capas en este punto, pero sí intento agruparlos y nombrarlos algo descriptivo, como brazo izquierdo. Cuando estoy contento con el original, lo duplico y le renombro animación. Encuentra necesidad y si el tamaño del archivo se mide en píxeles son cambia el tamaño del documento de animación, acciones superiores que Canvas, luego recortar y cambiar el tamaño, activar re-muestreo si quieres cambiar el tamaño del contenido. De lo contrario, cambiará el tamaño de tu lienzo sin alterar el contenido y se producirá un cultivo. Es posible que tengas que usar el cultivo y cambiar el tamaño a dos o más para obtener exactamente el tamaño que deseas. Una vez que el documento de animación esté en el tamaño correcto, fusione y aplane capas similares a las que no está duplicando tonos de capas para cada fotograma. Aquí te sugiero que hagas este proceso. Mantenga todos los elementos que se van a mover, escalar o rotar en sus propias capas separadas. Todas las capas de un tipo o color específico que se están volviendo a dibujar en cada fotograma, se pueden fusionar en una sola capa. Es posible que necesites usar más de uno si el orden de las capas es importante, entonces puedes fusionar todos los elementos que no estás animando en una capa estática. Nuevamente, utilice más de una capa si el orden de las capas es importante. Si no necesitas conservar una máscara o máscara de recorte, aplanarla. Una vez que tengas todas tus capas fusionadas y aplanadas, nombrelas, luego agrupa o tus capas y llama al marco de grupo 1. Después duplicar ese grupo y cambiarle el nombre marco 2. Hacer cambios, volver a dibujar elementos, etc. Si el documento original no se mide en píxeles, no se preocupe. Hay una manera de evitarlo, pero puede ser complicado. Para empezar, creo un archivo intermedio llamado Prep duplicando el archivo original. En este archivo de preparación, haré toda la fusión de capas que te mostré hace unos momentos. Hago esto para que haya menos capas para pasar a nuestro siguiente paso. Una vez que se fusionan unas capas, creo un nuevo archivo en las dimensiones correctas en píxeles y luego voy a mi perfil y arrastre todas las capas a este nuevo archivo. Déjame mostrarte cómo hacer esto. Seleccione sus Capas, presione hacia abajo y, a continuación, arrastre las capas de este documento a la nueva. Es posible que tengas que reorganizar tus capas. Una vez que las capas se han copiado a través, procreate puede haberlas pegado en el orden equivocado. Este proceso es un poco complicado, pero funciona. La forma más sencilla de evitar hacer esto una y otra vez es crear todos los lienzos futuros en píxeles. Hará la vida mucho más fácil. 9. Redimensionar tu GIF: En ocasiones necesitas cambiar el tamaño de tu animación para cumplir con un requisito dimensional exacto. Por ejemplo, la necesidad de Dribbble GIF debe ser de 800 por 600 píxeles. Otras veces, necesitas reducir el tamaño de archivo de tu GIF. Exportar tu GIF listo para la web podría ayudar, pero a veces no lo hace. En esta lección te mostraré cómo cambiar el tamaño de tus animaciones en Procreate y cómo usar GIF cracker para crear GIF proporcionalmente más pequeños. Usemos el ejemplo de Dribbble como nuestro escenario. Tenemos este archivo de animación y si entro en él, puedes echar un vistazo rápido a cómo se ve. Pero ahora quiero redimensionarlo para Dribbble. Voy a crear un duplicado y lo voy a llamar Dribbble. Entonces dentro sólo voy a esperar hasta que se cargue, ahí vamos. Después ve a mi lienzo, recorta y redimensiona. Ahora, Dribbble es 800 por 600. Voy a hacer remuestreo. Pongamos 600. Entonces 800 por 600 hecho por ahora y después voy a recortar y redimensionar una vez más y cambiar esto a 800 por 600 y reposicionarlo. Ahí vamos, y está listo para Dribbble. Cuando lo comparto como GIF, ahí vamos. Funciona en el formato Dribbble. Si todo lo que necesitas es una versión más pequeña de tu animación, pero aún en la misma proporción, usa cracker GIF. Abre cracker GIF, elige GIF a GIF en la parte inferior y selecciona tu GIF. Después elige un tamaño más pequeño conviértelo, y luego guárdelo. El beneficio de esta opción es que no tienes que tener otra versión del mismo archivo en Procreate para archivos más pequeños. Para tus proyectos de clase, si estás luchando por subir tu GIF por razones de tamaño de archivo, prueba con el segundo enfoque. Lo que lleva realmente muy bien al tema de nuestro proyecto de clase, que cubriremos en la siguiente lección. 10. Animation Assist: Oigan chicos, así que tal vez se estén preguntando por qué me veo diferente ahora, por qué tengo una gorra puesta y gafas, y el fondo es diferente. Bueno, el tiempo ha pasado. Si bien ha pasado el tiempo, Procreate ha estado trayendo nuestra característica tras característica. En esta lección, voy a estar presentándote a Procreate Animate Assist. Es increíble, hace que animar en Procreate sea mucho más rápido y mucho más fácil. Vamos a sumergirnos en ello. Voy a crear un nuevo documento o un nuevo lienzo. Yo sólo voy a ir por un tamaño de pantalla, primera opción aquí. Para que aparezca Procreate Animate Assist, toca el icono del engranaje y vas a Canvas y activa la Ayuda de animación. Ahí vamos. Verás en la parte inferior hay esta minúscula barra con los botones Play, Settings y Add Frame, y para apagar eso solo puedes tocar ese botón de encendido. Ahí vamos, activarlo de nuevo. En Capas verás que solo hay una capa, pero si vas bam y agregas un marco verás que hay otra capa añadida. Esto es súper rápido; súper potente, pero solo funciona con capas. Si tienes un grupo, no agrega un grupo completamente nuevo. Simplemente agrega un marco que es sólo una capa. ¿ Qué hace esto? Bueno, echa un vistazo a esto. En el marco 1 al que puedes navegar realmente fácilmente aquí abajo; vamos a cerrar eso, vamos a ir a hacer un cuadro grande 1. Entonces en el marco 2, agrega marco y vamos a ir a hacer cinco fotogramas aquí. Cuando presionamos “Play”, boom , juega muy rápido. Pausa eso. Si vas a Ajustes ahora; whoa, puedes cambiar un montón de cosas aquí. Vamos por cinco fotogramas por segundo, y estoy gong para aprovechar de aquí, pulsa “Play”. puede ver que va 1-5 y luego volver a uno. Pausa eso. Lo que podemos hacer ahora es ir al Ping-Pong, y esto me gusta mucho. Esto juega 1-5 y volver a uno, así que voy a pausar eso. Cambiemos esto a un fotograma por segundo. Jugar, así que 5, 4, 3, 2, 1 y luego volver a 2, 3, etc. Eso es lo que es Ping-pong, y One Shot, bueno, puede adivinar esto. Si vas fotograma número 1 y presionas “Play” va todo el camino al fotograma número 5, y luego se detiene y vuelve al último fotograma. Se puede ver que es realmente fácil navegar entre fotogramas, y hace todo el levantamiento pesado en cuanto a crear nuevas capas, y ocultarlas, y mostrarlas para que eso sea poderoso. Voy a volver a Ping-Pong porque eso es increíble, hace súper fácil crear animaciones de looping sin fisuras. La otra cosa de aquí que es realmente genial son los marcos de piel de Cebolla. Ya verás que se pueden ver todos los marcos, pero están descoloridos. Bueno, puedes cambiar cuántas pieles de cebolla puedes ver para que no digas ninguna. Apenas estás viendo el cuadro actual, o me gusta simplemente ver el marco al frente. Esto significa que es mucho más claro. Puedo ir al número 2 y puedo ver el marco antes y un marco al frente. Si voy a tres, puedo ver dos y cuatro. Si voy a cuatro, puedo ver tres y cinco. Pero tal vez te estés preguntando: “Oh, ahora es bastante fácil porque dice frame 5 y frame 3, pero ¿qué pasa si no hay números y estoy animando algo más complejo?” Bueno, puedes ir por los fotogramas secundarios Color, y los marcos detrás se leen, los marcos al frente son de color verde. Si cambiamos las pieles de Cebolla a cuatro o todo el camino a max; voy a ir por tres o cuatro, ya verás que cinco es verde y luego 1, y 2, y 3 son rojas. Si vamos al cuadro 1 número 1 es negro, y luego 2, 3, 4 son verdes. Verás que cuanto más lejos esté el marco, más se desvanece se pone. Nosotros también podemos cambiar eso. El opacidad de la piel de Cebolla no es realmente oscuro o puedes hacerla realmente ligera. Todo esto depende de lo que te guste. Experimentaría con los ajustes. Este cuadro primario Blend es raro, y honestamente no creo que funcione demasiado bien. Vámonos al fotograma número 3. Si vamos a Ajustes y activas Blend primary frame, lo que hace es que ese mismo color con el que estás trabajando. Lo que se supone hacer, es que está destinado a que se desvanezca. Si desactiva los fotogramas secundarios de color, realmente no se puede ver qué hace el fotograma primario de mezcla. Simplemente no hace nada. Ese es un escenario un poco raro. Realmente no lo uso para nada así que voy a apagar eso. Marcos secundarios de color; no lo uso demasiado, pero puede ser realmente útil. Lo que tenemos aquí son cinco cuadros. Después puedes jugarlo 1, 2, 3, 4, 5, y luego va hacia atrás. Pausemos eso. Lo que es realmente genial son las capas de fondo y primer plano. Voy a añadir un marco y luego sujetarlo y arrastrarlo al frente ahí, y voy a crear un marco de fondo ahora. Voy a ir por una naranja y vamos a crear unas montañas aquí. También puede usar esto como marco de referencia o capa de referencia, y luego eliminarlo. Entonces lo que haces aquí es tocarlo, y puedes decir: “Boom, conviértate en fondo”. Ya ves, ahora se ve diferente. Cuando lo juegues, se va a quedar en la parte de atrás lo cual es realmente genial. No se va a animar, pero va a ser una capa de fondo que sea visible en cada fotograma. Esa era tu capa de fondo, por lo que puedes apagarla y encenderla. Vamos a tocar eso otra vez. También puedes duplicar una capa y eliminar una capa y llegaremos a toda la duración en tan solo un segundo, pero volvamos a encender eso. Entonces en el marco 5 vamos a añadir una capa de primer plano, y aquí voy a ir por un verde y vamos a poner algunas nubes. Voy a poner esto en la parte superior para que veas que es una capa de primer plano, entonces voy a tocar esto y seleccionar “Primer plano”. Ya verás que hay una ligera brecha entre el fondo y el resto de los marcos, y una ligera brecha entre el primer plano y el resto de los marcos y eso es para diferenciar el fondo y el primer plano. Algo que hay que decir aquí es que sólo este primer fotograma puede ser una capa de fondo y sólo esta última capa puede ser una capa de primer plano. Juguemos esto, y verás que ahora hay un fondo y una capa de primer plano. Esto es bastante guay, creo que podría ser mucho más poderoso. Creo que las capas de primer plano y de fondo, podrían ser animadas. Eso sería increíble, así que esperemos que Procreate salga con algo así en el futuro. Si vamos al fotograma número 3 y tocamos eso; ahí vamos, entonces podremos cambiar toda la duración a algo así como 25 o tres. Vámonos por 10. Esto lo sostiene para 10 marcos lo cual es realmente genial. En lugar de tener que duplicar esto 10 veces, sólo podemos establecer toda la duración en 10. Si vamos a enmarcar el número 1; pulsa “Play”, verás que solo se queda aquí por 10 fotogramas lo cual es de unos 10 segundos en este momento y una vez que llegue al final seguirá tocando lo cual es bastante genial. Ahora, va hacia atrás y va a aguantar de nuevo por 10 cuadros; ta, ta, ta, ta, ta, ta, ta, ta, ta, y seguirá jugando. Eso es bastante guay. Sólo voy a cambiar eso a ninguno otra vez. Lo que no me gusta de toda la duración es que bueno no se puede entonces hacer que se mueva o lo que sea, simplemente se queda exactamente igual. Pero aún así ahorra mucho tiempo si quieres crear una animación de fotograma completa o un segmento de tu animación. Eso es Procreate Animate Assist o Animation Assist. Recuerda que puedes ir a ella presionando este icono de engranaje y luego yendo al lienzo y apagándolo y encendiéndolo, y creará todas las capas para ti. Lo que dije al principio es que esto realmente no funciona si estás creando grupos con capas dentro de ellos. Quería crear uno por aquí; seleccionar estos dos y agrupar, y quería hacer un poco de dibujo aquí. Esto es en dos capas diferentes. Si entonces voy “Añadir marco” y si volvemos a las capas, solo anuncios y capa. No agrega un grupo entero. Si vas a estar trabajando con grupos te recomiendo crear tus grupos de antemano, y volver a la forma en que hemos estado haciendo la animación en Procreate en el resto de la clase creando nuevas capas y nuevos grupos, y luego ocultando y mostrando las diferentes capas o grupos. Ahí vamos. Esto es poderoso. Cuando exportas ahora; déjame ir, ve a Compartir, si vamos por MP4 o un GIF animado entonces lo exportará con tu configuración actual. Aquí debería haber un largo retraso si tienes un largo retraso, y entonces también lo está jugando hacia atrás y hacia adelante que es el efecto Ping-Pong. Después puedes ir por Web Ready, puedes ir por Max Resolution, y puedes cambiar tus fotogramas por segundo aquí los cuales nuevamente súper potentes. Significa que no tenías que establecer tus marcos por segundo en tus documentos, luego seguir adelante con esos marcos por segundo aquí. Puedes cambiarlo a medida que lo estás exportando. Eso es todo para esta edición de animación Procreate, espero que la hayan disfrutado. Espero que no estés demasiado apagado puesto por nuevo yo, nuevo fondo, nuevas cosas nuevas. Te veré pronto. Adiós por ahora. 11. Tu proyecto: Está bien. Es hora de tus proyectos de clase. Lo que quiero que hagas si no lo has hecho ya es crear al menos un GIF de looping con 3-10 frames y compártelo con nosotros. Sube a tu espacio de proyecto en Skillshare y comparte cualquier experimentación o garabatos de animación que hayas realizado. Cuéntanos qué aprendiste y qué te pareció más divertido del proceso. Si estás atascado, ¿por qué no anima un dicho de tu país de origen o de tu ciudad de origen, o tal vez una palabra o dicho favorito. Usa un estilo con el que estés cómodo. Si vas a publicar en redes sociales y quieres llamar mi atención. Si publicas un video de suites en Looping en Instagram o un gif trapo en Dribbble. Mencioname. Yo soy @TAPTAPKABOOM o puedes usar el hashtag de estudiante #TAPTAPKABOOM. En estos puntos de la clase, me encantaría que dejaras una reseña. Significa mucho para mí. Lo que voy a hacer a continuación es mostrarte mi proceso de creación de un GIF animado de principio a fin. Entonces nos vemos en el siguiente video. 12. GIF animado de Rich: Para empezar, déjame considerar mi tiempo y por cuánto tiempo quiero estar animando. ¿ Cuál es la razón por la que estoy creando esta animación? Bueno, quiero hacer sonreír a alguien mientras se desplazan por su alimentación. No hace falta que sea elegante. ¿ A dónde va la animación? Yo quiero publicarlo en Instagram y Dribbble, así que trabajar con 1,080 pixel square es una buena idea. Puedo redimensionarlo para que funcione como una historia de Instagram, publicación de Instagram, y como una publicación de Dribbble una vez que haya creado la animación. Entonces, ¿qué estoy animando? Yo quiero animar a un personaje con un dicho, y voy a usar un estilo simple pero texturizado hecho a mano. Las respuestas a estas preguntas se traducen en mí tratando de pasar menos de una hora en la animación. Esperemos tiempo suficiente para sacarle una sonrisa a la gente. El primero que hago es crear un nuevo Canvas, voy a ir por un IG tamaño cuadrado porque es tan versátil. Entonces me gustaría hacer un poco de planeación. Lo que voy a hacer es ilustrar un dicho que va, se acabó el sol, se apagan las armas. Básicamente significa que cuando hace sol tienes que mostrar tus armas, que son tus brazos, tus músculos. Entonces esto va a ser un sol, y va a tener unas tonalidades, unas gafas de sol, y luego tener algunas bajo reflexiones, y va a tener una sonrisa. Esto quizá un poco grande, quizá podamos hacer eso con uniforme seleccionado. Sí, eso se ve bien. Entonces va a tener así de grandes músculos. Algo así, y luego acabó el sol, se apagaron las armas. Después crearé una nueva capa con esta en la parte superior, disminuiré la opacidad y lo usaré como capa de referencia, y luego agruparé todo para que en cualquier momento del tiempo pueda simplemente mover todo el grupo con todas las capas. Bastante fácil. Entonces mi capa 2, bueno, voy a empezar con color amarillento, tal vez un poco más naranja, y los pinceles que estoy usando son pinceles personalizados, pero la mayoría de las veces son réplicas o variaciones de tinta seca, o tinta sangra, y hay un par de grunge aquí arriba que he hecho yo mismo. Voy a usar una hemorragia de tinta que es un poco más grande. Simplemente hace que crear formas base sea mucho más fácil. Realmente no me gusta usar esta técnica completa porque verás que cuando acerque, hay este pequeño borde raro. Me gustaría colorear a mano absolutamente todo, lo que lleva un poco más de tiempo pero creo que la calidad definitivamente vale la pena. Hagámoslo y quizá, pueda aumentar un poco el tamaño del pincel. Ahí vamos. Tengo mi cuerpo. Cuando vuelva a disminuir el tamaño del pincel, luego voy a crear los rayos, así que vamos por algo un poco más oscuro, ahí vamos, y empecemos a crear los rayos del sol. Entonces puedo volver a hacer estallar el cuerpo al frente y solo asegurarme de que todos estos estén coloreados. Se ve bien detrás del cuerpo real. Estoy usando un cepillo realmente áspero que le da un aspecto y tacto hechos a mano realmente bonito, pero no tienes que hacer esto. Eso se ve bastante bien. Parece un girasol. Es solo un poco de cuerpo extra ahí que no quiero borrarlo, y luego vamos a volver a poner la capa de referencia. Vamos por unos sunnys. Soleado izquierda, y soleado derecho. Sí. Está bastante bien. Cámbialo por una pequeña sangría de tinta solo para el puente de los sunnys, las sombras. Eso es fantástico. Entonces voy a usar una máscara de recorte para poder hacer uso de estas cosas reflectantes, y puedo colorear las líneas sin tener que ser realmente preciso. El de la izquierda es un poco raro, así que hagámoslo otra vez. Eso se ve genial. Entonces dibujemos la boca. Sí, eso se ve bastante bien. A continuación están los brazos. No pensé que guardara este color, así que lo volveré a seleccionar, y tengo una nueva capa creada. Realmente no se puede ver lo que estoy haciendo aquí, así que voy a esconderlos. Eso se ve bastante bien. Usemos el sangrado de tinta grande. Vamos a crear una nueva capa 4 a la izquierda. El motivo por el que voy todo el camino hacia el brazo real y no sólo parando esto es porque voy a estar rotándolos, y voy a estar rotándolos desde este punto aquí así que realmente me gusta que sea redondo y no tener esta plaza jetting out pieza ya que la estoy animando. Volvamos atrás esas cosas. Voy a poner estos aquí abajo. El motivo por el que no los pongo todo el camino al fondo es porque los lleva fuera del grupo, lo cual es un poco frustrante. Eso se ve bastante bien. Creo que los brazos son un poco grandes, así que vamos a hacer algunos ajustes ahí. Primero, solo haré eso y luego, yap usa esa sangre de tinta. Es realmente importante que tu ilustración básica o tu ilustración original sea correcta antes de hacer cualquier animación de lo contrario pasas mucho tiempo reanimando, o re-ilustrando. Perdón. Después un poco atrás solo para que se llene, hecho a mano de nuevo. Se siente como si tuviera unos músculos más grandes de este lado, lo cual es perfectamente natural supongo. Se ve como un gran buff Sun Cap. Podemos poner un poco más ahí dentro. Sí, eso se ve bien. Se puede ver lo que he hecho aquí es que en realidad he hecho un poco de ilustrar en la capa equivocada. Sólo voy a cortar eso y pegarlo, y fundirme hacia abajo en la mano derecha. El siguiente es hacer sol fuera, armas fuera, así que me gustaría hacer eso en la parte superior, y podemos usar esta sangría de tinta creo. Sí, eso se ve bien. Soles fuera. Podemos moverlo un poco a la izquierda creo, y rotarlo sólo una manchada. Podemos ver cómo se ve una vez que se dibuja la capa de referencia. Crea una nueva capa para las armas fuera. Se acabó el sol, se apagaron las armas. ¿ Cómo se ve eso? Creo que se ve bastante bien. Sí, tal vez pueda rotar esto un poco más, cambiarlo. Sí, eso se ve bien. Voy a hacer un poco de texturizado ahora, así que voy a crear una nueva capa y convertirla en una máscara de recorte. Dale un modo de mezcla multiplicar, y luego voy a intentar seleccionar, ahí estamos, seleccionamos este color y utilizamos un tipo de pincel realmente grungy. Simplemente pon eso encima de ellos y luego usa el mismo borrador, el borrador de capacidad grunge. esto lo llamo la mala técnica del hoover. Entonces en realidad sólo estoy tratando de recoger algo de eso que he bajado. Esto crea un tipo de textura realmente agradable. Puedo hacer esto una y otra vez, y funciona realmente, muy bien. Después voy a crear una nueva capa, volver a hacer máscara de recorte, y luego seleccionar el negro como color y usar la misma técnica. Solo para agregar un poco más de textura. No quiero demasiado negro, pero éste salió con un poco de suciedad. Ahí vamos. Eso se ve bien. Entonces voy a hacer lo mismo por los rayos, así que máscara de recorte, pero no voy a usar ningún negro esta vez. Entonces hagamos un rápido cambio de color. Ahí vamos. Lo que no hemos hecho es, necesitábamos una capa de multiplicación, vale, algo así se ve realmente bien. Entonces finalmente, en cada uno de los brazos, que sea una capa de multiplicación y que sea una máscara de recorte, para que pueda pasar por encima de las líneas. Necesita una capa de multiplicación, pero yo estaba en la herramienta de rayos. Algo así, luciendo bien, genial. Entonces finalmente, en la derecha, máscara de recorte, haz que se multiplique, usa el pincel. De acuerdo, así que eso se ve bastante bien. Suns fuera, armas fuera. Ese es nuestro original. Fantástico. Voy a volver a mi galería, pero tal vez antes de hacer eso, se puede ver que mis capas son bastante desordenadas. Pero sé lo que son. Podría agruparlas, pero no hay tantas capas que no sepa qué está pasando. Voy a ir directamente aquí y renombrar este original y luego duplicarlo. Nombra esta animación y deletrela correctamente, y entra directamente en ella. Significa que ahora puedo empezar a fusionar capas y aplanar capas. Entonces, fusionate hacia abajo. Selecciónalos, agrupéalos y aplanar. Sí, vamos a fusionarnos. Entonces puedo eliminar mi capa de referencia. Estas tres capas las puedo agrupar, aplanar, y voy a llamar a ésta negra porque todo es del mismo color, y voy a redibujar cada uno de estos elementos. Entonces tengo mis tonalidades. Entonces vamos a renombrar los tonos. Este puede ser el cuerpo, esto puede ser pueden los rayos, un brazo izquierdo, por qué sigo presionando Shift, no lo sé y brazo a la derecha. Está bien. Entonces mi grupo, voy a renombrarlo marco 1. Ahí vamos. Tengo mi primer cuadro, que es fantástico. Ahora puedo empezar a animar. Así que sale el sol, las armas fuera y su sonrisa, voy a redibujar esos en cada cuadro. Sus sunni o sus sombras, voy a hacer que se muevan de izquierda a derecha, o tal vez de arriba y abajo. Sus brazos y su melena o sus rayos y su cuerpo van a estar todos girando de alguna manera u otra. Entonces vamos a ir, voy a duplicar esto, renombrarlo marco 2. Entonces lo que voy a hacer es crear una capa de piel de cebolla. Voy a renombrar esta cebolla y darle un color de fondo de blanco. Entonces vamos a llenar eso. De acuerdo, entonces lo primero que voy a hacer es despejar esta capa, y voy a volver a seleccionar mi color negro. Ya verás que mi boca no está ahí. Entonces, ¿qué está pasando aquí? Bueno, lo primero que podemos hacer es simplemente reducir la capacidad de nuestra capa de piel de cebolla, que se ve bastante bien, pero aún no podemos ver ninguna boca. No tiene nada que ver con el marco 1. Pero si solo nos quitamos el cuerpo y levantamos, ahora podemos empezar a ver las cosas. Entonces démosle una boca a nuestro chico, no con ese pincel. Vamos por una [inaudible]. Entonces rastreemos los soles. No voy a ser demasiado preciado en hacer esto exactamente, pero al mismo tiempo, no quiero que se vea realmente diferente a lo que es actualmente. Entonces, por mucho que haya intentado hacer esto en el pasado, cada fotograma va a ser ligeramente diferente. Pero eso es exactamente lo que quiero. Entonces hemos hecho ese marco, los tonos, vamos a mover esos, un poco de rotación. Ya puedes ver que podemos empezar a ver dónde están los tonos en el marco anterior. Bastante cool. Entonces el cuerpo podemos encender. Lo que voy a hacer aquí es el cuerpo, voy a girar ligeramente hacia la izquierda, así que vamos a ir casi como una muesca, o un ancho de rayo. Entonces los rayos, lo que voy a hacer es ir un poco a la derecha pero incluso menos que el cuerpo. Entonces sólo un poco y quiero que esto realmente se sienta como si estuviera girando alrededor. El problema con esto sin embargo, es que si yo hiciera eso, realmente no se sentiría como si estuviera girando porque simplemente se vería como si estuviera ligeramente moviéndose. Entonces sólo una manchada, tal vez incluso menos, algo así. Entonces voy a esconder mi cuerpo y mis rayos en estos dos marcos. Ahora, vamos a darle un poco de rotación, y sólo realinearlo. Un poco de rotación y realineamiento. Entonces tenemos todas estas capas hechas. Voy a desmarcar mi capa de cebolla y luego previsualizarla. Quizás cambie esto a 10 cuadros por segundo. Sí, se ve bastante bien ahora mismo. Eso es genial. Si se viera un poco apagado, lo exportaría y lo revisaría en mi galería de fotos, pero se ve bastante bien. Entonces vamos a duplicar esto, y lo que voy a hacer es renombrar esto para enmarcar 3 y luego encender mi cebolla. Vamos allá arriba. Lo primero que quiero hacer es limpiar la capa negra, y solo rehacer el texto. Después para conseguir la boca y esas dos capas. Ahí vamos. Tonos. O podemos rotar esto al revés y tal vez moverlo un poco hacia abajo. Ahí vamos. El cuerpo. Rotemos esto así. Entonces puedes ver que ese círculo no es recto, pero eso es genial. No quería un círculo perfecto. Entonces los rayos, vamos a mover eso ligeramente. Ligeramente a la derecha, sí. Pero no quiero hacer referencia al marco 1, quiero hacer referencia a un marco 2. Entonces hagámoslo otra vez. Ahí vamos. Eso se ve genial. Después Brazo Izquierdo y Brazo Derecha. Nuevamente quiero referirme marco 2. Entonces démosle una ligera rotación. Genial. Demos a este brazo una ligera rotación. Está bien. El marco 3 está hecho. Echemos un vistazo a cómo se ve esto. Por lo que un GIF parpadeando en todas partes. Volvamos a poner esas capas. Nuevamente parpadeando por todas partes. ¿ Qué está pasando aquí? Volvamos a poner esas capas. Está bien. Eso empieza a verse bastante bien. Voy a darle una exportación de resolución completa, guardar la imagen, y vamos a comprobarla. Entonces hay un poco de como. Eso es porque, sí, va del fotograma 3 al fotograma 1 y sobre todo el cuerpo o todas las cosas que están girando no realmente tan similares cuando pasa del marco 3 al fotograma 1. Pero lo solucionaremos una vez que hayamos hecho los cinco fotogramas. Está bien. Procreate. Vamos a crear o duplicar el fotograma 3 y renombrarlo fotograma 4. Ahí vamos. Podemos apagar todos estos excepto el marco 1. Sube nuestra cebolla y despejaré nuestra capa negra. Enfriar. Escribamos nuestro mensaje una vez más. “ SOL FUERA, ARMA FUERA”. Ya, dale otra sonrisa. Entonces sus tonalidades pueden volver a hacer algo moviéndose, tal vez un poco a la izquierda esta vez. Sí, eso se ve bien. Después su cuerpo. ¿ Por qué camino va a ir su cuerpo? Un poco a la izquierda otra vez. Entonces los rayos, donde queremos marco 3 y no marco 1. Una manchada a la derecha. Está bien. Vamos a apagar Cuerpo y Rayos, ir Frame 3, apagar Cuerpo y Rayos, y luego empezar a girar de nuevo los brazos. Sólo una manchada y una manchada. ve bien. Entonces ya has hecho todo eso. Ahora hagamos otra exportación. El último. Entonces vamos a subir nuestra cebolla otra vez. Muéstralo, despeje esto. “ EL SOL ESTÁ FUERA, FUERA ARMAS”. Su sonrisa perdida. Ahí vamos, chico. Tonos. Eso es bueno. Es cuerpo su girado un poco. Eso es tratar de revelar algunos de los rayos, lo cual es problemático. Entonces podemos arreglarlo en tan solo un momento. Los rayos. Quiero referir marco 4. Vamos a mover esta ronda y igual de manchada. Ahora mientras estamos en ello, lo que podemos hacer es simplemente hacer un poco de dibujo para que no veamos la parte inferior de los rayos. A lo mejor podemos seleccionar este color. Ahí vamos y eso se ve bastante bien. Después izquierda y derecha otra vez. Sólo una manchada. Está bien. Entonces eso se parece a todo. Eso son cinco cuadros. Ahora cuando lo animamos, exportamos nuestra animación. Sí, eso se ve bastante bien. Entonces voy a exportarlo como una resolución completa solo para comprobar que todo está bien. Sí, se ve muy bien. Entonces ahora lo vamos a hacer bucle, lo cual es realmente fácil. Por lo que realmente ya no necesito mi cebolla. Voy a borrarlo y luego duplicar fotograma 4 y marco 3 y marco 2. Hombre, ahora parece un león. Después exporta mi GIF animado y ahí vamos. Se está moviendo de ida y vuelta. Entonces exportemos eso a plena resolución. Guarda la imagen y luego echa un vistazo en Fotos, y es un GIF en bucles. “ EL SOL ESTÁ FUERA, FUERA ARMAS”. 13. Fin (no para los GIF en bucle): Este es el final de la clase, espero que te hayas divertido y hayas aprendido algunas cosas nuevas. Sigue jugando y experimentando y divirtiéndose mucho y luego por favor deja una reseña y asegúrate de seguirme e inscribirte para recibir actualizaciones en taptaptapkaboom.com. Si el error de animación te ha mordido y quieres hacer más que una simple animación procreate, comprueba mis otras clases de animación y echa un vistazo a las otras cosas impresionantes de Skillshare. Este soy yo firmando. Adiós por ahora.