Animaciones súper sencillas en Procreate

1. Introducción: Oye, estás aquí. Gracias por acompañarme. Yo soy Jenny. Soy ilustrador, carta de mano, y diseñador de patrones de superficie de Finlandia. Siempre me han encantado las animaciones simples, y recientemente he estado creando muchos regalos stickers como estos, que en los últimos seis meses han conseguido de alguna manera más de mil millones de impresiones, principalmente en Instagram y Snapchat. Se podría decir que tengo un punto suave para animaciones simples. De todos modos, durante años pensé que incluso las animaciones simples son difíciles de hacer, y tal vez eso era cierto en el día de hoy, pero no son difíciles de hacer. Hice mi primera animación en Photoshop hace algunos años, pero no me impresionó el método. Entonces vinieron cinco apropiados, y oh chico, ¿se hizo fácil hacer ilustraciones en movimiento simples o qué? En esta clase, aprenderás las sencillas herramientas de animación en procreate. Todo lo que necesitas es un iPad, Apple Pencil, y la app procreate. El costo de la app alrededor de 10 dólares. Cubriré muchas técnicas de animación súper simples como cómo hacer que tu animación se mueva ajustando solo unos detalles. O cómo crear animaciones con fuentes. O cómo animar con textura. O cómo animar las letras de la mano usando una variedad de métodos súper simples, y eso es solo el comienzo. Habrá una carga más de súper sencilleza para aprender en esta clase. Dicen que un objeto en movimiento atrae automáticamente el ojo mucho mejor que una imagen fija. Estas animaciones 3D se pueden utilizar para agregar interés a tu sitio web o a un boletín informativo. O puedes subirlas para dar y usarlas para darte historias y reales de Instagram y un impulso extra. Quería cambiar algo súper simple que se pueda aprender en unas horas, y somos la curva de aprendizaje es lo más suave posible, animemos. 2. Terminología y uso: Empecemos por aclarar a qué me refiero con animación en esta clase. No estamos hablando dibujos animados al estilo Disney-ni de animaciones Toy Story. Ni siquiera estamos hablando de anuncios animados ni ilustraciones más grandes que tengan partes móviles en ellos, como ésta. En esta clase, nos centraremos en la industria animada más sencilla, como aquí mis GIF. Cuando hablo de animación en esta clase, me refiero a cualquier cosa desde ilustraciones hasta texto que sea animado, es decir, que se mueve. El foco de esta clase será aprender las principales herramientas para animación en procreate y varias formas diferentes de animar una ilustración o texto sin complicarlo. Yo quiero guardar esta luz y diversión para ti. Una vez que consigues el ahorcamiento de las herramientas y las técnicas, entonces puedes llevar tus animaciones allá y crear cosas más complicadas, como estas rotas aquí, e incluso esto se considera simple. ¿ Cuál es la diferencia entre las pegatinas GIF y GIF? En primer lugar, no soy un experto técnico y hay mucho más en los GIFs que lo que estoy compartiendo aquí. Esta es sólo mi interpretación de sus diferencias. GIF, que también se pronuncia “jif” por muchos, es la abreviatura de formato de intercambio de gráficos. Son adecuados, por ejemplo, para arte de línea simple con pequeñas cantidades de colores como logotipos o pequeñas animaciones simples, y videoclips de baja resolución como este. ¿ Cuáles son las pegatinas GIFs entonces? La principal diferencia entre una pegatina GIF y una GIF es que generalmente se considera que los GIF tienen un fondo completo como este, y las pegatinas GIF tienen fondos transparentes o parcialmente transparentes. Ambos se consideran pegatinas GIF porque al menos el 20 por ciento de su fondo es transparente. El fondo real de las pegatinas GIF de la derecha se demuestra por el fondo gris parpadeante, y el GIF de la izquierda tiene un sólido cuadrado blanco en la parte posterior que cubre todo el fondo. Por ejemplo, GIPHY, que es una base de datos en línea donde puedes almacenar GIFs para utilizarlos posteriormente en redes sociales, tiene una regla de que el 20 por ciento del fondo debe ser transparente para que un GIF sea categorizados como una pegatina GIF. Entonces la diferencia entre ambos es todo sobre transparencia o falta de ella. Estas son algunas ideas de dónde usar tus GIF animados y pegatinas GIF. Incluso puedes hacer un fondo animado para tus llamadas Zoom o Equipos como esta que hice para mis reuniones de Zoom. Es decir, todavía se puede ver que claramente soy un recorte aquí en el medio, pero sigue siendo algo divertido para jugar si eso es algo que te interesa. También podrías usarlos en redes sociales o iMessages si tienes un iPhone, las posibilidades son muchas, y solo estoy rascando la superficie aquí. 3. Inspiración: Sé que ya has visto muchos ejemplos de ilustraciones animadas. Pero si quieres aún más ideas, he creado un puerto de Pinterest llamado Arte Animado para ti. puede acceder a ella a través del enlace en la descripción de la clase. He intentado coleccionar sólo los simples aquí. Aquí hay uno con la mente ocupada. Este sólo tiene texto. Este es mi fav, el feliz doodle Sun. Por último un poco de cono de helado. Todos estos se hicieron mediante el uso de una técnica diferente. Otro gran lugar para buscar inspiración es Giphy, el lugar donde duermen todos los regalos y pegatinas de regalo. Echemos un vistazo. Aquí puedes buscar pegatinas de regalos y regalos con palabras de búsqueda como, tan buenas. En consecuencia, obtendrás algunos regalos relacionados con eso. O puedes hacer clic en Pegatinas para ver todos los regalos pegatinas con esa etiqueta adjunta a ellas. Es así como puedes buscar diferentes temas. También puedes buscar con el nombre de usuario de la persona. Usaré el mío como ejemplo. En realidad no tengo muchos regalos, así que haré clic en el botón Stickers aquí arriba. Ya verás mis pegatinas, y tengo mucho. Puede restringir la búsqueda agregando una palabra de búsqueda después del nombre de usuario. Aquí te dejamos todas las pegatinas donde he usado una etiqueta, jeahdesign y love. En realidad uso mi nombre de usuario, jeahdesign también como etiqueta cuando etiqueto mis propios gifs para ayudarme a encontrarlos más adelante en búsquedas en redes sociales. Si te interesa saber más sobre Giphy, no te preocupes, hay una breve lección al respecto al final de la clase. 4. PROYECTO DE CLASE: Tu proyecto de clase será crear una ilustración animada o letras a mano. Te mostraré muchas maneras diferentes en las que puedes hacer esto. Tendrás un montón de técnicas e ideas de las que sacar. Estos son algunos ejemplos de cómo podría verse. Todo lo que necesitarás para crear tu proyecto es un lápiz de manzana, un iPad que sea compatible con un lápiz de manzana, y la app Procreate versión 5 o más reciente. Una vez que tu animación esté lista, realmente espero que la compartas con el mundo. Puedes hacerlo subiéndolo a página de proyectos y recursos de Skillshare. Si te gusta, puedes publicarlo Instagram usando hashtag aprende con Jinny, Jinny con un diseño yo y mi mango “sí”. Traté de compartir proyectos estudiantiles en mis historias Insta siempre que sea posible. Me encanta ver lo que hacen otros creativos así que por favor, comparte tus animaciones. 5. Comienzo: Aquí vamos. Voy a empezar abriendo Procreate y crear un nuevo lienzo. Haga clic en el pequeño plus regístrese aquí y luego el otro plus firme aquí, así se llega a dar las medidas para su archivo. Puedes elegir si quieres ir con milímetros, centímetros, pulgadas, o píxeles, voy a ir con píxeles y crear lienzo de 1,000 por 1,000 píxeles. Voy a dejarlo en 150 puntos por pulgada, y voy a nombrar mi plantilla como mini-animaciones. Entonces lo tienes listo la próxima vez que quieras crear otra mini-animación. A continuación, haga clic en “Crear”. Tan solo asegúrate de que sea el tamaño que elijas, no lo estás haciendo demasiado grande. Porque, por ejemplo, para Skillshare, tamaño de su archivo puede ser máximo de ocho megabytes, así que manténgalo relativamente pequeño. También si quieres usarlo para tu newsletter o tu sitio web, no quieres que tu archivo sea masivo y ralentice tu sitio. Este 1,000 por 1,000 gran fuente es bastante buen punto de partida. Antes de empezar, quiero mostrarles rápidamente las herramientas. No voy a meterme demasiado en ellos ya que sí tengo una clase de conceptos básicos de Procreate que cubre lo básico. De este lado tienes las herramientas básicas, la herramienta de pincel. Aquí podrás encontrar todos los pinceles que vienen con Procreate así como los que hemos comprado e importado a Procreate. Aquí está la herramienta de manchas que tiene exactamente el mismo proceso, excepto que las usas para manchar. Aquí está la herramienta de borrador, lo mismo, exactamente los mismos pinceles. En realidad puedes borrar con exactamente el mismo pincel que has usado para dibujar. Aquí, encontrarás tu panel de capas y tu herramienta de color. Te voy a explicar un poco más sobre la herramienta de color más adelante. De este lado, encontrarás el menú de acciones con diferentes subcategorías. Aquí, tendrás los ajustes. Esta es tu herramienta de selección, cual te da un pequeño pop-up aquí con diferentes acciones. Puedes seleccionar parte de tu ilustración con ella y con la flecha, que son tus herramientas de transformación. Eso te dará un nuevo conjunto de acciones que puedes hacer. En el lado izquierdo, esto realmente puedes moverte a cualquiera de los lados dependiendo si eres zurdo o diestro o lo que prefieras. Este es el deslizador de tamaño de tu pincel, por lo que puedes hacer que tu cepillo sea más grande o más pequeño. Aquí ajustas la opacidad de tu pincel para que sea más transparente. Este es tu botón de deshacer, y este es tu botón de rehacer. Este pequeño icono cuadrado, puedes usarlo para diferentes herramientas. Para mí, si lo toco, activa el cuentagotas para poder elegir un color de mi ilustración con él. Para cambiar la herramienta que utilizas para ella, vas a acciones, preferencias, controles de gestos, y aquí eliges qué herramienta quieres usar para tu icono cuadrado. He elegido el cuentagotas de ojos. También he asignado otra tarea. Para activar el borrador, sostengo esa casita y uso mi lápiz Apple. Te mostraré lo que quiero decir. En lugar de tener que elegir el cepillo de borrador para borrar y luego volver a elegir el pincel para empezar a dibujar, solo puedo sostener el cuadrado y usar mi lápiz Apple para borrar. Si levanto el dedo, mi lápiz Apple está de vuelta a ser un pincel. Esto hace que mi flujo de trabajo sea un poco más rápido porque no tengo que cambiar entre las dos herramientas de aquí. Entonces eso es todo. 6. Herramienta de colores: Según lo prometido, te mostraré cómo funciona la herramienta Color. Toca el pequeño punto aquí arriba para activar la herramienta Color, obtendrás cinco pestañas diferentes. El primer tabulador son las paletas, que es donde viven todas las paletas que has creado, así como las que vienen con Procreate. Puedes crear una nueva paleta tocando el pequeño signo Plus, el de arriba, crear nueva paleta te dará una vacía, y luego los otros tres te darán una paleta ya hecha de, por ejemplo, lo nuevo de fotos, lo que significa que escogerá los colores de una foto que elijas de tu galería. Tengo uno aquí que fue creado a partir de una imagen. mismo aquí, puedes escoger los colores de un archivo que tengas, o después puedes activar la cámara del iPad y escoger los colores de lo que sea que tomes una foto. Se actualizaron las paletas de colores en la herramienta para colorear para la versión Procreate 5.2.1. Ahora puedes elegir entre dos vistas diferentes. Se puede tener la vista tradicional que se llama compacta, donde las muestras de color son pequeñas y puede decir varias paletas a la vez. O puedes echar un vistazo más de cerca a tu paleta eligiendo la opción de tarjetas. Seguirás siendo capaz de desplazarse por tus palés, pero verás cada color como una muestra o tarjeta más grande como lo llaman en Procreate. Además, tus colores serán nombrados automáticamente por Procreate, pero puedes editar estos nombres a lo que quieras. El siguiente panel es el valor. Si tienes un color exacto en mente y tienes el código de color para ello, aquí es donde puedes ingresar esa información. Por lo que los códigos hexadecimales RGB o HSB. La pestaña Color Harmony es muy interesante, puede ser muy útil para escoger paletas de colores si eso es algo con lo que luchas. Aunque no lo hagas, esta es una herramienta divertida con la que jugar. Puedes elegir entre cinco armonías de color diferentes que puedes usar y Procreate te ayudará con esas. El complementario significa que obtendrás automáticamente el color complementario para cualquier color que elijas. Si quiero ir con un amarillo, automáticamente me dará un azul que es el color complementario de ese amarillo. El amarillo pastel tendrá un azul más pastel ya que es complementario y así sucesivamente. El complemento split significa que en lugar de obtener el color complementario que está en el lado opuesto de la rueda de color, obtendrás los dos colores que están al lado del color complementario. Eso se llama split complementario. Me parece que esto realmente necesita jugar con estos. Entonces tenemos la análoga, mi dios, esa es una palabra dura para mí, armonía de color análoga. Eso significa que escoges un color y Procreate automáticamente te dará los dos colores que están ambos lados de tu color elegido. Eso en conjunto crea una armonía de color análoga. Entonces tienes la armonía triádica de color, lo que significa que los tres colores están igualmente espaciados entre sí en la rueda de color. Tedratic significa que estás obteniendo un conjunto de dos colores complementarios. Estos dos son complementarios entre sí, y estos dos son complementarios entre sí. Estás consiguiendo un conjunto de cuatro colores que van bien juntos. Después tenemos la pestaña Clásica, lo que significa que aquí es donde puedes elegir un matiz y luego ajustar su saturación. Se puede ver al picker de color moviéndose ahí, también se puede mover así. Entonces también puedes ajustar su brillo. El disco es básicamente lo mismo, pero en un formato diferente. Aquí tienes tu matiz, y este del medio de aquí mueve tu saturación y brillo al mismo tiempo. Esa es la herramienta Color. Te recomiendo probar las diferentes pestañas si no estás familiarizado con ellas de antemano, y tener un poco de juego y ver cómo funciona. 7. Palabra animada: Que comience la diversión. Animemos nuestra primera cosa, una palabra con letras a mano. Para calentar y aprender los conceptos básicos de la animación Procreate, quería empezar con lo más sencillo que se me ocurriera, palabras animadas como estas. Si quieres, puedes usar este pincel de contorno que he creado. Lo encontrarás junto con instrucciones para instalarlo en la sección de recursos. Ahora, empecemos. Deberías tener listo tu lienzo creado previamente de 1,000 por 1,000 píxeles. Activaremos la asistencia de animación, que encontrará aquí en Acciones, Canvas, y Animación Assist. Simplemente activa eso, y un pequeño panel debería aparecer aquí para tus ajustes de animación. A continuación, escogeremos un pincel. Iré con el pincel de contorno que he proporcionado en la sección de recursos, y elegiré un tamaño de pincel del 50 por ciento. Siempre tiendo a elegir mis tamaños de pincel para que sean dividibles por 10 o cinco. De esta forma, es más fácil para mí averiguar qué tamaño de pincel estaba usando si necesito editar la imagen más ligera, y si aún quiero mantener el mismo tamaño del pincel. Es fácil probar si estaba usando precisos 20, 25, 30 en lugar de si fuera un 27 aleatorio. Otra opción es crear una capa vacía donde escribas el nombre de tu pincel y el tamaño del pincel que estabas usando. Empecemos con nuestra palabra. Si has decidido ir con el pincel de contorno como yo tengo, hay un par de cosas que debes tomar en consideración. Si dibujas con las letras del pincel de contorno que tienen trazos cruzados, o cruzando las líneas, el resultado final no es súper bonito, ya que las líneas no van juntas muy suavemente. Hay un par de soluciones para esto, pero ninguna de ellas es perfecta. La solución rápida es no levantar el bolígrafo, y simplemente seguir la línea que acabas dibujar así, pero esto es realmente difícil de hacer sin tener letras incómodas. Y otra vez, si el estilo que buscas es inestable, eso podría ser justo para ti. Hay otra forma de crear letras realmente bonitas con el pincel de contorno, pero eso es más laborioso. Es necesario crear todos los trazos en capas separadas. Te mostraré ese método más tarde. Pero como no es apta para animaciones súper simples, te lo mostraré más adelante como extra. Mi solución es usar letras cursivas, y elegir palabras donde no tengas que levantar el bolígrafo. Voy a escribir la palabra Hola en una sola vez así. Una vez que estés contento con la palabra que has creado, quizá quieras moverla al medio. Eso lo haces activando la herramienta de transformación, la flecha pequeña aquí arriba, y una vez que empieces a mover tu palabra, deberías conseguir pequeñas pautas cruzadas para mostrarte cuando hayas llegado al centro, así que ahí. A continuación, desactiva la herramienta de transformación haciendo clic en una herramienta diferente, o en el panel Capas. Una vez que estés contento con la colocación y tu palabra, haz clic en la herramienta Capa y añade otra capa. Tu capa anterior se volvió un poco transparente, por lo que de esta manera sabes qué capa está activa. Entonces recrea tu palabra. O bien puedes intentar imitarlo relativamente de cerca. No quieres que sea exactamente igual porque entonces no habrá ningún movimiento en tu animación. Dependiendo de cuánta variación crees en tu segunda versión de la palabra, eso afectará la forma en que se verá tu animación. Pero eso lo demostraré en un minuto. Aquí está mi primera versión. Si golpeo Play, lo veo en movimiento. Ese es un movimiento muy nervioso y no me gusta su aspecto. Eso se debe a que va a 15 cuadros por segundo. Si bajo esto para hacer eso, entonces vas a Ajustes y luego cambias los fotogramas por segundo. Voy a ir probablemente con tres cuadros por segundo. Esta es una preferencia completamente personal, por lo que puedes optar por hacer que se mueva tan lentamente, o tan rápido como quieras. Se puede ver que la palabra se mueve bastante bien. Hice las capas relativamente similares entre sí. No cambié demasiado la palabra. Déjame mostrarte lo que pasa si hago la segunda versión realmente diferente. Desactivé la otra capa desmarcando la casilla aquí, y creé una nueva capa en el medio. Ahora voy a volver a escribir la palabra, pero esta vez la haré mucho más grande para que sea mucho más diferente a la capa original. Ahora cuando golpeé Play, se puede ver que el movimiento es muy diferente de lo que era con la palabra más pequeña. Es casi como un efecto intermitente. Juega con las versiones y ve lo que te gusta. En realidad prefería aquel en el que el movimiento era más sutil. Parecía un poco más como si la palabra se moviera en lugar de parpadear. Yo estoy contento con esto. Siguiente Te voy a mostrar cómo crear tu propio fondo. 8. Palabra animada: fondo: Si quieres tener un fondo que cubra toda tu imagen, puedes dejarla tal como está y ya estás listo para pasar a la siguiente fase. Si quieres cambiar el color de tu fondo, solo tienes que ir a la capa de color de fondo aquí, tocas eso y puedes acceder a tus paletas de colores y puedes elegir diferentes colores para ello. Sí, eso es fácil. Además, si solo quieres tener un fondo transparente, todo lo que necesitas hacer es apagar la capa de fondo y ahora te queda solo con tus letras. Tendrás una palabra animada que tiene un fondo completamente transparente , y ya estás listo. No obstante, a veces quizá quieras crear tu propio fondo que no es de pared a pared, por así decirlo. Eso lo haces creando una nueva capa, haciendo clic en el signo más y luego esto es muy importante, arrastra la capa hasta el fondo de tu animación. Entonces elegiré un color blanquecino y elegiré un pincel nuevo ya que el pincel de contorno no funcionará muy bien para esto. Voy a ir con un fondo cuadrado torneado. Como puedes ver, el fondo no cubre toda la imagen de pared a pared, habrá un marco transparente a su alrededor que formará parte del archivo. Ahora, solo puedo arrastrar el color desde aquí y dejarlo caer en el medio y llenará toda la zona sin que tenga que hacer eso manualmente. No obstante, algo que sucede cuando haces eso es que podrías tener píxeles transparentes dejados aquí atrás donde esta línea que creé se encuentra con la parte central coloreada. Puedes comprobar si esto está pasando por ti. Necesito cambiar esto a negro para que puedan ver la demostración. Pero no tienes que hacer estos pasos, solo estoy haciendo esto para demostrar. Aquí está mi fondo, y para comprobar si esto tiene píxeles transparentes, apagaré también las letras, solo para que puedas ver. Iré a Acciones, Compartir GIF animado. Aquí, mira, espero que se estén mostrando, pero todos estos bits blancos aquí son en realidad píxeles transparentes en mi capa de fondo. No quieres que esto suceda porque esto no se verá muy bien si usas esta pegatina Asam GIF, por ejemplo, más adelante. O incluso si lo usas como animación, como animación regular en cualquier lugar. Si esto te está pasando, la solución rápida es, solo voy a borrar lo que hice y rehacer eso. Dibujo mi fondo y cuando empiezo a llenarlo, arrastraré esto hacia el medio, pero no levantaré mi bolígrafo, lo mantendré presionado hacia abajo y deslizaré mi bolígrafo hacia la derecha. Esto aumentará el umbral de la herramienta gota de color y eso eliminará los píxeles transparentes. Echemos un vistazo a eso. Lo arrastraré, lo sostendré, y lo arrastraré a la derecha y se puede ver el umbral de color subiendo. Si lo llevo todo el camino hasta la cima, a veces podrías terminar coloreando toda la zona. No sucedió esta vez, creo que es porque tenía un pincel grueso y entendía que no debería estar pasando por el borde. Pero a veces si tienes una línea muy delgada, eso podría cubrir toda tu capa. No quieres llevarlo todo el camino al 100 por ciento, como si algo alrededor del 90 por ciento funcionara bien. Ahora si probamos esto y vamos a Animated GIF, apaguemos las letras e intentémoslo de nuevo. Ahora, deberías ver que no quedan píxeles transparentes atrás. Yo sólo quería mostrarles esto porque sí sucede a veces y la gente está desconcertada como, lo que le está pasando a mi expediente. Voy a darle vuelta eso a blanco porque eso es lo que originalmente quería. También voy a encender mis capas llenas de basura. Ahora si golpeo “Play”, mostrará el fondo que creé como una capa separada y parpadeará una manera muy poco estilística. Para evitar eso, bajas aquí y eliges la capa donde está tu fondo dibujado a mano y haces clic en ella, y activas el botón de fondo, así. Eso convertirá tu fondo dibujado a mano en una capa de fondo que siempre es visible independientemente de qué más dibujes encima de él. Echemos un vistazo a eso otra vez. Ahora, eso se ve mucho mejor. Creo que mi fondo podría ser un poco más grande, así que voy a ir en esa capa, activar la herramienta de transformación, arrastrar una de las esquinas y mover mi fondo al medio así, y luego desactivarlo haciendo clic en otra herramienta. Yo estoy bastante contento con este. Una vez que estés contento con tus antecedentes, eso es todo. Esta es tu primera pieza animada. ¿ No dije que es fácil? 9. Técnicas Super: A continuación, veremos cuatro nuevas formas de animar las letras de mano que acabamos de crear. Empezaremos con la técnica que llamo ampliación. Vamos a seguir con la misma letra de mano que ya creamos. Pero ahora, quitaré la capa con las letras de mano más grandes, y desactivaré la otra. Ahora, me queda sólo con la capa de fondo activa, y la letra manual original. Voy a duplicar la letra original deslizando hacia la izquierda en la capa y haciendo clic en “Duplicar”. Ahora, la segunda capa que se creó, voy a transformar eso haciendo clic en la flecha pequeña aquí arriba. Arrastraré la esquina y haré que las letras de la mano un poco más grandes que las originales, no mucho sino un poco. Entonces lo trasladaré más o menos al centro. Ahora veamos cómo se ve eso. Ahora esto es, en lugar de parpadear, esto parece un poco más como si estuviera pulsando. Una vez más, puedo controlar qué tan rápido está pulsando o qué lento. De nuevo, ese es un bonito efecto también, y súper simple. Primero voy a quitar la capa creada previamente, luego duplicaré la capa original una vez más. Esta vez, no lo voy a hacer más grande, pero voy a ir a la herramienta de transformación, y esta vez la inclinaré un poco hacia la derecha, así como así, y echemos un vistazo. Ahora, parece que está temblando un poco de lado a lado, por lo que otro efecto creado de una manera súper sencilla. Voy a volver a borrarlo, y voy a duplicar la capa original. Capa original una vez más. Ahora, voy a volver a colorear esto. Mi método para hacer esto realmente rápidamente es deslizar la capa hacia la derecha, con dos dedos. Esto encenderá el Bloqueo Alfa. Se puede ver que está encendido porque el fondo tiene un poco de textura a cuadros. Otra opción es hacer click en la miniatura, y dar click en el Alpha Lock aquí. Así es como te lo pones. Una vez que tienes el Alpha Lock encendido, significa que cualquier cosa que hagas en la capa, solo surtirá efecto en los píxeles que ya hayas creado en ella. No puedo dibujar afuera, ya que esta capa sólo tiene las letras Hola en ella, no puedo dibujar, por ejemplo, fuera del texto. Voy a elegir un nuevo color , voy a elegir el color rojo. Por ejemplo aquí, el color sólo va dentro de las letras porque eso es lo único en la capa. Ahora para colorear estos realmente rápidamente, ahora que tengo el bloqueo Alpha encendido, solo daré clic en la “Capa de relleno” y coloreará la cuadrícula de texto. Veamos cómo se ve eso. Eso también es efecto pulsante, pero ahora sólo el color está cambiando. Sin embargo, otra forma realmente rápida y fácil animar tus letras. Esas son tres formas diferentes de hacerlo. Tengo una más. Voy a eliminar la capa roja, y ahora voy a crear una nueva capa, pero no le pondré nada. Tendré mi fondo, mi letra original, y una capa vacía. Veamos qué hace eso. Ahora esto me da el efecto intermitente, y puedo hacer que destellen muy rápidamente. Perdón, eso podría causar algo de migraña para alguien. O puedo hacerlo súper lento, incluso más lento que eso. Sí, para crear el efecto intermitente, la forma más rápida de hacerlo es agregar una capa en blanco en su panel de capas. Ahí vas. Eso son cuatro formas diferentes de hacer que tu animación se mueva. Empecemos con estos dos. A la izquierda tenemos la pulsante, que se creó duplicando la capa con la letra de la mano, luego agrandar ligeramente una capa duplicada y centrándola. A la derecha, tenemos el temblor, que se creó también duplicándolo y luego inclinando un poco la capa duplicada. A continuación tenemos la intermitente a la derecha, que se creó con sólo añadir una capa vacía en el panel de capas. El de la izquierda que pulsa con color, fue creado duplicando la capa con letras a mano, luego volver a colorear el texto duplicado con rojo. Además, aquí están los que se crearon en la lección anterior. A la izquierda, tenemos el wiggly, que fue creado reescribiendo el texto en una nueva capa. El de la derecha, con el efecto intermitente o pulsante, también se hizo reescribiendo el texto, pero esta vez haciéndolo claramente más grande que la letra original de la mano, así que ahí. Ahora tenemos varios trucos diferentes que podemos usar para hacer que nuestra animación se mueva de diversas maneras. Eso significa que es hora de pasar a animar nuestra primera ilustración. 10. y y en otros: fundamentos: Por último, es hora de animar una ilustración. Ahora que ya sabemos agregar movimiento a una palabra, podemos aplicar las mismas técnicas a la ilustración, así que empecemos por crear un nuevo lienzo. Da click en el pequeño plus regístrate aquí y abre una nueva plantilla. El que acabamos de crear debería estar al final de tu lista a menos que lo movieras. Al igual que yo tengo el mío está aquí en la parte superior. La idea es dibujar algo súper sencillo. Nos estamos centrando más en la técnica que en la ilustración misma. Voy a elegir un pincel monolino. Voy a escoger un color rojo coral. Mi plan es dibujar un melocotón que puedes seguir para hacer eso o puedes elegir otra cosa que encuentres fácil de dibujar. Tan solo asegúrate de que sea algo sencillo. Voy a empezar por crear el contorno así y luego voy a llenarlo de color y estoy ajustando la forma un poco. De acuerdo, eso servirá. Si quieres, puedes centrarlo. También puedes hacerlo más tarde, pero lo voy a hacer ahora, así que haz clic en la “Herramienta de transformación” y muévala a donde creas que se ve mejor. Si tienes el Snapping encendido aquí abajo, entonces tendrás las pequeñas pautas para ayudarte a determinar el centro así. Una vez que estés contento con la forma de tu dibujo, entonces crea una nueva capa para agregar algunos detalles. Esto es súper importante, intenta mantener todos tus elementos en capas separadas para entonces cuando llegue el momento de animarlos, es más fácil de hacer. Voy a cambiar el color y voy a añadir aquí algunos detalles así. Voy a agregar todos mis detalles en la misma capa, pero sigue siendo diferente a la forma real de la pera. Entonces voy a crear otra capa y aquí es donde voy a dibujar una carita para mi melocotón. Ojitos como ese y un poco de boca, así que esta va a ser mi ilustración que voy a animar. Muy simple y solo tres capas. Ahora activamos el Ayudante de Animación, que encuentras de Acciones la llave pequeña luego Canvas y Animation Assist, y esta pequeña sección debería aparecer aquí. Ahora también puedes ver que parte de mi ilustración se volvió transparente. Básicamente, la capa en la que estás se va a mostrar a todo color, y luego todas las demás capas serán transparentes. Todas tus capas también son fotogramas aquí en la línea de tiempo y aquí en la configuración, puedes ver y ajustar tus capas. Todas las capas inactivas se llaman marcos de piel de cebolla y aquí si ajustas su opacidad, puedes ver cómo cambia el color. Si lo pongo al máximo, todas mis capas se muestran en total opacidad y es realmente difícil decir en qué capa estoy trabajando, por lo que es una buena idea hacer las otras capas, también conocidas como los marcos de piel de cebolla, poco más transparente. Además, este de aquí es donde determinas cuántos marcos de piel de cebolla son visibles al mismo tiempo, es decir, cuántas de tus capas puedes ver al mismo tiempo. Esto no es importante para nuestra animación, pero si estás por ejemplo, trabajando en una secuencia de caminar, entonces esto se vuelve importante. Pero no necesitas preocuparte por eso. Ahora estamos listos para empezar a animar la ilustración. Necesitas elegir qué partes de tu ilustración quieres mover. Yo quiero hacer que la cara y los detalles se muevan, así que voy a crear una nueva capa y volver a dibujar la cara. Voy a asegurarme de que sea un poco en un lugar diferente y como el dibujo original, y además quiero hacer parpadear el otro ojo así que voy a dibujar un poco de párpado cerrado ahí. Voy a volver a dibujar la boca también para que eso empiece a moverse también. Además, entonces voy a crear otra capa. Voy a ir a elegir el color de detalle otra vez y voy a redibujar los detalles, ver qué pasó ahí? Ahora mi forma de melocotón desapareció, y eso es porque en los ajustes que he elegido que solo estoy viendo tres marcos de piel de cebolla, así que estoy viendo los tres anteriores, 1, 2, 3. Ya que este es el cuarto, no se está mostrando. Si subo eso, mostrará también la forma de melocotón. Sí, tal vez quieras mantener al máximo tus marcos de piel de cebolla para nuestros propósitos. ¿Dónde estaba yo? Los detalles. Voy a redibujar los detalles. Voy a asegurarme de que habrá movimiento, así que voy a redibujar ese poquito fuera en comparación con la capa de detalle original y lo mismo para estos. Yo quiero que también se muevan ligeramente. Ahora para ver cómo se mueve esto, necesitaré ir a la forma de pera y hacer de ésta la capa de fondo. Recuerda que hicimos esto también con la palabra. Tocas en el marco aquí abajo para obtener opciones de fotograma y encender el fondo. Así. Ahora, este será el fondo de toda la animación y siempre estará mostrando independientemente de en qué capa estés. puede ver que no se vuelve opaco porque es el fondo. En tanto que las otras capas de aquí se están volviendo opacas. Ahora, si enciendo la jugada ahora, no es hacer lo que quería hacer. Está mostrando cada una de las capas por separado y eso no es lo que queremos. En primer lugar, quiero bajar los fotogramas por segundo a un poco más lentos, tal vez cuatro. Ahora necesito poner la cara y los detalles en la misma capa para que se estén mostrando simultáneamente. Voy a dar clic en la “Capa” y fusionarme, por lo que estos dos se fusionaron, entonces voy a ir a la otra capa de detalle, clic en ella y fusionarme hacia abajo. Ahora se fusiona a la cara. Si estás creando lo mismo que yo, asegúrate de fusionar una cara y un conjunto de detalles. Echemos un vistazo. Ahora Está funcionando exactamente de la forma en que lo pretendía. Sí, esta es la primera versión de una ilustración animada. Súper simple, ¿no? 11. Apple animado: agrupación: A continuación vamos a ver ilustraciones que tienen partes superpuestas, que no se pueden hacer parte de la capa de fondo. Creemos un nuevo lienzo y dibujemos una nueva fruta. Esta vez voy a dibujar una manzana así, y luego voy a crear una nueva capa y dibujar mis pequeños detalles, el tallo, así y algunos detalles como ese. Además, voy a hacer una carita. Esta vez, tal vez crear un rostro un poco diferente y una pequeña boca, así que ahí. A continuación, enciendo la asistencia de animación en el panel Acciones bajo la pestaña Lienzo. Entonces voy a crear la hoja en una capa separada, así que no hay problemas para editarla más tarde. Ahora puedo hacer esto en la capa de fondo así para que siempre sea visible. Pero ahora, si empiezo crear las nuevas versiones de la hoja, los detalles, y la cara para tener ese movimiento, y si no las voy a fusionar, ¿qué voy a hacer? Ahí hay un truco. Voy a activar las tres capas. Hago eso eligiendo uno de ellos, luego deslizando a la izquierda con el dedo para que todos se pongan azules, y luego voy a dar clic en Grupo. Ahora se han convertido en un solo grupo y ver qué pasó aquí abajo. Todos están creando un solo marco. Si deshago eso, puedes ver aquí tengo tres fotogramas ya que tengo tres capas. Si combino las tres capas en un grupo, se convierten en un solo fotograma. Eso significa que todas estas tres capas se muestran simultáneamente en mi animación. Ahora puedo crear otra capa encima del grupo y eso crea un nuevo fotograma aquí abajo en la línea de tiempo. Ahora puedo crear mi hoja, que será fácil de editar más adelante. Si no me gusta el movimiento que está creando, entonces estoy creando una nueva capa y estoy creando mis detalles. Voy a asegurarme de que el tallo también se mueva y que mis detalles se muevan un poco. Ahora aquí en la primera versión, tengo el tallo debajo de la hoja y quiero que eso mismo suceda también en el otro grupo. Voy a mover la hoja por encima de los detalles, y luego necesito dibujar la cara. Una vez más, en realidad, esto no importa si la cara está arriba o abajo porque no se superponen. No importa si se encuentra debajo de las otras capas o encima de ellas, por encima de ellas. Creo que ese era el color de mi cara. Yo también voy a hacer parpadear la manzana. No, eso no es lo que yo quería. Voy a darle un poco de movimiento a la boca también. Ahora también he creado las nuevas capas para todos los demás elementos. Voy a elegir una capa y luego deslizarme derecha para elegir el resto y crear un grupo. Una vez más, a ver qué pasa aquí. Tengo tres capas en un lado, agruparlas , se convierten en un solo fotograma. La parte complicada es que trabajar en grupos hace que sea más difícil hacer tu gestión del color. Déjenme demostrar lo que quiero decir. Digamos que quiero hacer algunos detalles para la hoja. Crearé una nueva capa encima y elijo un color verde oscuro con el que dibujar los detalles. Ahora que dibujo mis detalles, eso se ve bien. Pero en realidad, este no es en realidad el color que he elegido. Aquí está el verdadero color. Si dibujo aquí del costado, se puede ver que es muy, muy verde oscuro en lugar de este verde mucho más claro. Lo que está pasando aquí es que el otro grupo, que es un solo marco, es un marco de piel de cebolla. Tiene una versión transparente encima de mi capa actual en la que estoy trabajando y eso interfiere con mis colores. Para deshacerme de ese problema, sólo voy a borrar lo que acabo de dibujar. Se puede apagar todo el grupo. Ahora puedes ver los colores correctamente y puedes decidir si te gustan los colores que has escogido. Asegúrate de apagar todo el otro grupo y luego podrás trabajar con tu grupo de capas actual. Una vez que estás contento con eso y sabes que todos los colores funcionan bien juntos, entonces puedes encender al otro grupo. Ahora necesito crear los detalles en este grupo también, así que agrego una capa. Ahora no tengo que apagar el otro grupo porque ya sé que mis colores funcionan, así que voy a dejar encendidas las capas del otro grupo para poder ver donde se encuentran los detalles y puedo ahora dibujarlo en mi nueva capa. A ver cómo se ve eso. mí me gusta excepto que es demasiado rápido para mi gusto. Voy a bajar los fotogramas por segundo, 5, 4, 3, 2. De acuerdo, tres. A mí me gustan tres cuadros por segundo, eso es bastante bonito. Por lo que ahí. Este es un buen truco de cómo puedes mantener tus capas separadas y editarlas individualmente y aún así hacerlo funcionar bien para tu animación. 12. Corazón animado: fuentes: A continuación, te voy a mostrar cómo crear algo como esto. Vamos a crear un nuevo documento haciendo clic en el signo más aquí y eligiendo la plantilla que creamos anteriormente. Después elige un pincel que te guste. Voy a ir con la monoline. Elige un color. Voy a ir con el rojo coral, y luego dibujamos nuestro corazón. Apenas un poco de hipo ahí. Podría hacer eso un poco más grande así. Ahora puedes escribir tu texto con tu letra si quieres. Creas una nueva capa y escribes sobre eso. Pero el punto de esta animación es mostrarte cómo funciona la herramienta de texto. Vamos a Acciones, y ten en cuenta aquí, si usas los dedos, obtendrás un tipo de vista diferente de la herramienta que si usas tu bolígrafo. Prefiero usar mis dedos porque me da una visión más amplia. Tomemos eso de nuevo. Va a Acciones, Agregar, Agregar texto, y debe aparecer este tipo de vista. Pero si usaste tu bolígrafo, tal vez obtuvieras una vista más pequeña. Todas las mismas cosas están disponibles para ti, pero tu vista inicial es diferente. No sé por qué Procreate hace eso, me parece confuso. Pero quiero editar la fuente, así que voy a dar clic al doble A aquí y voy a conseguir una vista como esta. También aterrizarás aquí si has usado tu N para activar la herramienta, pero la vista inicial es diferente. Aquí puedo elegir una fuente que me guste. Voy a ir con Punch Needle, que es una fuente que yo mismo he creado. Si sí quieres usar eso, puedes comprarlo en mi tienda Creative Market. Pero solo puedes usar cualquiera de las fuentes que vienen con Procreate. O si tienes fuentes que has comprado, que tienes en tu PC o tienes en tu Mac, puedes exportarlas a tu iPad, y luego puedes usarlas también. También puedes editar el tamaño. Yo me voy a ir con 130, creo. Sí, eso es bastante bueno. Aquí puedes activar el panel de números tocando aquí cualquiera de estas secciones. Si quieres editar el tamaño de fuente y dar un número exacto, puedes hacerlo aquí. También puedes usar el deslizador. Depende de ti. Voy a ir con 140. Entonces voy a centrar un poco mejor mi texto. También ahora mi texto es rojo, por lo que será imposible verlo encima del corazón rojo. Para cambiar eso, en realidad tengo que bajarme aquí y volver a activar mi texto. Haga clic en el “Texto” en el panel de capas, haga clic en “Editar texto”, y luego elija un nuevo color de su herramienta de color. Ahí. Ahora bien, no creo que esté en el lugar correcto, así que voy a dar clic en “Transformar” y moverlo a donde creo que es mejor. Está bien. Ahora, quiero editar el texto. Yo quería decir amor, así que voy a tocar la capa de texto, hacer clic en “Editar texto”, y luego simplemente tocar el texto en sí y luego eliminar lo que haya allí y escribir tu palabra. Voy a ir con amor. Ahora, una vez que tengas tu palabra en una capa de texto, solo puedes copiarla tantas veces como tengas letras en tu palabra. Si estás usando la palabra amor, necesitarás cuatro capas porque el amor tiene cuatro letras. El primero seguirá siendo la palabra completa. El que está debajo vas a activar ese Editar texto y vas a quitar el E. El que está debajo, una vez más, toca la capa, Editar texto, y elimina la E y la V. Puedes ver cómo las letras desaparecen. En la parte inferior, Editar texto, te quitas todas las letras excepto la L. Sé que es un poco difícil ver qué tienes ahí. Habría sido una buena idea activar realmente la Ayuda de Animación antes de empezar a hacer esto. Pero también podemos hacerlo ahora. Ir a Acciones, Lienzo, Ayuda de Animación. Ahora es un poco más fácil ver qué hay en tu capa que tu edición porque los demás se convertirán en marcos de piel de cebolla. Además, creo que mis pieles de cebolla están bastante pálidas. Yo quiero subir eso un poco. Ahora si le pego a Play, oops, eso no está funcionando muy bien. Lo que está pasando aquí es que no he cambiado capa de mi corazón para ser el fondo todavía. Así que toca la capa del corazón aquí abajo y enciende la función de fondo. Ahora el corazón permanecerá en la parte inferior, pero el texto va terriblemente rápido. Voy a cambiar los fotogramas por segundo a tal vez tres por lo que aún es fácil de leer. Sí, creo que eso se ve bastante bien. Ahora quiero que la palabra completa muestre un poco más de tiempo. Puedo hacer esto ya sea duplicando la capa, por lo que teniendo varias capas de la misma. Hagamos eso una vez más. Tengo tres capas con la palabra amor. Voy a eliminar esos dos extra. La otra opción sería ir en la capa correcta. Aquí abajo, veo ahora que hay una pequeña barra azul debajo de estos marcos, así que ahora puedo decir que estoy en este marco. Toco en ese marco y aquí puedo cambiar la duración de ese marco. Puedo hacerlo reposar por tres marcos. Eso significa que aquí no tengo que duplicar mis capas, y guardo las capas porque a veces puede que te falten las capas. Mi ilustración es tan pequeña que no tengo ese problema, pero a veces es útil tener esa opción. En lugar de tener tres capas de la misma, solo sostendrá mi último fotograma durante tiempo que lo haya dicho en la configuración. Para tres marcos, sostendrá mi palabra amor. Veamos eso. El resultado final es exactamente el mismo. Eso sostendrá quieto. Creo que en realidad es demasiado lento. Está sosteniéndolo demasiado tiempo, así que tal vez mantenga la duración por dos. Veamos cómo se ve eso. Sí, eso me gusta más. Además, no quiero tener un fondo blanco completo, así que voy a apagar el fondo. Voy a crear una nueva capa donde voy a crear mi fondo. Pero ahora le he asignado a mi corazón ser la capa de fondo. Eso no va a funcionar porque esa necesita ser la capa inferior. Por lo pronto, estoy desactivando la capa de fondo. Ahora la capa del corazón se convirtió en una capa normal. Puedo mover esta nueva capa al fondo. Puedo crear mis antecedentes en este y luego los puedo fusionar después. Voy a hacer un poco cuadrada tambaleante, que tanto amo, y voy a llenar eso. Ahora el corazón es demasiado grande para el fondo, así que voy a reducir ese tamaño. Voy a activar la herramienta Transformación, agarrar la esquina y hacerla más pequeña, y luego arrastrarla al centro así. Ahora podría ser que mi palabra sea demasiado grande, pero vamos a preocuparnos por eso más adelante. Ahora estoy contento con el corazón y estoy contento con el fondo, así que estoy listo para fusionarlos. Pero antes de fusionarlos, asegúrate de no querer hacer ninguna edición en tu corazón ni en tu fondo porque puede ser complicado editarlos más adelante. Depende de qué exactamente quieras hacer, pero solo trata de prepararlos antes de fusionarte. Una vez que estés listo para fusionar, toca en la capa que quieras fusionar y haz clic en “Fusionar hacia abajo”. Ahora tengo una capa con el fondo y el corazón, y puedo bajar aquí y tocarla, y asignar que sea la capa de fondo. Ahora si le pego a Play, me estoy dando esto. Sí, eso es bastante bueno. Pero sí quiero mover un poco la palabra hacia arriba. Voy a elegirlas todas deslizándose hacia la derecha, después dar clic en la herramienta Transformación, y centrarlas mejor. A ver. Sí, eso es perfecto. Eso es todo. Está listo. Bastante guay, ¿eh? 13. Banana animado: textura con color: A continuación, te voy a mostrar cómo crear algo como esto. Vamos a volver a la galería y crear un nuevo lienzo como ese. Entonces escogeré el pincel monolino. Escogeré el negro para el color. Entonces dibujaré así el plátano, haré un par de líneas así. Agrandaré eso un poco así. A continuación, crearé una nueva capa, y colorearé el plátano con color amarillo. Ahora puedes elegir cómo quieres colorearlo. Pero el punto no es llenarlo con color amarillo, sino colorearlo como si estuvieras coloreando una página para colorear. No tiene que estar perfectamente coloreado. Toda la idea es que es muy áspera. Entonces a continuación, moveré la capa de contorno por encima de la capa coloreada así. Entonces crearé otra nueva capa. En este punto es una buena idea encender la Ayuda de Animación. Ve a “Acciones”, “Canvas” y activa la Ayuda de Animación. Ahora estoy en mi nueva capa y voy a volver a colorear el plátano. Voy a asegurarme de que sea de color diferente. Obviamente, es que la primera ronda de tiempo. También voy a añadir el texto, así que voy a volver al negro y como quiero que el texto se mueva, lo escribiré en ambas capas. Hagámoslo en una capa separada, así entonces tenemos la posibilidad de editar los colores sin ningún tipo de molestia. Dejaré la fusión de las capas hasta el final. Plátano, eso servirá. Después una nueva versión de la misma. Asegúrate de que no lo estoy siguiendo demasiado de cerca. Así. En realidad estoy seguro de que no quiero editar el color amarillo, así que solo voy a seguir adelante y fusionar el texto banana con mi color amarillo y luego mover el otro color amarillo por encima de eso y fusionar el otro plátano texto con el plátano amarillo. Ahora vamos a hacer algo diferente a lo que hemos hecho antes. Antes hemos establecido una parte de la ilustración como la capa de fondo. Esta vez vamos a tener el contorno en la parte superior del panel de capas, y vamos a ponerlo como primer plano. Eso significa que sea lo que establezca como primer plano, necesita ser la capa superior en su panel, al igual que la capa de fondo necesita ser la capa inferior, la capa de primer plano debe ser la capa superior. Lo que sea que esté en tu capa de primer plano se mostrará encima de todo lo demás que tengas en las capas normales. Si toco eso, la capa de primer plano se está mostrando encima de mi color amarillo plátano. Una vez más, esto va a 15 cuadros por segundo, y podría ser buena idea ralentizar un poco eso, así que fui por cuatro. Aquí vamos. Ahí está mi pequeña ilustración de plátano. Además, voy a apagar la capa de fondo. Esto podría funcionar bien, pero sí me gusta tener algunos antecedentes. Voy a crear una nueva capa y arrastrarla hasta el fondo. Dibujaré mi fondo sobre eso y luego lo estableceré como la capa de fondo. Aquí vamos. Voy a hacer mi plaza habitual, que uso mucho. Accidentalmente, lo hice demasiado duro en la esquina para ser más redondo. Eso servirá. Ahora estoy en la capa inferior. Voy a tocarlo aquí abajo, y voy a convertir eso en la capa de fondo. Después pega “Play”, y voila, aquí tenemos un poco de animación de plátano en movimiento fresco. 14. Hack de esquema: Al igual que prometí, te voy a mostrar cómo puedes usar tu pincel de contorno y no preocuparte por los trazos superpuestos. Eligamos un pincel de contorno. Elige un color que te guste, me voy a ir con el negro. Entonces vamos a crear algo. Voy a hacer una pequeña cruz. Ahora bien, esta es la parte importante. Necesitas crear todas tus líneas en capas separadas. Siempre que levantes el lápiz hacia arriba, necesitas crear una nueva capa. Voy a mantener así súper simple así. Ahora que estoy en la capa superior con la línea horizontal seleccionada, voy a ir a “Herramienta de selección”. Aquí abajo, voy a asegurarme de que tengo seleccionado “Automático”. Si no lo haces, esto no funcionará. Automática seleccionada. Después toca en medio de la línea horizontal. Haga clic en “Guardar y cargar” aquí abajo, luego el pequeño signo más. Ahora mi pequeña selección se guarda aquí abajo. Ahora le voy a hacer lo mismo a la otra capa. Voy a ir en la capa vertical. Voy a tocar una vez para anular la selección anterior y tocar otra vez para volver a seleccionar. Voy a ir a elegir la línea vertical, haga clic en “Guardar y cargar” tap signo más. Ahora los tengo a ambos guardados aquí abajo en selecciones separadas. Tengo la vertical seleccionada, e iré al panel Capas y escogeré el trazo opuesto. No el mismo golpe. Tengo vertical seleccionado aquí así que aquí arriba voy a elegir la horizontal. Después hago clic en “Borrar” y ver, esas pequeñas líneas desaparecieron. Entonces hago lo contrario. Escogeré la línea vertical aquí en el panel Capas. Aquí abajo, escogeré la horizontal. Una vez más, tocaré la pequeña miniatura y pincharé en “Borrar”. Ahí lo tenemos. Ahora los contornos están muy bien conectándose entre sí. Entonces voy a ir a la capa superior, toque una vez y haga clic, “Fusionar hacia abajo”. Ahora tengo todo el personaje en una capa muy bien unido. Ahora hay otra forma de hacerlo, que es más fácil y hay menos que recordar, pero requiere de una mano más firme. Te voy a enseñar cómo hacer eso. Apagaremos esto, crearemos una nueva capa. Crear la primera línea. Una vez más, necesitamos una capa extra para el otro trazo. Ahora todo lo que necesitas hacer es borrar el bit medio. Elige una goma de borrar que tenga una monolina. Este es un pincel monolino, pero acabo de llamarlo borrador. Después empieza a borrar la parte media. Se quiere tener cuidado aquí para que el resultado final sea limpio. Para ver si hago eso, me estoy poniendo partes poco desiguales aquí. Se quiere tratar de mantenerlo limpio y en línea recta así. Ahí vamos. Lo mismo aquí. Voy a ir en la capa superior y la voy a fusionar hacia abajo para que toda la cruz esté en una capa. Ahora vamos a encender el otro y moverlos un poco. Te mostraré una cosa más. Además, puedes colorear en tus creaciones delineadas, ya sea letras manuales o marcas o algo realmente. Simplemente arrastras tu color hacia el medio de tu signo. Yo voy a hacer lo mismo por la otra cruz, y voila. Realmente no es tan complicado, pero aún así quise mantener nuestro primer ejercicio de crear muy fácil nuestro primer ejercicio de crearanimaciones súper simples. No quería confundirte con hacer estos pasos extra, pero aún así, quería que tuvieras ese conocimiento en caso de que quisieras hacer eso. Aquí está. Espero que hayas disfrutado de eso, y ahora estamos listos para seguir adelante. 15. 015 ideas: Otra opción para trabajar con el pincel de contorno sin escribir en cursiva es crear letras en bloque. Puedes escribir así, y estoy sosteniendo mi bolígrafo hacia abajo para que Procreate haga mi línea más recta y suave. Si no quiero eso, sólo puedo levantar el bolígrafo y se quedará el picor de mi propia escritura. Si lo mantengo pulsado, Procreate automáticamente lo igualará. Si quiero editar eso, solo puedo elegir un pincel que no tenga un contorno y colorearlo, así que ahí. Esa es otra forma de usar el pincel de contorno si no quieres usar cursiva. Pero me encanta escribir en cursiva, así que me voy a quedar con eso. Para este par aquí, he usado la Ms Dotty Mist Texture que he creado y provisto para que descargues de forma gratuita. Agregar textura es otra forma súper fácil de agregar movimiento a tu animación. Aquí, simplemente he creado una ilustración de un par, después la he animado, y por último, he añadido la textura de Ms Dotty Mist usando la técnica de agrupación que aprendimos antes. Déjame mostrarte cómo hice eso. Para agregar la textura, entraré en mi Panel de Capas y abriré uno de los grupos que he creado mientras realizo la animación. Añadiré una capa vacía encima del par y luego añadiré la textura a esa capa yendo a Acciones, Insertar archivo, Procreate, Texturas, y eligiendo Ms Dotty Mist Texture. Dejé de usar la carpeta de fotos para almacenar mis archivos Procreate para estar un 100 por ciento seguro de que mis archivos conservan su transparencia. He notado que a veces el iPad agrega un fondo blanco a los archivos que se almacenan en las fotos. Ahora que tengo la textura encima de mi forma de pera, voy a Capas y duplico esa textura dos veces para que sea más visible, y luego las fusiono para mayor comodidad. Después de eso, convierto la capa de textura en una máscara de recorte para que la textura solo se aplique a la forma de pera. Después tocaré la Capa y haga clic en “Bloqueo alfa”, luego escogeré un color blanquecino de mi herramienta de color, y luego tocaré “Rellenar capa” en la capa de textura y mi textura se volverá blanquecina. Ahora duplicaré esa capa y la arrastraré al otro grupo por encima de la forma de pera. Después iré a esa capa y tocaré la herramienta Transformar que parece una flecha en la parte superior y luego giraré la textura dos veces, decir 90 grados, y ya terminamos. Vamos a jugarla. Creo que la textura crea un bonito efecto nuevo. ¿ Qué opinas? Aquí hay otro ejemplo de uso de texturas. Para crear el movimiento en el fondo, todo lo que hice fue agregar la capa de textura moteada a ambos grupos y luego borré algunas de las motas de una de las capas de textura. Eso es todo. Después creé el resto de la animación en nuevas capas encima de eso. 16. Exportar GIF: Ahora es el momento de mirar exportar tus animaciones y los diferentes formatos. En Procreate, puedes exportar tus animaciones en tres formatos diferentes: GIF animados, PNG animados, o videos MP4. Independientemente de dónde quieras utilizar tus animaciones, te aconsejo exportarlas como gifs animados a tu computadora o a un teléfono. El motivo de ello es que los PNG animados, aunque de mejor calidad, aún no son ampliamente apoyados. No vamos a estar usando eso y el reto con los videos MP4 es que no se repita automáticamente y tus animaciones terminan muy cortas. Ahora, déjame explicarlo un poco más. Echemos un vistazo a esta animación de las estrellas centelleantes que sólo tiene dos marcos. Yo lo he puesto para que se juegue en tres fotogramas por segundo, eso significaría que mi video MP4 duraría menos de un segundo. Para que mi video dure más tiempo, necesitaría duplicar mis capas bastantes veces para que dure incluso cinco segundos. Eso no sólo tomaría tiempo, sino que también aumentaría el tamaño del archivo. MP4s no tienen fondo transparente, eso significaría que mi animación tendría un fondo blanco sólido y eso no es lo que quiero. Es mucho más conveniente para mí exportarlo como un GIF animado que puede reproducir mis dos fotogramas en un bucle una y otra vez. Tan solo asegúrate de que aquí en la configuración has configurado tu animación para jugar como un bucle o un Ping-Pong. Eso significa que lo jugará sin fin. La diferencia entre ambos es que el bucle reproducirá tus marcos desde el principio hasta el final y saltará de nuevo al principio y jugará hasta el final de nuevo sin fin. El Ping-Pong, sin embargo, reproducirá tu animación desde el principio hasta el final, luego volver al principio, de ida y vuelta. Para este tipo de animación donde solo tengo dos fotogramas, no hace ninguna diferencia el resultado final es exactamente el mismo. Pero para animaciones que tienen más fotogramas, hay una ligera diferencia que puedes probar eso. Si eliges un disparo, eso significa literalmente que toca cada fotograma solo unos. Así, sólo una vez. Si sí necesito usar formato de video para ciertas plataformas como Instagram, entonces puedo convertir mis GIFs en un video de 15 segundos o más de manera muy fácil usando una app llamada Gifvid. Hablaré más al respecto en un minuto. Vamos a exportar este GIF animado aquí. Para ello, vaya a la herramienta llave inglesa, que son las acciones y elija, Compartir, y haga clic en el GIF animado. Ahora aquí en la configuración, asegúrate de tener un fondo transparente seleccionado si tienes parte de tu animación transparente, si no, entonces no tienes que preocuparte por ello. Aquí en el umbral Alfa, puedes elegir cuánto de tu animación que es semitransparente está mostrando. Si lo retomo, se vuelve bastante transparente. Si quiero hacerlo más opaco, puedo bajarlo. No obstante, no me gusta el look que crea, así que tiendo a tener mi umbral cerca de un 100, y en cambio lo que hago para aumentar la opacidad, voy y duplico mis capas. Duplico cada capa dos veces, así que tengo tres de cada uno, y ahora puedo fusionarlas en dos capas o puedo crear grupos. Prefiero hacer grupos así que entonces si cambio de opinión más tarde, puedo hacer eso, así. Veamos cómo se ve ese ir a “Acciones”, “Compartir GIF animado”, y volver a subir el umbral hasta 90 algo. Ahora puedes ver que tengo muchos más pixeles en mis estrellas y se ven menos transparentes. A pesar de que todavía quiero mantener esa textura luce así estoy muy contenta con cómo se ven ahora. Ahora solo daré clic en” Exportar”, y desde las opciones aquí, siempre uso AirDrop porque tengo un Mac y un iPhone. Encuentro que usar AirDrop es la forma más conveniente y más rápida para que pueda exportar mis archivos. No obstante, puedes elegir otras formas de hacerlo también. Aquí hay un montón de opciones, por lo que puedes guardarlo en Dropbox u otro servicio basado en la nube. Puedes enviarlo por correo a ti mismo, etc. Elige tu método aquí, y luego solo tienes que hacer clic en “Exportar”. Voy a exportarlo a mi Mac y así así, ya está hecho. Ahora tu GIF está listo para ser utilizado en tu sitio web o newsletter, o para ser subido a GIPHY si piensas abrir una cuenta de GIPHY. No obstante, si quieres publicar tu animación en, por ejemplo, Instagram, primero debes convertirla en un video. Te mostraré cómo hacer eso en la siguiente lección. 17. Gifvid - videos: En esta lección, te mostraré cómo convertir tu animación GIF en un video si estás usando una plataforma que requiera formato de video. Me resulta más fácil usar una app llamada GifVid. Es fácil, súper rápido, y cuesta casi nada. La última vez que lo comprobé costó $0.99 en App Store. Una vez que tienes la app en tu teléfono y has transferido tu animación a tu teléfono, todo lo que necesitas hacer es tocar la app, que la abre. Después tocas “Crear”, y eliges “GIF to video” así. Después vas a dondequiera que hayas guardado tu animación. El mío está en reciente por lo que elijo eso. Entonces elijo la resolución, así que ve por lo más alto. Ahora, aquí abajo, se llega a elegir la longitud de su video. Se puede recorrer todo el camino hasta tres minutos, 59 segundos, o bien, 0. Voy a ir por 15 segundos. Eso me da flexibilidad, puedo usarlo prácticamente en cualquier lugar. Eso va a crear 24 marcos para mí. Entonces una vez que estoy contento con la longitud, toco aquí en la flecha, y eso creará el video. Ahora todo lo que necesito hacer es guardarlo en mi teléfono tocando el pequeño ícono aquí abajo y “Guardar video” así. Entonces tocaré la pequeña marca de cheques aquí arriba para terminar el proceso. Eso es todo. Ya terminé. Pero espera. ¿ Cuándo se supone que debo usar un formato de video y cuándo necesito una pegatina GIF o GIF? Bueno, eso depende de dónde y para qué estés usando tu animación. Aquí te dejamos un rápido recordatorio de cómo va. Personalmente uso GIFs y pegatinas GIF en mi sitio web, en mi newsletter, como mi fondo de reunión Zoom, y en redes sociales como historias de Instagram. Ten en cuenta que para poder utilizarlos en redes sociales, sí necesitas tener una cuenta GIPHY y te explicaré más al respecto en un minuto. ¿ Eso no cubre todo? Podría preguntarse, ¿necesito siquiera videos? Bueno, para ser honesto, solo uso el formato de video para publicar mis animaciones a mi Instagram crear, es decir cuando hago una publicación tradicional de Instagram. Probablemente haya toneladas de lugares donde los videos son muy útiles, pero ese ha sido literalmente el único lugar donde hasta ahora he necesitado el formato de video. 18. Introducción a Giphy: Voy a empezar diciendo que Giphy realmente merecías toda una clase propia. Pero haré todo lo posible para explicar brevemente de qué se trata, para que puedas decidir si podría haber algo en lo que quieras profundizar. Como mencioné antes, Giphy es una base de datos en línea donde gente puede buscar regalos y dar pegatinas. Giphy está vinculado a muchas plataformas de redes sociales como Instagram y Snapchat a través de una API. Por ejemplo, todos los regalos que ves en selección de regalos de Instagram en realidad viven en Giphy. Deberías empezar por crear una cuenta en Giphy. Después solicitas un canal de artista, rellenando la información necesaria y cargando algunos regalos, o pegatinas de regalos que tú mismo hayas creado. Después sólo tienes que esperar a que te aprueben y enrollar. Estás listo para usar tus regalos y pegatinas en redes sociales. Ten en cuenta que debes proporcionar a Giphy el enlace a tu portafolio, página web o cuenta de redes sociales que mejor te represente como artista. Una vez que tu canal de artista esté en funcionamiento, puedes empezar a subir más regalos y pegatinas a Giphy. Algunas cosas que debes recordar cuando subes nuevos regalos, necesitas calificarlos G para estar un 100 por ciento seguro de que aparecen en las búsquedas en redes sociales. También te aconsejo que uses todas tus etiquetas sabiamente. Te ayudará a ti y a otros a encontrar tus regalos. También te recomiendo usar tu propio nombre, o marca o nombre de empresa como etiqueta, para que puedas encontrar tus propios regalos fácilmente. Aquí se puede ver lo que significa en la práctica. Si quiero encontrar todos mis regalos felices, es virtualmente imposible hacer eso solo buscando con la etiqueta feliz. Desafío similar surge si solo busco con mi marca. Porque tengo cientos de regalos, no todos mis regalos aparecerán cuando los busque, por ejemplo, en Instagram. Instagram solo muestra aproximadamente unos 40-50 regalos en una búsqueda. Para encontrar regalos específicos, siempre busco con mi marca y al menos otra palabra de búsqueda. Así. Eso es todo. Espero que creas un canal de artista en Giphy para que la gente pueda empezar a usar tus regalos. 19. Giphy - carga de demostración: Aquí tienes un clip corto de mí subiendo una pegatina de regalo al canal de mi artista. Literalmente tarda sólo un minuto en hacerlo. Una vez que tu canal esté en funcionamiento. 20. Gracias: ¿ Ya se acabó? No quiero despedirme todavía. Podría estar haciendo animaciones y regalos por horas contigo. Espero que estés disfrutando de tus nuevas habilidades de animación, y también quiero agradecerte por aprender conmigo. Una forma de prolongar la diversión es que compartas tus creaciones conmigo en línea. Puedes etiquetarme en Instagram con tu diseño y usar el #learnwithjenni. Aún mejor, puedes compartir todo tu proceso y tus animaciones finales con otros alumnos aquí en Skillshare. Personalmente me encanta ver la toma de la gente sobre un tema o un tema, y muchas veces se puede aprender algo mirando qué soluciones creativas han hecho otros. Entonces sí, por favor comparte tus animaciones con todos nosotros. Si deseas que te notifiquen sobre mi próxima clase, puedes tocar el botón Seguir en mi perfil aquí en Skillshare. Si tienes curiosidad por saber más, también puedes encontrarme en jeahdesign.com. Si te gustaron las texturas gratuitas de Ms. Dotty que usamos, quizá también te gusten las otras texturas del kit, que encontrarás en mi creativa tienda de mercado. Sigue creando. Nos vemos.