¡Letras vibrantes: convierte tu escritura a mano en GIF épicos! | Linda & David | Skillshare
Menú
Buscar

Velocidad de reproducción


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

¡Letras vibrantes: convierte tu escritura a mano en GIF épicos!

teacher avatar Linda & David, A couple of creative folks

Ve esta clase y miles más

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

Ve esta clase y miles más

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

Lecciones en esta clase

    • 1.

      ¡Introducción a las letras vibrantes!

      1:43

    • 2.

      Lo que necesitarás

      2:10

    • 3.

      Preparación de tu proceso de diseño del GIF

      3:24

    • 4.

      Proyecto n.°1 / El efecto de apilamiento

      15:48

    • 5.

      Proyecto n.°2 / El efecto de parpadeo

      8:12

    • 6.

      Proyecto n.°3/ El efecto de intercambiar palabras

      12:18

    • 7.

      Cómo exportar tus GIF

      13:45

    • 8.

      ¡Unos últimos consejos técnicos!

      2:15

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

Generado por la comunidad

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

4783

Estudiantes

90

Proyectos

Acerca de esta clase

¿Te es familiar la escritura a mano y quieres aprender algunas formas geniales y creativas de impulsarla y crear imágenes aún más cautivadoras? ¡Declaramos que es el momento de transformarla en un GIF increíble!

Crear GIFS animados es fácil y divertido. Con tu propio lettering lograrás de inmediato crear algunas imágenes en movimiento increíbles y únicas para tu blog, portafolio, Instagram, y todo tipo de proyectos en línea.

Acompáñanos en tanto te presentamos nuestro sencillo proceso creativo. Esta clase visualmente rica y divertida te llevará por cada paso en tres proyectos diferentes de animación con letras que te inspirará y para que comiences a experimentar. ¡También te enseñaremos todos los consejos básicos que necesitas conocer para hacer GIFS vibrantes de tu caligrafía y exportarlos!

Este curso está abierto para personas que están familiarizadas con el lettering y que saben digitalizarla, aunque también resultar interesante para personas que no están enfocadas en el lettering y quieren experimentar con otros elementos de diseño para obtener una visión rápida de cómo funcionan los GIF básicos. El proceso de creación de GIF requiere Photoshop.

 

Las lecciones clave incluyen lo siguiente:

  • Cómo visualizar y componer un GIF creativo con letras
  • Cómo elegir el formato adecuado para tu GIF
  • Lo que necesitarás y qué deberías dejar a un lado para hacer que tu proceso de animación sea lo más rápido y fácil posible
  • Ideas de cómo puedes animar tu lettering de diferentes maneras
  • Proceso completo y procedimiento paso a paso detrás de tres de nuestros propios proyectos GIF hechos con letras a mano
  • Atajos y trucos de proceso geniales que usamos para ahorrar tiempo
  • Cómo exportar y compartir tus GIF para diferentes propósitos (redes sociales, blogging, proyectos digitales)
  • Consejos técnicos para que tus GIF luzcan lo mejor posible

Esta clase es perfecta para todo tipo de personas creativas que están familiarizadas con el lettering y la creación de su propio contenido visual. Saber cómo usar tu lettering para crear un GIF divertido te permitirá generar visuales increíblemente únicas y cautivadoras que se sentirán mucho más atractivas que una imagen fija. Si tienes todo listo para experimentar y vivir la diversión que conlleva el proceso, te encantará este curso informal, ameno e interactivo.

Consulta más sobre nuestros cursos aquí

Consulta nuestro sitio web y blog

Síguenos en Instagram

Conoce a tu profesor(a)

Teacher Profile Image

Linda & David

A couple of creative folks

Profesor(a)

 

Hey, we're Linda and David!

Together we work & explore creativity in a broad way, from design & branding to illustration, photography, videography, and much more. We aim to share our endeavors with our community and inspire many other like-minded folks to pursue a creative lifestyle.

Check out some of our work on our website: www.artofeuphoria.com

Our Behance account: www.behance.net/artofeuphoria

Ver perfil completo

Level: Intermediate

Valoración de la clase

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

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

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

Transcripciones

1. ¡Introducción a las letras vibrantes!: Entonces, una cosa es segura, nos encantan los GIF. Ah, sí. Son tan divertidas. Son realmente geniales. Oigan, chicos. Somos Linda y David. Somos dos diseñadores. En realidad, sí, más ampliamente creativos, supongo. Sí. Porque hacemos todo tipo de cosas como diseño, y fotografía, e ilustración, y letras a mano. Sí. Algo que realmente nos gusta hacer con las letras de nuestra mano es darle vida en realidad y animarlo, y convertirlo en GIF. Se ven realmente geniales en las redes sociales cuando compartes eso. Desencadena mucha atención al espectador porque es animado y que tipo de bucle. Está de moda, incluso algo realmente genial. Se ve más interesante que sólo tener una imagen fija con letras a mano. Siempre nos gusta hacerlas para nuestro Instagram, para nuestro blog, y cualquiera que sea la oportunidad que tengamos. Vamos a hacer esto de una manera muy fácil. No vamos a complicar demasiado las cosas. Supongo que hay formas más complicadas de hacerlo, pero nos gustan las cosas fáciles, no complicadas. Exactamente. Entonces, va a ser bastante fácil. Entonces, este curso es interesante si ya estás experimentando con letras a mano y estás algo familiarizado con ello, y solo querías encontrar la manera de hacer algo más divertido y dar vida a tus letras de mano con animación, o incluso si no estás tan familiarizado con las letras a mano, y solo quieres aprender cómo funcionan los GIFs en general, si quieres animar fotografía o gráficos o cosas por el estilo. Esto también puede ser una introducción útil. Te vamos a mostrar tres formas diferentes que nos gusta animar nuestras letras de mano. Si te interesa echar un vistazo a eso y experimentar por ti mismo, entonces siéntete libre de unirte a nosotros. 2. Lo que necesitarás: Muy bien, chicos, así que muchas gracias por unirse a nosotros. Estamos muy emocionados de mostrarte cómo hacemos este GIFs con letras a mano. Entonces, lo primero que vas a necesitar es Photoshop. Este es el programa que vamos a usar para realmente traer tus letras y animarlo, así que solo asegúrate de que lo tengas. No te dejes intimidar por Photoshop. Photoshop puede ser bastante complejo, pero vamos a usar la opción simple que es con la línea de tiempo y lo vamos a estar haciendo fotograma por fotograma y no va a ser demasiado complicado. Exactamente. Entonces, lo segundo que vas a necesitar es tener tus letras ya digitalizadas. Lo más seguro es que si ya has estado experimentando con letras a mano, ya sabes cómo hacerlo. Tan solo asegúrate de tener tus letras en una capa digitalizada fácilmente limpia. En un fondo transparente supongo. Exactamente, para que esté básicamente listo para usar. Si has estado experimentando con letras y no sabes muy bien digitalizarlo, no te preocupes. Son muchos los recursos que explican cómo hacer esto en línea, así que solo siéntete libre de mirar un poco eso, o puedes mirar nuestro curso anterior que se trataba de letras a mano. En el último bit, explicamos cómo digitalizamos nuestras letras de mano. Entonces, esto puede ser particularmente interesante si estás haciendo letras analógicas. Ya sabes si como yo hiciste esto en un pedazo de papel y necesitas que lo escaneen y esté listo en tu computadora, o a veces lo que nos gusta hacer también es usar realmente un iPad. Hace poco nos conseguimos un iPad Pro con Procreate encendido. Se trata de una aplicación impresionante, donde hacemos mucha letra de la mano directamente sobre ella con el Apple Pencil, y nos permite entonces tener todo limpio y listo para cuando lo enviamos a nuestro ordenador en Photoshop. Entonces, experimentamos con ambos, letras analógicas y letras digitales, para que sea cual sea la forma en que estés experimentando, solo asegúrate de que puedas tener tus letras digitalizadas, que podamos empezar a trabajar con él. 3. Preparación de tu proceso de diseño del GIF: De acuerdo, preparemos tu proceso. Supongo que hay que empezar en alguna parte, así que empecemos con bosquejar todo el proceso, que supongo que es lo mejor que hay que hacer, tenerlo todo resuelto como un boceto. Exactamente, esto es como el primer paso antes de preparar un GIF. No siempre lo hacemos, pero lo recomendamos. hoy te vamos a llevar a través de este proceso porque en realidad tenemos algunas ideas sobre qué tipo de GIFs queremos hacer. En realidad tenemos un tema para hoy y van a ser gatitos. Los gatos de hoy. Gatos. El día de hoy estábamos por aquí en Osaka, estamos en Japón ahora mismo, y fuimos a esta cafetería y había este adorable gato y acabamos de pasarlo tan bien. Nos recordó lo mucho que simplemente adoramos a los gatos. Todo el mundo ama a los gatos, básicamente a todos. Por supuesto, por eso vamos a estar usando eso como nuestro tema hoy. Entonces, lo primero que hicimos para preparar los GIF que haríamos, fue esbozar algunas ideas de cómo estábamos imaginando esto. Lo más importante en esta etapa es saber con qué formato vamos a estar trabajando. Dependiendo del medio que vas a liberar todos tus GIFs, es importante conocer el formato. Es decir, si es por Instagram, probablemente quieras tenerlo en cuadrado o vertical. Si es para una publicación de blog o comparte o publica directamente en Facebook, probablemente horizontal. O en newsletter y cosas así, siempre es bueno tener un formato horizontal. Podrías trabajar con el formato que quieras. Simplemente sería bueno que sepas más o menos al principio con qué formato estarás trabajando, porque esto te permitirá entonces planificar tu diseño para que quepa correctamente en el formato y no tener demasiada confusión en el camino. Entonces, el primer paso sería decidir tu formato, y esbozar algunas ideas diferentes de cómo te imaginas que tus letras se unirán. El trabajo está en algo bastante básico también. La animación va a ser bastante fácil para ti entender lo básico. Pero si quieres ir más allá con eso, supongo que puedes, de hecho, como hasta tus bocetos pueden ser un poco más complicados, un poco más desarrollados, porque los elementos van a aparecer uno por uno en la línea de tiempo. Entonces, depende de ti si quieres desarrollar o no tus bocetos también. Puedes experimentar con eso en el camino también a medida que te sientas más confiado con el proceso. Pero solo para empezar, solo tienes tus ideas esbozadas y tu formato listo. El segundo que vas a necesitar es, por supuesto, tener listas las letras de la mano, como mencionamos antes, en una capa separada que puedas usar y arrastrar y soltar. No son solo las letras de tu mano las que necesitarían estar listas para su uso, sino también si estás planeando usar algún color o patrones o fondos específicos, cosa con la que estés pensando jugar visualmente, solo déjalo a un lado para que está listo para usar, que puedas arrastrarlo fácilmente a Photoshop y ver cómo se ve. Esto siempre es genial, para que siempre tengas tus herramientas listas para ti cuando comiences a animar realmente tu GIF. 4. Proyecto n.°1 / El efecto de apilamiento: Entonces, ahora que ya tienes todo listo empecemos y trabajemos en esos viajes. Entonces, vamos a meternos directamente en photoshop y te llevaremos a través de nuestro proceso. De acuerdo, tenemos los tres expedientes en los que vamos a trabajar aquí. Uno, dos, tres. El Primero es éste. Este es el resultado final. Entonces, nuestro proyecto First va a ser un formato cuadrado que sea un gráfico fácil que podamos exportar en Instagram o algo así. Vamos a mantenerlo realmente sencillo solo para poder mostrarte algunas funcionalidades básicas. Vamos a trabajar con un efecto de apilamiento del letras. Entonces, esto es realmente genial si quieres que tus letras aparezcan de manera consecutiva. Por ejemplo, si tienes varias palabras que quieres aparecer una tras otra. Si tienes una cotización que querías que te completaran consecutivamente o algo así. Esta es solo una de las formas más fáciles en que puedes animar tus letras y hacer un GIF. Entonces, vamos a empezar de cero. Vamos a iniciar un nuevo archivo y sus documentos lo son, eso va a ser 2000 en 2000 pixel. Voy a llamarlo de inmediato, gato uno y ya está. Tener este archivo vacío con un fondo transparente. Vamos a importar nuestros elementos. Necesitamos, tenemos aquí separar los ojos de gato de la redacción triple miau. Entonces, vamos a importar los ojos de gato Primero. Está aquí, ves que está sobre un fondo transparente. Es sólo negro. Entonces, lo que queremos hacer es seleccionar nuestra capa y básicamente, me gusta hacer con esta que es bastante fácil, es solo que haces clic, arrastras, y te quedas hasta la pestaña Primera todo aquí arriba y sueltas aquí mismo. Entonces, eso es todo. Me alejo un poco y veo que es demasiado grande para nuestro archivo. Entonces lo que vamos a hacer, lo vamos a convertir de inmediato haciendo clic a la derecha con elclic derecho en la segunda capa y convertirlo inmediato haciendo clic a la derecha con el a objetos inteligentes aquí. Lo que esto hará es que preservará su tamaño original y si tenemos que hacer algún cambio en él siempre podemos simplemente hacer doble clic en capa como esta. ¿ Ves? Déjenme cerrar la Primera para que no sea confusión. Entonces, ahí tienes, crea una capa temporal a punto.psb. Entonces, si tenemos que hacer algún cambio aquí, por ejemplo, voy a hacer rápidamente algo para que veas, me dieron escribir así y guardo, si vuelvo mi Primer documento está ahí con este cambio que acabo de hacer. Entonces, básicamente está vinculado. Entonces, si elimino aquí esta capa la guardo y vuelvo a mi documento, ya no está ahí. Entonces, esto es bastante guay. No perdemos calidad si ahora vamos a bajar y subir de nuevo. Por supuesto, siempre está el límite del tamaño original pero podemos acercar y no perder ninguna calidad. Entonces ahora, vamos a colocarlo. De ahí arriba un poco de tensión puede ser, sólo un poco más pequeño. Entonces, ¿cómo fue aquí, abajo a la derecha? Sí. Básicamente solo estamos haciendo eso porque queremos agregar un poco de un elemento decorativo con nuestras letras de mano también. Es decir, si quieres mantener las cosas realmente mínimas y solo enfocarte en las letras a mano eso no es un problema en absoluto. Simplemente siempre nos gusta agregar un poco de un toque especial. Pero básicamente, el mismo principio de traer un archivo y dimensionarlo correctamente con los objetos inteligentes y así sucesivamente. Esto es exactamente lo que vas a hacer con las letras de la mano también. Por lo que sigue siendo interesante para nosotros mostrarte cómo hacemos eso. De acuerdo, entonces vamos a conseguir los otros elementos que fue el lettering aquí, doble click, abrir mismo procedimiento. Déjenme cerrar éste Primero aquí. Eso es importante Primero a nuestro documento, así que arrástrelo y solo suéltelo aquí. Ahí vas. Ahora, mira puedo convertir este en un objeto inteligente de inmediato porque necesitamos cortarlo en tres piezas. Entonces, básicamente, lo mejor en nuestro caso es en realidad importar pieza por pieza. Por lo que podemos convertirlo después en elementos individuales. Entonces, para eso solo tomemos esta herramienta que es como la marca rectangular de corte mi llave dos. ¿ De acuerdo? Tomemos el Primero fue seleccionado. Volvemos a la mudanza a. Por lo que selecciona esta parte, si me muevo ahora ves que está seleccionada. Básicamente puedo simplemente presionar copiar ir a mi documento y pegar. Sí. Esto es realmente útil porque es posible que tengas tus letras todas colocadas en una sola capa, incluso podría ser un poco desordenado. Entonces, ahora mismo lo que vas a necesitar hacer es simplemente tomarlo pieza por pieza. Cada pieza que estás pensando en animar solo tráela de esta manera a tu archivo final. Eso es todo. Tenemos aquí el Elemento Primero. Podemos escribir el nombre de la capa que es maullido uno. Vamos a hacer esto rápidamente sólo para los demás elementos. De acuerdo, así que eso es todo. Tenemos los tres elementos aquí ahora y ahora básicamente podemos convertirlos uno por uno a cada objeto inteligente individual. Entonces, eso es para éste, para éste, y el tercero. Eso es todo. Ahora, en realidad podemos seleccionarlos por completo y escalar un poco hacia abajo hasta que, en realidad se vean bien como este tamaño. A lo mejor un poco más pequeño. Sí. ¿ Así? Exactamente. Ahora, podemos colocarlos alrededor. Mantengamos éste al fin ¿verdad? Sí. Está bien. Entonces ahora solo los vas a apilar uno por uno, ponlos en la ubicación correcta. Creo que quizá los ojos de gato podrían ser un poco más pequeños que todo encaja en el centro, dejando un bonito margen por todas partes. Esto siempre es algo que te recomendamos especialmente cuando estás haciendo visuales para Instagram. Es agradable dejar un poco de espacio para respirar por ahí no mantener las cosas demasiado yendo hacia el borde. Se ve bien en la alimentación también. Entonces, me gusta mover las cosas con eso. Cuando vas con las curvas son como arriba y abajo. No se mueve tan rápido si presionas con turno va un poco más. Pero sí, lo siento. Vas a ver como en términos de corto porque ahora está debajo. Pero sí, eso es sólo necesidad de colocar las cosas alrededor. Pero supongo que esto ya es bueno. Sí. Los ojos pueden ser un poco más baja composición de saltos así. Sí. Está bien. Entonces, ahora vamos a agregar algo al fondo. Tenemos esa pequeña paleta de colores aquí que compusimos usando esta imagen única de gato. Sí, es el mismo gato que vimos en la cafetería. Sí, básicamente creamos la paleta de colores inspirándose en eso. Entonces, tenemos diferentes tonos ahí desde tonos más claros hasta tonos más oscuros. Vamos a estar usando este mismo tono lo largo de los tres proyectos que hoy les vamos a mostrar. ¿ Vamos a usar como cuál? ¿ Este? En realidad no, es como la Primera. ¿ Este? El más ligero. Sí. De acuerdo, así que lo mejor es que en realidad podemos llevar todo este elemento de colores a nuestros documentos, colocarlo aquí, solo para dejarme mover capa por ahí pero solo para realmente escoger. Sí, yendo aquí y para poner eso. Yo caigo una fuerza, nosotros escogemos el color aquí y sólo lo ponemos en la parte de atrás y luego tú más tarde. Eso es todo. Sí. Básicamente, si eres realmente exigente con tus colores entonces puedes hacerlo con una paleta de colores o así sucesivamente. Pero, si estás feliz de experimentar y solo tomas tu color directamente de Photoshop solo siendo un poco más aleatorio al respecto, eso también está totalmente bien. Eso es todo. Ahora, vamos a convertirlo en animación. Sí. Tenemos las capas aquí. Déjenme renombrar este con los ojos de gato. Esta no era nada, y las paletas de color, ya no necesitamos eso. Eso es todo. Entonces, vamos al segundo plano. Está bien. Para la animación, más importante es ir en ventana y línea de tiempo, si aún no la has tenido activa. Lo tengo debajo de aquí. Se va a abrir como una pequeña ventana separada en la parte inferior. Exactamente. Vas a ver este pequeño botón Crear animación de cuadro, que va a ser exactamente lo que vamos a hacer aquí. Si haces click en él, crea de inmediato el tipo que queremos. Pero si solo vuelvo atrás, y ves el pequeño cursor hacia abajo en realidad. Se puede seleccionar entre dos cosas. El cronograma de video y la animación de fotogramas. Ahora, por defecto, está en la animación de fotogramas. Entonces, por eso cuando hago clic aquí aparece así. De lo contrario, tienes éste, que tenemos también el botón aquí para cambiar las cosas. ¿ Ver? Entonces, el otro es el com- Bueno, creo que es un poco más complicado. Se puede ir muy lejos con estas opciones pero hoy nos vamos a centrar solo fotograma por fotograma. Esto crea como un efecto funky y es mucho más fácil para un principiante si solo quieres experimentar con hacer algunos GIFs básicos en First. Todavía se puede hacer tanto con él. Entonces, te permite divertirte mucho con él. Empecemos con eso. Básicamente, no tienes muchas opciones aquí en la parte inferior como ves. Se puede ver que hará bucle a la animación como una vez, tres veces, para siempre, o incluso otras donde se puede determinar cuántas veces se puede aplicar. Cinco veces, siete veces. Generalmente, lo que hacemos cuando creamos un GIF es seleccionar para siempre porque queremos que siga y siga y siga y siga y siga. En algunos casos, no siempre es posible pero vamos a meternos en eso un poco más tarde cuando hablemos de exportar y preparar un GIF. Este cuadro va a jugar durante Cinco segundos si ven aquí. Y si haces click en esta opción puedes ver también cuánto tiempo va a tardar este marco específico. No se puede poner a ningún retraso. Me pregunto ¿qué efecto da eso? Pero vamos a ir por muy rápido, como medio segundo en el principio. Sólo para ver cómo se verá eso. Bueno, puedes duplicar o crear un nuevo marco con solo hacer clic aquí, duplicar marcos seleccionados. Entonces, con sólo hacer clic una vez que duplica todo. Entonces, tenemos de nuevo nuestras Cinco capas. Si cambias el marco, todo está en los ojos en cada capa. Entonces, si me cambio ahora aquí, uno, ves que enseguida es entre uno y otro. El Primer marco, Cinco capas están encendidas. Segundo marco, cuatro capas están encendidas con un pequeño ojo, solo la última no lo es. También hay algo realmente importante. Permítanme duplicar sólo unas cuantas veces y sólo hacer algunos cambios aquí. El Primer fotograma determina cada otro fotograma. Eso significa que si voy en el tercer fotograma aquí y desactivo mi fondo, es sólo el tercer fotograma que no tiene fondo si se ve. Pero si lo hago en el Primer cuadro, todos perdieron el fondo. Esto es realmente importante porque a veces quieres hacer un cambio a todos ellos desde el Primer fotograma porque agregaste una nueva capa o algo así. Sí, pero específicamente si agregas como una capa en el fotograma 15, solo quieres que aparezca en el fotograma 15. Entonces, tienes que ir a la Primera, desactivarla para todo. Ve al 15 y luego actívelo ahí, si eso tiene sentido para ti. Podríamos verlo más tarde otra vez. O supongo que para este tipo de animación ni siquiera vamos a usar esa complejidad. Exactamente. Nos vamos a meter un poco más en detalle con él más adelante. Entonces, por ahora solo nos vamos a centrar en las funciones básicas cuando estás animando pieza por pieza. Entonces, ahora déjame empezar de nuevo. Tengo el Primer cuadro. Todo está activo. Pero digamos, ¿cuál es el Primer cuadro? ¿ Cuál será el Primer cuadro? No habrá maullido. Serán solo los ojos y luego el Primer miau, el segundo, y el tercero. Permítanme también colocarlos por aquí en un orden que tiene sentido, que es como los ojos de abajo y luego el Primer miau. Ahora, este es el, ahí vas, segundo y tercero. Sí. Siempre es bueno colocar tus capas de la forma en que quieres que aparezcan. Exactamente. Ahora, por un cuadro. Duplicamos este marco. Activamos éste, activamos éste, y por más simple que eso, con la última activamos también la última capa. Entonces, ahora si ven, tenemos uno, dos, tres, cuatro. Si presiono play ahora, es bastante lento. Nosotros puedes- Pero funciona. Pero funciona. Ya funciona. Es una animación. Básicamente, con solo las capas, puedes activarlas y desactivarlas. Si entiendes cómo funciona esto entonces puedes empezar a hacer muchas cosas con tus letras. Exactamente. Entonces, ahora lo queremos un poco más rápido. Entonces, si los seleccionas todos con turno, voy de la Primera, presiono turno y voy al cuarto, veo que todos están seleccionados. Entonces, ahora voy en el tiempo y lo pongo en dos o uno. Vamos a ver con uno. Eso es realmente rápido. Sí. De acuerdo, pongamos dos o incluso tal vez, eso sigue siendo demasiado rápido. Tenemos que hacer la costumbre ahora. Déjame ir a, vamos a ver, cuatro. Cuatro, sí, o tres. Tendemos a usar mucho estas velocidades personalizadas cuando estamos haciendo este tipo de animaciones. A lo mejor un poco demasiado lento. Demasiado lento. Tres estarán bien. Pongamos tres. Sí. Siempre puedes experimentar con eso por ahora y al exportarlo vas a ver el resultado final. Entonces, realmente no importa es sólo- Lo que podemos hacer aquí es mantener el último un poco más. Entonces, vamos a quedarnos 2-5 y tal vez si ya vemos un cambio. Sí. Podría ser un poco pero vamos a siete. Por lo que sí se lee como “miow miow miow” sólo un poco. Sí. Para que se quede un rato. No vuelve a empezar. Esto también es realmente genial. Por ejemplo, si has estado escribiendo una cita y quieres que gente pueda leer la cotización completa una vez que haya aparecido, solo deja el final un poco más. Exactamente. Entonces, ahora sólo vamos a guardar nuestro archivo por ahora. Primero aquí y aquí. Eso está bien. Exactamente. Simplemente lo vamos a guardar por ahora e ir hacia el siguiente proyecto, y luego al siguiente, y luego te vamos a mostrar cómo los exportamos porque hay diferentes formas de exportarlo. Pero esto es solo para que puedas obtener Primero una pequeña visión general de cómo realmente los animamos. 5. Proyecto n.°2 / El efecto de parpadeo: Ahora, vamos a trabajar en el formato vertical, y va a ser otro efecto con el que vamos a estar jugando. Entonces, a eso lo llamamos el efecto parpadeante, y básicamente es realmente interesante si tienes una cita o varias palabras y solo quieres mantenerlas como están, pero dales un movimiento sutil que les dé un aspecto funky. Entonces, lo que hicimos, personalmente, fue usar como fondo una fotografía de nuestro gato. Dejamos un lindo gato gatito y ahora básicamente solo vamos a animar eso de una manera sutil. Entonces, no va a pasar mucho. En realidad sólo va a ser este trozo de letras de mano, pero sólo va a cambiar un poquito. Entonces, esto siempre es interesante para darle algún movimiento. Vamos a empezar de cero otra vez. Va a ser que este tamaño y esta vez una caída vertical. Vamos a llamarle su nombre es tamaño. es compartir, cat2. Está bien. Ahí vamos. Entonces, vamos a importar los elementos. Vamos a estar usando una foto como fondo. Entonces, lo primero que vamos a necesitar hacerlo es en realidad un lugar esa foto como fondo. Ponlo, arrástrelo igual que antes, en nuestros documentos, encaja perfectamente, centrado, eso es todo. Cierra este. Y vamos a importarles letras aquí. Entonces, aquí lo que hicimos con las letras, para tener este efecto parpadeante, es que le escribamos para decir a alguien cita, quiero decir para ti puede ser una cita, o puede ser una palabra o algo así. En este caso, lo acabamos de letras de la misma manera, pero lo hicimos tres veces, y siempre del mismo tamaño. Entonces, una vez los colocamos todos juntos. Eso vas a ver. Uno, y dos, mira que no hace ni realmente una diferencia, es del mismo tamaño, mismo estilo, pero va a haber un movimiento sutil cuando realmente los coloquemos en un gif y los animemos. Entonces, esto siempre es como una forma realmente simple pero genial de animar tus letras. Básicamente puedo obtener todos los elementos se desplazarán aquí, todas las capas al mismo tiempo, arrastrarlas y soltarlas en nuestro archivo. Entonces veo que son demasiado grandes. Pero esto está bien. Vamos a convertir primero al igual que antes, cada elemento, uno por uno, como en objetos inteligentes. El ABC está bien. Vamos a convertir este también, y éste también. Ahí lo tienes. Los seleccionamos a todos, solo retrocede un poco, y aleje el zoom, y simplemente escalarlos hacia abajo. Ponlos en el centro, probablemente no por que es de este tamaño, y luego necesitamos convertir, los queremos blancos. Correcto. Sí. ya que el fondo es oscuro, lo que nos gusta hacer en cada caso es sólo hacer que las letras sean ligeras. Entonces, hay un poco de contraste, y en realidad podemos leer las letras, va a dar un efecto realmente bonito. Entonces, la forma más fácil es simplemente ir en la capa como la A aquí, click a la derecha. No. Perdón. En realidad vas en un fijo. Perdón. Aquí, en la fecha, ver un poco, me arreglé con una flecha de capa bajando. Entonces, basta con hacer click en él, y hacemos una superposición de color para esta capa. Ya ves impresora está aquí. El hecho está encendido con la superposición de color. Aquí están las opciones. Yo lo puse un poco del costado. Verás, en realidad ya estaba en blanco. Pero, si haces click aquí, lo siento, el molde de mezcla lo vamos a mantener normal, porque va a estar a todo color sobre el color, bueno, sí, solo color sobre color. Aquí es donde seleccionamos ¿de qué color? Este es el resultado en la parte superior aquí. Entonces, si vas aquí, 000 que es blanco, presiona bien. Para que pudiéramos jugar en este punto con colores y así sucesivamente. Pero como estamos usando esta foto como fondo, queremos que los colores de la misma realmente estallen, y hagan un bonito contraste. Vamos a mantener las cosas simples, las letras sólo van a ser blancas, y lo vamos a hacer en cada capa de nuestras letras. En realidad puedes repetir el paso pasando por airfix, y pasando de nuevo [inaudible] y añadirlo a las capas B y C. Pero también puedes ir en la primera capa, haces clic en Alt, ves que tengo presionado Alt, y solo lo dejas caer en B C, y luego en C también. Por lo que lo tenemos duplicado por lo que cada capa ahora es blanca. Exactamente. Fácil. Entonces, tenemos tres capas ahora que todas son blancas aquí, cada capa tiene una letra blanca. Pero, volvamos al expediente original. Si lo miras aquí, tienes que entender el efecto que lo que hace que este efecto parpadeante sea realmente interesante, es que estas tres capas son iguales, pero son ligeramente diferentes. Es realmente como si dijeras una palabra dos o tres veces, nunca lo verías de la misma manera. ¿Verdad? Sí. Si realmente lo hicieras de la manera analógica, lo que podrías hacer es en realidad mandar primero tu palabra, y luego usar una hoja de rastreo, para que básicamente la siguiente tenga exactamente el mismo tamaño. Exactamente y no lo mismo. No es lo mismo, va a haber alguna ligera diferencia y estas son las ligeras diferencias que van a hacer este interesante efecto de parpadeo. Ellos lo van a mantener suave, porque si lo escribieras de manera completamente diferente, y estuvieras ahí para animarlo, no se vería suave en absoluto. Entonces, entonces básicamente estamos casi terminados, porque tenemos todas las capas aquí listas. Esto es un poco atrás que voy a borrar. Pero, vamos a crear la animación, e igual que antes, aquí no hay un orden específico, pero empecemos con el primero porque es solo uno tras otro. En este caso, vamos a empezar de inmediato, porque solo se trata de tener tres imágenes que realmente lo rompan. Es sólo tres marcos. Entonces, si he duplicado aquí una vez, activo B, desactivo A, y en el último, activo C, desactivo B. Complicado. Por lo que ya es complicado para nosotros. Esto es todo. Si ahora pongo el cronometraje en los fotogramas, o realmente corto, o empecemos con dos tal vez. Bueno vamos a ver, lo que da. Demasiado lento, y tampoco lo hice para siempre. Entonces vamos a necesitar para siempre. Es sólo. Para que puedas visualizarlo jugando una y otra vez. Es el bucle. Entonces, vamos a seleccionarlo todo, y poner una segunda jugada así. Sí, ya se puede ver que se une, y se puede ver que aún se mantiene suave, porque todavía estamos jugando con exactamente las mismas letras. Son solo estas pequeñas sutilezas las que traen este movimiento imperfecto. Entonces, esto es como un realmente cool, y como puedes ver, es realmente sencillo hacer este efecto desde Photoshop. En el proceso de creación de estas letras es importante tener algunas letras que son casi las mismas. Ellos ven que la Y no cambia tanto. Sí. Pero entonces la T tiene algunas variaciones con ella, porque, más alto, la A es un poco más gorda o algo así. Es sí. Es genial. Porque te permite jugar con una palabra, o una cita, que no vas a cambiar demasiado, no va a haber mucho movimiento, pero, sólo va a lucir más llamativo. Está bien. De nuevo, no vamos a exportar ahora mismo, sólo voy a guardar esto aquí. Eso es todo. Vayamos a la última. 6. Proyecto n.°3/ El efecto de intercambiar palabras: Para nuestro último proyecto, vamos a hacer algo un poco más complejo, porque vamos a estar jugando con cambiar palabras diferentes. Entonces, para hacer eso, vamos a jugar con unas palabras con letras a mano diferentes que van a aparecer una tras otra. Pero hay una parte del gif que se va a mantener estática. Esto es genial si quieres enfatizar cosas diferentes a la vez. Entonces en nuestro caso, lo que vamos a hacer es sólo escribir gatitos son y luego tener palabras diferentes apareciendo. Tan como lindo, adorable, esponjoso, y así sucesivamente. Esto lo hace como un visual realmente llamativo y es una buena idea. Como dijimos, si quieres hablar de diferentes palabras de una sola vez, Si tienes algunas palabras clave diferentes que quieres aparecer una tras otra. Por ejemplo, he visto a estudios de diseño hacer eso de vez en cuando. Ofrecemos diseño, fotografía, videografía, bla, bla, bla. Tienen estas diferentes palabras mostrando una tras otra, y una parte del gif se mantiene estática. Entonces, esto también es como una forma realmente genial de animar tus letras, y vamos a llevarte a través de ello ahora. De acuerdo, empecemos un nuevo documento. Esta vez va a ser- Un formato horizontal. Horizontal, digamos, son 2,000 en esto. Sí. 72 en eso, entonces lo vamos a nombrar, Skillshare-Cat03. Ahí vas. Importar nuestros elementos. En este caso, el patrón de piel de gato. Sí. Creamos este pequeño patrón. Y las letras. Eso vamos a poner sobre un fondo oscuro. Entonces se va a quedar realmente sutil. Acabamos de intentar imitar el pelaje del gato, y vamos a poner las letras sobre él. Entonces, todavía se va a explotar, porque el resto se va a quedar bastante oscuro. Entonces si mi paleta de colores también, que en realidad puedo arrastrar y soltar de nuevo a mis últimos documentos aquí, solo para recoger los colores más adelante. Cierra aquí, el pelaje, mismo procedimiento, arrastra y suelta en nuestros documentos. Ahí vas. No nos preocupemos demasiado por los tamaños en este momento. Cierra esta, y la última es la hoja con las palabras. Sí. De acuerdo, esto tiene muchas capas, así que puede que estemos limpiando ésta primero. Entonces tenemos aquí, esa es la primera capa básica que no tiene nada. A la paleta de colores, vamos a mantener o en realidad simplemente poner el fondo ya. Exactamente. Sí, en realidad. Yo sólo voy a preparar el fondo por ahora, para que entonces podamos enfocarnos en el rotulado que lo repasa. Puse este color que fue el último. De acuerdo, eso es todo. El pelaje, voy a crear el objeto inteligente pero una vez más, me alejo un poco porque no veo los límites. Entonces ahí lo tienes. Doy clic en una esquina, y luego, básicamente con alt y shift, puedo escalarlos proporcionalmente hacia abajo, y colocarlos en nuestra hoja aquí, algo así. Está bien. Si estás jugando con diferentes texturas o fondos y cosas así, siempre es una buena idea antes de hacer un gif complejo como éste, tener ya eso arreglado. Entonces, perfecciona tus diferentes capas y tus diferentes patrones con los que estás jugando primero, y luego podrás empezar a importar tus letras. De acuerdo, para las palabras, supongo que sólo voy a ponerlos uno con el otro. Entonces va a ser un poco más fácil, porque aunque parezca un poco desordenado, al menos todos se ven en la misma posición. Encantador, está bien. Si por casualidad separas tus letras, todas tus diferentes palabras con letras a mano ya, por favor hazlo, para que estén todas en capas separadas, y luego puedas empezar a colocarlas en tu archivo con facilidad, como lo hacemos nosotros. Ahora, tenemos este pequeño truco de simplemente apilarlos todos juntos, y entonces finalmente puedes empezar a jugar con ellos. De acuerdo, convierto cada elemento en un objeto inteligente aquí rápidamente. Pongamos estos, y los gatitos de los últimos lo están, y luego puedo reducirlos. La piel de gato necesita ir. Vamos a escalarlos un poco hacia abajo. De acuerdo, así que vamos a poner aquí el pelaje de gato. Dejémoslo abajo, y estos elementos, los vamos a poner igual que antes con el fx. Vamos a colorearlos con la superposición de color, solo blanco. Está bien. Eso es bueno. Y vamos a duplicar esto, todos los demás elementos con alt prensado. Eso es todo. Los gatitos lo son, va a ser blanco también, ¿verdad? Sí. Entonces ahí vamos. En este punto puedes empezar a jugar con diferentes colores también si quieres, e incluso puedes imaginar cómo podrías incluso hacer que el color cambie, y así sucesivamente. Pero vamos a mantener esto realmente simple, solo para poder mostrarte cómo planeamos hacer esto, que tal vez podamos experimentar un poco más, y volvernos un poco más locos. Cerremos esta que no vamos a necesitar, ahora mismo. Al igual que lo son los gatitos, compongamos nuestro marco. Apenas con los gatitos son, probablemente un poco más pequeños, quería al centrado, luego todas las otras letras debajo, probablemente por aquí, un poco más pequeñas también. Algo así. Bueno, lo vemos como un verdadero desastre. Es un verdadero desastre. Pero sí, puedes empezar a echarles un vistazo y ver si están en el tamaño correcto, en la colocación correcta. También vemos que ésta, es una pequeña línea blanca aquí, que es ésta. Podemos hacer doble clic en él, y en realidad corregirlo. Probablemente sea solo una línea que está debajo. Entonces para eso, solo puedes conseguir esta herramienta selectiva e ir a los límites y solo eliminar una vez, tal vez dos hasta que el lettering empiece ahí. Eso debería estar bien. Si ahorro y lo cierro, ya ves que se ha ido. Exactamente. Entonces si aquí, letras aún no están completamente limpias, eso no es nada de qué preocuparse. Siempre se puede limpiar en el camino también. De acuerdo, así que eso es todo. El tamaño parece bien. Yo diría que Kitties, la parte superior puede ser un poco más pequeña, para que haya un poco más de contraste entre diferentes palabras y la parte estática. Está bien. Entonces si ahora comparo con los otros. Pongamos un poco, los gobernantes, un poco de la mitad aquí. Está bien. Mantengamos una línea por aquí. Ponga estas palabras, así que el lindo por aquí. Sí. Esponjoso. Kawaii. De acuerdo, así que esto debería ser. Sí. Los tenemos todos en el tamaño correcto, la posición correcta. Entonces si algo no está exactamente en la posición correcta o no del tamaño correcto, ahora solo puedes hacer adaptado, por lo que todavía va a ser fácil en el camino para que lo animes. Tan solo asegúrate de que todo esté configurado correctamente, y entonces podremos empezar a animar eso. Sólo queremos llamar ahí o tal vez diferir, ¿verdad? Entonces, déjame solo obtener rápidamente mi paleta de colores, porque podemos darle un color. Vuelve a poner eso. El pelaje de gato, fx, superposición de color. Al seleccionar un color, puedes escoger uno de estos. Yo diría el más oscuro así thst. Este, ¿verdad? Sí, sí. Entonces, esto es genial. De acuerdo, entonces ahora podemos eliminar el palé de colores. Eso es todo. Simplemente activa las reglas, y creamos nuestra animación. De acuerdo, entonces la línea de tiempo va a ser sobre mostrar que los gatitos son, una palabra, los gatitos son, otra palabra, siempre tienen gatitos están entre vacíos. Sí, dije que es estático. Exactamente. Sí. Entonces para eso, déjame desactivar. Entonces el primero está vacío, vamos a duplicarlo ya, y activemos una palabra. Entonces el adorable, y sigue haciendo eso, como duplicar, vacío, duplicar, siguiente palabra, duplicar vacío, duplicar esponjoso, y así sucesivamente, kawaii, y vacío, y el último, Lovely, y eso es todo. Entonces se puede ver, cuánto tiempo eso nos salvó, sólo por haber preparado eso adecuadamente, entonces podemos animar como nos guste. Entonces, la línea de tiempo básica está lista y ahora solo vamos a ver el momento. Exactamente. Los seleccionamos todos a 0.2 segundos para todos ellos, y luego deseleccionamos, y solo tomamos los que tienen la redacción. Muéstralo ya, para que podamos ver cómo se ve. Está bien. Como se puede ver, las palabras, aparecen un poco demasiado rápido ahora. Por lo que siempre que aparezca una palabra, vamos a seleccionar específicamente ese marco y hacerlo un poco más lento. Entonces, con el comando, en realidad puedo seleccionar sólo los fotogramas que quiero, que son los que tienen las palabras, y voy a cinco. Por lo que de 0.2 a 0.5. Si voy a la primera y a la jugada ahora, así que esto se ve bastante bien. Sí. El momento es agradable, es composición. Nos estamos preparando todos para empezar a exportarles las animaciones 3D. Déjame salvar a éste aquí. Simplemente lo estamos guardando en phtoshop ahora mismo, para que podamos mostrarte después cómo puedes exportar estos diferentes gifs. De acuerdo, entonces ya ves que las tres animaciones siguen siendo bastante fáciles y básicas. Te animamos a ir por supuesto más allá en los detalles y a experimentar con las composiciones. Porque básicamente una vez que entendiste cómo funciona esta línea de tiempo, y cómo puedes hacer que diferentes elementos se muevan dentro de cada fotograma, entonces puedes empezar a experimentar con lo que quieras o puedes intentar experimentar con diferentes colores, y haz que tus letras cambien de colores. Ya sea el lettering o el fondo, puedes crear diferentes efectos, como un efecto de neón o agregar un patrón diferente, o volverte completamente loco con él. Este es el mismo proceso, el stop motion también si te tomas una foto, y quieres animarte en el efecto stop motion, puedes con eso, Es el mismo principio. Sí, exactamente. Entonces, si entendiste ese principio, entonces es ilimitado. Puedes hacer lo que quieras, y te animamos mucho a experimentar con eso y hacer algunos gifs realmente interesantes que encajen con tu estilo. 7. Cómo exportar tus GIF: Está bien. Entonces, ahora que hemos estado experimentando con hacer los GIF, vamos a mostrar cómo puedes exportarlos y compartirlos porque hay diferentes formas, pero te llevaremos a través. Va a empezar con el primero aquí. Déjame jugar a ver si todo está bien. Sí. Está bien. Entonces, vamos a exportar eso. Vamos a empezar con exportar como GIF y luego como película. Entonces, para el GIF, vamos a ir a Archivo, Exportar, y Guardar para Web aquí. Veamos estas opciones, esta ventana se ve un poco complicada, pero déjame ir aquí alejando para que podamos ver toda la animación. Básicamente dice el archivo original de la izquierda. Si lo pones aquí en 2-Up, el original de la izquierda, puedes ver que se trata de Skillshare-Cat PSD. Aquí a la derecha, el GIF. Este es el tamaño original del documento, que es de 15 megabytes. Al final, vamos a terminar con 224.7 kilobytes, lo cual es bastante bueno como tamaño. Es realmente ligero. Se va a quedar bastante ligero, sí. Entonces, tienes algunos presets. Supongo GIFs, y luego JPEGs, y PNG. En lo que queremos enfocar es tener un GIF. Entonces, en realidad no necesitas un preset, solo puedes seleccionarlo aquí de nuevo. Entonces, aquí a la derecha, a los colores, ve que podemos ir de dos a 256 colores y todo lo que hay en el medio. También puedes escribir un número específico, si lo deseas, como 123. Pero, lo que pasa es que esto puede ser bastante dramático para tus exportaciones cuando tienes una foto real de fondo. Al igual que nuestro segundo ejemplo con el gato. Exactamente. Ahí, realmente no podemos esperar la realmente alta calidad porque, ya que no podemos jugar con esos muchos colores al final, vamos a tener un poco de pérdida de calidad cuando se trata de los colores. Entonces, te será más fácil si estás jugando con menos colores como en este caso, pero si estás jugando con una foto o algo así, eso es más complejo, simplemente no esperes que sea de súper alta calidad, esta simplemente no es posible cuando estás haciendo GIF. Pero es- También es cosa de los GIF. Supongo que si ves una animación GIF en línea, no se trata de tener en alta calidad. Supongo que también es el encanto de verlos con este espectro de bajo color. Exactamente. Sí. Eso es lo que hace que al GIF le guste al final. Se suma a los aspectos funky del GIF. Exactamente. Entonces, está bien. Sólo ten eso en cuenta. No es una limitación del software, de Photoshop ni nada por el estilo. Es realmente una limitación porque los GIFs necesitan mantenerse más ligeros. Supongo que solo están limitados a 256 colores. Entonces, para nuestro ejemplo aquí, podemos ir realmente bajo con los colores, porque básicamente solo tenemos este tono beige con el negro. Sí. Es tan sencillo. Entonces, sí. Entonces, de dos, tomemos ocho porque, ya ves en la tabla de colores aquí, todavía hay algunos matices de los colores. Entonces, no es puro, como el negro recto, así que vamos a mantenerlo a ocho para que siga siendo súper ligero, sin embargo. Sí. No hay absolutamente ningún problema. Supongo que incluso con 256, se ve que son apenas alrededor de 200 kilobytes, así que esto está bien. Mantengamos ocho por el bien de mantenerlo pequeño. Todas las demás opciones aquí con selectivo, perceptivo, adaptativo, y todo eso; sólo manténgalo selectivo. Es posible que veas algunos cambios a veces. En realidad se ven algunos cambios drásticos a veces pero esto es cuando se utiliza un fondo más complejo. Aquí, es tan sencillo. Vamos a mantenerlo así. También podemos jugarlo aquí. Opciones de Looping, para siempre. No olvides eso. El tamaño es correcto. Si lo juego aquí, a ver que eso es exactamente lo que queríamos. Entonces, eso es todo. Entonces, ahora podemos ahorrar. Guárdalo aquí como Cat-01. Eso es todo. Entonces, si voy en el buscador para ver los resultados, esto es todo. Presiono espacio, ahí, empieza a jugar. Ahí vamos. Entonces, esta es una forma sencilla de exportar tu GIF como GIF, que jugará en un bucle para siempre si lo configuras de esa manera. Esto es perfecto para crear un archivo el cual va a ser ligero e ideal para usar para tu sitio web, o tu post de blog, en tus boletines y cosas por el estilo, porque los GIFs literalmente están hechos para incrustar y colocar en estos lugares. Para que se juegue en línea, solo necesitas subir en tu servidor, o en Facebook ahora, se inicia ya de forma automática. Sí. Entonces, si lo subes en Facebook, empieza enseguida. Exactamente. Entonces, eso es todo. En la mayoría de los casos, este formato va a ser perfecto. En algunos casos, aunque, por ejemplo, si quieres exportar un GIF y publicarlo directamente en tu Instagram, sería mejor exportarlo como archivo de película. Tienes que hacerlo. Exactamente. No se puede poner un GIF. Sí. Vas a estar obligado a exportarlo como archivo de película, que es lo que te vamos a mostrar ahora. Entonces, para la película, lo que queremos hacer ahora es duplicar realmente estos fotogramas para poder reproducirla más tiempo, pues no podremos hacerlo automáticamente con cierta condición para que se reproduzca para siempre. Sí. Una película apenas juega desde el principio hasta el final. De la A a la Z y en realidad no se repite. Entonces, esta es una limitación cuando estás exportando como archivo de película. Entonces tendrás que repetir realmente todas las capas por ti mismo, para que pueda jugar varias veces, como tres o cinco veces. Simplemente multiplica tus capas tantas veces como necesites, para que juegue todo el tiempo que quieras. Entonces, para ello, vamos a simplemente seleccionar todos nuestros marcos, y presionar los fotogramas seleccionados duplicados. Si presiono esto un par de veces, ves que vamos a terminar teniendo exactamente lo mismo. Básicamente está creando algún tipo de bucle, con una cantidad definida de tiempo. Entonces para eso, incluso puedo seleccionar ahora los 16 fotogramas ahora. Todos juntos, y basta con hacer click una vez. Entonces ahora, vamos a terminar con 32, lo que nos dará probablemente una cantidad correcta de longitud. Entonces, solo probémoslo. Si voy en Archivo, Exportar, y Render Video, esta vez, en lugar de éste fue el para el GIF, y éste es para la película, y luego seleccionamos el nombre del archivo. Va a ser un MP4. Seleccionas la carpeta de la forma en que deseas que aparezca, que se guarde, y seleccionamos Adobe Media Encoder. Para eso, vamos a dejar el formato H.264. Nos vamos a ir de alta calidad. Dejamos el tamaño como este, y la velocidad de fotogramas del documento, lo necesitamos también en 30 fotogramas por segundo, lo cual va a ser realmente suave, y renderizamos. Vamos a exportar un archivo de video que luego puedes echar un vistazo y ver si encaja con lo que quieres que se vea. Echemos un vistazo a nuestro expediente aquí. Podemos ver que tiene 13 segundos de duración, tres megabytes. Todavía está un poco pesado tal vez, pero si lo pones en Instagram, va a estar bien. También, para la longitud, si presiono ahora espacio, veo la vista previa. Con la línea de tiempo, Instagram lo hará de todos modos al final para siempre. Entonces, solo necesitas una cantidad mínima de tiempo. Supongo que 12 es bastante bueno. Eso es todo. Ya podemos exportar nuestra segunda y tercera animación, aquí. Empecemos exportando primero el GIF. Para eso, vamos a ir una vez más a Exportar y Guardar para Web. Aquí, vamos a ver claramente el cambio con los colores. Sí. Se mantuvo el- En realidad, sí. Todavía está en ocho colores. Sí. Es por eso que va a.... Entonces, si vamos al máximo de 256, sí, me queda bastante bien. Es sólo que van a ser 2.4 megabytes, que es bastante. Entonces, si reducimos ahora a 128, será un poco pequeña y la cantidad no se ha degradado tanto, cual es bastante bueno. Incluso aquí a sólo 64 colores, empiezas a verlo, tal vez aquí si vas a... Sí . Los colores son un poco más planos, pero en el caso de esta foto, ya que no es demasiado compleja en cuanto a color, todavía se ve bien. Sí. Entonces, sí. Puedes probar opciones como con el WebSnap. Si subes, vas a ver que podría hacer algunos cambios. Tienes que ver si está adaptado para ti o no. Aquí, crea realmente algunos colores raros, pero ganas de tamaño. Entonces, no me gusta jugar demasiado con eso, prefiero bajarme con los colores. Pero si son dos, ya ves, no ganas tanto con la talla. Entonces, lo que sea. Sólo mantengamos en 64. Supongo que es bastante bueno para mí con 1.3 megabytes. Entonces, vamos a guardarlo, es bucle para siempre, eso es todo. Sólo vamos a guardarlo. Veamos el resultado aquí en GIF. Ahí vas. Se ve genial. Sí, es lindo. A mí me gusta. Ahora, sólo vamos a exportar una película de eso también. Dado que éste fue tan corto en el tiempo, básicamente 0.3 segundos, tendremos que duplicar bastantes veces aquí para tener una longitud mínima. Mantengamos estos 15 elementos. Duplicarlo una vez más hasta el 30. Una vez más, porque, al final, no es realmente importante, sólo tiene que ser como mínimo. Entonces, Archivo, Exportar, Render Video para la Película, seleccionamos la carpeta correcta, render. Entonces, esto es un resultado de la segunda animación. Dura cinco segundos, lo que probablemente aún no es suficiente. Entonces, sí. Lo duplicé bastantes veces. Teníamos 45 cuadros. Pero está bien, todavía puedes seleccionar todo. Bueno, ahora, si vuelvo a duplicar, voy a terminar con los 10 segundos, lo cual es bastante bueno. Entonces, solo hagamos eso. Esta exportación, render video, y eso es todo, en realidad voy a anular la otra. Veamos el resultado. Todo bien. Ya está tomando nueve segundos. Está bien. Porque antes era probablemente cuatro puntos algo, así que depende cuántas veces hay que duplicarlo, pero en este caso, ya es bastante bueno. Déjame cerrar este, y sólo hazlo rápido para el último GIF. Sí. Déjame comprobar si todo está bien. Ah, solo necesito dar clic aquí para Forever. Sí. Simplemente tócalo. Eso es todo. Entonces, primero, vamos a exportar el GIF. Exportar, Guardar para Web, alejar un poco, y vamos a ver que los colores, no necesitamos demasiados aquí también, probablemente 16 u ocho es suficiente. Sí. Sí. Básicamente, no veo ninguna diferencia. Es pequeño. El tamaño, guardamos. Todo como está, en bucle para siempre, sólo tienes que hacer clic en Guardar. Eso es todo. Vamos a ver el resultado en el buscador. Tercera. En realidad está aquí. Entonces, eso es todo. Esta es la animación. Sí. Se ve bien. Eso es lindo. Sí. Vamos a exportarlo rápidamente como una película, y luego los tenemos todos. Entonces, aquí, selecciona todos los marcos, al igual que antes, duplica unas cuantas veces aquí, selecciona todos de 18-36. Ahí lo tienes. Archivo, Exportar, Render Video. Seleccionamos donde queremos guardarlo aquí. Todas las opciones están bien. Render. Veamos el resultado. Este tiene una duración de 13 segundos, lo cual es bastante bueno. Sí. Se ve así. Ahí vamos. Entonces, ahora tenemos todos estos archivos fácilmente exportados como GIF y como videos. Entonces, solo recuerda que en la mayoría de los casos, no necesitarías exportar realmente en archivos de video. exportar como GIF es en su mayoría suficiente, porque si solo quieres ponerlo en línea, en tu sitio web, o en tu post de blog, o en tu newsletter o algo así, GIF suelen ser más que suficientes. Simplemente necesitarías exportarla como película si quisieras ponerla en Instagram, donde hay cierto tiempo y cierto tipo de archivo solo se acepta. Instagram no acepta GIFs por ahora, por lo que este sería el único caso en el que necesitarías que se exportara como película. Si quieres trabajar con las películas, trabajas con alta calidad. Entonces, no necesitas preocuparte por la parte de limitación de colores. Exactamente. Eso es correcto. lado, tienes un archivo fácil de cargar que es ligero y rápido de subir, y por otro lado, tienes un archivo más pesado de alta calidad. Depende para qué lo necesites. 8. ¡Unos últimos consejos técnicos!: Y como estamos pasando por algunos consejos menos técnicos aquí, sólo te vamos a recordar algunos consejos más que consideramos importantes o cosas que hay que tener en cuenta. Entonces, definitivamente ten en cuenta la duración de tu video. Asegúrate de que sea lo suficientemente largo, si quieres subirlo en Instagram o algo así. Pero de nuevo, si solo estás exportando como GIF, esto no es importante en absoluto. Simplemente se va a reproducir automáticamente, y otra cosa a tener en cuenta sería la velocidad de tu GIF. Entonces, empecemos tu archivo cuando estés exportando, si algo es un poco demasiado rápido o un poco demasiado lento, subirlo a donde quieras subirlo. Dale una pequeña prueba, ve cómo aparece, y si necesitas ajustar la velocidad de ciertos fotogramas, y así sucesivamente, vuelve a tu archivo, y ajústalo hasta que estés extremadamente contento con el resultado. Y por la calidad que vimos, el GIF no ha hecho una mano, una limitación a 256 colores, que la película no tiene. La película realmente puede entrar en alta calidad, pero va a volverse realmente pesada. Entonces, hay que ver para qué exactamente quieres usar eso. Es posible que tengas que hacer algunos compromisos. Por ejemplo, si estás usando una foto, y quieres convertirla en un GIF como lo viste antes, posible que tengas que reducir la cantidad de colores, y así sucesivamente. Pero como vimos, le da un encanto interesante, y si estás trabajando con algo que es mucho más mínimo en su diseño y normalmente no vas a tener ningún problema con eso. Entonces, sí, sólo ten eso en mente. Entonces, sí, eso fue más o menos. Es bastante fácil de hacer, y sí, una vez que te familiarices con el proceso entonces tu creatividad con todo puede ser prácticamente ilimitada. Tan contentos de ver con qué se va a llegar. Espero que te inspires con nuestro curso, y siéntete libre de compartir tu proyecto, tu GIF aquí como proyecto. Sí. Para que podamos comentar al respecto. Sí, estamos tan emocionados de ver con qué se va a llegar. Muchas gracias chicos por unirse a este curso, y diviértanse. Salud.