CÓMO HACER ANIMACIONES GIF DE PRODUCTOS
El día de hoy quiero contarte cómo yo genero mis piezas de animación de productos para tiendas online y medios digitales; utilizando photoshop con su herramienta línea de tiempo.
Y sí, me refiero a las animaciones fotográficas mejor conocidas como animaciones GIF (Graphic Interchange Format) que, desde mi punto de vista, son una manera muy original y divertida a la hora de mostrar y ofrecer a tu público los productos y/o servicios de tu tienda.

ANTES DE COMPARTIR ESTA INFORMACIÓN
Creo que es importante que sepas que el formato GIF fue creado por el científico estadounidense Steve Wilhite en el año 1987. Desde entonces, el uso de estas animaciones en el mundo digital ha incrementado de forma significativa.
Es por ello que puedes ver que diferentes marcas utilizan actualmente este tipo de imágenes en sus estrategias de marketing en redes sociales y en sus e-commerce; ya que estás logran captar y transmitir más información que una fotografía y nos es necesario una gran producción para su generación como lo es en el caso de los vídeos.
Las animaciones hacen parte de nuestra vida cotidiana; claro ejemplo de ello es que hoy en día podemos encontrar diferentes aplicaciones para generar y compartir este tipo de archivos como por ejemplo apps de mensajería instantánea como lo es whatsapp, telegram, entre otro más.
Ahora sí, podemos empezar con la guía completa.
1. PLANEACIÓN
Sin duda alguna, es el aspecto más importante para poder generar los resultados esperados con las animaciones GIF, esto no solo aplica a la hora de tomar una fotografía; ya que creo que en general para que las cosas salgan bien debe haber una buena planeación previa.
La idea en este paso es poder definir todos lo conceptos, herramientas y demás recursos que necesito durante todo el proceso de creación de cada animación. (Desde la toma de las imágenes, hasta la post-producción y exportación).
..Imagínate que estás en medio de la sesión de fotos, intentas disparar el obturador de tu cámara y no es posible debido a que te has quedado sin batería; vas a tu mochila a sacar la que «tienes de repuesto» y…. ¡Vaya sorpresa! La has dejado en casa o el estudio…
Para que cosas como estas NO me ocurran (y créeme que de verdad ocurren) siempre trato de definir en mi planeación cosas tan básicas como:
- Artículos a fotografiar
- Bondades y utilidades de los productos
- Finalidad de la pieza (compartiré en redes sociales o la web)
- Imagino la secuencia que quiero desarrollar (es una muy buena ayuda inspirarme de otros ejemplos que puedo ver en internet)
- Herramientas que voy a necesitar a parte de mi cámara (flash, luces, objetivos, etc)… para esto tengo mi propia check list que me ayuda a recordar todo lo que necesito antes de ir a tomar fotos.
Estas simples cosas me ayudan muchísimo en todo el proceso de creación y si tú quieres puedes hacer lo mismo y añadir todo lo que creas es necesario y conveniente para ti.
…En este ejemplo he realizado dos animaciones diferentes, una para web y otra redes sociales…
2. TOMA DE FOTOS
En esta etapa es donde empiezo a desarrollar todo lo que he planeado previamente. Realizo todos los ajustes de iluminación y de escenario que vea necesario y generalmente las fotografías las tomo con trípode, no solo para evitar algún tipo de trepidación, sino también para conservar el mismo encuadre.
La cantidad de fotos que tomo depende de la secuencia que quiera generar, sin embargo no te recomiendo que hagas secuencias muy largas ya que necesitarás muchas fotos para generarla y por ende pasarás más tiempo en edición.
Algo que tengo muy presente es la finalidad del material a generar; por ejemplo:
- Si es para la web las animaciones son más sencillas, es decir con pocas imágenes, ya que no nos conviene que ocupe mucho espacio.
- Si es para redes sociales me puedo permitir hacer secuencias mucho más largas.
A continuación te dejo dos galerías para que veas la cantidad de fotos que he sacado dependiendo de la finalidad.
PARA WEB
PARA REDES
3. EDICIÓN Y EXPORTACIÓN
Cuando llega la hora de editar todo el material, lo que me gusta hacer es realizar el revelado en lightroom y la animación en photoshop.
Una vez he revelado las fotografías, creo un nuevo archivo .PSD con las medidas que deseo. Cuando ya se ha abierto el espacio de trabajo, permito la visualización de la ventana línea de tiempo y trabajo cuadro a cuadro.

Ahora sigue un paso importante y es generar fotograma a fotograma, es por ello que ordeno y ajusto cada foto según lo vea necesario y empiezo a capturar cada fotograma.

Cuando ya he terminado con la captura de los fotogramas, entonces ajusto el tiempo de duración de cada imagen y cuando ya he realizado diferentes pruebas y estoy satisfecho con el resultado, exporto mi documento mediante la opción «guardar para web».

Vale la pena resaltar que siempre trato de hacer los mejores ajustes para encontrar un equilibrio entre calidad y peso del archivo.
Estos pasos los he realizado para generar ambas animaciones (para web y para redes) y este es el resultado.
PARA WEB

PARA REDES

Y esta es la forma como normalmente genero mis animaciones GIF.
Espero te haya gustado y te haya servido… así sea para tener una idea básica de cómo puedes hacer tú también tus propias animaciones.
Si tienes cualquier comentario estaré encantado en leerlo y ayudarte si es posible.
Para despedirme te dejo con más ejemplos de animaciones que he realizado.








0 comentarios