GESTIÓN DE COLOR

En esta práctica os explicaré qué es y como se utiliza la gestión del color. 

Para ello os mostraré un ejemplo mediante imágenes que os ayudarán a comprenderlo mejor. 

Empezaré con la siguiente imagen :

En esta imagen aplicaré un ajuste de color Preimpresión Europa 3.

Lo primero que haremos será meter la imagen en Photoshop. Cuando hagamos esto se nos abrirá la siguiente ventana :

Como podéis ver en esa ventana se nos muestran tres opciones, estas opciones siempre se nos muestran cuando a la imagen le falta un perfil. 

En este caso he elegido la segunda opción que es : Asignar espacio de trabajo RGB Adobe RGB (1998). La primera opción significa que no se va a efectuar ninguna gestión de color y la última nos deja elegir un perfil. 

Después de darle el perfil de color a la imagen lo que haré será ir a la ventana de edición y seleccionar el apartado ajustes de color.

Como podéis ver, en esta ventana se nos presentan varias opciones sobre el ajuste de color. En este caso solo he tocado la primera opción en la que pone ajustes, en la que he cambiado la opción a Preimpresión en Europa 3. Al hacer esto automáticamente se cambiaba el ajuste de CMYK a FOGRA39 y el apartado de RGB queda igual que al principio.

Cabe resaltar que este último paso se puede realizar al principio, antes de meter la imagen en photoshop, así al meter la imagen ya se quedaría con esos ajustes y no habría que cambiarlos después.

Ese es el resultado que queda al realizar todo el proceso.

Ahora a partir de la siguiente imagen crearé un ajuste a medida que va a ser un FOGRA27.

Aunque este ejemplo lo haré de otra forma para explicar otra alternativa para realizar la gestión de color.

En este caso al colocar la imagen en photoshop marcaremos la primera opción :

Como dije antes esta opción no da ningún perfil de color, por lo tanto tendremos que colocarlo después. 

Para ello simplemente vamos a la ventana de edición y le damos a asignar perfil, allí nos aparecerá la misma ventana que nos aparecía al principio para darle el perfil.

Lo siguiente que haré será lo mismo que en el paso anterior pero con una pequeña diferencia. La diferencia es que cambiaré el Ajuste por uno a medida y en el apartado de CMYK cambiamos a FOGRA27.

Este es el resultado de esta imagen :

Por último explicaré como convertir el perfil en CMYK.

Simplemente vamos de nuevo a edición, y esta vez abrimos el apartado de convertir en perfil :

En el apartado de Espacio de destino marcamos la opción de Espacio de trabajo CMYK. Esta opción también sirve para pasarlo a RGB o a otro tipo de perfiles.

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.