CREACIÓN DE BANNERS 2

Esta es la segunda práctica sobre la creación de banners.

He realizado un banner dinámico y otro estático sobre una empresa llamada Triodos Bank, en este el banner mide 336x280, es un banner tipo rectángulo.

En la práctica utilizamos una acción que se llama máscaras de relleno, esto lo utilizamos para crear los círculos y el borde de coló azulado.

ESTÁTICO

DINÁMICO

En esta práctica he utilizado una acción para redondear los bordes del cuadrado :

Esta acción nos permitía redondear los bordes tanto como nosotros quisiéramos, esta acción es muy útil para hacer marcos redondeados como en marco azul que envuelve los círculos.

CREACIÓN DE BANNERS 1

Esta es la primera práctica que he realizado sobra la  creación de un banner.

He realizado un banner sobre el día mundial sin tabaco. 

Este es un banner tipo Pop-under que mide 720x300 ppp. 

Después de realizar el banner estático tenía que dinamizarlo a mi gusto y este fue el resultado :

Para dinamizar la imagen utilicé la línea del tiempo, con esa herramienta podías elegir el orden en el que aparecen las cosas y crear efectos, como por ejemplo hacer que la imagen vaya apareciendo lentamente, con intersecciones. 

BANNERS

A continuación os mostraré y explicaré algunos de los distintos tipos de banners que hay. 

-DINÁMICOS-

LEADERBOARD

-Dimensiones : 34,57x3,18 cm / 980x90 ppp / Resolución 72 ppp.

-Formato y peso : Gif / 258,4 KB.

-Modo de color : Color RGB.

-Fotogramas : 2 de 3,5 segundos.

http://techcrunch.com

RECTÁNGULO

-Dimensiones : 10,58x3,53 cm / 300x100 ppp / Resolución 72 ppp.

-Formato y peso : Gif / 87,9 KB.

-Modo de color : Color RGB.

-Fotogramas : 3 de 2 segundos. 

http://www.marca.com

HALF PAGE

-Dimensiones : 10,58x21,17 / 300x600 ppp / Resolución 72 ppp.

-Formato y peso : JPG / 527,3 KB.

-Modo de color : Color RGB

-ESTÁTICOS-

RECTÁNGULO

- Dimensiones : 35,1x7,06 cm  / 995x200 ppp / Resolución 72.

- Formato y peso : JPG / 583,0 KB.

- Modo de color : Color RGB. 

http://www.mediamarkt.es/?gclid=CjwKEAiAuKy1BRCY5bTuvPeopXcSJAAq4OVszuYhFShESPw3fc8atlGY0Wu7XkFXskdNsSXHHU4l2RoCOPrw_wcB

MEDIO RECTÁNGULO

-Dimensiones : 10,58x8,82 cm / 300x250 ppp / Resolución 72 ppp.

-Formato y peso : JPG / 219,7 KB.

- Modo de color : Color RGB.

http://elpais.com

LEARDERBOARD

-Dimensiones : 34,57x3,18 cm / 980x90 ppp / Resolución 72 ppp.

-Formato y peso : JPG / 86,1 KB.

-Modo de color : Color RGB.

SKYCRAPER

FLIP PAGE CON INDESING

En esta práctica he creado otro efecto Flip page, esta vez utilizando Indesing.

En Indesing creábamos un documento con 16 páginas, y en la opción de página maestra poníamos una A, esto hacía que todas las páginas quedasen numeradas en orden :

 Lo siguiente era poner cada conjunto de páginas con colores diferentes y diseñarlas a nuestro gusto. 

 

Por último exportábamos el documento como un SWF para poder verlo con efecto Flip page : 

 

FLIPSNACK

En esta práctica he utilizado el programa FlipSnack para crear un documento con efecto Flip pages.

http://www.flipsnack.com/juanpablopreimpresion/crossmedia.html

Como he dicho antes el programa que utilicé fue Flipsnack.

El programa nos permitía dar un efecto Flip page a nuestro documento PDF.

Con el programa podíamos crear una portada para el documento, ponerle imágenes, botones enlaces y texto entre otras cosas.

ISSUU

                     

http://issuu.com/juanpablopreim/docs/crossmedia?e=23257146/32952256

Este programa es muy fácil de usar, simplemente había que poner el PDF y el programa creaba el documento Flip page.

MÁSCARAS DE CAPA

La máscara de capa de Photoshop es una de las herramientas más útiles en retoque fotográfico y diseño gráfico. Su uso está muy extendido entre los usuarios más avanzados ya que ofrece inumerables posibilidades. Trabajar con Photoshop usando máscaras de capa es súmamente sencillo y se obtienen resultados profesionales.

La máscara de capa se abre desde el menú de capas, allí podemos elegir varias opciones.

Entre estas opciones están : Descubrir todo que lo que hace es mostrar la parte que queramos de una capa capa. Luego está Ocultar todo que hace lo contrario a la anterior, es decir, oculta una parte de la capa.

En la opción de máscara de capa ( La de la izquierda ) solo podemos trabajar con los colores blanco, negro y gris.

El color blanco lo que hace es mostrar una parte que queramos de la capa, el negro la oculta y el gris la deja transparente.

Mientras que en la parte izquierda podemos trabajar con todos los colores.

Esta es la práctica que he realizado :

En esta actividad he realizado un montaje utilizando las máscaras de capa.

REALIDAD AUMENTADA

La realidad aumentada  es el término que se usa para definir una visión a través de un dispositivo tecnológico, directa o indirecta, de un entorno físico del mundo real, cuyos elementos se combinan con elementos virtuales para la creación de una realidad mixta en tiempo real. 

Consiste en un conjunto de dispositivos que añaden información virtual a la información física ya existente, es decir, añadir una parte sintética virtual a lo real.

Entre estos dispositivos podemos encontramos móviles o tablets, que son los de uso más común.

También se ha extendido hasta el ámbito de los videojuegos, sobretodo en consolas portátiles que lo aprovechan bien.

La realidad aumentada puede ser muy útil n bastantes ámbitos, a continuación os dejaré un vídeo en el que muestran distintos y sorprendentes usos.

PHOTOMERGE

En esta práctica he realizado una serie de fotos panorámica con distintos efectos. Se realizaban a partir del programa photomerge que se abría a través de photoshop.

Una vez puestas las imágenes elegimos el tipo de composición que queremos darle a la imagen el programa las junta automáticamente y crea el efecto.  

PANORÁMICA AUTOMÁTICA

PANORÁMICA CILÍNDRICA

PANORÁMICA ESFÉRICA

PANORÁMICA COLLAGE

PANORÁMICA CAMBIO

La panorámica perspectiva daba muchos problemas, ya que el este efecto no está hecho especialmente para las panorámicas. Así que lo que hice fue hacer la composición con solo 3 fotos para que el programa pudiera hacerla mejor.

PANORÁMICA PERSPECTIVA

CÓDIGO QR

En esta práctica he realizado tres códigos QR a partir del programa Unitag.

Al crear el código teníamos que introducir el link de la página con la que queríamos enlazar el código QR. 

Después podíamos personalizarlo a nuestro gusto ( Cambiar el color, la forma... ) 

Y por último tenía que poner el código embebido en el blog y guardar la imagen.

En este caso he realizado tres códigos :

CÓDIGO DEL BLOG

CÓDIGO EMPRESA SONY

CÓDIGO SHONEN JUMP ( CÓDIGO LIBRE )

PRÁCTICA SANGRE

En esta práctica utilizamos la opción de sangrado de Indesing para colocar 4 fotos en una misma página que después imprimiríamos.

Fotos Originales 

Con las fotos que os he mostrado tenía que aumentar su tamaño de lienzo para que encajase en la línea de sangre de Indesing y después clonar una parte de la imagen.

Fotos Con Lienzo Aumentado

Después de eso simplemente tení que abrir un documento de indesing marcando la opción de sangre poniéndola a 5mm, colocar las imágenes de la forma adecuada, crear el PDF e imprimirlo en una hoja A3.