Banner IES Puerta Bonita

Mascaras de recorte

La máscara de recorte es un objeto cuya forma enmascara a otra ilustración de forma que sólo se pueden ver las áreas que están dentro de la forma, es decir, la ilustración se recorta con la forma de la máscara.

Para utlizarla iremos a "Capa - Nueva máscara de Recorte"

Para poder usar el efecto, la capa que queremos fusionar tiene que estar delante de la capa en la cual usaremos el recorte.

Cuando ya esta realizado el corte en la capa que se ha hecho esta herramienta aparecerá con una felcha apuntando hacia abajo.

 

Práctica 

Utilizando máscara de recorte y máscaras de relleno haremos este montaje

 

 

Primero escribiremos el texto y lo rasterizaremos.

 A continuación creamos una máscara de relleno y la colocaremos debajo del texto

Colocaremos la imagen de la ballena encima de las capas y aplicaremos la máscara de recorte

Para finalizar colocaremos la imagen de la brújula encima de las demas capas aplicaremos también el recorte y le bajaremos la opacidad

Tipos de formatos

Un formato es la estructura por medio la cual se define la forma en que se guarda y representa en el monitor determinado archivo. Por medio del formato el ordenador logra convertir la información.

Archivos de imagen.

Jpg: este es el formato utilizado para el almacenamiento y presentación de fotos e imagenes para la web

Tiff: Posee alt resolución, es utilizado para el intercambio universal de imagenes digitales

Png: se caracteriza por que se puede guardar archivos con transparecias.

Gif: Se utliza para la web por su bajo peso y por ser multiplataorma, y mayor característica es que reproduce imagenes en movimiento.

Páctica:

Esta práctica consiste en analizar distintos tipos de archivos, en los cuales veo su formato, pero y analizo sus luces y sombras

Banner estático y dinámico

Realizare un Banner en photoshop en el cual el tema va relacionado con "día mundial sin tabaco"


Peimero tenemos que realizar nuestra imagen a partir de capas con textos y lo que deseamos hacer

 

Una vez hecho esto ocultaremos las capas menos la que deseamos que se vea al inicio de nuestro Banner.

Como esta va a ser nuestra primera imagen iremos a "Ventana - Línea del tiempo" y se abrirá una barra inferior en la cual haremos nuestro gif. 

Para empezar a crearlo con la capa que tenemos descubierta pulsaremos el boton para que haga una captura de nuestra imagen

Para poder hacer el GIf iremos descubriendo capa por capa cada imagen que sea consecutiva a ella y haciendo las capturas de estas.

Una vez realizado todo procedemos a guardarlo iremos a "Archivo - Guardar para la Web" y lo guardaremos en formato GIFF

Y finalmente así queda nuestro gif

Aquí dejo otro ejemplo de Banner estático y dinámico de una imagen

Banners dinámicos

Los banners dinámicos son extensiones que les permitirán programar imágenes o mensajes que rotan en cualquier parte del sitio web. Son sencillos de programar y permiten que se configuren en múltiples estilos y efectos de transición con solo usar algunos clicks.

20 minutos

Half page ad

Tamaño 300x600 px 

Resolución 72 ppp

Formato GIF

Peso 527,3 kB

Modo RGB

Nº de formatos 4

Tiempo 4,4 seg

Amena 

 

Medium Rectangle

Tamaño 300x250 px 

Resolución 72 ppp

Formato GIF

Peso 219,7 kB

Modo RGB

Nº de formatos 3

Tiempo 8 seg

El consorici

Half page ad

Tamaño 300x600 px 

Resolución 72 ppp

Formato GIF

Peso 527,3 kB

Modo RGB

Nº de formatos 13

Tiempo 11,1 seg

Packlink

 

 

Medium Rectangle

Tamaño 300x250 px 

Resolución 72 ppp

Formato GIF

Peso 219,7 kB

Modo RGB

Nº de formatos 2

Tiempo 6 seg

Santander

 

3-1 Rectangle

Tamaño 300x100 px 

Resolución 72 ppp

Formato GIF

Peso 87,9 kB

Modo RGB

Nº de formatos 2

Tiempo 8 seg

Vino selección

Medium Rectangle

Tamaño 300x250 px 

Resolución 72 ppp

Formato GIF

Peso 219,7 kB

Modo RGB

Nº de formatos 2

Tiempo 10 seg

Banners estáticos

Los banners estáticos son aquellos los cuales emiten una publiciad sin moviminieto solo con una imagen, a continucaión colocare 6 banners que he encnontrado en la web.

Amazon

Medium Rectangle
Tamaño 300x250 px
Formato jpg
Peso 219,7 kB
Modo RGB

Softlayer

Medium Rectangle
Tamaño 300x250 px
Formato jpg
Peso 219,7 kB
Modo RGB

 Ford

Medium Rectangle
Tamaño 300x250 px
Formato jpg
Peso 219,7 kB
Modo RGB

ABA English

Medium Rectangle
Tamaño 300x250 px
Formato jpg
Peso 219,7 kB
Modo RGB

 Inmo

LeandreboardTamaño 728x90 px
Formato jpg
Peso 192 kB
Modo RGB

Método para no fumar

Medium Rectangle
Tamaño 300x250 px
Formato jpg
Peso 219,7 kB
Modo RGB