banner HTML5maker y Bannersnack

he creado una cuenta en la pagina mencionada en el titulo y de esa misma he ido cogiendo objetos, estampas, dibujos etc,, que tenia la pagina era bastante fácil e intuitiva, con HTML5maker el otro banner (los dos vinculados ) a mi blog , creado con una cuenta en la pagina bannersnack, para mi gusta es mejor la otra, por que te deja hacer varios banner en esta te equivocas y no puedes hacer nada, aunque tiene plantillas y todo esta muy bien.

carta de color

este ha sido mi resultado final y lo he ido haciendo con fijaras vectoriales sin rasterizar para que sea mas fácil cambiar el color, al principio use guias, y luego después en la tabla de colores en CMYK he ido cambiando el porcentaje en cada zona llegando del blanco al 100 % de tonalidad de cuan y magenta.

también esta todo en carpetas ya que son muchos cuadrados y es mas organizado.

GESTION DE COLOR

La gestión de color es necesaria para poder controlar el color de nuestras fotografías y evitar el conocido problema de que cuando las llevamos a otro ordenador o las imprimimos se ven de forma diferente. Esto se soluciona, por un lado, calibrando bien el monitor y por otro usando y configurando correctamente los programas que usamos para que utilicen correctamente los perfiles de color especialmente tanto cuando visualizamos como cuando imprimimos.

La gestión de color convierte los colores de la imagen de forma que cada dispositivo pueda reproducirlos de la misma manera. Además, los colores que se ven en el monitor serán parecidos a los colores de la imagen impresa. Puede que no coincidan exactamente todos los colores si la impresora no puede reproducir la misma gama de colores que el monitor.

A. Los perfiles describen los espacios de color del dispositivo de entrada y el documento. B. Mediante las descripciones de los perfiles, el sistema de gestión de color identifica los colores reales del documento. C. El perfil del monitor informa al sistema de gestión de color sobre cómo convertir los valores numéricos al espacio de color del monitor. D. Mediante el perfil del dispositivo de salida, el sistema de gestión de color convierte los valores numéricos del documento a los valores de color del dispositivo de salida para que se impriman los colores reales. 

Pagina Web con Fireworks

Este ha sido mi resultado final, he creado recuadros y óvalos  vectoriales he creado textos en cada uno de los óvalos con el contenido para la pagina web, los textos los he realizado con estilos de texto creativo, y el fondo lo he realizado con un degradado con olas y un fondo con corazones con un borde suavizado, 

en el marco que hemos puesto ha sido en ventana y formas automáticas, y en su defecto el marco que he modificado y he puesto un relleno de patrón de cuadros morados
a continuación creamos un cuadro con unas medidas ya dadas en el ejercicio para hacer el marco de texto donde van las ventanas de los productos y con unos cuadros vectoriales hicimos 6 e importamos las imágenes en 5 estados diferentes.

LEARDERBOARD ANIMADO

He realizado un banner en movimiento  para que salga en movimiento  ponemos en la pestaña de abajo GIF ANIMADO WEBSNAP 128.
Creamos 6 estados minimo y con el botón derecho del ratón seleccionamos crear botón animado y hacemos clim en animación y movemos los parámetros que nos salen para ponerlo a nuestro gusto y ponemos una duración de 40 segundos es lo que yo he puesto, este ha sido mi resultado final.

ROLLOVERS

he creado con el banner de crossmediaun botón que enlaza al blog de Maria he creado dos estados y en el primero das al botón derecho> insertar división rectangular, vas a menú ventana > comportamientos insertar rollovers simple.
debajo pones en url el link de la pagina que quieres abrir, en alt: blog Maria, en destino: _blank, en este caso seria pulsando la estrella irías a la pagina seleccionada.

CAMBIAR ESTADO CON EL RATÓN POR ENCIMA


crear una forma vectorial y en el estado dos crear otra igual y cambiar la forma , luego en el estado botón derecho  insertar estado rollovers simple en la imagen vectorial insertas división rectangular, a continuación te vas a ventana> comportamientos  y das a mas y rollovers simple , damos a vista previa y ya estaría este es mi resultado final.

que es un rollovers: cuando el puntero de un ratón  se sitúa sobre un gráfico, dicha acción desencadena la visualización  de otro gráfico  La activación es siempre el objeto Web ( una división, una zona interactiva o un botón).

BOTÓN FIREWORKS

 mi resultado final he creado un botón con los estados que he capturado y que al pasar cambien de color, en el recuadro que realizamos con el botón derecho añadimos botón y pulsamos encima del botón y en los estados vamos cambiando las diferentes formas del botón.