Transcripciones
1. Introducción: Oigan, todos. Mi nombre es Amaya, soy artista y creador de videos. En esta clase, te voy a mostrar cómo crear GIFs para Historias de
Instagram usando la función Animation Assist de Procreate. nuevas herramientas de animación de Procreate hacen de la creación de GIFs un proceso súper simple y divertido. Estaremos usando Giphy para subir los GIF que creemos, que es una base de datos en línea donde los usuarios pueden
buscarlo y compartir GIF animados y stickers. En esta clase, aprenderás a crear GIF adecuados para historias de Instagram. Agrega movimiento simple a tu obra de arte, los conceptos básicos de la animación en Procreate, exporta tus animaciones subidas a Giphy, y los GIF de usuario en Instagram Stories. Incluso si eres nuevo en dibujar o usando Procreate, encontrarás estos sencillos pasos fáciles de seguir y aplicar a tu propio trabajo. En Giphy, tendrás la opción de solicitar el canal de un artista, que en realidad hará que tus GIFs se puedan buscar en Instagram, lo que significa que cualquiera puede encontrar los GIFs que has creado y usarlos en sus propias historias. Si eres un artista que busca compartir tu trabajo con más gente, estaré mostrando el proceso de solicitar un canal de artista en Giphy. Esto no es necesario si solo buscas usar tus GIFs para uso personal. No te preocupes, te estaré mostrando cómo puedes usar tus GIFs en
tus propias Historias de Instagram sin necesidad de un canal de artista.
2. ¿Qué es GIPHY?: Nuevamente, Giphy es una base de datos y motor de búsqueda en línea donde
puedes compartir y buscar GIF animados y stickers. Estamos creando GIF en esta clase, pero en Giphy se llaman stickers. Esencialmente, es sólo un GIF con un fondo transparente. En Giphy, las pegatinas se ordenan por separado de los GIF, y también tienen su propia API. Esta API potencia la experiencia para stickers en múltiples aplicaciones diferentes, una de ellas es Instagram. Debido a que esta clase se trata de crear estos GIF o stickers para Instagram, estaremos siguiendo las mejores prácticas para crear stickers. Podrás crear tu propia cuenta y subir tus propios GIF y stickers, y como mencioné, en la intro también puedes solicitar un canal de artista. De esta forma podrás mostrar tu trabajo a través de la red de búsqueda y API de Giphy, y también tienes acceso a análisis diarios e insights de búsqueda. Nuevamente, con un canal de artista, esto hará que tus GIFs se puedan buscar en Instagram, así
como otras plataformas que soporten Giphy. Si esto es algo que te interesa, estaré compartiendo toda la información más adelante en la clase. En la siguiente lección, les
daré una visión general de las mejores prácticas para crear stickers.
3. Las mejores prácticas de pegatinas: Voy brevemente a repasar las especificaciones de pegatinas que son adecuadas para subir a GIPHY. Se recomienda utilizar cualquier resolución que haga que su pegatina luzca mejor. GIPHY cambia automáticamente el tamaño de las cargas para usos en diferentes aplicaciones y plataformas. Un consejo es usar múltiplos de cuatro para el ancho y la altura de tu Lienzo. El tamaño que uso es de 4,000 por 4,000 píxeles. Si no estás usando la ilustración para nada más, entonces no tienes que hacerlo tan grande, 2,000 por 2,000 píxeles está bien. Las pegatinas necesitan para caber el Lienzo. Si se exportan con demasiado espacio vacío en el marco, se
verán muy pequeños cuando se suban en GIPHY. Al menos el 20 por ciento del primer marco necesita ser transparente para que se registre como pegatina y las pegatinas también deben exportarse sin fondo. Ya que estas pegatinas se van a ver a un tamaño muy pequeño, no
quieres que sean demasiado detalladas. Estos son algunos consejos para pegatinas que le van bien en historias de
Instagram: deben ser fáciles de usar en la conversación, apelar a un público amplio, ser universales y fáciles de entender, y atrayendo así pegatinas que dicen deslizar hacia arriba o enlace en bio. Ahora que hemos repasado todo eso, vamos a entrar en los fundamentos de la animación en Procreate.
4. Conceptos básicos de la animación en Procreate: Entremos a los fundamentos de la animación en Procreate. En esta clase estaremos utilizando la herramienta Animation Assist en Procreate. Esta herramienta ofrece características como pellejo de cebolla y simplemente volver a una línea de tiempo visual, y la capacidad de editar y administrar tanto fotogramas individuales como la animación en su conjunto. Activando Ayuda de Animación. Para activar la Ayuda de animación, toca el icono de la llave inglesa en la esquina superior izquierda. Esto abrirá el menú de acciones. A continuación, toque en “Canvas” y encienda Ayuda de animación. Todas tus capas existentes se mostrarán como fotogramas en la línea de tiempo. El cronograma representa cada fotograma de tu animación como una miniatura. Es similar al panel de capas, pero girado de lado. Hay algunas maneras en que puedes navegar por la línea de tiempo. Toca un fotograma para saltar a él, arrastra la línea de tiempo de ida y vuelta o desliza la línea de tiempo para un desplazamiento rápido. Ten en cuenta que tu marco seleccionado actualmente estará subrayado en azul. Toca “Reproducir” para previsualizar tu animación. Puedes detener la reproducción tocando tu Canvas, la línea de tiempo o tocando “Pausa”. Pulsa “Añadir marco” para añadir instantáneamente un marco en blanco, junto a tu fotograma actual en la línea de tiempo. Puede abrir opciones específicas de marco tocando en cualquier fotograma. Este menú le dará una variedad de configuraciones que se aplican a marcos individuales. Se puede duplicar, eliminar o ajustar la duración de la retención en un fotograma. Todo el ajuste de duración permite crear una pausa y movimiento. En la animación, una bodega crea un momento de quietud al reproducir el mismo dibujo sobre múltiples fotogramas. En la línea de tiempo se mostrará esta retención como una serie de fotogramas grisáceos. Si tu retención dura cinco fotogramas, verás cinco fotogramas grisáceos en la línea de tiempo. Puedes deshacerte de la retención arrastrando el deslizador hacia atrás a ninguno. Toca “Duplicar” para crear una copia del fotograma seleccionado en la línea de tiempo. Para deshacerse de un marco, toca “Eliminar”. Cualquiera de las opciones se puede deshacer inmediatamente después con un toque de dos dedos. La opción de primer plano bloquea un marco en su lugar como un elemento de primer plano consistente, que aparecerá sobre la parte superior de cada otro fotograma de tu animación. Mueve cualquier fotograma a la posición más a la derecha para establecerlo como primer plano. Sólo se puede asignar como primer plano el fotograma más a la derecha, y sólo se puede tener un primer plano a la vez. Para revertirlo a un fotograma normal, toca de nuevo el botón “Primer plano”. El cambio de fondo, bloquea el marco en su lugar como un elemento de fondo consistente, que aparecerá debajo de cada otro fotograma de su animación. Sólo se puede asignar como fondo el marco más a la izquierda, y sólo se puede tener uno a la vez. Mueve cualquier fotograma a la posición más a la izquierda para establecerlo como fondo. Toca nuevamente el botón “Fondo” para revertirlo a un fotograma normal. Para abrir el menú de configuración, toca “Configuración” en el lado derecho de la barra de herramientas de Ayuda de animación. Este menú controla los ajustes de
la animación general y la interfaz de Animation Assist. Puedes usar fotogramas por segundo para acelerar y ralentizar los fotogramas existentes que tengas. Desacelera cualquier animación ya sea ralentizando la velocidad de fotogramas, o agregando más fotogramas intermedios a su animación. En las opciones de pelado de cebolla se muestran copias
semitransparentes de los dibujos a ambos lados de tu marco actual. marcos que están justo al lado de tu cuadro actual se mostrarán como casi sólidos. marcos que están más alejados de ella, se volverán progresivamente más transparentes. Para establecer el número de fotogramas que se muestran en el pelado de cebolla, arrastre el deslizador del marco de la piel de cebolla. Puedes configurarlo en ninguno, mostrando solo tu fotograma actual, o puedes empujarlo hasta 12 fotogramas circundantes. Para establecer la transparencia de los marcos que se muestran en el desollado de cebolla, arrastre el deslizador de opacidad de piel de cebolla. Se puede establecer la opacidad a cero por ciento, haciendo invisibles los otros fotogramas, o bien establecerla hasta el 100 por ciento, haciendo que los marcos circundantes sean casi completamente sólidos. De forma predeterminada, el fotograma actual aparece como sólido en la parte superior de los fotogramas circundantes. Alternar el interruptor de cuadros secundarios de color. Cuando esto está encendido, los marcos que están por delante de tu cuadro actual aparecerán en verde, y los que están detrás aparecerán en rojo. Las tres opciones en la parte superior del panel de ajustes, ofrecen diferentes formas de jugar a través de tus cuadros de animación. Con la opción loop, los fotogramas de tu animación se reproducirán todo el camino de principio a fin, luego inmediatamente bucle de regreso al inicio y reproducirán de nuevo. Este ciclo se repetirá continuamente. Con el ajuste de ping-pong, los marcos de tu animación se reproducirán todo el camino de principio a fin, luego de fin a inicio, luego repite nuevamente el proceso. El ajuste es bueno para los movimientos de looping que retroceden sobre sí mismos. Con el ajuste de un solo disparo, los fotogramas de tu animación se reproducirán todo el camino de principio a fin, una vez, y luego se detendrán. El escenario es bueno para una animación narrativa sencilla que cuenta una historia con un principio y un final. Toque el icono de la llave inglesa en la esquina superior izquierda y haga clic en “Compartir”. Debajo de la sección de capas de compartir del menú compartir, encontrarás tres formatos ideales para explorar animación y cada formato ofrece diferentes beneficios. GIF es el formato más común y versátil para animaciones web. Esta es la opción que estaremos utilizando para exportar los GIF hechos en clase. Verás algunas opciones al explotar un GIF animado. La única opción que estará encendiendo es el fondo transparente. Cuando esto esté activado, aparecerá un deslizador de umbral Alfa. Este ajuste convierte las áreas semitransparentes de la capa activa en áreas completamente transparentes o completamente opacas, en
función de un umbral que establezca utilizando el deslizador. Solo necesitas ajustar el deslizador si no estás usando un pincel sólido. Si estás usando un pincel sólido, lo que
significa que no tiene textura, puedes dejar el deslizador en cero por ciento. Si utilizas un pincel texturizado, puedes ajustar el deslizador a tu gusto. A pesar de que recomiendo mantenerlo al 50 por ciento o menos, para preservar la calidad de su animación. Eso fue sólo lo básico de la animación en Procreate. En las siguientes lecciones, comenzaremos a trabajar en GIFs que sean adecuados para Historias de Instagram.
5. Gif de texto simple: Para empezar, estamos empezando con un GIF muy sencillo. Esto sólo va a ser una palabra. Puedes usar la palabra que quieras, claro. Voy a estar usando el cepillo redondo. Básicamente con este GIF, cada letra será de un color diferente, y esa será la animación. Los colores estarán cambiando con cada marco. Simplemente estoy alternando entre azul, rosa, y amarillo. Recuerda llenar tu lienzo tanto como puedas. Una vez que tengas tu palabra escrita, entonces puedes activar la asistencia de animación. Agrega un marco. Ahora desde que terminé con amarillo, voy a empezar con amarillo. Dibuja sobre esas letras anteriores y vuelve a cambiar los colores. Una vez que hayas hecho eso, puedes agregar otro marco y hacer lo mismo. Se puede cambiar la opacidad dependiendo de si se desea ver o no las capas anteriores. Estoy agregando otro fotograma y haciendo esto de nuevo para que tenga cinco cuadros en total. Bajando los cuadros por segundo a alrededor de cuatro. Puedes ajustar la velocidad como te guste. Pero estoy contento con esto. Una vez que hayas terminado con tu GIF, da click en Compartir. Enciende el fondo transparente. Ya que usé un pincel sólido, no
tengo que preocuparme por el umbral alfa, y seguir adelante y exportar.
6. Gif de giro de sol: Para este GIF, estaré animando este dibujo de girasol que tengo. Entonces si tienes un secado que es similar a éste, al
que solo quieres darle algún movimiento, entonces así es como lo estaré animando. Trae tu dibujo y ajustarlo al lienzo y activa Animation Assist y baja la opacidad de tu dibujo. El pincel que estoy usando es el pincel de guión y todo lo que estoy haciendo es dibujar sobre el dibujo anterior. El tallo se va a quedar en el mismo lugar, pero las hojas y los pétalos van a cambiar un poco. Una vez que haya delineado el verde, voy a llenar eso. Ahora cambiando a amarillo para delinear los pétalos de la flor y los estoy desplazando un poco hacia abajo. Una vez que tenga eso delineado, voy a arrastrar y soltar el color. Ahora tenemos nuestro segundo cuadro, y se puede empezar a ver el movimiento entre estos dos cuadros. Ahora agrega un marco y haz lo mismo pero esta vez vas a cambiar todo lo demás un poco más hacia abajo. Repetirás esto hasta que tengas cerca de cinco cuadros. Puedes hacer menos o más marcos dependiendo de cómo quieras que se mueva tu dibujo. Ahora voy a golpear “Play” y ver cómo se ve esto hasta ahora, ajustar los fotogramas por segundo. Lo dejaré como a las cinco y así es como se ve actualmente. Yo estoy cambiando esto a Ping-Pong para que salga y vuelva a entrar, pero claro, dependiendo de cuál sea tu dibujo puedes usar cualquiera de esos ajustes. Simplemente voy a añadir un fotograma más y luego terminaré con este GIF. Una vez que tengas tus marcos todos dibujados y puedes reproducirlo, y si estás contento con cómo se ve eso, puedes seguir adelante y dar click en “Compartir”, “GIF animado”, encendió el fondo Transparente, y exportarlo.
7. Gif de plantas: El siguiente GIF va a ser similar al anterior. El pincel que estoy usando es este lápiz 6B, y como pueden ver, ya tengo el dibujo hecho. Entonces una vez encendida la asistencia de animación, agrega un marco, y lo que voy a estar haciendo es dibujar el contorno de las hojas, desplazándolas un poco hacia la izquierda, para que parezca que la planta se está moviendo. Por supuesto que permanezca en el mismo lugar, así que solo estoy dibujando justo encima de eso, y dejando caer el color. Ahora estoy bajando la opacidad de eso para que pueda ver la capa anterior. Encendiendo Alpha Lock para que pueda ver los detalles la capa anterior y dibujar esos sobre las hojas. Una vez que haya hecho eso, estoy volteando la opacidad y arreglando las áreas que dibujé. Ahora cuando lo toco, se puede ver el movimiento en la planta. Para que esto sea un poco más fácil, voy a duplicar la primera capa, arrástrala todo el camino hasta el final. Duplicar el segundo, y arrástralo hasta el final, que tengamos menos fotogramas que dibujar. Yo sólo voy a cambiar el ajuste a Ping-Pong. Ahora lo compartiré como GIF Animado. Enciende el fondo transparente, y como usé un lápiz 6B, que es textura lo puedes ver cuando ajuste el umbral de Alpha Lock, puedes ver qué hace eso. Entonces solo lo voy a dejar en el medio y “Exportar”.
8. Girar el gif: El siguiente es un deslizamiento hacia arriba GIF. Si tuvieras que usar esto en tu historia de Instagram y tuvieras un enlace, entonces podrías usar esto. Lo que estoy haciendo es agregar texto y escribir, deslizar hacia arriba, seleccionar eso, y luego estoy cambiando la fuente. Asegúrate de que sea lo más grande que puedas para llenar la mayor parte del lienzo. Simplemente estoy cambiando el color al primer color que quiero usar. Ya que voy a tener el GIF subiendo, para que esté en un movimiento de deslizamiento hacia arriba. Entonces estoy colocando el primer texto en la parte inferior. Ahora, cree una nueva capa y baje la opacidad de la capa de texto. Para esto, estoy usando el lápiz 6B. Ahora todo lo que tienes que hacer es trazar sobre la capa de texto. Pero asegúrate de estar en la nueva capa que tienes por encima de ella. Estoy dejando mi texto como solo un esbozo. Ahora lo que estoy haciendo es eliminar la capa de texto anterior porque no necesitamos eso. Encienda Ayuda de animación. Voy a duplicar esta capa. Para crear ese movimiento ascendente, lo
voy a arrastrar un poco hacia arriba para que siga solapando la capa anterior. Ahora voy a dar clic en esta capa y encender Alpha Lock para que pueda cambiar el color. Voy a cambiar a un pincel más grande para poder dibujar sobre él por completo, y dibujar sobre él para cambiar el color. Ahora estoy duplicando esta capa. De nuevo, lo voy a arrastrar un poco hacia arriba aproximadamente la misma cantidad que antes. Después haga clic en esa capa, encienda Alpha Lock. De nuevo, voy a cambiar el color y repite esto hasta llegar a la parte superior del lienzo. Esto es lo que parece. Voy a bajar los Cuadros Por Segundo a cerca de seis. En realidad estoy cambiando algunos de los colores porque algunos de ellos son demasiado ligeros. Ver como GIF Animado. Enciende el fondo Transparente y exporta.
9. El botón de suscripción: Este siguiente GIF es un botón. Vas a empezar con la base de un botón. Puedes hacer esto en la forma que quieras. He ido por un rectángulo. Voy a duplicar esto y hacerlo un poco más pequeño que esta sea la parte de botón real que vas a empujar hacia abajo, y esa va a ser la animación. Voy a centrar esto y colocarlo. Pero vamos a necesitar hacer algunas cosas
para que parezca que es un botón que se está presionando. Asegúrate de que estás en la capa superior y usa la herramienta de selección para dibujar alrededor de la parte superior de eso. Haga clic en “Copiar y pegar” para que cree una nueva capa, y así será. No tienes que preocuparte de que el fondo sea muy suave. Vamos a arreglar eso, ahora que tenemos la parte superior de esto separada
del resto cuando lo utilicemos para crear la animación, parecerá que se está presionando hacia abajo. Para empezar, lo vamos a colocar todo el camino en la base. Básicamente cómo se verá el botón cuando esté completamente presionado hacia abajo, vamos a colocar la capa en la parte inferior. Vamos a borrar la mitad superior de la segunda capa que está asomando detrás de eso. Ahora que has borrado a ese poquito de ella, vamos a cambiar a la tercera capa, que es la muy superior esta parte, y suavizar el borde inferior de eso, solo para que no acabe recogiendo a través cuando creamos nuestra animación. Ahora deberías tener tres capas, y debería verse algo un poco como esto. Ahora voy a agregar texto y estoy usando suscripción. Puedes usar suscribirse, seguir como algo así. Pero voy a usar suscripción. Voy a seleccionarlo, click en “Warp” y Malla Avanzada. Solo estoy haciendo esto para ajustar un poco la perspectiva. Fusionando eso hacia abajo con la capa superior. Ahora tenemos la parte superior del botón, la sección media, y luego la base. Voy a fusionar la sección media hacia abajo con la base para que ahora tengamos dos capas. Ahora podemos seguir adelante y dar click en “Canvas y Animación Assist”. Vamos a establecer a la primera capa como fondo para que solo tengamos la parte superior del botón separada, y vamos a duplicar eso. Con cada capa que
creemos, la vamos a arrastrar ligeramente hacia abajo. Ahora, duplique esa capa, y luego bájala ligeramente otra vez hasta que haya llegado al fondo. Estoy bajando los cuadros por segundo a cerca de cuatro. Voy a duplicar el primer fotograma y llevar eso hasta el final, que cuando se presiona el botón, inmediatamente vuelva a subir. Voy a sostener ese último fotograma unos tres segundos, pero no puedes ponerlo a lo que prefieras. Guárdalo como un GIF animado. Encienda el fondo transparente y exporte.
10. Gif múltiple del sol. al: Este siguiente GIF es otro súper sencillo, por lo que estos son sólo girasoles giratorios. Estos girasoles eran dibujos que ya había hecho. Por lo que voy a activar Animation Assist. Voy a duplicar esta capa y dibujar alrededor de uno de los girasoles y sólo voy a rotarla un poco. Dibuja en la siguiente flor y gírala un poco también. Entonces haz esto hasta el último girasol. Ahora voy a duplicar esta capa y hacer lo mismo. Entonces ya que puedes ver un poco la capa anterior cuando tienes Animation Assist
encendido, puedes ver cuánto necesitas moverte cada vez. Ahora tengo cinco fotogramas, voy a bajar los fotogramas por segundo a seis y jugar eso. Yo estoy contento con eso, aunque voy a cambiar esto a ping-pong, así que va de ida y vuelta en lugar de hacer un looping. Yo duplicé el último fotograma sin embargo, y los moví un poco más y solo para que tuvieran un poco más de movimiento. Si quieres que haya más movimiento o menos movimiento, todo depende de ti. Pero estoy contento con esto, así que voy a seguir adelante y exportarlo.
11. Gif de cámara polaroid: El siguiente es este Polaroid. Ya tenía dibujada esta cámara Polaroid y sólo la estoy ajustando al lienzo, pero dejando espacio en la parte superior para el Polaroid. Ahora estoy haciendo una nueva capa y solo estoy usando un color blanco para el marco de la Polaroid, eso es lo que estoy empezando a dibujar aquí mismo. Sólo para hacer las cosas un poco más fáciles, estoy duplicando esto, y luego simplemente haciéndolo un poco más pequeño para crear el marco del Polaroid. Estoy fusionando esas dos capas juntas y luego voy a llenar esto. También para todo este dibujo, utilicé el lápiz 6B. Ahora que eso está hecho, estoy creando una nueva capa y arrastrando eso debajo de ella. Esta va a ser la parte fotográfica real. Simplemente estoy llenando el fondo con un color aleatorio y voy a traer algunos de mis dibujos de muestra, fusionando esas dos áreas juntas y ahora aquí puedes ver tengo los dibujos. Simplemente estoy colocando eso en el centro y luego fusionaré eso para que la foto esté todo en una sola capa. Terminarás con dos jugadores, la cámara y la foto. Ahora podemos activar la asistencia de animación. Vamos a apagar la foto por ahora porque
estaremos trabajando con la cámara y dibujando el flash. Voy a duplicar la capa de la cámara y dibujar un pequeño flash. Esto gradualmente se hará un poco más grande. Duplica esto. Voy a bajar un poco la opacidad solo para que pueda ver el flash anterior para hacerlo un poco más grande y repetir esto. Pero también para este GIF, vamos a estar usando unas cuantas capas más de las que normalmente hacemos. Dependiendo del iPad que tengas,
estarás limitado, que es lo que me pasó, me quedé sin capas. Tenía que borrar algunos de los flashes. Eso lo verás más adelante. Pero terminé haciéndolo funcionar. Te mostraré cuando eso suceda. Esto va a ser un poco confuso. Básicamente lo que estoy haciendo aquí es revertir el flash. Estoy duplicando la segunda a última capa y llevando eso hasta el final. Tercero en último llevar eso hasta el final. Después cuarto para durar y llevar eso hasta el final que el flash se apague y luego vuelva a entrar. Ahora cuando lo toco, así es como se ve. Ya podemos encender la capa Polaroid, y voy a duplicar sólo la cámara. Ahora la bajaré por el Polaroid hasta donde sólo está asomando por la parte superior. Yo estoy trayendo esa capa debajo de la cámara y
también la voy a duplicar para que siempre tengamos una cámara extra y Polaroid. Porque estaremos usando esas copias para fusionarse y luego necesitarán extras para poder continuar. Adelante y fusiona la cámara y el Polaroid y aquí es donde puedes verme borrando algunos de los fotogramas flash. Estoy duplicando la cámara y Polaroid de nuevo para que tengamos dos sets y luego llevemos eso debajo de la cámara y fusionar esas dos capas. Ahora duplica la cámara y el Polaroid de nuevo. Ahora sube un poco el Polaroid y
luego lleva eso a debajo de la cámara y fusiona esas dos capas. Duplicar la cámara y el Polaroid. Trae el Polaroid debajo de la cámara, levante un poco el Polaroid y fusione esas dos capas. Entonces los extras que solo puedes eliminar porque ese fue el último y así es como luce el GIF final. Se puso un poco confuso, lo sé, pero espero que se lo explique bien. Ahí vamos.
12. Enlace en Bio Gif: Ahora a un link en bio GIF. Para éste, ya que estamos trabajando con el texto, voy a añadir texto y escribir enlace en bio. Por supuesto, esto puede ser cualquier cosa que quieras que sea. Pero voy a tocar dos veces eso y cambiar el color, también cambiándolo a una fuente que yo quiera. En cualquier momento que quieras ajustar el texto, solo toca dos veces sobre él hasta que todas las palabras estén resaltadas y luego puedas editarlo. Ahora he redimensionado esto a cómo quiero. Voy a bajar la opacidad sobre eso. El pincel que estoy usando es el pincel de guión. Creando una nueva capa, y voy a trazar sobre la capa de texto, pero asegúrate de que sea un poco diferente. Esto es lo que va a ser la animación, es la diferencia en cada capa de texto. Voy a dar vuelta la opacidad en la capa de texto, una vez que haya dibujado en la segunda capa. Lo que voy a hacer es duplicar la capa de texto y bajar eso. Después duplica de nuevo la capa de texto y baja
eso para que tenga tres de esas capas de texto, y las voy a fusionar. Es posible que necesites cambiar el tamaño para llenar el lienzo tanto como puedas. Eso es lo que estoy haciendo ahora. Voy a Alpha lock eso para que pueda cambiar el color. Baja un poco la opacidad, crea una nueva capa. Ahora usando el mismo color, voy a repasar la segunda fila. Voy a dar vuelta la opacidad en la capa de texto, cambiar el color, y rellenar la capa de texto con eso. Ahora, voy a volver a bajar la opacidad y crear una nueva capa. Nuevamente, empate sobre eso. Estoy volteando la opacidad en esa capa de texto y luego podemos fusionar las tres capas dibujadas, después de ajustarme a la primera porque no lo hice antes. Ahora tenemos dos capas. El primero es el que dibujamos, y luego el segundo son las capas de texto. Se puede ver cómo se verá la animación. Ahora activa Animation Assist. Voy a duplicar la primera capa, traerla hasta el final, duplicar la segunda capa, llevarla hasta el final. Enciende un poco los cuadros por segundo. Cuando lo jugamos, así es como se ve. Entonces solo duplica unos fotogramas más para que sea un poco más largo. Ahí vamos. Puedes seguir adelante y exportar como un GIF animado. Enciende el fondo transparente y ya estás listo para ir.
13. Gif de texto simple: Ahora a un GIF más sencillo para crear. Pero esto es sólo un simple GIF de texto. El pincel que utilicé para esto es el pincel de guión. Acabo de escribir la palabra lunes. Los GIFs de días de la semana se usan comúnmente en Instagram. Pensé que incluiría esto. Tengo seis colores. Lo que estoy haciendo es bajar la opacidad de esa primera capa. Todo lo que estoy haciendo es repasar las letras anteriores, pero cambiando los colores. Ahora estoy volteando la opacidad de nuevo en la primera capa. Enciendo el Asistente de animación, que no es necesario tener activado. Puedes hacerlo de cualquier manera. Puedes tenerlo encendido o apagado mientras lo estás dibujando. No importa. Sólo estoy repitiendo esto otra vez. Después de ver esa jugada, voy a añadir otra capa y hacer eso una vez más sólo para que pase por todos los colores. Una vez que tengas tantas capas como quieras, asegúrate de que la opacidad esté activada en todas ellas. Después enciende Animation Assist, y así es como se ve. Si estás contento con cómo se ve eso, entonces ve al GIF animado. Enciende el fondo Transparente y exporta.
14. Gif de la pantalla de carga: GIF Número 10 es esta pequeña pantalla de carga. Lo que hice primero es esbozar el esquema básico. Ahí está esta barra de carga, y básicamente lo que va a ser este GIF es la barra llenándose. Pero una vez que tengas el contorno básico y la barra que vas a llenar, activa la asistencia de animación y configura este marco como fondo y luego agrega un marco. Ahora vamos a empezar a llenar la barra de carga. En el primer cuadro voy a sacar una pequeña sección al principio y llenarla. Una vez que tengas esa primera sección rellenada, duplica ese marco y luego agrega otra sección y rellena eso también. Repita esto hasta que la barra de carga esté llena. Ahora así es como se ve cuando lo toco. Voy a bajar los fotogramas por segundo a cerca de tres, y creo que eso me gusta. Ahora lo que voy a hacer es sostener ese último fotograma por unos dos segundos. Ahora voy a volver al primer fotograma y desmarcar el fondo sólo por un segundo, sólo para que podamos duplicarlo para que solo haya un poquito de brecha. Ahora cuando lo jugamos, así es como se ve. Puedes ajustar la velocidad sin embargo rápido o lento que quieras que se llene la barra de carga. Pero estoy contento con esto así que voy a compartir como GIF animado. Encienda el fondo transparente y exporte.
15. Sube a GIPHY: Ahora vamos a subir nuestros GIF. Vaya a giphy.com y haga clic en el botón “Subir” en la parte superior. Aquí tendrás la opción de iniciar sesión o crear una cuenta. Una vez que hayas iniciado sesión, en la página de subida, puedes navegar por tus archivos o arrastrar y soltar tus GIF. Aquí te mostramos donde puedes agregar etiquetas que sean relevantes para tu GIF. Puede escribir etiquetas uno por uno, o usar comas para ingresar múltiples a la vez. Haga clic en el signo “Plus” o pulse “Enter” después de cada etiqueta. Al agregar etiquetas, debes asegurarte de que sean relevantes para el GIF. Agrega datos específicos como el tema, capchphrases, colores y temas. Para los GIFs que se hacen específicamente para Instagram, como los “Swipe up” o “Link-in-bio”, agregué Instagram como una de las etiquetas así como mi nombre. De esta forma, cualquiera que busque mis GIF puede encontrarlos fácilmente buscando mi nombre. Una vez que hayas introducido tus etiquetas, pulsa “Subir” y espera a que esté completa. Para ver todos tus GIF, da click en tu perfil a la izquierda, y esto te llevará a tu canal.
16. Utiliza tus Gifs en las historias de Instagram: Ahora te voy a mostrar cómo usar tus GIF o stickers en tus historias de Instagram. En la app GIPHY, ve a tu perfil y haz clic en subidas. Encuentra el GIF que quieras usar y luego pulsa sobre él para copiar. Después entra en tu historia de Instagram, y si ya tienes tu foto abierta, entonces verás ese pop-up GIF y solo toca eso para traerla. También puedes tocar y tocar de nuevo para pegar el GIF. Ahora, puedes colocarlo donde quieras y también redimensionarlo. Si quieres agregar más GIFs a esto, vuelve a GIPHY, copia otro y luego pegarlo aquí y ya está. Estos son algunos ejemplos de algunas historias que hice usando algunos de los otros GIF.
17. Aplicar para un canal artista: Como mencioné en la intro de esta clase, estaré compartiendo el proceso de solicitar un canal de artista en GIPHY. El primer paso, si aún no lo has hecho, es crear una cuenta. Asegúrate de rellenar tu correo electrónico, tu nombre para mostrar, esto se mostrará en tus cuentas. Puedes agregar enlaces de redes sociales que mejor representen tu trabajo y asegurarte de subir una foto de perfil. GIPHY busca canales que tengan al menos 5-10 piezas de obra
original animada y no comercial ya disponibles. Puedes por supuesto, subir más regalos si los tienes. Tenía alrededor de 21 subidas en mi postulado para un canal de artista. Vaya a Soporte GIPHY y haga clic en el botón que dice “Giphy For Brands and Artists”. Haga clic en el enlace que dice “Apply For An Artist Channel” y luego haga clic en “Aquí”, y te llevará a la aplicación. Ya no puedo ver la aplicación ya que ya tengo un canal de artista. Pero una vez que lo envíes, debes recibir un correo electrónico confirmando que han recibido tu solicitud. He oído de otros que podría tardar de una semana a unos meses en ser aceptado. Simplemente depende de cuántas aplicaciones estén recibiendo. Pero la mía fue aceptada exactamente una semana después de que yo solicité. Una vez que oficialmente tengas un canal de artista, podrás ver tus regalos si buscas tu nombre en Instagram. También puedes ver los análisis en tu Dashboard GIPHY. Ese es el proceso de solicitar un canal de artista en GIPHY.
18. ¡Proyecto de clase y gracias!: Para el proyecto de clase, crea tu propio GIF para usarlo en tu historia de Instagram. Acude a la sección de proyecto de clase de la clase para subir tu GIF. Si tienes un canal de artista en Giphy, puedes incluir un enlace al mismo si quieres compartir tu trabajo. De verdad espero que hayas disfrutado de esta clase. Si tienes alguna pregunta, asegúrate de preguntarme en la página Discusiones y
puedes seguirme si quieres estar al día de mis futuras clases. [ MÚSICA].
Amaya Jade, Artist and Video Creator
