viernes, 27 de abril de 2018

EJEMPLOS DE BANNERS

¡Hola a todos! 
Aquí os dejo unos cuantos Banners dinámicos que hemos realizado en clase con photoshop. También estarán los mismos Banners pero en estáticos.

Banner dinámicos:

Pop-under:




Large rectangle:



Banner estaticos:



BANNER DINAMICO


¡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 de vueltas. Para comenzar os voy a explicar que es un Banner dinámico.

Banners Dinámicos:

Los formatos dinámicos, proporcionan opciones avanzadas como sonido, video o animaciones especiales. Estos formatos son más visuales, además de soportar un mayor peso.

Pasos para hacer un Banner Dinámico en photoshop:

-Primero vamos a dar en ventana y a Línea del tiempo.



-Después vamos a ir duplicando las capas y modificando a la bailarina, poniéndola de distintas formas para darle el efecto de que está dando vueltas. una vez hecho todo eso, le daremos a la linea del tiempo. 















-Una vez el la linea del tiempo, vamos duplicando los cuadros seleccionados, dandole a visualizar una por una las capas que tenemos, hasta tenerlas ordenadas en la linea del tiempocomo queramos que sea la animación.


-El paso final es guardarlo, para ello le daremos a exportar y a Guardar para Web.



RESULTADO DE LA BAILARINA

BANNERS ESTÁTICOS Y DINÁMICOS

Hola a todos,
hoy os voy a hablar sobre los banners y tenemos varios tipos de banners, estáticos y dinámicos.

¿ Que es un Banner?

Una pieza publicitaria dentro de una página web. Su objetivo es atraer tráfico hacia el sitio web del anunciante que paga por su inclusión.

Su contenido puede incluir imágenes, textos, animaciones, vídeos, audio, formularios...

Puede ser estático (JPEG o PNG), o animado (con animaciones, GIF, java, flash).



Banners estáticos:








Tipo de banner: Medium Rectangle
Dimensiones y resolución: 300 px x 250 px 72ppp
Formato y peso del archivo: PNG 85 KB
Modo de color: RGB







Tipo de banner:
Medium Rectangle
Dimensiones y resolución: 300 px x 250 px 72ppp
Formato y peso del archivo: PNG 15 KB
Modo de color: RGB

Tipo de banner: Leaderboard
Dimensiones y resolución: 728 px x 90 px 72ppp
Formato y peso del archivo: PNG 12 KB
Modo de color: RGB








Tipo de banner: Medium Rectangle
Dimensiones y resolución: 300 px x 250 px 72 ppp
Formato y peso del archivo: PNG 106 KB
Modo de color: RGB

Tipo de banner: Leaderboard
Dimensiones y resolución: 960 px x 100 px 72 ppp
Formato y peso del archivo: JPEG 64 KB
Modo de color: RGB


Tipo de banner: Pop-Under
Dimensiones y resolución: 995 px x 200 px 72 ppp
Formato y peso del archivo: JPEG 164 KB
Modo de color: RGB


Banner dinamicos:





 Tipo de banner: Rectangle
Dimensiones y resolución: 225 px x 127 px 72
Formato y peso del archivo: GIF 28 KB
Modo de color: RGB


Tipo de banner:
 3:1 rectangle
Dimensiones y resolución: 300 px x 100 px 72 ppp
Formato y peso del archivo: GIF 28 KB
Modo de color: RGB








Tipo de banner: Half -page ad
Dimensiones y resolución: 300 px x 600 px 72 ppp
Formato y peso del archivo: GIF 34 KB
Modo de color: RGB



Tipo de banner:
 3:1 rectangle
Dimensiones y resolución: 300 px x 100 px 72 ppp
Formato y peso del archivo: GIF 19 KB
Modo de color: RGB










Tipo de banner: Medium Rectangle
Dimensiones y resolución:  300 px x 250 px 72 
Formato y peso del archivo: GIF 62 KB
Modo de color: RGB











Tipo de banner:
 Leaderboard
Dimensiones y resolución: 980 px x 70 px 72 ppp
Formato y peso del archivo: GIF 42 KB
Modo de color: RGB