BANNER EN LA WEB

-Aparte de realizar banners con Photoshop, también podemos hacerlos con páginas web, como por ejemplo html5maker, bannersnack, etc.
Éstas no están en español, pero son fáciles de usar, así que no supondrán muchos problemas cuando las usemos.
Voy a realizar un giff con tres de las páginas web que hay para hacerlos, y aquí pondré los resultados finales.
1.-La primera página que he usado, y la que me ha resultado más fácil ha sido gifmaker, lo que hice fue descargar dos imágenes cualquiera, y arrastrarlas a la aplicación, en el apartado "upload images". Después ordenas las imágenes en el sentido que quieres que se reproduzca el gif, y las guardas.

2.-La segunda página web que he usado ha sido html5maker. Esta me ha parecido un poco mas compleja que la primera, porque no es tan intuitiva como gifmaker, y me ha dado algún problema a la hora de guardar mi gif.

3.-La tercera y última página web ha sido bannersnack. Es del estilo de la anterior, igual de compleja. La más fácil en general ha sido gifmaker.

BANNER EN PHOTOSHOP (TRIODOS BANK)

Al igual que en la entrada anterior, hemos editado una imagen con Photoshop en clase para después dinamizarla con la herramienta (línea del tiempo), y así conseguir hacer un banner dinámico.

Esta es la imagen editada, es decir el banner estático.

Y éste es el resultado final, ya dinamizado.

BANNER EN PHOTOSHOP (CIGARRO)

Hoy lo que hemos hecho ha sido seguir con las explicaciones de los banners, y hacer alguna práctica más para perfeccionar. Para ello, hemos cogido una imagen, y la hemos editado en Photoshop con textos, para hacerla lo más parecida posible a su imagen final.



Éste es el resultado de mi imagen editada en Photoshop. Después de haberla editado, y haber conseguido el resultado que quería, la hice banner dinámico, con la opción de la línea del tiempo en Photoshop, como ya expliqué en otra entrada del blog.





Este es el resultado final, así ha quedado el banner dinámico.

GIF REALIZADO CON PHOTOSHOP

Hemos aprendido a hacer gif con Photoshop. Este es uno de mis ejemplos.

Para hacerlo, primero cogí una práctica que hicimos en el primer trimestre, y después, he seleccionado en photoshop el apartado "línea del tiempo", y ahí he ido haciendo una especie de fotogramas, cada uno de ellos con una capa

diferente. Para guardar, me fui a exportar para la web, y este ha sido el resultado ---->

Este de la bailarina es otro ejemplo, realizado también por mí en Photoshop, en el que básicamente he ido cambiando el color de ella y del fondo de detrás, desde las capas.
Y luego he seguido el mismo procedimiento que en el anterior con los fotogramas.

Este es el apartado en Photoshop, donde están los fotogramas. En el primer fotograma (todo color rojo), sólo hay que dejar esa capa visualizada, después para hacer el segundo fotograma, se dejará visualizada la capa anterior, y la siguiente capa que queremos que aparezca en el Gif. Así se hace hasta haber visualizado todas las capas que queríamos. Luego también debajo de cada fotograma se puede cambiar la velocidad a la que queremos que vaya. Para finalizar se guardará como he explicado anteriormente.











Y este es otro banner, que hicimos con la imagen de nuestro instituto, seleccionando letra por letra para luego dinamizarlo.

BANNERS

-Un banner consiste en incluir una pieza publicitaria dentro de una página web. Su objetivo fundamental es atraer tráfico hacia el sitio web del anunciante que paga por su inclusión. En un principio, cualquier sitio web puede incluir la publicación de banners y otros formatos publicitarios, aunque normalmente son sitios con contenidos de mayor interés, suelen ser visitados por muchas personas los que atraen las mayores inversiones de los anunciantes.

6 BANNERS ESTÁTICOS:

Tipo de banner.- Full banner.
Dimensiones y resolución.- 320x20 px. 72 ppp.
Formato y peso del archivo.- Jpg, y el peso 18,8 Kb.
Modo de color.- RGB.

Tipo de banner.- Pop-under.                                                          
Dimensiones y resolución.- 300x100 px. 72 ppp.
Formato y peso del archivo.- Jpg, y de peso 87,9 Kb.
Modo de color.- RGB.



Tipo de banner.- Large Rectangle.
Dimensiones y resolución.- 300x250 px. 72 ppp.
Formato y peso del archivo.- Jpg, y el peso de 219,7 Kb.
Modo de color.- Color RGB.



Tipo de banner.- Leaderboard.
Dimensiones y resolución.- 320x29 px. 72 ppp.
Formato y peso del archivo.- Jpg, y el peso 27,2 Kb.
Modo de color.- RGB.



Tipo de banner.- Pop-under.
Dimensiones y resolución.- 300x100 px. 72 ppp.
Formato y peso del archivo.- Jpg, y pesa 87,9 Kb.
Modo de color.- RGB.

Tipo de banner.- Pop-under.
Dimensiones y resolución.- 300x100 px. 72 ppp.
Formato y peso del archivo.- Jpg, y el peso es de 87,9 Kb.
Modo de color.- RGB.

6 BANNERS DINÁMICOS:

Tipo de banner.- Skyscraper.
Dimensiones y resolución.- 120x600 px. 72 ppp.
Formato y peso del archivo.- Gif. 210,9 Kb.
Modo de color.- RGB.
Número de fotogramas.- 3.














Tipo de banner.- Square pop-up.
Dimensiones y resolución.- 300x300 px. 72 ppp.
Formato y peso del archivo.- Gif. 263,7 Kb.
Modo de color.- RGB.
Número de fotogramas.- 3.




Tipo de banner.- Pop-under.                                           Tipo de banner.- Pop-under.
Dimensiones y resolución.- 300x100 px. 72 ppp           Dimensiones y resolución.- 300x100 px. 72 pp
Formato y peso del archivo.- Gif. 87,9 Kb.                    Formato y peso.- Gif. 87,9 Kb.
Modo de color.- RGB.                                                     Modo de color.- RGB.
Número de fotogramas.- 11.                                           Número de fotogramas.- 2.



Tipo de banner.- Pop-under.
Dimensiones y resolución.- 300x100 px. 72 ppp.
Formato y peso del archivo.- Gif. 87,9 Kb.
Modo de color.- RGB.
Número de fotogramas.- 5.


Tipo de banner.- Vertical rectangle.
Dimensiones y resolución.- 194x406 px. 72 ppp.
Formato y peso del archivo.- Gif. 230,8 Kb.
Modo de color.- RGB.
Número de fotogramas.- 59.