DIAGRAMA DE COLOR

Esta práctica trataba de realizar dos diagramas de color, uno de síntesis sustractiva (CMYK) y otro de síntesis aditiva (RGB).

Estos diagramas eran muy sencillos de realizar, y solo había unas pequeñas variantes a la hora de realizar cada uno.

SÍNTESIS ADITIVA

En este modelo empecé realizando las elipses con la herramienta formas poligonales, y después les di el color adecuado y un trazo de un mismo grosor para todas.

A continuación tenía que realizar las fusiones que quedan dentro de las elipses, para ello lo que tenía que hacer era seleccionar la parte en la que se juntaban y crear una capa de relleno nueva con el color adecuado que salía de la mezcla de los colores.

Por último le di un trazo a las capas de relleno que cree, para que quedase acorde con las elipses.

SÍNTESIS SUSTRACTIVA

Este era más sencillo que el anterior, simplemente hice lo mismo al principio, realicé las elipses, le di el color CMYK adecuado a cada una de ellas, y para terminar simplemente le di un efecto de fusión (Multiplicar).

-DEFINICIÓN DE SÍNTESIS ADITIVA

Cuando nos referimos a la síntesis sustractiva del color, nos referimos al color como pigmentos, como pintura. Los pigmentos no emiten luz sino que sustraen (absorven) parte de las radiaciones de la luz. Dependiendo que radiación de luz absorvan los veremos de uno u otro color. Como cada pigmento quita parte de la luz cuantos más pigmentos mezclemos más oscuro será el color que obtendremos.

Los colores primarios en la síntesis sustractiva son el magenta, el amarillo y el azul cian.

-DEFINICIÓN SÍNTESIS SUSTRACTIVA

Al hablar de la síntesis aditiva del color debemos de hablar del color-luz, es decir del color como radiación de luz. En este caso los colores primarios (con los que podemos formar los demás) son el rojo, el verde y el azul.

Hay que darse cuenta que al mezclar luces de color, los colores resultantes de la mezcla van a ser siempre más luminosos que los originales.

Podemos ver un ejemplo muy claro en la pantalla de los televisores o en los monitores. Si miramos con una lupa veremos que la pantalla está formada por multitud de celdillas. Cada una de ellas con tres bandas verticales de colores rojo, verde y azul. Podremos comprobar como cada una de las bandas está más o menos iluminada dependiendo del color de la zona de la pantalla.

ACCESIBILIDAD Y USABILIDAD

ACCESIBILIDAD

La accesibilidad web tiene como objetivo lograr que las páginas web sean utilizables por el máximo número de personas, independientemente de sus conocimientos o capacidades personales e independientemente de las características técnicas del equipo utilizado para acceder a la Web.

USABILIDAD

La Usabilidad es la medida de la calidad de la experiencia que tiene un usuario cuando interactúa con un producto o sistema. Esto se mide a través del estudio de la relación que se produce entre las herramientas (entendidas en un Sitio Web el conjunto integrado por el sistema de navegación, las funcionalidades y los contenidos ofrecidos) y quienes las utilizan, para determinar la eficiencia en el uso de los diferentes elementos ofrecidos en las pantallas y la efectividad en el cumplimiento de las tareas que se pueden llevar a cabo a través de ellas.

Ahora os mostraré algunas páginas en las que he encontrado estas dos licencias. 

MINISTERIO DE EDUCACIÓN, CULTURA Y DEPORTE.

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

UNIVERSIDAD DE ALICANTE

https://www.metromadrid.es/es/index.html

EJERCICIO DE PRÁCTICA CON FIREWORKS

Este ejercicio era para practicar y familiarizarnos con Fireworks.

Se nos daba un documento en el que nos daban unos pasos a seguir para entender bien Fireworks. 

Al final de ese documento había una práctica que tenía que realizar aplicando lo que había aprendido durante la explicación.

Además al guardarlo tenía que dejar la extensión de Fireworks ( fw ) y no borrarla, ya que al poner un nombre nuevo automáticamente te salía de opción de borrarla.

BANNER CON FIREWORKS

En esta práctica he utilizado el Fireworks otra vez para crear dos banners de diferentes tipos.

El banner tenía que ser de la empresa que elegimos para hacer el trabajo de crossmedia, en casi era la empresa SONY. 

BANNER LEADERBOARDER

BANNER SKYCRAPER

En cada uno de los banners teníamos que poner una imagen bitmap, un texto, un filtro, un efecto y una figura vectorial.

THE BIG SHORT

En esta práctica he realizado un cartel de la película The big short.

Para ello he utilizado las máscaras de recorte y una nueva herramienta llamada herramienta de forma personalizada, con la que podía crear diferentes formas, en este caso cree flechas.

Lo primero que hice fue colocar las flechas en su sitio y darles un trazo del color que le correspondía.

Después de colocarlo todo utilicé las máscaras de recorte para dar el efecto de que las imágenes estuviesen dentro de las flechas.

Lo último que hice fue colocar el texto y además, en la imagen del chico de la izquierda tenía que colocarle la parte de arriba de la cabeza poniendo una imagen, y a esta imagen crearle una máscara de capa en la parte superior de la cabeza y colocarla de tal forma que quedase bien.

Por último había que colocar el documento en indesing con 5 mm de sangre ( 1 cm de alto y de ancho ) y también colocar en photoshop una resolución correcta, en este caso era 240, ya que era un papel estucado. 

Después se imprimía en un A4 colocando todas las marcas de recorte y la sangre. 

PRÁCTICA FORMATOS

Lo primero que he hecho en esta práctica es crear un PDF interactivo a partir de una tabla que me daban, para después colocar todos los datos que se nos pedían en ella. 

La tabla incluía varios datos como por ejemplo el tamaño del archivo, su resolución o su porcentaje de luces y sombras.

Para rellenar los datos de la tabla era necesario hacerlo desde photoshop y mirar allí los datos de la imagen. 

Como he dicho antes, la tabla nos pedía que diésemos un porcentaje de luces y sombras, este porcentaje se medía con el cuentagotas, y se veía desde la ventana de información.

Para medir las luces y las sombras me fijé en en el lado derecho, donde sale el CMYK.

Esa imagen muestra los niveles de sombras de la imagen. La sombra se considera a partir de porcentajes altos como eso, mientras que las luces son porcentajes bajos como los de la siguiente imagen.

También hay imágenes en la que tenemos que medirlas fijándonos en otro lugar, como por ejemplo los duotonos, tritones... en los que tenemos que fijarnos en los los 3 números que aparecen a la izquierda, o en las imágenes de escala de grises en las que tenemos que fijarnos en un solo porcentaje que también aparece a la izquierda.

 

BANNER INSTITUTO

En esta ocasión realicé un banner para el instituto en el que tenía que incluir los ciclos AAGG.

El banner es un leaderboarder de 728x90 ppp y de tipo dinámico.

Los ciclos AAGG incluyen los ciclos ARG y IMS, que engloban todos los módulos que se imparten en el instituto. En el banner tenía que incluir los módulos de cada uno de esos cliclos, y poner imágenes relacionadas con él. Además el logo del instituto tenía que estar incluido en todas las secciones. 

MADAME BATTERFLY

En esta práctica había que realizar la composición utilizando bastantes herrramientas, como las capas de relleno para dar color a la capa, la gama de colores para quitar el fondo magenta que tenían las mariposas al principio, un modo de fusión ( Exclusión) para la japonesa...

Luego lo coloqué en un documento indesing que llevaba 5 mm de sangre ( Al crear el documento de photoshop lo amplié 1 cm más de lo que mediría el indesing para que fuese a sangre, el indesing medía 12x16 y el de photoshop 13x17 ) y después de colocarlo creé el PDF y lo imprimí en un documento A5 con el tamaño de la imagen en A4, también debíamos ponerle la opción de sangrado al  imprimir para que se viese la sangre.

MÁSCARA DE RECORTE

En esta práctica he utilizado la herramienta de máscara de recorte para realizar distintas imágenes.

Esta esta es una de las imágenes que hice con esa herramienta :

En el caso de esta práctica utilicé la herramienta de máscara de recorte para dar el efecto de que la imagen de la ballena estuviese metido en las letras y luego coloqué la brújula bajándole la opacidad.

MÁSCARA DE RECORTE

Esta opción se abre desde la pestaña de capas y es un objeto cuya forma enmascara otra ilustración de forma que solo se pueden ver las áreas están dentro de la forma, es decir, la ilustración se recorta con la forma de la máscara. La máscara de recorte y los objetos que se enmascaran se denominan conjunto de recorte.