Explicación de como hacer un Banner Dinámico

¡Hola a todos! hoy os voy a explicar paso a paso como se hace un Banner Dinámico en Photoshop, en este caso es de una bailarina y vamos a hacer que gire. Para comenzar os voy a explicar que es un Banner dinámico.

Banners Dinámicos:

Los formatos dinámicos, también llamados “rich media”, proporcionan opciones avanzadas como sonido, video o animaciones especiales como la expansión del anuncio al pasar el cursor por encima del mismo. Estos formatos son más visuales, además de soportar un mayor peso (hasta 10 MB, dependiendo de la web).

El coste de producción de este tipo de piezas suele ser más elevado que la de los formatos estándar, sin embargo, proporcionan una mayor atracción y visibilidad. Por otro lado, hay que tener en cuenta que es necesaria la contratación de un Adserver para poder servirse la pieza.

Pasos para hacer un Banner Dinámico en photoshop:

1. Vamos a dar en ventana y a Línea del tiempo. 

¿Que es La Línea del tiempo en Photoshop?

Sirve para animar contenido de capa en modo de línea de tiempo, se definen imágenes principales en el panel Línea de tiempo a medida que se mueve el indicador de tiempo actual a un cuadro/tiempo diferente y, a continuación, se modifica la posición, la opacidad o el estilo del contenido de capa. Photoshop añade o modifica automáticamente un conjunto de cuadros entre dos cuadros existentes variando las propiedades de capa (posición, opacidad y estilos) de forma equitativa entre los nuevos cuadros para crear la ilusión del movimiento o transformación.

2. Vamos a ir duplicando las capas y modificando a la bailarina, poniéndola de distintas formas para darle el efecto de que está girando. una vez que tenemos todas las capas hacemos la línea del tiempo.

3.Vamos duplicando los cuadros seleccionados, dandole a visualizar una por una las capas que tenemos, es decir pinchamos en nuestra primera capa de la bailarina con la vista puesta y las demás quitadas y hacemos un nuevo duplicado de capa y lo mismo con la segunda ponemos la vista en la segunda las de las demás capas las quitamos y hacemos un nuevo cuadro y así sucesivamente .

4. Ya lo tenemos y lo que tenemos que hacer es ir a Archivo exportar guardar para web ( heredado).

5. Ultimo paso le damos a Guardar y ya lo tendríamos.

Resultado de el banner dinamico de la bailarina.