martes, 16 de febrero de 2016

BANNER FIREWORKS

Adobe Fireworks (anteriormente llamado Macromedia Fireworks) es un editor de gráficos vectoriales y mapas de bits. Fireworks proporciona a los diseñadores web una forma ligera y eficaz de crear gráficos para sus páginas web sin tener que profundizar en el código o perderse entre múltiples paletas de colores.
Realizaremos un práctica para la toma de contacto con este nuevo programa, crear un gif muy sencillo con figuras geométricas básica.


Practica

Para empezar crearemos un documento nuevo; los documentos nuevos de Fireworks se guardan como documentos PNG, es el formato de archivo nativo de Fireworks. Las imágenes que se crean en Fireworks pueden exportarse o guardarse en varios formatos Web y formatos gráficos. Independientemente de los parámetros de optimización y exportación elegidos, el archivo PNG original de Fireworks se conserva para facilitar ediciones posteriores.


Con el rectángulo ya sobre la mesa de trabajo, iremos añadiendo diferentes formas para la práctica, las cuales, usaremos herramientas básicas para la toma de contacto. 

Siguiente paso con las Herramientas Vectoriales, dibujaremos sobre nuestro documento un rectángulo el cual estará relleno de un color a nuestra elección.



                             

                           

Active el trazo o el relleno para determinar a qué atributo afectan los ajustes de color. Restablezca los colores de trazo y relleno para aplicar los valores predeterminados especificados en el cuadro de diálogo Preferencias.
  • En la sección Colores del panel Herramientas, haga clic en el icono situado a la izquierda del cuadro Color del trazo o Color de relleno.
  • Haga clic en el botón Sin color de trazo o relleno en la sección Colores del panel Herramientas. Para establecer la característica inactiva en Ninguno, haga clic otra vez en el botón Sin color de trazo o relleno.


Con el rectángulo ya dibujado y con un relleno de color, es el paso de añadir las diferentes figuras de lo que está compuesto nuestro gif. Añadiremos Estrella y una flecha, todo ello con las herramientas vectoriales.

               

Elegimos la estrella como objeto a dibujar con la opción de cinco lados, que serán las puntas que tenga. A continuación con la Herramienta Escala, buscaremos la forma que más nos convenga para nuestro trabajo.




Crearemos al menos tres más para rellenar nuestro banner, además de usar la Herramienta Puntero para modificar su aspecto original.


                             

A continuación añadiremos una flecha con otra de las herramientas Vector, Línea de flecha.


           

Modificando su aspecto original con la herramienta para que finalmente tenga la siguiente forma:



Para finalizar el diseño, un pequeño texto con la herramienta correspondiente:


                                              





Como colofón asegurarnos que nuestro trabajo queda guardado en el formato adecuado para su posterior exposición y resultado.



















domingo, 14 de febrero de 2016

TIPOS DE FORMATOS

Un formato de archivo es un estándar que define la manera en que está codificada la información en un archivo. Dado que una unidad de disco o, de hecho, cualquier memoria solo puede almacenar en los bits, la computadora debe tener alguna manera de convertir la gran información a ceros, unos y viceversa. Hay diferentes tipos de formatos para diferentes tipos de información. Sin embargo, dentro de cada tipo de formato, por ejemplo documentos de un procesador de texto, habrá normalmente varios formatos diferentes, a veces en competencia.

JPEG, grupo Conjunto de Expertos en Fotografía, es el nombre de un comité de expertos que creó un estándar de compresión y codificación de archivos e imágenes fijas.
TIFF, posee alt resolución, es utilizado para el intercambio universal de imágenes digitales.
PNG, es un formato gráfico basado en un algoritmo de compresión sin pérdida para bitmaps no sujeto a patentes.
GIF, es un formato gráfico utilizado ampliamente en la World Wide Web, tanto para imágenes como para animaciones.








PRACTICA BANNERS

Explicación sencilla con el tema tratado con anterioridad, los banner. El primero relacionado con el día mundial del tabaco. 
Con el primer paso crearemos las capas con las que diseñaremos el banner con capas desde cero. Texto y retoque de imágenes.



En el momento que tengamos el banner a nuestro gusto, será la hora de aplicar los conocimientos para aplicarlos en la creación del ejercicio en sí.
Abriremos la ventana de linea de tiempo, encontrada en el recorrido de Ventana, linea de tiempo





Según vamos creando nuevas capas en esta nueva linea de acción, las activaremos haciendo clip sobre la paleta capaz, el símbolo del ojo para que las capas se vayan sumando a lo que será el movimiento en el banner, en el resultado final.


                          

Cuando tengamos toda la linea configurada, iremos a guardar para Web, en formato Gif.



Y para finalizar el resultado, con los dos ejercicios planteados:


 









BANNERS INTEGRADOS

El termino Banner es un vocablo en inglés, y que al ser traducido al español quiere decir Banderola. Una Banderola o Banner es una especie publicidad que se realiza en Internet, la cual consiste en introducir un segmento publicitario adentro de una página web, esto es con el propósito de atraer todo lo que sea compra, venta, negociación, hacia el sitio web de la persona que está pagando por estar incluido dentro de él.


Dinámicos

Los banners dinámicos o “dynamic ads” llegan al mercado como una propuesta revolucionaria para optimizar e incrementar el rendimiento de las campañas online. Ya que con una tecnología novedosa, aprovechando las posibilidades del HTML dinámico para correr en cualquier plataforma y dispositivo, generan una gran flexibilidad en pos de obtener la mejor performance posible.

Daelim


                 

Medium Rectangle
Tamaño 300x250 px
Resolución 72 ppp
Peso 80,7 KB
Modo RGB
Nº de formatos 2
Tiempo 2,5 seg.

Fnac


                 




Medium Rectangle
Tamaño 400x400 px
Resolución 72 ppp
Peso 57,7 KB
Modo RGB
Nº de formatos 2
Tiempo 7 seg.

Maserati

             

3-1 Rectangle
Tamaño 304x107px
Resolución 72 ppp
Peso 25,1 KB
Modo RGB
Nº de formatos 2
Tiempo 2seg.

Santander

                 

3-1 Rectangle
Tamaño 300x100 px
Resolución 72 ppp
Peso 18,4 KB
Modo RGB
Nº de formatos 4
Tiempo 14 seg.


Yamaha


  

3-1 Rectangle
Tamaño 300x100 px
Resolución 72 ppp
Peso 18,4 KB
Modo RGB
Nº de formatos 3
Tiempo 6 seg.

Santander 2

                 


3-1 Rectangle
Tamaño 300x100 px
Resolución 72 ppp
Peso 14,0 KB
Modo RGB
Nº de formatos 13
Tiempo 8,9 seg

Estáticos

Aquellos los cuales emiten una publiciad sin moviminieto solo con una imagen.

Kia






Leandreboard
Tamaño 980x90 px
Formato Gif
Peso 28,4 KB
Modo Color indexado

Melia






Leandreboard
Tamaño 980x90 px
Formato Gif
Peso 37,4 KB
Modo RGB

Peugeot





Leandreboard
Tamaño 980x90 px
Formato Gif
Peso 38,6 KB
Modo RGB

Rasca Once


                                 

Half page ad
Tamaño 300x600 px
Formato JPG
Peso 44,1 KB
Modo RGB

Zootropolis


                                                       

Skycraper
Tamaño 120x799 px
Formato JPG
Peso 6,74 MB
Modo RGB