Si has pasado algún tiempo en Internet, probablemente hayas estado en contacto con un GIF animado. Se trata de un archivo de imagen que permite presentar imágenes animadas que hacen que parezca que la imagen se está moviendo. Piense en ellos como un híbrido entre una imagen fija y un vídeo.
¿Por qué las GIF son grandes adiciones a su marketing? Son fáciles de consumir, proporcionan una nueva forma de captar la atención de los espectadores y pueden tener un impacto emocional grave.Teniendo en cuenta el contenido que nos hace sentir algo nos anima a compartir, estas pequeñas animaciones vale la pena experimentar con.
La mejor parte de los GIF es que no son demasiado difíciles de hacer. Si tiene acceso a Photoshop y unos minutos de sobra, puede crear un GIF animado en poco tiempo.
Haga clic aquí para descargar nuestra guía gratuita para aprender a diseñar gráficos de alta calidad.
En el siguiente tutorial sobre la creación de GIF animados, estoy usando la versión de Creative Cloud 2015 de Photoshop, pero los pasos deben ser similares en otras versiones.
Cómo crear un GIF animado en Photoshop
Este es un ejemplo de un GIF animado que puedes hacer usando este tuto
rial:
¡Muy bien, empecemos!
Paso 1: Sube tus imágenes a Photoshop.
Si ya ha creado imágenes …
Reúna las imágenes que desee en una carpeta independiente. Para cargarlos en Photoshop, haga clic en Archivo> Scripts > Cargar archivos en la pila.
A continuación, selecciona Examinar y elige qué archivos quieres usar en tu GIF y, a continuación, haz clic en Aceptar.
Photoshop creará una capa independiente para cada imagen que haya seleccionado. Una vez que hayas hecho eso, salta al paso dos.
Si aún no tienes la serie de imágenes creadas …
Crea cada fotograma del GIF animado como una capa de Photoshop diferente. Para agregar una nueva capa, elija Capa > Nueva capa >.
Asegúrese de nombrar sus capas para que pueda realizar un seguimiento de ellos fácilmente cuando haga su GIF. Para asignar un nombre a una capa, vaya al panel Capa en la parte inferior derecha de la pantalla, haga doble clic en el nombre de capa predeterminado y escriba el nombre al que desea cambiarlo. Pulse Intro cuando haya terminado.
Una vez que tenga sus capas ahí y las haya nombrado todas, estará listo para el paso dos.
Consejo profesional: Si desea combinar capas para que aparezcan en un solo fotograma en su GIF, active la visibilidad de las capas que desea fusionar (haciendo clic en el "ojo" a la izquierda de cada nombre de capa para que solo se abran los ojos de las capas que desea fusionar). A continuación, presione Mayús + Comando + Opción + E (Mac) o Mayús + Ctrl + Alt + E (Windows).Photoshop creará una nueva capa que contiene el contenido combinado, al que también debe cambiar el nombre.
Paso 2: Abra la ventana Línea de tiempo.
Para abrir Timeline, vaya a la navegación superior, elija Window > Timeline.La línea de tiempo le permitirá activar y desactivar diferentes capas durante diferentes períodos de tiempo, convirtiendo así su imagen estática en un GIF.
La ventana Línea de tiempo aparecerá en la parte inferior de la pantalla. Esto es lo que parece:
Paso 3: en la ventana Línea de tiempo, haga clic en "Crear animación de fotogramas."
Si no se selecciona automáticamente, elíjalo en el menú desplegable, pero asegúrese de hacer clic en él, de lo contrario las opciones de animación de fotogramas no aparecerán.
Ahora, su línea de tiempo debería tener un aspecto similar al siguiente:
Paso 4: Crea una nueva capa para cada nuevo fotograma.
Para ello, primero selecciona todas tus capas yendo al menú de navegación superior y seleccionando Seleccionar > Todas las Capas.
A continuación, haga clic en el icono de menú a la derecha de la pantalla Línea de tiempo.
En el menú desplegable que aparece, elija Create new layer para cada nuevo fotograma.
Paso 5: Abra el mismo icono de menú a la derecha, y elija "Hacer marcos a partir de capas."
Esto hará que cada capa sea un marco de tu GIF.
Paso 6: Debajo de cada fotograma, seleccione cuánto tiempo debe aparecer antes de cambiar al siguiente fotograma.
Para ello, haz clic en el tiempo debajo de cada fotograma y elige cuánto tiempo quieres que aparezca. En nuestro caso, elegimos 0,5 segundos por fotograma.
Paso 7: En la parte inferior de la barra de herramientas, selecciona cuántas veces quieres que se en bucle.
El valor predeterminado dirá Once, pero puede repetirlo tantas veces como desee, incluyendo Forever.Haga clic en Otro si desea especificar un número personalizado de repeticiones.
Paso 8: Previsualiza tu GIF pulsando el icono de reproducción.
Paso 9: Guarda tu GIF para usarlo en línea.
¿Estás satisfecho con tu GIF? Guárdelo para usarlo en línea yendo a la barra de navegación superior y haciendo clic en Archivo > Exportar > Guardar para Web (heredado).
A continuación, elija el tipo de archivo GIF que desea guardar como en el menú desplegable Preset. Si tiene un GIF con degradados, elija GIF dithered para evitar bandas de color.Si su imagen emplea una gran cantidad de colores sólidos, puede optar por ningún tramado.
El número junto al archivo GIF determina qué tan grandes (y cuán precisos) se compararán los colores GIF con los JPEG o PNG originales.Según Adobe, un porcentaje de tramado más alto se traduce en la apariencia de más colores y detalles, pero aumenta el tamaño del archivo.
Haga clic en Guardar en la parte inferior para guardar el archivo en el equipo. ¡Ahora estás listo para subir este GIF para usarlo en tu marketing!
Sube el archivo GIF a cualquier lugar en línea en el que pongas una imagen, y debería jugar sin problemas. Este es el aspecto que podría ser el producto final:
