Buscando el Mejor Hosting en España para WordPress
13/11/2018
crear videos de casos de éxito
Crea Vídeos de Casos de Éxito Perfectos. Guía completa.
11/12/2018
Mostrar todo

Cómo Crear tu GIF Personalizado Navideño con Photoshop

crear gif personalizado navidad

¿Cómo es posible que no se te haya ocurrido crear un GIF personalizado como felicitación?  Estamos ya a las puertas de la campaña navideña y es muy común empezar a recibir todas esas felicitaciones precocinadas tipo Elfyourself hasta en la sopa.  Lo peor es que vista una, vistas todas.  Y no es eso lo que nosotros queremos ¿verdad?  Si disponemos de tiempo podemos montarnos un buen vídeo navideño como este que realicé durante mi estancia en Zyncro

Realmente es un vídeo emotivo y se realizó con un presupuesto muy muy bajo.  Sin embargo este tipo de vídeos requiere una planificación más compleja y mucho tiempo de preparación.  Así que si ves que te va a pillar el toro te propongo una solución igual de económica pero que requiere de mucho menos tiempo de realización y te puede sacar del apuro: crear tu GIF personalizado navideño.   Vamos a comentar un poco aspectos previos pero si quieres ir directamente al tutorial haz click aquí.

¿Qué son los GIF?

GIF es la abreviatura de Graphic Interchange Format o formato de intercambio de gráficos, para los amigos.  Es uno de los formatos gráficos que nació prácticamente junto a la Web y que por eso se diseñó para que ocupara el mínimo espacio ya que por aquel entonces aún se navegaba usando módems a velocidades de tortuga reumática.  Este formato es muy flexible y se diseñó con dos características fundamentales que lo popularizaron enormemente.

crear gif personalizado navideño

El GIF de John Travolta despistado se hizo muy popular y fue protagonista de varios memes

  • Capacidad de almacenar secuencias de imágenes.  En vez de una imagen estática, un GIF puede contener una serie de imágenes que se muestren sucesivamente a modo de minipelícula
  • Capacidad de ser transparente.  Gracias a esta característica podemos superponer un GIF a un fondo o dejar el fondo transparente para que se vean los colores de nuestra web.

Con el tiempo el formato quedó relegado al olvido puesto que al aumentar la rapidez de las comunicaciones aparecieron otros formatos que tenían más calidad hasta incluso la transmisión de vídeos por Internet.  Con el auge de los Memes el formato ha revivido por la mezcla de su apariencia algo kitsch, nostalgia y de cultura underground.

¿Por qué usar GIF personalizados?

Tal y como hemos comentado, el formato GIF ha visto relanzada su popularidad en los últimos años y es un formato que llama la atención por su inmediatez, corta duración e impacto.  Podríamos usar un fragmento de vídeo en su lugar pero entonces estaríamos obviando una serie de connotaciones que pueden interesarnos si queremos que se perciba nuestra felicitación en forma de GIF como algo realmente original y un poco outsider, por qué no decirlo.  Estas son otras razones por las que crear tu GIF personalizado, no solo en navidad sino en cualquier ocasión especial.

  • Fáciles de consumir
  • Efectivos: entran por los ojos.  Más fáciles de recordar que el texto
  • Requiere menos tiempo de realización que un vídeo
  • Es parte de la cultura de Internet – > Integración con tu audiencia
  • Son compatibles con dispositivos móviles

Cómo crear tu GIF personalizado navideño

Ahora que ya hemos entendido por qué es tan interesante crear un GIF personalizado vamos a poner manos a la obra.  Para nuestra felicitación navideña en GIF vamos a crear una secuencia de imágenes que luego vamos a transformar en GIF usando Photohop.  La razón por la que usamos Photoshop es porque se trata del programa de edición de imágenes más estandarizado y nos va a permitir personalizar al máximo nuestra imagen.  Puedes usar también servicios gratuitos como comentaremos más tarde aunque entonces perderemos flexibilidad o aumentaremos complejidad.

A modo de ejemplo de algo parecido a lo que queremos realizar os incluyo un GIF de felicitación que yo mismo realicé años atrás en Zyncro.

crear gif personalizado de navidad

Como veis es algo muy sencillito usando fotografías, que implicó a varios miembros del personal.  Resultó en una experiencia divertida que además como actividad de grupo ayuda a cohesionar y dar una imagen muy positiva.

Fase 1: Checklist

Esbocemos lo que queremos mostrar y cuántas imágenes diferentes vamos a usar.  Recordad que el tiempo es limitadísimo; apenas unos segundos.  Haceos la idea de que esto es algo estilo Vine.  No hace falta que hagamos un megaguión como solemos hacer en nuestros vídeos.  Simplemente un borrador o listado de lo que se necesita.  No hace falta mucho más.  Fíjate en el anterior GIF personalizado y piensa cómo sería el checklist.  Seguramente algo así como…

  • Idea principal: Collage de los miembros del personal vestidos con motivos navideños haciendo poses divertidas
  • Comunicación al personal: Hablar con la dirección y con el equipo para explicarles el proyecto enfocándolo siempre como algo divertido y desenfadado
  • Captación de voluntarios:  Hacer una lista con quien esté interesado en participar
  • Sesión de fotos: Reservar día y hora para cada uno de los miembros.  Tener el set preparado con los atuendos navideños.  Duración estimada por miembro: 10 minutos.
  • Montaje del GIF

Fase 2: sesión de grabación/fotos

Importante tener todo preparadísimo los días de la sesión para hacer perder el mínimo tiempo posible a los voluntarios.  Recuerda que haya una buena iluminación.  Esta vez no hará falta micrófono ni ningún dispositivo de audio.  Simplemente hay que pensar en la luz y el fondo.  Previamente habremos hecho unas cuantas fotos de prueba para verificar que todo esté correctamente.

Durante la sesión procura sacar muchas fotos.  Por norma general las primeras fotos no suelen ser de buena calidad ya que la gente no está acostubrada, está nerviosa… en fin, que cuesta entrar en calor.  Para favorecer el buen ambiente puedes tener algo de música y muéstrate alegre por hacer algo diferente.  Contágiales tu entusiasmo.

Fase 3: Crear el GIF personalizado con Photoshop

Llegamos a la madre del cordero.  Verás que la realización del GIF personalizado es muy sencilla cuando tengas claros algunos conceptos y cojas algo de práctica.  Para ello usaremos la característica de Photoshop de poder cargar vídeo o secuencias de imágenes en una línea de tiempo de una manera parecida a un editor de vídeo.

Para empezar

Primero de todo tenemos que organizar nuestras imágenes en carpetas, de manera que cada carpeta forme un fotograma de la animación.  Para ilustrar el tutorial hemos escogido esta imagen de Freepik a la cual le realizaremos una animación muy sencilla.  Simplemente mover los brazos y que la nieve vaya cayendo.

Organizando las capas en Photoshop

Ahora separamos los elementos de la imagen en capas para poder animar unas mientras las otras queden estáticas.  Hemos aprovechado para eliminar el texto de muestra ya que pondremos nuestro propio texto

1 carpeta por imagen

Pondremos ahora todas las capas en una carpeta y la duplicaremos hasta tener tantas carpetas como fotogramas queramos.  Yo he puesto cuatro carpetas porque quiero que el movimiento de los brazos dure cuatro fotogramas.  A más carpetas, más fotogramas con lo que la animación será más lenta.  A menos carpetas, menos fotogramas e irá más rápido.

Animando

Cuando tenemos todas las carpetas de los fotogramas tendremos que ir carpeta a carpeta moviendo capas sucesivamente y alterando todo lo que queramos animar.  En mi caso estoy animando los brazos y la nieve, así que en cada carpeta iré moviendo poco a poco los brazos arriba y abajo e iré desplazando la nieve de arriba a abajo.

Línea de tiempo

Ya tenemos todos los fotogramas preparados y ahora hay que montarlos.  Para ello primero dejaremos visible solo la primera carpeta y llamaremos a la línea de tiempo de Photoshop yendo al menú “Ventana” y seleccionando “línea de tiempo”. 

Creando fotogramas en el timeline

Presumiblemente en el timeline habrá solo un fotograma.  Para crear los restantes hemos de hacer click en el icono de la hoja doblada.  Crearemos tantos fotogramas en el timeline como carpetas con capas tengamos.

Asociando los fotogramas a las carpetas

Ahora iremos seleccionando los fotogramas uno a uno dejando visibles las capas que queramos que se vean en ese fotograma.  Como ya hemos agrupado las capas en las carpetas simplemente tendremos que dejar visible la carpeta correspondiente.  Es decir, en el fotograma 1 que solo se vea la carpeta 1, en el fotograma 2 la carpeta 2 y así sucesivamente

Opciones

Haciendo click en el triangulito de cada fotograma podremos modificar su duración.  El botón inferior delimita cuántas veces se ha de repetir la animación

Guardar para web

Nos quedan los últimos pasos.  Iremos al menú fichero y seleccionaremos la opción Guardar para Web

Guardar GIF

En el cuadro siguiente no tocamos nada.  Simplemente le damos a grabar, le ponemos un nombre… et voilà!

 

Y este es el resultado final de nuestro GIF personalizado navideño.  Hemos hecho algunos retoques cambiando el color del fondo y añadiendo un texto  con nuestro logo.  ¿Qué tal os ha ido a vosotros?

 

Fase 4: Publicar

Llega la hora de reventar las redes y aprovechar al máximo la popularidad del formato.  ¿No era esto por lo que queríamos crear un GIF personalizado? ¡Pues dale caña! Tienes las redes sociales como Twitter, Facebook, Instagram y Pinterest.  Por otro lado los agregadores de noticias como Reddit.  En otra instancia puedes crear un post navideño en tu blog donde incluir el GIF personalizado y también hacer una campaña de e-mail incluyéndolo como parte de tu felicitación de Navidad.

Como ves, se le puede sacar casi tanto partido como a un vídeo salvando las diferencias.

Crear un GIF personalizado usando servicios gratuitos

Antes hemos hablado que podemos realizar un GIF personalizado usando aplicaciones sin coste.  Si bien esto es posible recordamos que no tendremos la flexibilidad de quitar y añadir elementos como la que tenemos en Photoshop.  Aquí os dejo una lista de servicios que podéis probar.

Photopea
Photopea es una app gratuita que funciona en el navegador y que inenta emular la apariencia y funcionalidad de Photoshop. Crear una animación es algo más complicado ya que hay que usar ciertos convencionalismos a la hora de nombrar las capas para que las detecte como fotogramas. Aún así es posiblemente la opción más parecida. Si queréis experimentar podéis ir a su web principal y también tienen un tutorial para crear GIFS personalizados.
Giphy
Giphy es uno de los creadores de GIF y de memes más populares de Internet.  Tiene también un creador de GIF personalizado que podéis visitar en este enlace.  Sin duda es de las opciones más sencillas pero también es muy limitado.  Podremos poner rótulos sobre una imagen y poco más.  Si el tiempo es un problema grave te puede sacar del apuro pero no esperes maravillas.
Ezgif
Otro popular creador de GIF personalizado.  Es un poco más difícil de usar que Giphy pero también ofrece un mayor control sobre el producto final.  Puedes redimensionar y optimizar el GIF para que no ‘pese’ mucho y puedes también descargar tu GIF para almacenarlo y usarlo como te convenga.  Puedes usar este enlace para acceder al creador de GIF personalizado.
Otros
Aparte de esta app y los dos creadores de GIF tenemos un par más que pueden resultar interesantes.  El primero es imgflip que podría estar a la altura de Giphy.  Y el segundo es Gfycat; otro creador de GIF personalizado que recomiendo visitar y experimentar

Unas recomendaciones generales para estas aplicaciones es que es muy importante tener en cuenta el tamaño final del fichero, la longitud de la animación, la escena escogida y sobre todo los títulos, que cobrarán especial relevancia ya que estamos limitados de aplicar más elementos.

Bueno, y esto es todo lo que quedaba por decir.  Tenéis tiempo aún para probar y experimentar todas estas soluciones que os he propuesto y estoy seguro que los buenos resultados no se harán esperar.  Así que ¡manos a la obra! y nosotros nos vemos en quince días.  ¡Videomarqueteros, hasta la próxima!

Imagen destacada:Diseñada por Freepik

¿Te ha sido útil el artículo?
[Votos: 1 Promedio: 5]

Propietario y fundador de Streamyng.

Especialista en desarrollo y arquitecturas de productos audiovisuales corporativos.

Apasionado de las nuevas tecnologías, Internet y todos los cachivaches que caigan en sus manos.

¡Compártelo!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

  Acepto la política de privacidad

Información básica sobre protección de datos

Responsable » Carlos Zapater

Finalidad » Gestión de dudas y servicios a cliente

Legitimación » Consentimiento del interesado

Derechos » Tienes derecho a acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la información adicional

Información adicional » Puedes consultar la información adicional y detallada sobre Protección de Datos Personales en mi página web streamyng.com

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.