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.

DIAGRAMA DE COLOR

RGB

SINTESIS ADITIVA

La suma de los tres primarios origina el blanco.
La ausencia de primarios origina el negro.
El color complementario o inverso de cada primario aditivo se puede definir como el color que le falta a ese primario para ser blanco:
ROJO: complementario el CIAN.
VERDE: complementario el MAGENTA.
AZUL: complementario el AMARILLO.

CMYK

SINTESIS SUSTRACTIVA

Los colores complementario de la sinstesis aditiva son colores primarios de la sintesis sustractiva.

colores sustantivos  primarios ( cuan, magenta y amarillo) son los que se crean mediante la absorción de ciertas longitudes de ondas.

La suma de dos primarios a partes iguales origina un color secundario:

MAGENTA + CIAN = AZUL

AMARILLO + CIAN = VERDE

MAGENTA + AMARILLO = ROJO

ACCESIBILIDAD Y USABILIDAD

USABILIDAD: se trata de logar que los visitantes encuentren rápidamente aquello que buscan, con el mínimo de esfuerzo.

"usabilidad es un atributo de calidad que mide que tan fácil son de usar las interfaces de usuario"

A tener en cuenta estos puntos:

• Crear jerarquía visual
• Dar el control al usuario
• Facilitar la interacción 
• Aprovechar las convenciones y llamar a las cosas por su nombre
• Simplificar

ACCESIBILIDAD: Acceso universal a la Web, independientemente del tipo de hardware, software, infraestructura de red, idioma, cultura, localización geográfica y capacidades de los usuarios.

limitaciones:

• Visuales
• Motrices
• Auditivas
• Cognitivas

http://www.mecd.gob.es/portada-mecd/

://www.once.es/new

CARTEL THE BIG SHORT

Este ha sido mi resultado final he creado una flecha con en el panel de figura vectorial la he rellenado y la e puesto borde del color que nos pedía, antes de ello medí el documento principal para que las flechas e imágenes coincidieran en tamaños.

cuando cree el documento nos pidio que fuese para papel no estucado y la lineatura es de 120 y el factor de calidad es de 2 con lo cual lo multiplicamos y la resolución es de 240 la que puse, como va a sangre el documento de photoshop lo he puesto a 210x 150 que nos dijo 200x140.

cree mascara de recorte para ponerlo dentro de la flecha y luego un texto en el centro con el titulo de la película.

lo pase a indesing pero con el formato a 200 x140 con unos márgenes a 5 mm en sangre para que el documento salga a sangre lo exportamos a pdf y lo imprimimos con las marcas de recorte de color y marcas de sangre.

BANNER FIREWORKS

El primer banner que he creado ha sido un tutorial para que aprendamos a usar fireworks.

LEARDERBOARD

Este ha sido mi primer banner en learderboard para apple, donde he usado un fondo con ADN , techo, y formas vectoriales una imagen bitmap que le he dado tonalidades y también a las espirales les puse una especie de humo difuminado por debajo.

Este ha sido mi segundo banner de 120 x 600 Skycraper he cogido dos imágenes y a la de arriba tiene un modo de fusión luego he creado dos estrellas con formas diferentes una esta en la esquina con el fondo que tiene debajo y tiene suavidad y ruido, y la otra estrella solo tiene color oscuro y los bordes suaves, el texto es una tipografía simple.

 SKYCRAPER

MADAME

 

Este ha sido mi resultado final, he realizado masacara de capas degrados, modo de fusion degradado en brillo y contraste, y superposicion y rellenos de color para los fondos, en el texto esta puesto en color verde mas fuerte para que resalte la letra de la imagen.

BANNER IES PUERTA BONITA

He creado un banner para la web de ies Puerta Bonita, y este ha sido mi resultado final.He creado una linea del tiempo para ir introduciendo fotos de cada modulo de grado medio y grado superior, he creado subcarpetas ya que son muchas capas he usado fusion, transparencias, efectos de bisel y relieve y fondos, en la linea del tiempo he puesto 2 segundos en cada una.

En la ultima imagen, puse una imagen quitando el fondo de colores con el logo del centro y datos para informarse.

BALLENA

He creado una capa de relleno negra, a continuación con la imagen de la brújula le he dado una fusión de subexponer y después con las letras cambien los parámetros para juntar las letras , he realiazado una mascara de recorte en la ballena baje la opacidad un poco de la brújula y este ha sido mi resultado final.

TABLAS PDF

He realizado una captura de las tablas que primero he modificado en crear en pdf para poder usar los campos, los he rellano con las imágenes su peso resolución, formato, dimensiones, luces, sombras etc... las luces y sombras lo he mirado con el cuenta gotas en los parámetros que te da photoshop e intente que los valores fueran similares cuando buscaba las sombras o las luces.

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