viernes, 27 de abril de 2018

Banner Estatico y Dinámico en Photoshop.

¡Hola a todos!
Hoy os vengo a enseñar la facilidad de crear dos tipos de Banners distintos, uno estático y otro dinámico con la aplicación Photoshop, para ello os enseñare dos practicas realizadas por mi.

1ª DÍA MUNDIAL SIN TABACO (ESTÁTICO)

Este es el banner estático que he creado para el día mundial sin tabaco, se trata de un Pop Under.
PASO 1:Para crearlo lo he realizado con diferentes capas a partir de una imagen de un cigarrillo a la que le he añadido más lienzo para poder trabajar mejor sobre ella.
PASO 2: He realizado un degradado de color en la zona de la izquierda. Encima he colocado varios cuadros de texto con los diferente mensajes que quiero dar al espectador.
PASO 3: He colocado un rectángulo de color amarillo sobre el cual he puesto un texto en negro al que le he añadido un resplandor exterior para destacar más.

2ª TRIODOS BANK (ESTÁTICO)

Este es el banner estático que he creado para Triodos Bank, se trata de un Large rectangle.
PASO 1:Para crearlo lo he realizado con diferentes capas a partir de un nuevo documento que he creado con unas dimensiones de 336px x 280px.
PASO 2: He realizado un marco de color rojo para destacar mas la imagen. En la zona inferior he colocado el logotipo de Triodos Bank.
PASO 3: He colocado un rectángulo con los bordes azules sobre el cual he añadido tres círculos de diferentes colores en los que he añadido un texto especifico para cada uno de ellos. Dentro del rectángulo he añadido también uno más pequeño de color azul en el que he añadido un texto en blanco para destacar mas.

1ª DÍA MUNDIAL SIN TABACO (DINÁMICO)

Este es el banner dinámico que he creado para el día mundial sin tabaco a partir del banner estático creado anteriormente.
PASO 1: Desde el programa photoshop en el apartado Ventana, seleccionamos la opción Línea del tiempo.
PASO 2: En el apartado Línea del tiempo vamos colocando las diferentes imagenes o en mi caso textos para que vayan apareciendo uno a uno descubriendo el mensaje entero que queremos dar.

2ª TRIODOS BANK (DINÁMICO)


Este es el banner dinámico que he creado para Triodos Bank  a partir del banner estático creado anteriormente.
PASO 1: Desde el programa photoshop en el apartado Ventana, seleccionamos la opción Línea del tiempo.
PASO 2: En el apartado Línea del tiempo vamos colocando las diferentes elementos (circulos, rectangulos...)  ademas del texto que queremos ir mostrando.

Banner dinámico en Photoshop (GIF)

Hola buenas, a continuación os enseñaré una forma fácil de crear un Banner dinámico (GIF) con la aplicación Photoshop. En mi caso es sobre una bailarina, en el cual se ven los movimientos de la bailarina de una forma en la que parezca que esta bailando.


PASO 1: Crearemos diferentes capas de dicha bailarina en el cual aparezca de diferentes formas, creando la impresión de movimiento.

PASO 2: Desde la barra superior entraremos en el apartado "ventana" y activaremos la opción "Línea de tiempo"
PASO 3: Una vez activada la opción "Línea de tiempo" se nos abrirá un apartado en la zona inferior del programa en el cual nos dará la opción de "Crear animación de cuadros" en la que pulsaremos y comenzaremos a crear el GIF.

PASO 4: Dentro de la opción Línea del tiempo, iremos creando diferentes capas en las cuales seleccionaremos  la imagen que queramos ver en dicho momento y quitaremos las que no queramos que se vean (si queremos que se vean todas las imagenes no las quitaremos e iremos añadiéndolas progresivamente), aquí también les asignaremos un tiempo determinado para las transiciones entre una imagen y la siguiente (el tiempo puede ir desde 0 hasta 240 segundos).

A continuación os dejo con con mi Banner dinámico:

Espero que os guste y os haya servido de ayuda para empezar a crear vuestros GIFs, un saludo.

jueves, 26 de abril de 2018

¡¡Hola a todos!!
En esta entrada os vengo a hablar acerca de los Banners.

¿QUE ES UN BANNER?
Un banner es una forma de publicidad en Internet que consiste en incluir una pieza publicitaria gráfica 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 principio, cualquier sitio web puede incluir la publicación de banners y otros formatos publicitarios, aunque suelen ser los sitios con contenidos de mayor interés, con una fuerte especialización o con grandes volúmenes de tráfico, los que atraen las mayores inversiones de los anunciantes. 
Os pondré 6 diferentes banners dinámicos, y otros 6 banners estáticos, con sus correspondientes características y las paginas diferentes paginas web de donde los he sacado.

6 BANNERS DINÁMICOS.
Tipo de Banner: Medium Rectangle
Dimensiones y resolución: 268px x 177px 72ppp
Formato y peso del archivo: GIF 139 KB
Modo de color: RGB


Tipo de Banner: Leaderboard
Dimensiones y resolución: 320px x 23px 72ppp
Formato y peso del archivo: GIF 21,6 KB
Modo de color: RGB




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


Tipo de Banner: Medium rectangle
Dimensiones y resolución: 300px x 250px 72ppp
Formato y peso del archivo: GIF 219,7 KB
Modo de color: RGB



Tipo de Banner: Leaderboard
Dimensiones y resolución: 728px x 90px 72ppp
Formato y peso del archivo: GIF 192 KB
Modo de color: RGB



Tipo de Banner: Medium rectangle 
Dimensiones y resolución: 300px x 250px 72ppp
Formato y peso del archivo: GIF  219,7KB
Modo de color: RGB

6 BANNERS ESTÁTICOS.


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



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



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



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


Tipo de Banner: Medium rectangle
Dimensiones y resolución: 300px x 250px 72ppp 
Formato y peso del archivo: GIF 219,7KB
Modo de color: RGB



Tipo de Banner: Large rectangle
Dimensiones y resolución: 487px x 285px 72ppp 
Formato y peso del archivo: GIF 406,6KB
Modo de color: RGB