banners dinamicos y esataticos

banner estatico no tiene ningún tipo de movimiento es una imagen.

banners dinamico dia mundial sin tabaco, he ido creando capas con texto para luego poder hacer una linea del tiempo y hacer un banner en moviemto, que la primera capa la imagen la he dado un desenfoque gaussiano y luego la he difuminado con el dedo y la esponja, en la liena de tiempo he puesto 1 segundo aprox, en cada uno y este ha sido mi resultado final.

banners estatico  es estatico y no tiene movientos es una imagen en psd.

banners dinamico de triodos bank













banner estatico

TIPOS DE BANNER

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

 
Banners estáticos

1 - tipo de banner: estatico
   - dimensiones: ancho 21,17 alto 10,58
   - formato y peso del archivo: jpg, 72 ppp 32 KB
   - modo de color :RGB

2 - tipo de banner: estatico
   - dimensiones: ancho 21,17 alto 10,58
   - formato y peso del archivo:jpg, 72 ppp 42KB
   - modo de color: RGB











3 - tipo de banner: estatico
   - dimensiones : ancho 10,41 alto 4,52
   - formato y peso del archivo:jpg, 72 ppp 11KB
   - modo de color:RGB

 




4 - tipo de banner: estatico
   - dimensiones: ancho 21,17 alto 10,58
   - formato y peso del archivo:jpg, 72 ppp 83KB
   - modo de color: RGB










 
5 - tipo de banner: estatico
   - dimensiones : ancho 21,17 alto 4,23
   - formato y peso del archivo: jpg, 72 ppp 25 KB
   - modo de color: RGB







6 - tipo de banner: estatico
   - dimensiones :ancho 41,98 alto 19,51
   - formato y peso del archivo: jpg, 72 ppp 80KB
   - modo de color: RGB




capturas de las paginas de los banner estaticos
 


Banners dinámicos


1 - tipo de banner: Dinamico
   - dimensiones : alcho 10,58 alto 3,53 72 ppp
   - formato y peso del archivo :GIF, 16 KB
   - modo de color: RGB
   - número y duración de los fotogramas que lo componen.: 5 > 1,5 seg> 2 seg > 2seg> 2seg> 3 seg.



2 - tipo de banner:dinamico
   - dimensiones: 10,58 alto 8,82 72 ppp
   - formato y peso del archivo: gif 45 KB
   - modo de color: RGB
   - número y duración de los fotogramas que lo componen: 3 > 2 seg> 2 seg> 2seg



















3 - tipo de banner dinamico
   - dimensiones : ancho 10,58 alto 8,82 72 ppp
   - formato y peso del archivo: gif 32 KB
   - modo de color: RGB
   - número y duración de los fotogramas que lo componen. 15 > 3 seg> 5 seg> 1seg> 0,1>0,1>0,1>0,1>0,1>0,1>0,1<0,1>0,1>0,1>0,1>3 seg





4 - tipo de banner: dinamico
   - dimensiones : ancho 25,68 alto 3,68 72 ppp
   - formato y peso del archivo:  gif 13 KB
   - modo de color: RGB
   - número y duración de los fotogramas que lo componen: 2 > 0,1 seg> 0,1 seg










5- tipo de banne: dinamico
   - dimensiones : ancho 4,23 alto 21,17
   - formato y peso del archivo: gif 138 KB
   - modo de color: RGB

   - número y duración de los fotogramas que lo componen: 5 > 0 seg> 0 seg> 0 seg> 0 seg> 1 seg.

6 - tipo de banner : Dinamico
   - dimensiones : ancho 5,64 alto 21,17 72 ppp
   - formato y peso del archivo:  GIF  22KB
   - modo de color: RGB
   - número y duración de los fotogramas que lo componen: 3 > 01seg > 01 seg > 01 seg

 























CAPTURAS DE LAS PAGINAS ENCONTRADAS
 

revista digital

 Este ha sido mi resultado final, pero antes lo hemos realizado en Indesing, en la pantalla de inicio indicando en el recuadro del número de paginas poner 16 y a continuación nos salen todas vamos a capas y pagina maestra > seleccinamos una y ponemos una letra y vamos a texto> insertar caracter especial > marcadores > número de pagina actual, y asi con la otra pagina maestra y para decorarla como queramos abrimos caja y colocamos en archivo.

Para guardarlo y nos quede en revista, Archivo> Exportar > ( Flash Player SWF)

flipsnack

http://www.flipsnack.com/zaidaherrerotapia/apple-zaida-cross-media.html

Sirve para crear libros como tu quieras con enlaces, formas y botones para enlazar es muy sencilla de usar.

ISSUU

http://issuu.com/zaidaherrerotapia/docs/apple_zaida_cross_media_-_712e1b5b5c57a8/1codigo de incrustación

sirve para crear fotos con libros en un formato de flash.

MASCARA DE CAPA

Mascara de capa oculta o muestra una parte de la imagen.

La mascara de capa se obtiene poniendo la imagen que queremos con otra imagen  y seleccionas la parte que quieras ocultar o ver de la imagen, vas a menú capa > máscara de capa > descubrir selección y ya estaría , solo si quieres difuminar o degradar seleccionas la parte para que no tenga un corte tan brusco.

REALIDAD AUMENTADA

Que es la realidad aumentada, técnica mediante l cual los usuarios pueden percibir la realidad superponiendo a los objetos reales modelos virtuales enriquecidos, permitiendo simular en un ambiente real l existencia de elementos virtuales.



https://www.youtube.com/watch?v=UhXF_5wc5vI
ejemplo de un articulo de realidad 
aumentada




https://www.youtube.com/watch?v=GtL1dlcGC80
 Artículos de realidad aumentada

ventajas

• Para explicar o resolver problemas complejos.
• Llama la atención
• Mejora la experiencia del usuario
• Para aplicaciones domesticas es fácil de usar.
• No hace falta gran infraestructura.