SERVICIO NACIONAL DE ADIESTRAMIENTO EN TRABAJO INDUSTRIAL

MANUAL DE APRENDIZAJE

CÓDIGO: 89001711

Profesional Técnico

TEORÍA DEL COLOR

DISEÑO GRÁFICO

TEORÍA DEL COLOR INTRODUCCIÓN.

Este fascículo, denominado Teoría del Color, contiene información tecnológica necesaria para el correcto entendimiento y desarrollo del curso, así como actividades prácticas que ayudarán al estudiante a reforzar los distintos temas, comprendidos dentro del currículo del nivel técnico industrial, de la especialidad de Diseño Gráfico. Este curso constituye, para los estudiantes, las bases para la correcta utilización del color en los distintos proyectos “a través de técnicas manuales, o por el uso asistido de la computadora. En el arte de la pintura, el diseño gráfico, el diseño visual, la fotografía, la imprenta y en la televisión, la teoría del color es un grupo de reglas básicas en la mezcla de colores para conseguir el efecto deseado combinando colores de luz o pigmento. La luz blanca se puede producir combinando el rojo, el verde y el azul, mientras que combinando pigmentos cian, magenta y amarillo se produce el color negro. El color genera sensaciones y emociones, incluso recuerdos. Por tanto es importante conocer los fundamentos de la teoría del color y que si la conoces te ayudará a transmitir el mensaje que deseas, o bien generar nuevas ideas. Averiguar qué colores funcionan bien con los demás no es sólo una cuestión de suerte. En realidad, existen muchos estudios sobre los efectos que provocan los colores en las personas. En la teoría del color existen diversas combinaciones de colores que se agrupan por categorías y que van muy bien para lograr un objetivo concreto en el diseño. Empecemos con los fundamentos básicos de la teoría del color y luego pasaremos a las combinaciones más avanzadas. Hay que tener muy claro que el tema del color es muy complejo, existen infinidad de combinaciones y no hay una fórmula mágica para conocer todos sus trucos y secretos. Lo que sí es interesante es conocer los conceptos básicos para, a continuación, proceder con la fase más difícil pero al mismo tiempo la más enriquecedora: la experimentación.

DISEÑO GRÁFICO 5

TEORÍA DEL COLOR

ÍNDICE

CONTENIDO PÁGINA INTRODUCCIÓN 05 UNIDAD I TEORÍA DEL COLOR 07 UNIDAD II MODELOS DE COLOR 27 UNIDAD III ESPACIOS DE COLOR 46 UNIDAD IV CÓDIGOS HTML 93

DISEÑO GRÁFICO 6

TEORÍA DEL COLOR I. TEORÍA DEL COLOR. 1.1. EL COLOR. Empezaremos diciendo que el color no es un objeto, es más bien una apreciación subjetiva nuestra. Por tanto, podemos definirlo como, una sensación que se produce en respuesta a la estimulación del ojo y de sus mecanismos nerviosos, por la energía luminosa de ciertas longitudes de onda.

Absorción y reflexión. La superficie de un objeto absorbe determinadas longitudes de onda y refleja las demás. La superficie de esta manzana roja absorbe todas las longitudes de onda menores a 700 nanómetros (nm) y refleja las mayores. La luz que llega a nuestros ojos reflejada por la manzana roja está compuesta en su totalidad por longitudes de onda mayores de 700 nm, que percibimos como color rojo.

DISEÑO GRÁFICO 7

TEORÍA DEL COLOR

Temperatura de la luz o temperatura color. La luz blanca contiene una mezcla de todos los colores de espectro visible. La temperatura de la luz en grados Kelvin, describe lo rojiza o azulada que es una fuente de luz.

Los espacios de color y su aplicación.

DISEÑO GRÁFICO 8

TEORÍA DEL COLOR

Aplicación de los espacios en las tecnologías de maquinas.

Muchas veces, el color no es un simple atributo que recubre la forma de las cosas en busca de la fidelidad reproducida. A pesar de que, sin el color la forma permanece, con frecuencia el Mensajes es, precisamente, el Color, o lo que sólo puede expresarse por el Color.

Más allá de la mera identificación o asociación, el color también se puede emplear para crear experiencias. El publicista representa el producto en su anuncio mediante la forma, pero añade las cualidades del color. El color puede llegar a ser la traducción visual de nuestros sentidos, o despertar éstos mediante la gama de colores utilizados. Podremos dar sensación de frío, de apetecible, de rugoso, de limpio.

El color está presente en todos los aspectos de la identidad empresarial y de marca. En la identidad, las empresas pueden hacer que el color sea e l principal elemento de su identidad utilizando un único color o una paleta de

DISEÑO GRÁFICO 9

TEORÍA DEL COLOR colores como parte de su identidad visual. Si el color se emplea uniformemente en una serie de elementos de la identidad, se termina convirtiendo en la rúbrica de la empresa.

Aprender a ver el color y obtener una interpretación de sus propiedades inherentes ha de ser el punto de partida si deseamos realizar un tratamiento eficaz de éste en las distintas aplicaciones gráficas que hagamos.

1.2. EVOLUCIÓN HISTÓRICA DEL COLOR.

El color se ha estudiado desde el principio de los tiempos, donde los hombres primitivos empleaban pigmentos obtenidos de la naturaleza para crear sus pinturas rupestres. Pero es mucho más adelante cuando se empiezan a estudiar sus propiedades, relaciones, etc. Uno de los primeros autores que realizó estudios analíticos sobre las propiedades del color fue Aristóteles, quien descubrió los “colores básicos” relacionados con la tierra, el agua, el cielo y el fuego.

El resto de tonos, los consideraba como variaciones de éstos por combinaciones de luz y oscuridad. También escribió que el negro, mezclado con la luz solar y la luz del fuego producía el rojo-púrpura. Leonardo Da Vinci, al igual que Aristóteles, consideró que el color era una propiedad intrínseca de los objetos. En su "Tratado de Pintura", escribió; "El principal de los colores básicos es el blanco, a pesar de que los filósofos, no acepten el blanco ni el negro como colores, porque el blanco es el que nos permite recibir todos los demás colores y el negro, nos priva de ellos. Sin embargo, como los pintores no podemos prescindir de ellos, debemos colocarlos junto con el resto de colores".

DISEÑO GRÁFICO 10

TEORÍA DEL COLOR Leonardo da Vinci clasificó como colores básicos al amarillo, verde, azul y rojo de acuerdo a aquellas categorías de Aristóteles, agregando blanco como receptor de todos los demás colores y el negro (la oscuridad) como su ausencia.

"La Última Cena". L. Da Vinci.

En 1.665, Sir Isaac Newton, descubrió, que la luz del Sol, podía ser dividida en varios colores haciéndola pasar a través de diferentes prismas. Esto produce un espectro, que va desde el rojo, pasando por naranja, amarillo, verde y azul hasta el violeta. Esto constituyó una base científica, suficiente para rechazar la teoría del color de Aristóteles aún vigente en aquella época.

Newton, atribuyó el fenómeno del color a pequeños corpúsculos y diminutas partículas, flotando por el espacio e interfiriendo la luz. Newton, demostró su teoría, colocando un prisma en una habitación oscura.

Dejó penetrar un haz de luz a través de un agujero en la pared. Cuando el rayo, pasó a través del prisma, se generó el espectro de color. De este modo demostró que la luz es la fuente de todos los colores.

DISEÑO GRÁFICO 11

TEORÍA DEL COLOR

Re direccionando el espectro de color hacia otro 2º prisma, se produjo luz blanca. De este modo demostró que la luz blanca es un componente de todos los colores del espectro. Tras sucesivas experiencias, Newton, teorizó que el color de un objeto, era producto de la reflexión selectiva de los rayos de luz. Cuando la luz alcanza un objeto, algunos rayos son absorbidos y por lo tanto perdidos y otros son reflejados, produciendo, así, el color observado.

Uno de los aspectos más importantes del legado de Newton, fue la organización del color en un círculo. Se tenía 7 colores principales que relacionó con otras tantas notas musicales. Rojo (Do), Naranja (Re), Amarillo (Mi), Verde (Fa), azul (Sol), Índigo (La), Violeta, (Si). La teoría de los tres colores primarios (Rojo, amarillo, azul), no fue establecida hasta un siglo más tarde, cuando el francés Jean C. Le Bon, publicó el "Tratado de la mezcla de pigmentos". Esta teoría ha sido desde entonces el punto de partida de los ulteriores trabajos relacionados con el color.

DISEÑO GRÁFICO 12

TEORÍA DEL COLOR Sin luz no hay color. La oscuridad absoluta carece de color. Solamente podemos ver el color real de un objeto cuando está iluminado por luz natural exclusivamente. Todo en la naturaleza, está compuesto por elementos químicos. Estos elementos y sus posteriores combinaciones, están caracterizados por diversos grados de absorción y reflexión de luz. En función de los elementos contenidos en los diferentes objetos, cada uno de ellos tiene su diferente y distintivo color.

En 1810, Goethe publicó su "Teoría de los Colores" y se convirtió en uno de los primeros investigadores modernos en estudiar la función del ojo, y cómo nos afectan los colores, así como el fenómeno subjetivo de la visión y la percepción. Fue el precursor de la Psicología del Color.

Así como le debemos a Newton la definición física del color, también le debemos a Johann Göethe (1749-1832) el estudio de las modificaciones fisiológicas y psicológicas que el ser humano sufre ante la exposición a los diferentes colores.

James Clerk Maxwell, en 1861, estudió la forma de obtener las imágenes a color, y utilizó un sistema aditivo.

DISEÑO GRÁFICO 13

TEORÍA DEL COLOR

En 1905, Albert Münsell desarrolló un sistema con el que se ubican de manera precisa los colores en un espacio tridimensional.

Para ello define tres atributos en cada color: TONO, cualidad por la que se identifica el color; LUMINOSIDAD, grado de claridad u oscuridad de un color; SATURACIÓN, grado de pureza de un color.

Posteriormente, la escuela BAUHAUS y sus autores han trabajado también el color y sus propiedades.

DISEÑO GRÁFICO 14

TEORÍA DEL COLOR 1.3. EL COLOR EN LAS DIVERSAS CULTURAS.

Aunque el concepto de Arte es moderno, es perfectamente utilizable en la arquitectura, escultura, pintura y joyería de la antigüedad, siendo muchas de sus realizaciones auténticas obras de arte y no simples trabajos utilitarios de artesanía.

En la Antigüedad, el arte estuvo asociado a las necesidades formales de los rituales religiosos: la mayor parte de monumentos y elementos con innegable valor artístico que han perdurado (pintura, escultura, arquitectura), tenían por finalidad simbolizar el poder real y los mitos del mundo celestial. Esta visión del arte se encuentra especialmente entre los egipcios y babilonios.

En el Antiguo Egipto.

Los egipcios tenían un especial significado para los colores que utilizaban en sus representaciones.

Los colores que se encontraban en la pintura egipcia, más precisamente en los frescos y murales todavía hoy permanecen.

Los colores para los egipcios tienen una gran carga simbólica que va más allá de su función ornamental.

Sin embargo, como sus obras no pretendían ser una representación exacta de la realidad, la paleta cromática que usaron los egipcios no era muy amplia. Los colores de su paleta los obtenían de distintas substancias de origen mineral.

Los colores utilizados por los egipcios:

Rojo: La base para los colores rojos (como rojo carne y rojo ocre) se daba por la oxidación natural del hierro. Este color representaba a la tierra estéril y desértica y era considerado el color del mal. También se utilizaba el rojo para expresar la vida y la victoria, sin embargo, al mismo tiempo, era símbolo de furia y fuego.

DISEÑO GRÁFICO 15

TEORÍA DEL COLOR Azul: El llamado “azul egipcio” se obtenía luego de combinar óxido de cobre y de hierro con calcio y sílice. Su significado era diferente según el tono que se usaba. El azul del lapislázuli, simbolizaba el cabello de las divinidades egipcias, mientras que el azul turquesa simbolizaba el color del mar, la promesa de una nueva existencia y el agua purificadora. Muchas figuras realizadas en piedras azules representan la fecundidad.

Amarillo: El amarillo se obtenía del ocre natural o el óxido. Color del sol, percibido como algo eterno e imperecedero. Las imágenes de los dioses eran construidas con oro puro, de color amarillo.

Verde: El tono se obtenía del polvo de malaquita, que es la forma natural del cobre de mena. La fuente principal era el cobre. Su significado era atribuido a la vegetación y al inicio de una nueva vida. El dios de la resurrección y la fertilidad, Osiris, era frecuentemente colorado con este color

Blanco: Se obtenía a partir de la Creta y el yeso (sulfato de calcio). El blanco simbolizaba en Egipto la pureza y un poder superior. Era el color de las cosas sagradas. En los rituales y ceremonias se utilizaban sandalias de color blanco por ese motivo. Simbolizaba además limpieza, pureza ritual y sacralidad.

El blanco fue uno de los pocos colores que se utilizó en Egipto para representar las ropas de los egipcios. Muchos de los animales sagrados que se mantenían en los templos eran de este color, como el "Gran Blanco" (el babuino sagrado), el buey blanco, la vaca blanca o el hipopótamo blanco.

Negro: Se extraía del carbón vegetal, huesos quemados de animales o de hollín. El negro simbolizaba el “bajo mundo”, la muerte, por eso el rey de los muertos, Anubis, era representado de ese color.

La pintura griega.

La pintura griega se divide en tres periodos (después del cretense y micénico ya nombrados que pueden considerarse como protohistóricos respecto de Grecia), a saber:

1. El de formación y arcaico que dura hasta el siglo V a. C., el cual se distingue por los resabios de influencias asirias y egipcias que revela en sus dibujos.

DISEÑO GRÁFICO 16

TEORÍA DEL COLOR

La pintura de las vasijas correspondientes al primero de dichos periodos suele ofrecer desde mediados del siglo VIII a. C. las figuras de color negro sobre fondo amarillo o rojo (pues antes de dicha fecha consistía en dibujos de estilo geométrico y figuras estilizadas)

2. El de elegancia nacional, durante el siglo V a. C. y parte del IV a. C. en que se emancipó la pintura con Polignoto, seguido de Apolodoro, Zeuxis y Parrasio, muy correctos en el dibujo, atribuyéndose al primero la invención del claroscuro. Las vasijas de este periodo tienen las figuras rojas sobre fondo negro, siendo excepción los célebres lecitos blancos de tenas que sobre fondo blanquecino ostentan figuras polícromas.

3. El alejandrino o de difusión desde mediados del siglo IV a. C. hasta dos siglos más tarde en que fue Grecia conquistada por los romanos. Las vasijas de este periodo que es la época de las grande ánforas decorativas o de lujo continúa casi en lo mismo que en el precedente pero con menor corrección y con cierto barroquismo en el dibujo hasta principios del siglo II a. C. en que cesan las figuras pintadas y se usan de relieve con uniforme color negro o rojo.

La pintura Romana.

Los orígenes de la pintura romana se confunden a menudo con los de su escultura y de tal modo se hallan en el arte helenista que aun los ejemplares que de ella se conservan, sobre todo, los mejores, se atribuyen hoy a mano griega si bien la escuela llegara por fin a romanizarse. Los romanos admiraban la pintura griega tanto como la escultura, y animaban a los artistas que trabajaban para ellos a hacer copias de obras griegas especialmente famosas o populares. Los romanos tendían más que los griegos a decorar sus paredes con pinturas murales, y aunque siguen la tradición griega, muestran en sus

DISEÑO GRÁFICO 17

TEORÍA DEL COLOR pinturas un gran colorido y movimiento. Las pinturas, con figuras individuales, grupos o paneles enteros, se reproducían, se adaptaban, estropeaban o embellecían según el talento de los artistas y las exigencias del cliente.

Los procedimientos usados en esta pintura debieron ser el encausto, el temple y el fresco. Aunque se sabe que los romanos desarrollaron la pintura sobre tabla, los restos pictóricos conocidos más importantes son de tipo mural, frescos protegidos con una capa de cera que avivaba los colores.

Sus géneros, el decorativo de vajillas y muros y el histórico y mitológico en los cuadros murales. Y aunque los descubiertos hasta el presente ofrecen más que todo un carácter decorativo llegan a ser verdaderas composiciones pictóricas y se juzga con fundamento que hubo también otros de pintura independiente a semejanza de los actuales de tabla o de caballete. Se cultivaron con dicho carácter decorativo mural el paisaje, la caricatura, el retrato, los cuadros de costumbres, las imitaciones arquitectónicas y las combinaciones fantásticas de objetos naturales constituyendo con estas últimas el género que los artistas del Renacimiento llamaron grutesco, hallado en las antiguas Termas de Tito y que sirvió al célebre Rafael como fuente de inspiración para decorar las Logias del Vaticano. Hay que citar los retratos pintados. En el Egipto romano se descubrió una excelente colección de retratos sobre tabla, realizados para ser colocados sobre las momias. Igualmente en Pompeya, y pintados al fresco, se descubrieron magníficos retratos como los del Panadero y su esposa, o el de una muchacha, ambos en el Museo de Nápoles.

1.4. MOVIMIENTOS PICTÓRICOS QUE REVOLUCIONARON EL COLOR.

El arte, entendido desde el punto de vista de la pintura, ha pasado por diferentes momentos a lo largo de la historia hasta llegar a su momento actual. Cada uno de estos períodos se caracteriza por unos rasgos y unas cualidades propias y adecuadas a la personalidad y condiciones de su época.

El Postimpresionismo.

Es un término histórico – artístico que se aplica a los estilos pictóricos de finales del siglo XIX. Varios artistas partiendo del impresionismo derivan hacia una pintura personal, teniendo como principales características la recuperación de la importancia del dibujo y la preocupación por captar no sólo la luz sino también la expresividad de las cosas y de las personas.

El Postimpresionismo es importante en la historia del arte porque abre con sus innovadoras propuestas el camino de la renovación pictórica que trajeron los movimientos artísticos de vanguardia.

DISEÑO GRÁFICO 18

TEORÍA DEL COLOR Movimientos como el Fauvismo, Cubismo o Expresionismo recibieron la influencia de los artistas Postimpresionistas.

Representantes postimpresionistas: Paul Cezanne, Paul Gauguin, Vincent Van Gohg.

P. Cézanne, “Los jugadores de naipes”

P. Gauguin, “La bella Angele”

Van Gogh, “Autorretrato”

DISEÑO GRÁFICO 19

TEORÍA DEL COLOR Características del postimpresionismo:

Interés por el dibujo y la expresividad de los objetos y figuras humanas.

Conciliación entre efecto volumétrico y el gusto puramente estético.

Concepción del cuadro a base de cuerpos rigurosamente geométricos.

Empleo de colores contrastantes.

Colores puros con gran carga emotiva.

El Fauvismo.

Fue un movimiento pictórico francés desarrollado entre 1904 y 1908, donde el color es el objetivo principal del cuadro y se independiza del objeto.

El fauvismo nació de un pequeño grupo de pintores que trabajaba en París llamados fauvistas, que significa "animales salvajes", exponiendo sus obras por primera vez en el Salón de Otoño de París (1905).

Este movimiento revolucionó el concepto del color en el arte contemporáneo, ya que los fauvistas rechazaron la paleta de tonos naturalistas empleada por los impresionistas, en favor de los colores violentos.

Los adeptos al fauvismo creían que a través de los colores podían expresar sentimientos y este pensamiento condicionó su forma de pintar.

Representantes fauvistas: Henri Matisse, AndreDerain, Maurice Vlaminck.

Henri Matisse Armonía en Rojo.

DISEÑO GRÁFICO 20

TEORÍA DEL COLOR

Características del fauvismo:

Color: principal protagonista. Violencia cromática, predominan colores complementarios.

Independencia color - objeto: el color no coincide con su apariencia real en la naturaleza.

Simpleza: búsqueda de lo esencial y simple. Intento de equilibrar el mundo real y el mundo interior.

Intención de expresar sentimientos: color establecido de manera creativa, instintiva, intuitiva y apasionada. Eliminación de lo superfluo.

Plano: desaparece la luz y la profundidad, sensación de planimetría.

,Andre Derain La catedral de San Pablo vista desde el Támesis.

Maurice Vlaminck En el Huerto de mi Padre

DISEÑO GRÁFICO 21

TEORÍA DEL COLOR El Expresionismo.

Fue un movimiento cultural surgido en Alemania a principios del siglo XX, fuertemente influenciado por el Fauvismo y como reacción al Impresionismo, que buscaba plasmar en las obras una "impresión" del mundo inmediato, un reflejo de los sentidos.

El expresionismo antepone las emociones y los sentimientos sobre las formas, intentando reflejar el mundo interior del artista; una "expresión" de sus propios sentimientos.

El creador pretende que el espectador experimente un impacto fundamentalmente emotivo ante sus obras, respondiendo al uso desmedido de colores, deformaciones y composiciones con trazos agresivos. Su objetivo fue convertir la obra de arte en un medio de expresión y de comunicación.

El expresionismo alemán tuvo dos vertientes: El Puente, que se desarrolló en Dresde y en Berlín, y El Jinete Azul, que tuvo su asiento en Munich.

Características del Expresionismo.

Fuerza psicológica y expresiva: formulada a través de distorsiones de las formas y uso de colores fuertes, puros y combinaciones al azar.

Búsqueda interior: ahonda en la interioridad de la conciencia recurriendo al instinto. Uso de la línea y el color de un modo temperamental, emotivo y con fuerte contenido simbólico.

Subjetividad: La figura humana se representa deformada, se usan máscaras y paisajes con colores vivos.

Angustia existencial: motivada por la masificación del trabajo, el aislamiento y la explotación como contraposición a la modernidad.

El jinete azul (Der BlaueReiter) fue un círculo de artistas unidos por sus conceptos artísticos y filosóficos, pero sin programa definido ni ambiciones de reforma social, fundado por Wassily Kandinsky y Franz Marc en 1911.

DISEÑO GRÁFICO 22

TEORÍA DEL COLOR

Algunos creen que el nombre del grupo se debe a una obra de 1905 del pintor ruso Kandinsky, que representaba un jinete azul desnudo sobre un caballo azul. Pero según palabras de Kandinsky “…ambos amábamos el azul, Marc los caballos y yo los jinetes. Es así que el nombre vino solo”.

Otros referentes del movimiento: AugustMacke, Gabriele Munter, Paul Klee.

Características del círculo jinete azul.

Renovación: buscaban un rejuvenecimiento del arte y el rechazo del impresionismo y del positivismo materialista.

Búsqueda de lo esencial: no quieren abrumar al espectador con el horror de la vida, sino llegar a su alma a través de una belleza universal, alejada de toda contingencia.

Marcado carácter poético: obras amables y líricas, predominando en ellas las líneas curvas y los contrastes de colores más suaves.

Color: los pintores concibieron un elemento emocional en el color, buscaban una expresión emotiva a través del color.

La Bauhaus fue la consecuencia de la inquietud alemana por mejorar el diseño, y actualmente es estudiada como el mayor aporte al diseño, las artes aplicadas y la arquitectura. Fundada en Weimar (Alemania). En 1918 Walter Gropius, al ser confirmado como el nuevo director de la Escuela de Artes y Oficios de Weimar, decide fusionarla con la Escuela de Bellas Artes y formar la Academia de Weimar.

Kandinsky El jinete azul

DISEÑO GRÁFICO 23

TEORÍA DEL COLOR El término Bauhaus proviene de las palabras “haus” que significa casa y “bau” que significa construcción. Era un centro de enseñanza que unificaba teoría, práctica y actividades artísticas, donde cada individuo, fuese artista o artesano, se integraba mediante su esfuerzo y su trabajo en la obra colectiva. Tenía como finalidad crear artículos de uso cotidiano para ser desarrollados en sus talleres, que serviría para financiar la escuela. De las experimentaciones de la Bauhaus surgieron las primeras investigaciones sobre la estética industrial, lo que la convirtió en un icono del diseño y la modernidad. Adquirió reputación de haber creado un estilo particular. De los trabajos elaborados en sus talleres se pueden observar diseños que siguen vigentes hasta el día de hoy.

El cubismo.

Fue un movimiento artístico desarrollado entre 1907 y 1914, nacido en Francia y encabezado por Pablo Picasso, Georges Braque, Jean Metzinger, Albert Gleizes, Robert Delaunay y Juan Gris.

Características del Cubismo.

Es una tendencia esencial, pues da pie al resto de las vanguardias europeas del siglo XX. No se trata de un ismo más, sino de la ruptura definitiva con la pintura tradicional.

El término cubismo fue acuñado por el crítico francés Louis Vauxcelles, el mismo que había bautizado a los fauvistas motejándolos de fauves (fieras); en el caso de Braque y sus pinturas de L'Estaque, Vauxcelles dijo, despectivamente, que era una pintura compuesta por «pequeños cubos». Se originó así el concepto de «cubismo».

A pesar de ser pintura de vanguardia los géneros que se pintan no son nuevos, y entre ellos se encuentran sobre todo bodegones, paisajes y retratos.

Pablo Picasso, el iniciador del cubismo, retratado por Juan Gris, 1912.

DISEÑO GRÁFICO 24

TEORÍA DEL COLOR Se eliminan los colores sugerentes que tan típicos eran del impresionismo o el fovismo. En lugar de ello, utiliza como tonos pictóricos apagados los grises, verdes y marrones. El monocromatismo predominó en la primera época del cubismo, posteriormente se abrió más la paleta.

Con todas estas innovaciones, el arte acepta su condición de arte, y permite que esta condición se vea en la obra, es decir es parte intrínseca de la misma. El cuadro cobra autonomía como objeto con independencia de lo que representa, por ello se llega con el tiempo a pegar o clavar a la tela todo tipo de objetos hasta formar collages.

La obra resultante es de difícil comprensión al no tener un referente naturalista inmediato, y ello explica que fuera el primero de los movimientos artísticos que necesitó una exégesis por parte de la "crítica", llegando a considerarse el discurso escrito tan importante como la misma práctica artística. De ahí en adelante, todos los movimientos artísticos de vanguardia vinieron acompañados de textos críticos que los explicaban.

El futurismo.

El futurismo surgió en Milán, Italia, impulsado por Filippo Tommaso Marinetti. Este movimiento buscaba romper con la tradición, el pasado y los signos convencionales que la historia del arte consideraba como elementos principales a la poesía, el valor, la audacia y la revolución, ya que se pregonaba el movimiento agresivo, el insomnio febril, el paso gimnástico, el salto peligroso y la bofetada irreverente. Tenía como postulados: la exaltación de lo sensual, lo nacional y guerrero, la adoración de la máquina, el retrato de la realidad en movimiento, lo objetivo de lo literario y la disposición especial de lo escrito, con el fin de darle una expresión plástica.

Rechazaba la estética tradicional e intentó ensalzar la vida contemporánea, que basándose en sus dos temas dominantes: la máquina y el movimiento. Se recurría, de este modo, a cualquier medio expresivo (artes plásticas, arquitectura, urbanismo, publicidad, moda, cine, música, poesía) capaz de crear un verdadero arte de acción, con el propósito de rejuvenecer y construir un nuevo orden en el mundo.

El poeta italiano Filippo Tommaso Marinetti recopiló y publicó los principios del futurismo en el manifiesto de 1909. Al año siguiente los artistas italianos Giacomo Balla, UmbertoBoccioni, Carlo Carrà, Luigi Russolo y Gino Severini firmaron el Manifiesto de los pintores futuristas.

El futurismo procede directamente del cubismo, incluso los primeros cuadros, son de pleno derecho, cubistas, pero evolucionan rápidamente hacia una

DISEÑO GRÁFICO 25

TEORÍA DEL COLOR estética diferenciada, debido a su obsesión por representar la velocidad. Es un movimiento, fundamentalmente, italiano.

El futurismo es el primer movimiento artístico que se organiza como tal, se reconoce y se define en 1909 a través del Manifiesto futurista, que publica el poeta Filippo Tommaso Marinetti. Se busca el escándalo, se admira la velocidad y la tecnología, las señas de identidad del mundo moderno y pretende romper con el pasado. Nada del pasado merece la pena ser conservado. Condenan a los museos, a los que considera como cementerios. Pretenden, y valoran, la originalidad por encima de todo.

TAREA

1. Identificar los principios de la luz y el color a través de sus diferentes síntesis.

2. Elaborar cuadros comparativos de las diversas corrientes pictóricas en lo que a uso del color refiere.

3. Elaborar proyecciones con lámparas de colores aditivos. 4. Elaborar Círculo cromático y combinaciones de color a tempera. 5. Elabora un disco Newton.

Filippo Tommaso Marinetti Manifiesto futurista

DISEÑO GRÁFICO 26

TEORÍA DEL COLOR II. MODELOS DE COLOR.

2.1. DESCRIPCIÓN DE MODELOS DE COLOR.

Método diferente de descripción de color. En su libro Teoría de los colores, el poeta y científico alemán Johann Wolfgang von Goethe propuso un círculo de color simétrico, el cual comprende el establecido por el matemático y físico inglés Isaac Newton y los espectros complementarios. En contraste, el círculo de color de Newton, con siete ángulos de color desiguales y subtendidos, no exponía la simetría y la complementariedad que Goethe consideró como característica esencial del color. Para Newton, solo los colores espectrales podían considerarse como fundamentales. El enfoque más empírico de Goethe le permitió admitir el papel esencial del color magenta, que no es espectral, en un círculo de color. Posteriormente, los estudios de la percepción del color definieron el estándar CIE 1931, el cual es un modelo perceptual que permite representar colores primarios con precisión y convertirlos a cada modelo de color de forma apropiada.

2.2. TEORÍA DE OSTWALD.

En 1916 Wilhelm Ostwald elaboró una teoría psicológica por la que separaba los colores en fríos y cálidos. En la rueda cromática, los colores cálidos estarían a la izquierda e irían desde el amarillo al azul intenso pasando por el magenta y todas las mezclas intermedias posibles; y los colores fríos estarían a la derecha e irían desde el amarillo hasta el azul intenso, pasando por el azul claro y todas las mezclas posibles.

DISEÑO GRÁFICO 27

TEORÍA DEL COLOR 2.3. CÍRCULO CROMÁTICO.

El círculo cromático o rueda de colores, es una representación ordenada y circular de los colores de acuerdo con su matiz o tono, en donde se representa a los colores primarios y sus derivados. Su uso es compatible tanto con los modelos sustractivos de color (artístico, pictórico), como con los modelos aditivos (lumínicos).

Los círculos cromáticos en la actualidad pueden representarse escalonados o en degradé (como en la imagen).

DISEÑO GRÁFICO 28

TEORÍA DEL COLOR

Los escalonados pueden tener cualquier cantidad de colores según el autor, por lo general son 6, 12, 24, 48 o incluso más. El denominado hexagrama por ejemplo, es una estrella que se coloca en el centro del círculo cromático, donde la cantidad de picos corresponde a cada color y se pueden mostrar los opuestos o complementarios.

2.4. MODELO TRADICIONAL DE COLORACIÓN (RYB).

El modelo tradicional de coloración, también llamado modelo de color RYB (Red, Yellow, Blue = rojo, amarillo, azul) es un modelo de coloración que permite obtener una amplia gama de colores a partir únicamente de tres colores primarios: rojo, amarillo y azul. Con la mezcla simple entre ellos se obtiene los colores secundarios: naranja, verde y púrpura.

DISEÑO GRÁFICO 29

TEORÍA DEL COLOR Es un modelo de síntesis sustractiva de color usado tradicional e históricamente en las artes plásticas (como la pintura) y que precede al modelo CMYK que es de uso en impresión y fotografía actual, el cual reemplaza el azul por el color cian y el rojo por magenta.

De acuerdo con la educación escolar y artística impartida en nuestros días, es muy común la referencia al azul, rojo y amarillo como colores primarios y se piensa en ellos en sus tonos más vivos. Igualmente, la comercialización de los medios de coloración usados en el estudio elemental de las artes plásticas contribuye a la confusión en la comprensión de este modelo.

Sin embargo, como puede notarse al conocer los estudios de siglos anteriores, los colores usados en artes plásticas, decoración, textiles e impresiones, dependen de los pigmentos de cada época, que en este caso eran naturales. Así pues, el rojo primario, o "primitivo" como se le decía entonces, se trataba en realidad de la búsqueda de un tono claro de carmín, carmín de alizarina, carmesí o grana. Para el azul primitivo se habría buscado tonos claros de azul ultramar natural, azul de Prusia, azul cobalto pictórico o azul cerúleo genuino.

2.5. MODELO DE COLOR CMYK.

El modelo CMYK (siglas de Cyan, Magenta, Yellow y Key) es un modelo de color sustractivo que se utiliza en la impresión en colores. Es la versión moderna y más precisa del antiguo modelo tradicional de coloración (RYB), que se utiliza aún en pintura y artes plásticas. Permite representar una gama de color más amplia que este último, y tiene una mejor adaptación a los medios industriales.

DISEÑO GRÁFICO 30

TEORÍA DEL COLOR Este modelo se basa en la mezcla de pigmentos de los siguientes colores para crear otros más:

C = Cyan (Cian).

M = Magenta (Magenta).

Y = Yellow (Amarillo).

K = Black o Key (Negro).

La mezcla de colores CMY ideales es sustractiva (puesto que la mezcla de cían, magenta y amarillo en fondo blanco resulta en el color negro). El modelo CMYK se basa en la absorción de la luz. El color que presenta un objeto corresponde a la parte de la luz que incide sobre éste y que no es absorbida por el objeto.

El cian es el opuesto al rojo, lo que significa que actúa como un filtro que absorbe dicho color (-R +G +B). Magenta es el opuesto al verde (+R -G +B) y amarillo el opuesto al azul (+R +G -B).

2.6. MODELO DE COLOR RGB.

RGB –Red(rojo), Green(verde), blue(azul)- es un modelo aditivo de color que se utiliza en las imágenes digitales y en los monitores de color. Los colores se definen claramente mediante valores que indican la combinación de los tres colores primarios. Por ejemplo, un rojo cálido se define como R= 255, G= 0 y B= 0. Pero esta definición no nos informa, en realidad, de cómo el ojo percibe este color. Además, la percepción de un cierto valor del color varía según el monitor o el escáner utilizados, o sea, que un color determinado no se percibirá necesariamente de forma idéntica en distintos periféricos.

DISEÑO GRÁFICO 31

TEORÍA DEL COLOR 2.7. ARMONÍAS DE COLOR.

La armonía de color es concebida como el conjunto de técnicas que se aplican a la creación de un colorido para lograr cierto equilibrio en la interacción de los colores que lo componen. Asimismo se denomina así al efecto estético de calma que ese equilibrio produce en el espectador.

La tradición de la Armonía cromática ha implicado una incorporación sucesiva de conceptos, entre los que destacan: el ajuste cromático, la complementariedad, la extensión cromática, el acorde cromático y la coloración acorde.

El concepto de ajuste cromático constituye un verdadero principio de la armonía del color. Se basa en la obtención de una proporción y correspondencia óptimas entre los colores. La idea de complementariedad armónica se relaciona con la oposición de las tonalidades perceptuales del color, fenómeno que se produce de manera natural en las imágenes. El concepto de extensión cromática alude a las dimensiones de los coloridos. El acorde cromático consiste en un colorido que posee una proporción conveniente entre los colores acordes que lo componen. Por último, se da el nombre de coloración acorde a cada color que se encuentra combinado de forma ajustada con otros en un colorido.

En todas las armonías cromáticas se pueden observar tres colores: uno dominante, otro tónico y por último otro de mediación. Dominante: Es el más neutro y de mayor extensión, sirve para destacar los otros colores que conforman nuestra composición gráfica, especialmente al opuesto.

DISEÑO GRÁFICO 32

TEORÍA DEL COLOR El tónico: Es el complementario del color de dominio, es el más potente en color y valor, y el que se utiliza como nota de animación o audacia en cualquier elemento (alfombra, cortina, etc.) El de mediación: Actúa como conciliador y modo de transición entre cada uno de los dos anteriores, suele tener una situación en el círculo cromático cercano a la de color tónico. Por ejemplo: en una composición armónica cuyo color dominante sea el amarillo, y el violeta sea el tónico, el mediador puede ser el rojo si la sensación que queremos transmitir sea de calidez, o un azul si queremos que sea más bien fría. El círculo cromático se usa muy a menudo para armar o determinar las armonías de color que se van a usar en determinada obra artística. En este sentido, hay varias clases de armonías de color, entre ellas, las siguientes: Esquema análogo: Cuando se utilizan colores relacionados estrechamente en el círculo cromático. Estos permiten al ojo humano pasar fácilmente de uno al otro y se les llama análogos porque uno de los colores se repite en los demás. Se pueden hacer esquemas análogos de tres ó de cuatro colores. Ejemplo: Rojo, rojo-naranja y naranja ó rojo, rojo-naranja, naranja y amarillo-naranja. Es recomendable utilizar más un color que de otro, así se le da a su ambiente más movimiento. Esquema de complementarios: Los colores complementarios son los que están diametralmente separados en la rueda de colores; al usarlos se crean armonías muy vistosas y contrastantes. Ejemplo: Rojo y Verde. Al elegirlos para un proyecto hay que ser cuidado con la tonalidad para evitar efectos chocantes a la vista. Tríada equidistante: Se compone de tres matices cualesquiera ubicados a igual distancia entre sí en el círculo cromático; es decir, en forma de un triángulo equilátero. Ejemplo: violeta, verde y naranja, o rojo azul y amarillo como Superman. Hay una alternativa a la tríada equidistante. Esquema complementario dividido: Aquí se combina cualquier color del círculo de colores con los colores ubicados a ambos lados del color opuesto. Ejemplo: amarillo, violeta-rojo y azul-violeta.

DISEÑO GRÁFICO 33

TEORÍA DEL COLOR Dobles complementarios: Dos parejas de colores complementarios entre sí. El resultado es muy variado pero es un esquema difícil de armonizar. Se escoge un color como dominante, al que los demás quedarán subordinados Los colores dobles complementarios son dos colores que en el círculo cromático están situados frente a frente, por ejemplo Magenta-verde y Rojo-cian serian dobles complementarios, o Doble armonía de complementarios.

2.8. PSICOLOGÍA DEL COLOR.

Cuando hablamos de la psicología de color, nos referimos a las connotaciones que tienen los colores en las personas, pero es importante también hablar que sus denotaciones, para poder comunicar claramente al persuadir a un público objetivo o target. Blanco. Aunque el blanco no es un color, sino más bien es la presencia de luz, es importante revisar sus connotaciones y denotaciones. Color, que denota la nieve, el hielo y las nubes. Connotaciones positivas. Identificado con la inocencia, la divinidad, la pureza, la armonía. Denota limpieza, salud, maternidad, virginidad. Utilizado para transferir paz y tranquilidad, frescura, frecuentemente asociado con el minimalismo. Connotaciones negativas. Como tipo cultural, representa la muerte en Oriente. Una de las connotaciones negativas más fuertes es que puede transmitir el sentimiento de soledad o frialdad, aislamiento, relacionado con la frase, “estoy en blanco”, es decir no tengo nada.

DISEÑO GRÁFICO 34

TEORÍA DEL COLOR Negro. Aunque el negro no es un color, sino más bien es la ausencia de luz, es importante revisar sus connotaciones y denotaciones. Al ser el opuesto del blanco, funciona como contraste de todos los colores claros, y asocia todos los valores contrarios a los del blanco. Puede ir desde las asociaciones más tenebrosas o fúnebres a las combinaciones más elegantes. Es un color que siempre contrasta bien con otros colores. Denota ausencia, seriedad, estatus, firmeza, fuerza, elegancia, luto. Se lo asocia con valores negativos como la lista negra, el mercado negro, la oveja negra de la familia. Connotaciones positivas. Color símbolo de la oficialidad, la elegancia y la alta sociedad. Connota responsabilidad y decoro. Cuando se emplea en espacios pequeños, tiene una cualidad que crea brillo a los colores cálidos y claros, particularmente actúa como color de fondo. Los jóvenes adoptaron el color negro como un símbolo de su rechazo a las sociedades y sus valores. Connotaciones negativas. De manera negativa es el color del misterio la tristeza, el reposo y la pena. Se lo relaciona directamente con el silencio, el vacío negativo y lo infinito. Evoca la muerte el miedo, la desolación, lo impuro, lo maligno.

Gris. Neutral, ya que armoniza con casi todos los tipos de colores y armonías. Evoca días grises, las telarañas, el polvo, las guerras, aeroplanos, barcos cañones

DISEÑO GRÁFICO 35

TEORÍA DEL COLOR Connotaciones positivas. Significa equilibrio, paz y elegancia, inteligencia. Color masivo, mecánico y metálico de las grandes urbes; hormigón, cemento, maquinaria pesada, Industria. Connotaciones negativas. Simboliza indecisión y bipolaridad, melancolía resignación, inseguridad, timidez, mediocridad, expresa duda e inseguridad, así como ausencia de energía y tristeza.

Rojo. Es un color juvenil, elegante cuando es oscuro, desde los tiempos memorables representa la vida y es asociado al planeta Marte, rojo es el color de la guerra y la revolución. Denota Peligro, alarma, pasión, fuerza, vida, sexo, violencia, Amor, alegría, pasión, fuerza, Corazón, la carne, lujuria, rabia, pasión, el crimen, la emoción, fuerza. Connotaciones positivas. El color del movimiento y la vitalidad, Caliente, penetrante, provocativo, excitante, dinámico, animado, estimulante y apasionado. Es simbólicamente

DISEÑO GRÁFICO 36

TEORÍA DEL COLOR comparado a todo lo vital de la vida y de la tierra. Ejemplo la sangre y la madurez de las frutas. Aumenta la tensión muscular, activa la respiración. Estimula la presión arterial y es más adecuado para las personas retraídas y los reflejos lentos. Es un color emotivo, capta la tensión rápidamente y ejerce un mayor impacto emocional. Utilizado en señales de peligro, riesgo, advertencia y temor. Connotaciones negativas. Disputa, desconfianza, crueldad, crimen, lujuria y rabia. En grandes áreas los rojos pueden parecer diseños violentos, frenéticos y agresivos.

Naranja. Es un color excelente para avisos de comidas ya que invitan al deseo, trasmite energía, alegría, euforia, felicidad atracción, creatividad. Es un color que encaja muy bien con la gente joven, por lo que puede ser usado para conectar con este target. Connotaciones positivas. Es uno de los colores de la tierra, así que es fácilmente reconocible como un color que representa el sol, el fuego, las llamas, los colores del otoño y las

DISEÑO GRÁFICO 37

TEORÍA DEL COLOR cosechas. Es ardiente, estimulante, brillante, emotivo, color de precaución, provocativo, animado, expansivo, rico, extrovertido erótico, exótico, excitante. Connotaciones negativas. Sobre estimulante, atrevido puede crear una impresión agresiva o de acción, el naranja oscuro sugiere engaño y desconfianza. Color que cansa fácilmente.

Amarillo. Es un color de vitalidad extrema, ya que hace referencia a la energía solar, la luz incandescente, el sol, el color de la energía del ser humano, es el color que da vida. Color que representa a la creatividad, el poder, la verdad, la Felicidad, sabiduría, de la iluminación, oro. Color que está íntimamente ligado a la riqueza. Produce irritabilidad y opresión, es un color que no es tolerable durante mucho tiempo de exposición. Connotaciones positivas. Es el color de la alegría, la felicidad, la ciencia, el conocimiento, la creatividad, la compresión. Por tener un amplio espectro visual estimula los centros nerviosos y facilita la percepción por lo que es fácilmente escogido por los

DISEÑO GRÁFICO 38

TEORÍA DEL COLOR publicistas para comunicar un mensaje. Es el color masreflectivo de la gama cromática, ya que parece que irradiara luz hacia fuera además si lo observamos a distancia sufre pocos cambios. Simboliza la inteligencia e intelectualidad, la fuerza, la potencia, la voluntad y el buen humor. Connotaciones negativas. De manera negativa connota hostilidad, traición, arrogancia y Cobardía. Durante muchos años se ha mencionado el color para hacer referencia del sensacionalismo o amarillismo. Es utilizado para representar la enfermedad y la cuarentena y también es utilizado al hacer referencia de peligro, riesgo o advertencia en las señales de tránsito. También es relacionado a la grasa y sus derivados.

Verde. Es un color muy ambivalente porque tiene connotaciones positivas y negativas con igual fuerza, por ejemplo es el color de la naturaleza ya que hace referencia al campo y al aire libre, pero también hace recordar a las guerras o acciones tácticas ya que es el color del camuflaje de los uniformes de los soldados. Connotaciones positivas. Es el color de la vida, del renacimiento de la primavera. Simboliza la esperanza, la fe y la regeneración, el frescor, tranquilidad. Color sedante e hipnótico que produce calma, quietud, frescura y paciencia. Se lo relaciona con la estabilidad y la seguridad. Es el color de la juventud la fertilidad, la realidad, el crecimiento, la esperanza y la compañía, es un color fresco y húmedo, es útil para equilibrar las emociones y liberar el espíritu, evoca la razón y la lógica.

DISEÑO GRÁFICO 39

TEORÍA DEL COLOR Connotaciones negativas. Es el color de los celos, el veneno, de la inmadurez, de la decadencia el moho la podredumbre y la corrosión. Es un color físicamente ajeno a los seres humanos. Es el color de los reptiles, históricamente relacionados a eventos negativos o personalidades impulsivas.

Azul. Es un color juvenil, deportivo. Es el color que representa el planeta, el agua, la profundidad e inmensidad del océano, el cielo. Connota claramente el espíritu, la limpieza, inmortalidad fidelidad la Fe, sabiduría, el poder. Simboliza descanso, serenidad, relajación y quietud, fidelidad, verdad e inmortalidad; así como el misterio y el misticismo, lo inmaterial y lo frío. Connotaciones positivas. Este es el color de la simpatía, la amistad y la confianza. Se lo relaciona con el cielo, y por eso es el color de lo divino, de lo eterno, de la paz. Es un color serio y de amplia experiencia por eso connota permanencia, seguridad, orden, precisión, eternidad. Mantiene asociaciones simbólicas e históricas con la nobleza (sangre azul). Es el color principal de las cualidades intelectuales, la inteligencia, la ciencia, la fantasía y la concentración. Este es el polo pasivo, tranquilo, opuesto al rojo activo, fuerte. Ejerce un efecto calmante y rebaja la presión sanguínea, por eso está vinculado a las emociones profundas y la ilusión.

DISEÑO GRÁFICO 40

TEORÍA DEL COLOR Connotaciones negativas. Tiene connotaciones de desesperación fanatismo e intolerancia Ya que es un color de bajo espectro luminoso, nos lleva fácilmente a relacionarlo con la duda, tristeza melancolía, ya que nos recuerda el frio de los amaneceres o la tonalidad azulada de la niebla o días de invierno. Es el color Frio por naturaleza, nos lleva a la insensibilidad, aislamiento, depresión, desesperación. En tonalidades oscuras nos lleva a relacionarlo con poderes ocultos, la oscuridad, lo irreal y las tinieblas.

Violeta. Color relacionado con la Realeza, dignidad, ostentación, el alto rango de reyes y cardenales de la iglesia. Este color inspira respeto por ello se lo relaciona con el duelo y la penitencia. Connotaciones positivas. Color delicado fresco y de acción sedante, se lo relaciona con los profundos sentimientos, la intimidad, la espiritualidad, la experiencia y la magia. Es el color menos natural, porque es el menos habitual en la naturaleza. Esto hizo que sea el color más difícil de conseguir, por ello extremadamente caro y solo accesible para las clases más altas, de gobernantes y reyes. Es así como convirtió en el color del poder. Connotaciones negativas. Relacionado con el duelo por la muerte, dolor, tristeza y la aflicción al igual que el negro, por su parecido en tonalidades oscuras, así que también puede lucir opresivo, aterrador y es color de la superstición.

DISEÑO GRÁFICO 41

TEORÍA DEL COLOR

Marrón. El propio de la tierra relacionado con lo masculino, lo tradicional y lo añejo. Connotaciones positivas. Color neutral intensivamente relacionado con la calidez, la alegría y Madurez. Color saludable que inspira confort y seguridad y simboliza los aspectos naturales, orgánicos y de los productos. Hace referencia a sensaciones gustativas como el café y el chocolate, pero también recuerda la madera, la nobleza profunda y cualidades elementales muy enraizadas Connotaciones negativas. Relacionado con lo feo y lo antipático, como lo sucio, la inmundicia, las cosas que se pudren o descomponen. En la naturaleza es el color de lo marchito, de lo que se extingue, del otoño. Es el color de la pereza, el egoísmo, la apatía, esto dependiendo de la escala cromática en que se encuentre ya que siempre será un color neutral. Provoca cierta nostalgia debido a que se lo relaciona con las fotos antiguas.

DISEÑO GRÁFICO 42

TEORÍA DEL COLOR

2.9. LOS COLORES TIERRAS.

Las tierras de colores son determinados minerales o tierras que, una vez aglutinados, son usados en la pintura, como pigmentos para obtener diversos colores. Las tierras de color son un tipo de pigmento natural. El uso de tierras de colores se inició en la pintura prehistórica, tuvo un gran impulso en la pintura del antiguo Egipto y constituye una de les bases para hacer colores hasta el advenimiento de la Revolución industrial. Otras bases son los pigmentos de origen vegetal o animal. Las tierras de colores son tierras naturales sin manipulaciones o con manipulaciones mínimas como el secado para eliminar la humedad o el triturado para deshacer los grumos y obtener una textura pulverulenta. No deben confundirse con los colores o pigmentos en polvo llamados "tierras", los cuales son, juntamente con los aglutinantes, uno de los ingredientes de los colores modernos para pintar. Los nombres de los colores de la gama de los amarillos y ocres como el siena natural o el siena tostada (conocidos también como: tierra siena natural o tierra

DISEÑO GRÁFICO 43

TEORÍA DEL COLOR siena tostada), hacen referencia a las tierras de la Toscana, en el entorno de la ciudad de Siena que fueron usadas para obtener pigmentos que según el contenido de óxidos de hierro proporcionaban uno u otro color. La escuela sienesa de pintura, durante el Trecento difundió el uso y popularidad de estos pigmentos y colores. Las tierras de colores más conocidas y usadas en la Historia de la pintura además de las ya citadas sienas son las siguientes:

- El cinabrio del que se hacía uso para el color rojo. - La malaquita que proporcionaba el color verde. - La azurita que, como sugiere su nombre, daba el color azul. - El rejalgar, que es un sulfuro de arsénico natural muy venenoso, del cual se

hacia el color anaranjado. - El yeso, para el color blanco.

Los colores tierras son utilizados en la actualidad en distintos campos del diseño. Uno de esos campos es el diseño Gráfico donde generamos diversas propuestas gráficas que se reproducirán en medios impresos o medios digitales, es muy importante su uso, así que es inclusive insertado como librerías en distintos programas de diseño.

2.10. LOS COLORES PANTONE.

Pantone Inc. es una empresa con sede en Carlstadt, Nueva Jersey (Estados Unidos), creador del Pantone Matching System, un sistema de identificación, comparación y comunicación del color para las artes gráficas. Su sistema de definición cromática es el más reconocido y utilizado por lo que normalmente se llama Pantone al sistema de control de colores. Este modo de color a

DISEÑO GRÁFICO 44

TEORÍA DEL COLOR diferencia de los modos CMYK y RGB suele denominarse color sólido. Pantone fue adquirida en octubre de 2007 por X-Rite Inc. Surge en los años 60 y ha funcionado desde entonces hasta nuestros días como un sistema efectivo para la igualación de color, esta guía es un libro en forma de abanico y ha tomado importancia internacional. Se puede decir que todos los impresores, aunque sea un taller pequeño de imprenta conocen este sistema, aquí en Perú, en China, en E.U.A. y todas partes del mundo. Tiene una importancia de mucho peso en las artes gráficas, ya que una empresa pude rechazar un trabajo si no se cumple el impreso con el color Pantone solicitado. Cada color se describe por una numeración y unas siglas en función de la superficie o material en el que se va a aplicar el color: M para acabado mate, C y CP para papel estucado (Coated), EC para estucado según el estándar europeo (Euro Coated), U y UP para papel texturado (Uncoated), TC y TCX para tejidos (Textil Color eXtended), TPX para papel (Textil Papere Xtended), Q para plásticos opacos.

La ventaja de este sistema es que cada una de las muestras está numerada y una vez seleccionada es posible recrear el color de manera exacta. Para hacernos una idea, es algo parecido a las cartas de colores que miramos cuando vamos a seleccionar un color para pintar nuestra casa. Pantone ha ampliado su sistema a otros sectores que también trabajan con el color, como el diseño web, los textiles, los plásticos, el interiorismo y la pintura, creando distintas gamas de colores: solid, pastels&neons, metallic, plastic, color bridge, CMYK, Goe Guide, Goe Bridge y Fashion+Home. TAREA. Elabora procesos sustractivos en función a diferentes tipos de pigmentos para impresión y estampado. Elabora combinaciones de color en función a tintas de impresión. Elabora la teoría de las tierras en base al proceso RYB. Elabora selección de colores Pantone por códigos de registro.

DISEÑO GRÁFICO 45

TEORÍA DEL COLOR III. ESPACIOS DE COLOR.

3.1. ESPACIOS DE COLORES.

Es la combinación de un modelo de colores, donde cada color tiene una representación matemática, lo cual nos permite crear una relación entre un modelo de colores y un espacio de colores que sirven de referencia. Se crearon con la finalidad de estandarizar la gama de colores que pueden ser reproducidas en determinadas circunstancias, por ejemplo un dispositivo de salida, como puede ser un monitor o una impresora.

Funcionamiento del color en pantalla.

Existen diferentes tipos de pantallas, pero todas comparten los principios de visualización de los colores luz, RGB, aunque de diversas maneras. En una pantalla TRC (tubo de rayos catódicos) o monitor convencional, la imagen aparece mediante partículas fosfóricas brillantes, elementos químicos que se degradan con el paso del tiempo. Una precisa retícula de puntos rojos, verdes y azules se proyecta sobre la cara interna de la pantalla.

Cada uno de los tríos de puntos rojos, verdes y azules corresponden a un píxel. Entonces podemos decir que un píxel es la menor unidad homogénea en color que forma parte de una imagen digital, ya sea ésta una fotografía, un fotograma de vídeo o un gráfico. Los valores de rojo, verde y azul determinan el valor general del píxel. Este trío diminuto, al juntarse con sus vecinos, crea la ilusión del color. La demanda de computadores portátiles, llevó a desarrollar la tecnología de pantallas de cristal líquido o LCD. En estas pantallas, los colores se producen activando selectivamente cada uno de los transistores minúsculos emplazados en la parte trasera de las pantallas negras. Cada transistor equivale a un píxel cubierto por un filtro rojo, verde o azul. Un monitor LCD estándar puede llegar a tener un total de más de dos millones de píxeles RGB.

DISEÑO GRÁFICO 46

TEORÍA DEL COLOR

Otra tecnología corresponde a las pantallas de plasma o PDP, las cuales se utilizan mayoritariamente para visualizaciones de gran tamaño aunque más recientemente también para portátiles. Este diseño está basado en una inteligente combinación de los principios de TRC y LCD, pero el hecho de respaldarse de partículas fosfóricas significa que los monitores seguirán teniendo una vida limitada. La gestión de color para la visualización en línea es muy diferente de la gestión de color para medios impresos. Con las impresiones, el usuario tiene mucho más control sobre el aspecto del documento final. En línea, el documento se visualizará en una amplia gama de monitores y sistemas de visualización de vídeo posiblemente no calibrados, y el control sobre la coherencia del color se verá bastante limitado. El trabajo con colores en pantalla. Para el trabajo con colores en pantalla son:

a) Al trabajar con color para pantalla, como web o audiovisual, la opción está entre trabajar con colores seguros o con color verdadero. La visualización será correcta si el color se limita a una paleta de 216 colores “seguros” elegidos desde el punto de vista aritmético en lugar del estético. Las imágenes de color verdadero se reproducen bien en los monitores de más de 256 colores, u 8-bits; pero a éste “a todo color” debe tratarse con mucho cuidado para conseguir un tiempo de descarga moderado en web, o un archivo de peso moderado para un trabajo audiovisual.

b) Las imágenes con las que se trabaja siempre deben guardarse en formatos sin pérdida de color o calidad, por ejemplo los archivos originales de Photoshop, formato .PSD. Los métodos de compresión con pérdida, como .JPEG, solo deben utilizarse en la última fase antes de exportar el archivo para Web o para video. Si los archivos se guardan repetidamente con

DISEÑO GRÁFICO 47

TEORÍA DEL COLOR

compresión JPEG, poco a poco se irá deteriorando la calidad de la imagen y se perderá color.

c) Las imágenes de colores seguros deben convertirse lo antes posible a color indexado (mejor que a modo RGB) para que conserven el color en todo el proceso. Como la compresión .GIF no pierde información, con ellos puede guardarse en este formato una y otra vez.

d) Los archivos JPEG retienen toda la información sobre el color a 24-bits de profundidad (millones de colores), pero no tienen ninguna aplicación para reducir el número de colores. Pero si pueden retener información sobre la resolución final, por lo que al trabajar para pantalla se recomienda fijar la resolución en 72 dpi, ya que esta resolución corresponde a la óptima para el trabajo de imágenes a color, en pantalla.

e) Los archivos GIF utilizan colores limitados como máximo a 8-bits de profundidad, lo que les convierte en ideales si la intención es ocupar colores seguros para pantalla.

f) Si se requiere, en el trabajo para pantalla, antes de publicar un elemento, éste puede verificarse a una profundidad de color alta y a una baja, normalmente a 24-bits y a 8-bits, para ver sus variaciones y la pérdida de color real.

g) Antes de comenzar a trabajar con colores en pantalla, ya sea tanto para su visualización digital como para su posterior impresión, es adecuado realizar una calibración al monitor, que permitirá acercar los colores a los resultados finales deseados.

3.2. MODELOS Y ESPACIOS DE COLOR.

De acuerdo con los valores numéricos que miden los componentes cromáticos, se usan unos cuatro modelos aditivos de color: CIE, RGB, HSL/HSV, y vídeo compuesto. Estos modelos funcionan a su vez en sistemas de interpretación del color llamados espacios de color. Históricamente, el primer modelo de iluminación de color para producción de imágenes, fue desarrollado por la Comisión Internacional de la Iluminación en 1931. Presenta los siguientes espacios de color: Modelo CIE. La CIE (Comisión Internacional de Iluminación) es la autoridad internacional en cuestiones de luz, iluminación, color y espacios de color. Gracias a esta entidad, podemos entender mejor el funcionamiento del color. La CIE estableció en los años 30 una serie de normas para los diferentes espacios de color que representan el espectro visible. Gracias a estas normas, podemos hacer comparaciones entre los diversos espacios de color de los visores y

DISEÑO GRÁFICO 48

TEORÍA DEL COLOR dispositivos., es el espacio de color más antiguo, en donde X es una luz con longitudes de onda del rojo al verde, Y es luminosidad y Z se aproxima al azul. Para definir al espectador medio y su respuesta al color, la CIE hizo una serie de pruebas sobre una amplia muestra de personas. Definieron un espectador medio, al que denominaron “observador estándar”, con tres tipos de sensores de color que responden a diferentes gamas de longitud de onda. Así, un área de trazado completa de todos los colores visibles, la percibe como una figura tridimensional. CIE-XYZ. La CIE desarrolló el sistema de color XYZ o estándar. En la actualidad, este sistema se sigue usando como referencia para definir los colores que perciben el ojo humano y otros espacios de color. El modelo RGB se basa en colores primarios aditivos. Por el contrario, el CIE-XYZ se basa en 3 primarios imaginarios con caracterización espectral (X, Y y Z), que son los que representan el color (ondas electromagnéticas). Éstos se combinan para formar todos los colores visibles por el “observador estándar”. CIE xyY. La CIE quería representar de forma eficaz una figura tridimensional sobre una hoja de papel (bidimensional). Para ello, transformó el espacio tridimensional del color en dos dimensiones artificiales de color o “cromaticidad,” y una de intensidad. Seguidamente, tomaron una porción bidimensional de este espacio y le dieron el máximo nivel de intensidad. Esa porción se convirtió en el diagrama de cromaticidad o “diagrama de cromaticidad CIE xyY” (fig. 1).

La representación de los colores depende del espacio de color del dispositivo que muestra las imágenes. La gama de todos los colores visibles del estándar CIE es una figura con forma de lengua. El extremo curvado corresponde a los colores del espectro visible. El extremo recto (la línea de color púrpura) corresponde a los tonos de púrpura que están fuera del espectro. En la parte interior de la figura están los colores menos saturados, por eso el blanco se

DISEÑO GRÁFICO 49

TEORÍA DEL COLOR sitúa en el centro. Las gamas de colores se representan mediante áreas del diagrama de cromaticidad CIE 1931 (fig. 2). El extremo curvado representa los colores monocromáticos. Las áreas de la gama de colores tienen forma triangular porque, en la mayoría de los casos, la reproducción del color se basa en tres colores primarios.

El diagrama de cromaticidad es una herramienta que muestra cómo percibe la luz el ojo humano dentro de un determinado espectro. No permite especificar el color de los objetos ni las tintas para imprimir. Esto es así porque la cromaticidad que vemos al mirar un objeto depende también de la fuente de luz. Los puntos de corte en el lado de longitud de onda corta y larga del diagrama, se eligen de forma arbitraria. Podemos ver luz con una longitud de onda de hasta 810 nm, pero con una sensibilidad miles de veces más baja que con luz verde. El modelo de color CIELAB (L*a*b*). Para mejorar la representación del color, la CIE desarrolló en 1976 el modelo de color Lab (fig. 3). Es el modelo de color más completo. Se usa habitualmente para describir todos los colores que puede ver el ojo humano. Las diferencias de color que se perciben como iguales en este espacio de color tridimensional, tienen distancias iguales entre ellas. Esta diferencia se expresa mediante el valor delta-E (DE). El delta-E permite medir los cambios de matiz y densidad.

DISEÑO GRÁFICO 50

TEORÍA DEL COLOR Es la descripción matemática de la distancia entre dos colores. Para calcular el delta-E de dos colores, se necesitan sus valores L*a*b*. El delta-E es la distancia entre los dos puntos dentro del espacio de color L*a*b*. El observador medio sólo percibe diferencias superiores a 5 ó 6 delta-E. Sólo un ojo bien preparado percibe diferencias de 3 ó 4 delta-E. El ojo humano es mucho más sensible a los cambios en los niveles de gris y tonos medios. En esos casos, puede llegar a percibir hasta una diferencia de 0,5 delta-E. Podemos identificar cada color de forma precisa mediante sus valores “a” y “b” y su brillo (“L”). Los tres parámetros del modelo representan la luminancia del color. “L” es la posición entre el rojo y el verde (el valor mínimo corresponde al negro), “a” es la posición entre el amarillo y el azul (el valor mínimo corresponde al verde), y “b”, la escala en referencia al punto blanco (el valor mínimo corresponde al azul). La ventaja de este espacio de color es que es más objetivo, ya que no depende del dispositivo. Una misma combinación de a, b y L sirve para describir siempre el mismo color de forma exacta. Por eso, CIELAB sirve como referencia en el proceso de conversión de colores en los sistemas ICC.

Hunter Lab o CIE 1948 o Hunter L, a, b: es un espacio CIE XYZ mejorado.

- CIE UCS o CIE 1960. - CIEUVW o CIE 1964. - CIELUV o CIE 1976 L*u*v*.

DISEÑO GRÁFICO 51

TEORÍA DEL COLOR LAB o CIELAB o CIE 1976 L*a*b*: espacio tridimensional en donde L* es luminosidad de negro a blanco, a* va de rojo a verde y b* es la gradiente del azul. Se usa en Adobe Photoshop, perfiles ICC, archivos TIFF y documentos PDF. Modelo de los colores primarios en pantalla (RGB). Los espacios de color se derivan de modelos de color. Dan información adicional importante sobre escalas o referencias. Por ejemplo, los espacios de color sRGB o Adobe RGB (1998), definen una escala que permite representar el color. Ambos proceden del modelo de color RGB. Sirven de representación geométrica tridimensional (medida cuantitativamente), para los colores que pueden verse o generarse mediante el modelo de color RGB. El espacio de color sRGB o estándar RGB, viene del inglés “Red Green Blue” (rojo, verde y azul). Es un espacio de color creado por Hewlett-Packard y Microsoft, y adoptado por las más destacadas empresas (ver fig. 4). El sRGB utiliza el rojo, verde y azul como colores primarios. Uno de los tres canales está en su valor máximo (255), y los otros dos están a cero, con un valor gamma de 2,2. El sRGB se diseñó en 1996 para usarlo en monitores CRT. Se suele utilizar en imágenes pensadas para Internet.ElsRGB tiene una amplísima difusión en la industria de las artes gráficas. Se ha convertido en el espacio de referencia para Windows y para los expertos de la imagen. Sin embargo, los editores profesionales suelen criticar su reducida gama de colores. Hay colores que son visibles y pueden reproducirse en CMYK, pero que el espacio sRGB no puede mostrar.

Espacio de color pantalla Adobe RGB (RGB 1998).

Adobe Systems diseñó en 1998 el espacio de color Adobe RGB para representar la mayoría de los colores que se podían conseguir con las impresoras de color CMYK. Sin embargo, este espacio de color funciona sólo

DISEÑO GRÁFICO 52

TEORÍA DEL COLOR en dispositivos con colores RGB, como las pantallas de equipos informáticos. El espacio de color Adobe RGB cuenta con un 50% aproximadamente de los colores visibles definidos por el espacio de color L*a*b*. Así, mejora la gama de colores del sRGB, sobre todo los cian y verdes. Los espacios y modelos de color son referencias clave para las políticas de administración del color. Se usan en los métodos de conversión de colores descritos en la fig. 5.

Conversión de colores en pantalla. El sistema de administración de color CMS es perfecto para trabajar de forma transparente. No importa el sistema operativo, el software y los periféricos que se utilicen. Necesitamos diversos mecanismos de conversión de colores, ya que hay diferencias en la representación del color. El mecanismo de conversión más preciso es el que cuenta con referencias que no dependen del dispositivo ni de la plataforma. Los espacios de color CIELAB y CIE XYZ son elementos clave en este proceso. El International Color Consortium (ICC) es un consorcio creado en 1993 por ocho empresas líderes en el mercado. Tiene un sistema abierto de administración del color que no depende de la plataforma que se usa normalmente hoy en día. Entre los CMS que cumplen con las normas del ICC, están el Apple ColorSync para Mac OS X y el ICM para Windows. Se basa en los siguientes elementos:

• Un módulo de comparación de colores (CMM). Se trata de un software incluido en el software de la aplicación gráfica, el sistema operativo o el driver que se use. El CMM hace referencia a tablas dentro de los perfiles en las que se describe la forma en que se hace la conversión. Cada perfil contiene varias tablas. Esto permite adaptar el dispositivo al espacio de conexión de perfil (PCS).

• Un espacio de conexión de perfil (PCS). Es el espacio de referencia estándar del cual parte o al cual llega el proceso de transformación de los datos de color. El PCS es un espacio de color L*a*b* o CIE XYZ.

DISEÑO GRÁFICO 53

TEORÍA DEL COLOR • Los perfiles de color ICC describen cómo reproduce el color un dispositivo

concreto. Esto se consigue describiendo el espacio de color del dispositivo al sistema de administración del color.

Los perfiles se pueden conseguir calibrando o perfilando con herramientas compatibles con ICC, como LaCie Blue eye pro para monitores LaCie. Se pueden incluir en un documento o cargarse en una aplicación. El modelo RGB o RVA está basado en el control de la intensidad de los tres colores primarios de luz: rojo, verde y azul; aunque estos colores pueden tener variaciones de acuerdo con el espacio de color. Estos espacios de color pueden ser: sRGB: Creado conjuntamente por HP y Microsoft. Fue aprobado por el W3C, Exif, Intel, Pantone, Corel, por el Software libre y muchos otros. Es utilizado en formatos gráficos propietarios y libres como el PNG. Adobe RGB: Desarrollado por Adobe Systems y usado en computadoras y cámaras digitales para mejorar la impresión CMYK, especialmente en los tonos verde-cian. RGB de amplia gama: Adobe Systems desarrolló este espacio en 1998 para aumentar la gama de colores. ProPhoto RGB scRGB Rec. 709 Rec. 2020

Cada píxel de una pantalla, tiene 3 subpíxeles correspondientes a cada color primario.

DISEÑO GRÁFICO 54

TEORÍA DEL COLOR Modelo de las propiedades del color en pantalla (HSV/HSL).

También llamado Sistema de color de Munsell, descubierto en 1915 por Munsell. Actualmente son dos sistemas que dependen de las propiedades del color y son una transformación del modelo RGB. Se aplican en pantallas y proyectores alternativamente con RGB.

HSV o HSB: Basado en las propiedades matiz, saturación y valor.

HSL, HSI o HSD: Basado en las propiedades matiz, saturación y luminosidad.

Modelo de luma y crominancia (vídeo compuesto).

Espacio YUV. Y para la imagen en blanco y negro, U para el rango azul-verde y V el rojo-verde. Es similar el espacio YPbPr y derivados.

Está relacionado con la historia de la televisión a color, pues en 1942 se patentó la transmisión televisiva mediante dos bandas paralelas independientes: una que lleva la luma y otra la crominancia, por lo que el resultado es considerado un video compuesto. La luma lleva el brillo o luminancia en forma de imágenes monocromáticas (en blanco y negro), mientras que la crominancia lleva el colorido. Históricamente se resolvía un problema, pues en aquella época abundaban los televisores en blanco y negro, y este sistema permitía que la luma emitiera las imágenes para estos

Representaciones de HSV y HSL.

DISEÑO GRÁFICO 55

TEORÍA DEL COLOR televisores, mientras que la crominancia se recepcionaba sólo en los televisores a color. Existen varios espacios de color:

YIQ: Usado por los sistemas analógicos de televisión NTSC, que son los más importantes en América. De sus siglas, Y representa la luma o luminosidad, mientras que la crominancia o color se transmite por el componente I (rango rojo-azul) y Q (verde-azul).

YUV o Y'UV: Usado especialmente por el sistema televisivo PAL, en donde la luma se transmite por el componente Y y la crominancia por U y V. (ver imagen)

YDbDr: Se usa en el sistema SECAM, es la primera señal analógica para TV a color de Europa.

YPbPr: Señal analógica de video transmitida por 3 cables: el cable verde Y lleva la luma, y los cables azul Pb y rojo Pr llevan la crominancia.

YCbCr o Y'CBCR: Para video y fotografía digital, constituye la versión digital de YPbPr, y análogamente Y lleva la luma, Cb y Cr el color. Los sistemas analógicos se digitalizan a YCbCr previa codificación en información RGB.

XvColor o xvYCC: Fue desarrollado por Sony en 2006, aumentando la capacidad de color de 24 bits del sistema sRGB a 48 bits, lo que permite una mayor gama de color y tonos aún más vivos.

Espacio YUV. Y para la imagen en blanco y negro, U para el rango azul-verde y V el rojo-verde. Es similar el espacio YPbPr y derivados.

DISEÑO GRÁFICO 56

TEORÍA DEL COLOR 3.3. CALIBRADO DE PANTALLAS.

El calibrado es una parte de la configuración de los monitores que sirve fundamentalmente para dos cosas: una es lograr una reproducción fiel de color, y la otra es ajustar el brillo, contrate y gamma de la pantalla para que sean óptimos. Generalmente, el calibrado es algo que solo hacen los profesionales de diseño que necesitan ver los tonos en pantalla con la máxima fidelidad posible a los naturales. Sin embargo, los usuarios no profesionales también pueden beneficiarse de ello, porque hace que la pantalla sea más agradable de usar, mejora la calidad de imagen y cansa menos la vista. En algunos casos incluso ayuda a mejorar un poco la nitidez, algo que notaremos sobre todo al leer textos en pantalla.

El calibrado no es algo que se haga una sola vez y ya. Con el uso intensivo, algunos monitores van desajustándose poco a poco y perdiendo su calibrado óptimo. En otras palabras, que hay que calibrar el monitor cada cierto tiempo (cada mes o incluso menos en caso de equipos que usemos mucho).

Antes de empezar, una nota previa. El calibrado no es algo que se haga una sola vez y ya. Con el uso intensivo, algunos monitores van desajustándose poco a poco y perdiendo su calibrado óptimo. En otras palabras, que hay que calibrar el monitor cada cierto tiempo (cada mes o incluso menos en caso de equipos que usemos mucho).

Para calibrar bien el monitor, antes es preciso seguir varios pasos previos:

·Hazte con el material necesario: Hay tres formas de calibrar un monitor: mediante la configuración nativa de la pantalla, mediante aplicaciones externas, o con un colorímetro profesional. En el primer caso probablemente necesites el manual del monitor (descárgalo si no lo tienes impreso). Si vas a utilizar

DISEÑO GRÁFICO 57

TEORÍA DEL COLOR aplicaciones necesitarás descargarlas obviamente, y si tus necesidades son las de un profesional y optas por un colorímetro necesitarás que alguien te deje uno o comprarlo. Los venden desde unos 80 dólares / euros.

·Prepara el monitor: Es buena idea dejar el monitor encendido unos minutos para que vaya calentándose y alcance su estado óptimo de funcionamiento. Asimismo, hay que evitar calibrarlo en ambientes muy luminosos o con luces que incidan sobre la pantalla directamente, porque nos confundirá a la hora de elegir ajustes.

·Configura el monitor: Para que el resultado sea óptimo, el monitor debe estar ajustado en su resolución nativa. Normalmente es la resolución por defecto del monitor, pero consulta cuál es por si acaso. Asimismo, hay que ajustar la profundidad de color al máximo (normalmente 32-bit True Color). Ambas cosas las puedes cambiar en el menú de pantalla de tu sistema operativo. Adicionalmente, muchos expertos recomiendan fijar la temperatura de color en 6500k. Esta opción debería estar disponible en el menú del monitor.

Método 1: Calibrarlo a mano.

Esta es la manera más directa de calibrar un monitor, aunque ni de lejos la más cómoda ni la más precisa. La razón es que todos los monitores tienen su propia herramienta de calibración, pero los menús de configuración no suelen ser lo más cómodo del mundo.

Cada monitor tiene la función de calibrado en un lugar distinto. Para encontrarlo lo mejor es que sigas las instrucciones del manual.

Para saber lo que hay que ajustar en cada momento puedes ayudarte de algún servicio web de calibración como Photo Friday Monitor CalibrationTool, Vanity&FlatPanels o Lagom.

Ninguna de estas páginas calibra el monitor por nosotros. Lo que hacen es servirnos de guía a la hora de determinar los negros, blancos o tonos.

DISEÑO GRÁFICO 58

TEORÍA DEL COLOR

Una alternativa más sencilla a calibrar el monitor con su propio menú es hacerlo mediante la herramienta nativa del sistema operativo. En Windows 8 es tan sencillo como entrar en el panel de control, buscar “calibrar pantalla” y seguir las instrucciones. En OS X, el botón de calibrar está en el Configuración > Pantallas > Color.

Método 2: Calibrar mediante software.

De los tres métodos, es el que recomendamos por ser más sencillo que el anterior, y algo más completo. No es tan preciso como el calibrado por hardware que veremos a continuación, pero es más que suficiente para la

DISEÑO GRÁFICO 59

TEORÍA DEL COLOR mayor parte de usos. A continuación recomendamos una pequeña lista de aplicaciones gratuitas para calibrar el monitor. Es tan sencillo como descargarlas y seguir cuidadosamente las instrucciones. Una vez completado el proceso, podemos guardar el resultado para que el proceso sea automático la siguiente vez que necesitemos calibrarlo dentro de unos meses.

- Calibrize: Este sencillo software gratuito (se financia mediante banners de publicidad en la propia app) para Windows. Ayuda a calibrar los colores de la pantalla y la corrección de gamma en tres sencillos pasos.

- Quickgamma: Es una de las aplicaciones más extendidas y predilectas de muchos usuarios para calibrar su monitor. Funciona igual que el calibrado nativo de Windows, solo que es mucho más preciso. Solo está disponible en versión Windows.

- F.lux: F.lux no es una aplicación de calibrado al uso, pero muchos la encuentran imprescindible. Lo que hace es ajustar el brillo y los parámetros del monitor en función de la hora del día y los datos que le proporcionemos. De esta forma podemos lograr que la pantalla no emita un brillo cegador cuando trabajamos por la noche, y que compense la excesiva luz ambiental de primera hora de la tarde. Está disponible para Windows, Linux, OS X y hasta iPad.

Método 3: Calibrar mediante hardware (Espectrofotómetro).

Todos los métodos anteriores tienen un fallo importante: tus ojos. A menos que tengamos la agudeza visual de un águila y una aptitud especialmente buena para diferenciar colores, es probable que no ajustemos a la perfección todos los pasos.

En realidad, esto no es un problema dramático, pero puede serlo si nos dedicamos profesionalmente a la imagen. Cualquier diseñador gráfico sabe la

DISEÑO GRÁFICO 60

TEORÍA DEL COLOR importancia de que el color que sale en pantalla sea cien por cien preciso para que luego salga exactamente igual a como lo vemos cuando toque imprimirlo sobre cualquier soporte o llevarlo a una página web. Esto cobra aún más importancia teniendo en cuenta que la mayor parte de fabricantes ajustan las pantallas para que los colores se vean espectaculares, pero irreales.

En fin, si te dedicas profesionalmente a trabajar con imágenes, una buena calibración es una necesidad, y para hacerlo bien la mejor opción es un calibrador.

Se trata de un dispositivo no muy diferente de un ratón que se conecta al ordenador mediante USB y ajusta a la perfección la imagen de la pantalla sin que nosotros tengamos que dejarnos la vista.

La mala noticia es que los calibradores no son baratos. Los más asequibles nos pueden salir por un precio en torno a los 80 euros / dólares. Los modelos más avanzados sobrepasan los 200. Generalmente, usar estos dispositivos es tan sencillo como conectarlos, instalar el software que viene con ellos y activarlo. Es una solución ideal, pero reservada, en definitiva, a los profesionales del color.

3.4. EL COLOR EN LA CÁMARA DIGITAL.

EL color en la cámara fotográfica digital se obtiene mediante las múltiples opciones que tiene el programa interno de la cámara digital.

DISEÑO GRÁFICO 61

TEORÍA DEL COLOR Las fuentes luminosas con un filtro de color que trae las cámaras cambian las propiedades del color.

En otras palabras, debemos entender correctamente el manejo de la cámara digital, para de esa forma poder hacer capturas de imágenes que sirvan en el proceso de la reproducción.

La ventaja de usar el sistema de la cámara digital es que podemos disponer de las imágenes grabadas al instante, sin necesidad de llevar la película al laboratorio y revelar los negativos para poder ver las imágenes; esta ventaja en la rapidez en la disponibilidad de la imagen permite que el fotógrafo haga los cambios en el momento y realice las correcciones que considere pertinentes de forma inmediata, facilitando así lograr la imagen que se desea.

En la cámara digital pueden verse en una pantalla las fotos que se acaban de tomar. La cámara se puede conectar a una computadora u otro dispositivo capaz de mostrar las fotos en un monitor. Como están en un formato digital, las fotos pueden enviarse directamente por correo electrónico, publicarse en la Web y se pueden procesar con programas de tratamiento fotográfico en una computadora, para ampliarlas o reducirlas, realizar un reencuadre (una parte

Cámara digital internamente

DISEÑO GRÁFICO 62

TEORÍA DEL COLOR de la foto), rectificar los colores y el brillo, y realizar otras muchas posibles modificaciones según el programa que se utilice.

Otra gran ventaja de la fotografía digital es que cada vez que la cámara toma una foto crea un archivo de metadatos Exif (datos no visuales) y guarda dentro del archivo de imagen información relevante de la captura como la fecha, la hora, la apertura del diafragma, la velocidad de obturación, velocidad del ISO. Esta información es muy útil para estudiar las imágenes y entender más acerca de cada fotografía y también facilita el ordenamiento y el manejo de los archivos fotográficos.

Otros recursos útiles existentes en fotografía digital son el histograma de brillo, que es un gráfico que muestra la distribución de los píxeles de la imagen según sus niveles de brillo; así como el histograma RGB que muestra la distribución de los píxeles en los diferentes canales de color: en el caso del modo RGB, serán los canales de rojo (R:red), Verde (G:green), y Azul (B:blue). Este recurso no existe en fotografía química.

Transformaciones en la creación de fotografías digitales.

DISEÑO GRÁFICO 63

TEORÍA DEL COLOR Las cámaras digitales profesionales tienen la opción de personalizar diferentes tipos de usuario, permitiendo ajustar características importantes de la imagen como la saturación, el contraste, la nitidez y el tono de color. Además permiten un manejo personalizado del balance del blancos, lo cual puede variar notablemente la gama cromática y también permiten capturar imágenes en blanco y negro, sepia, con filtros, etc. El control fácil y rápido de la sensibilidad ISO ayuda a resolver los problemas de falta o exceso de luz.

Las cámaras digitales favorecen por otra parte una mayor producción de fotografías, en tanto el límite del costo y la cantidad de fotogramas de las películas desaparece, quedando reducido al poco conocido dato de la vida útil del obturador digital.

Transformaciones en la circulación y recepción de fotografías digitales.

La convergencia tecnológica ha llevado las cámaras digitales a los teléfonos móviles y otros dispositivos como las tabletas, aumentando el número de usuarios de la fotografía.

Exponencialmente y cada vez los nuevos modelos mejoran la calidad óptica y la resolución de la imagen, esto ha causado que la tarea del fotógrafo deba ser repensada y reestructurada. La fotografía digital ha creado una revolución del medio fotográfico. Las imágenes se visualizan cada vez más en pantallas que en papel.

En el 2015, ya son millones de usuarios los que comparten sus imágenes a través de las redes sociales como Facebook y otros sitios web especializados como Flickr o Picasa, que permiten almacenar, ordenar, buscar y compartir fotografías en línea.

Autores como Fred Richtin, Joan Fontcuberta, o Pedro Meyer han analizado estos fenómenos en el marco de lo que se ha dado en llamar "posfotografía". Estos autores apuntan que la facilidad de acceso de la fotografía digital y la abundancia de imágenes están diluyendo el rol tradicional del fotógrafo, la función social de la fotografía y las barreras de la privacidad, entre otros aspectos.

Tipos de cámaras.

Al igual que en la fotografía clásica, existen muy diversos tipos de cámaras digitales, ya sean de tamaño de bolsillo, medianas o para uso avanzado o profesional, con ópticas más o menos completas, y con sistemas más o menos sofisticados, donde la resolución, el color , el ruido, etc. Serán diferentes en la captura de la imagen.

DISEÑO GRÁFICO 64

TEORÍA DEL COLOR Cámaras digitales compactas.

Se caracterizan por tener una gran facilidad de uso, tamaño bastante reducido (la mayoría similares a un teléfono celular) y operación simplificada; este diseño limita las capacidades creativas de capturar imágenes, limitándose al uso aficionado. por las cuales los fotógrafos avanzados encuentran las imágenes tomadas por estas cámaras planas o artificiales. Frecuentemente guardan los archivos de imagen en formato JPEG

Cámaras compactas avanzadas (o de zoom largo).

Estas cámaras permiten un mayor control de las tomas y tienen más calidad y prestaciones que las anteriores. Físicamente, poseen un tamaño mayor, más mandos y botones y una empuñadura más grande, con lo cual se asemejan a las cámaras réflex, y comparten algunas de sus funciones.

Generalmente tienen zoom óptico largo que asegura una mayor capacidad creativa. Algunas veces son comercializadas como y confundidas con cámaras SLR digitales, ya que los cuerpos de cámara se parecen entre sí. En algunos modelos, pueden añadirse convertidores de rosca para mejorar el alcance o la cobertura angular, pueden tomar vídeo, grabar audio y la composición de la escena se lleva a cabo en la pantalla de cristal líquido.

Muchas de estas cámaras guardan las fotografías en formato JPEG y cada vez hay más que pueden hacerlo en formato RAW.

DISEÑO GRÁFICO 65

TEORÍA DEL COLOR Cámaras réflex digitales.

Las cámaras réflex digitales son el equivalente a las cámaras de película química. Están orientadas al sector del fotoperiodismo, a la fotografía artística y otros usos avanzados/profesionales, debido a que sus características de respuesta y calidad de imagen son por lo general superiores a las de las cámaras compactas.

Respecto a las cámaras compactas, tienen un sensor de mayores dimensiones, lo cual equivale a una mayor relación señal/ruido que se traduce en una mejor calidad de imagen.

El diseño de los componentes electrónicos está optimizado para proveer un tiempo de respuesta similar al de las cámaras réflex tradicionales. Poseen la capacidad de grabar en formatos de mayor calidad (JPEG de baja compresión, RAW), lo cual es útil en las labores de procesamiento de la imagen.

Comercialmente se encuentran divididas por sectores: aficionado (pocos controles, funciones automáticas asistidas, tamaño reducido), aficionado avanzado (mayor personalización de la captura, accesorios adicionales) y profesional (alta velocidad de disparo y respuesta, rendimiento ISO elevado, sensor de formato completo).

3.5. EL COLOR EN ADOBE PHOTOSHOP.

Photoshop es una herramienta digital para el tratamiento de color de imágenes, muchas veces nos preguntamos porque el color de pantalla es diferente a los colores de la impresión, esto es corregido mediante un ajuste de color o llamados perfiles de color con los que reproducirá en impresión, la imagen que vemos en pantalla.

Estos ajustes son llamados la gestión de color en photoshop el cual desarrollaremos en los temas siguientes.

DISEÑO GRÁFICO 66

TEORÍA DEL COLOR Gestión de color en photoshop.

Para comenzar, hay que configurar adecuadamente los ajustes de color internos del programa Photoshop. Esto servirá para indicarle cómo debe tratar el color al hacer ciertas operaciones con él.

Configurando las preferencias de color en Photoshop.

Para configurar Photoshop adecuadamente tenemos que entrar en la ventana de ajustes de color. Lo abrimos, vamos al menú Edición y pulsamos en Ajustes de color, con lo que aparecerá esta ventana:

Seguidamente configura el valor más importante de todos: la activación de las normas de gestión de color:

Tenemos dos opciones: cambiar a Mantener perfiles incrustados o Convertir a perfil de trabajo según nuestra preferencia. Yo suelo elegir la primera, aunque la elección no modifica nada importante. Siempre y cuando actives las casillas que hay justo debajo de estas tres listas, Photoshop te preguntará qué hacer al

DISEÑO GRÁFICO 67

TEORÍA DEL COLOR abrir una imagen y encontrarse que ésta no tiene perfil o es diferente a tu preferido (se explica más adelante), que configuraremos ahora mismo.

Los perfiles preferidos o "de trabajo".

Bien, ahora vamos a escoger los perfiles de trabajo por defecto. En el caso del perfil RGB, verás que en la lista desplegable salen un montón de perfiles, incluido el de tu monitor:

En un mundo ideal, escogeríamos el perfil de nuestro monitor como perfil de edición RGB, pero las cosas no funcionan siempre del modo que sería ideal. El perfil que debemos poner aquí es aquél al que deberíamos convertir todas nuestras imágenes para luego editarlas y tiene que ser un buen perfil de edición.

Photoshop ya se encarga (internamente) de convertir las imágenes de este perfil al de nuestra pantalla (lo reconoce a través de la ventana de gestión de color de Windows en las propiedades de pantalla), con lo cual podemos estar tranquilos, que los colores se verán bastante bien siempre y cuando el monitor esté correctamente calibrado.

El espectro de color hace referencia a la capacidad de nuestra vista de captar y reconocer la información cromática.

En el caso del ojo humano, este es mucho mayor que el que puede darnos cualquier pantalla. Por ello, para tener una referencia del espectro de color que es capaz de reconocer nuestro monitor, existen varias normas. Las más populares son sRGB IEC61966-2.1 y Adobe RGB 1998.

DISEÑO GRÁFICO 68

TEORÍA DEL COLOR sRGB IEC61966-2.1 fue definido por las empresas Hewlett Packard y Microsoft pensando sobre todo en las fotografías que se visualizan por Internet, ya que asume un promedio del espectro de color que suelen reconocer los monitores, con la salvedad de aquellos de gama alta que lo superan (y cuyo precio también supera perfectamente los 500 euros).

AdobeRGB está especialmente indicado para la edición de fotografías e imágenes de alta calidad y para su posterior conversión a CMYK. CMYK es ni más ni menos que el modelo de gestión de color utilizado por la mayoría de imprentas. Por ello, AdobeRGB parece más apropiado para gestionar fotografías que van a ser impresas para publicaciones, exposiciones, etc.

Dicho esto, hay que recalcar que ambos espacios de color están lejos de reconocer todo el espectro visible por nuestro ojo. Se suele decir que sRGB abarca el 35% del mismo y el Adobe RGB alcanza un 50%. ¿Qué significa esto? Pues que en fotografía, siempre tenemos que asumir una pérdida de información.

Eligiendo en función de nuestro equipo.

De lo que he comentado anteriormente, quizás alguien puede inferir que si AdobeRGB abarca más espectro de color será más adecuado. Sin embargo hay que tener en cuenta más factores. Uno de ellos es el monitor que utilizamos para mostrar nuestras imágenes.

DISEÑO GRÁFICO 69

TEORÍA DEL COLOR

En este gráfico, un monitor de gama media, o cualquier monitor de portátil sólo es capaz de reconocer el espacio sRGB. Si utilizamos esos monitores junto con un perfil AdobeRGB para nuestras fotos, estaríamos viendo una representación incompleta de la imagen, ya que parte del color quedará alejado de lo que nuestro monitor es capaz de mostrarnos. Entre otras cosas, perderíamos fiabilidad en los colores graduados, por ejemplo, los cielos, o la piel.

Esta se nota mucho más en los tonos medios y altos, tal como podréis ver en el siguiente gráfico:

En este punto, tendríamos dos posibilidades: o bien comprarnos un carísimo monitor que sea capaz de abarcar el espacio de color Adobe RGB, y trabajar con él, o bien conformarnos con nuestro monitor de gama media y cambiar al

DISEÑO GRÁFICO 70

TEORÍA DEL COLOR espacio sRGB. Si: con sRGB veremos menos espectro de color, pero lo que veremos en el monitor será más fiel a la realidad.

Hay otro factor que no he comentado antes: que sRGB y AdobeRGB representan los colores de diferente forma. Es decir: una fotografía en AdobeRGB se verá alterada en un monitor sRGB. Y esto tiene otro efecto no deseado en un monitor sRGB: que cuando calibremos con un colorímetro, éste podría producir desviaciones de color por todo ese espectro que nuestro monitor no es capaz de reconocer. Otro motivo más para tener claro que, en general, lo deseable es tratar de trabajar con las mejores herramientas para que nos proporcionen toda la información posible.

Eligiendo en función de la finalidad de las fotografías.

Si nuestras fotos van a tener como destino la web o la TV, también sería más conveniente trabajar con un perfil acorde. Si trabajamos en AdobeRGB (con un monitor que lo soporte) veremos una pureza de color que no veremos en monitores de gama media-baja o en una pantalla de televisión. Tened en cuenta que la mayor parte de la gente que vea vuestras fotos no dispone de monitores de 500 euros.

En este caso, lo que recomendaría es trabajar en AdobeRGB (siempre que se cuente con el equipo adecuado), pero añadir el paso de convertir la foto a sRGB antes de publicarla. Esto es importante además, porque muchos servicios web de publicación de fotografías dan por hecho que nuestras fotos están en sRGB y si no es así pueden alterar sus colores produciendo efectos no deseados. Además, algunos navegadores no son capaces de mostrar fotografías en espacio AdobeRGB.

Como conclusión de esto que acabo de comentar, decir que no hay por qué dejarse influenciar por los que dicen que para trabajar bien en fotografía hay que utilizar un monitor que soporte espacio AdobeRGB. Evidentemente es lo mejor, pero si sólo vamos a utilizar fotografías para ser publicadas en la web, Flickr, etc, el AdobeRGB nos aportará más bien poco porque las fotografías en internet se publican en sRGB, que es el espacio de color que reconocen los equipos de la inmensa mayoría de internautas. Por supuesto, si el destino de nuestras fotografías es ser impresas, es conveniente trabajar en todo momento en AdobeRGB (como mínimo), y al final convertir la fotografía al espacio de color específico de la impresora a la que vaya destinado nuestro archivo. Si imprimimos en un laboratorio fotográfico, deberemos pedirles el perfil de color de la impresora destino, para realizar la conversión final en nuestro programa de tratamiento fotográfico.

DISEÑO GRÁFICO 71

TEORÍA DEL COLOR Perfil CMYK: Ajústalo a EuroscaleCoated v2, aunque sólo es útil al llevar fotos a imprenta o similares. Incluso en ese caso, es mejor dejar que sea la imprenta la que convierta a CMYK.

Perfil Gris: Gamma 1,8. La gamma 1,8 va bien porque muchos tipos de impresión tienen una gamma semejante a ésta y esto hará que al imprimir en blanco y negro y sin gestión de color (no existen perfiles para blanco y negro) se asemeje más al resultado final.

Perfil de tinta plana: El espacio de color de trabajo Tinta plana (es decir: Para colores directos —spot colours—) es idéntico al de escala de grises sólo que aplicable a los colores directos que pueda haber. Por eso podemos accedemos a dos ajustes de valor gamma y a una serie de cinco ajustes de ganancia de punto prefijados.

DISEÑO GRÁFICO 72

TEORÍA DEL COLOR

Además, existe la posibilidad de personalizar la ganancia de punto creando una curva de ganancia, como se ve en esta imagen.

Consultas de diferencias de perfil.

Hecho esto, verás que cada vez que abras una imagen dentro del Photoshop y no tenga un perfil incrustado o el que tiene no es el de trabajo, serás obsequiado con una pregunta.

Si la imagen no tiene perfil, verás esto:

Donde se te ofrecen tres opciones bastante claras. Tal como he explicado antes, siempre se le debe asignar su perfil de origen. En este caso, al ser una imagen proveniente de una diapositiva escaneada en un Epson 4870, la opción correcta es la que ves marcada. Si, por ejemplo, hubiese sido convertida desde éste al perfil H-RGB 220, entonces habría que asignarle el H-RGB 220.

Activando la casilla que hay debajo de esta tercera opción, Photoshop convertirá automáticamente la imagen al perfil de trabajo, lo que resulta muy

DISEÑO GRÁFICO 73

TEORÍA DEL COLOR útil para ahorrarse la posterior conversión manual. Conviene, por tanto, dejarla activada.

Si al abrir una imagen tiene un perfil incrustado pero no es el de trabajo, entonces verás esto:

En este caso siempre se debe escoger la primera o la segunda opción, en función de si queremos mantener la imagen en su perfil original o directamente convertirla al de trabajo. De entrada las dos son correctas; la diferencia estriba en si queremos retocarlas en uno u otro perfil.

NOTA: El perfil de un escáner o una cámara digital no suele ser adecuado para la edición (retoque) de imágenes. Es preferible siempre hacer una conversión a un perfil colorimétricamente más correcto.

Previsualizando la salida impresa.

Lo que ahora vamos a ver es cómo Photoshop puede mostrarnos una simulación del resultado impreso en pantalla. Esto es utilísimo para evitar más tarde sorpresas. Ya dentro de photoshop y con la imagen abierta como, por ejemplo, con este bodegón especialmente preparado para la ocasión:

DISEÑO GRÁFICO 74

TEORÍA DEL COLOR La imagen se encuentra en el perfil Adobe RGB 1998. Ve al menú Vista > Ajuste de prueba > Personalizar:

Con esto se puede previsualizar como van a quedar los colores en la impresión final sobre papel, gracias a que Photoshop es capaz de hacer simulaciones en el perfil de impresora para mostrarlos en pantalla.

Debes elegir el perfil de salida, es decir, el de la impresora (y si aparece el tipo de papel que vayas a utilizar, también).

El propósito de conversión.

Luego hay que elegir el propósito de conversión entre perfiles. El más utilizado es el relativo colorimétrico, porque, aunque con éste propósito cambian sólo algunos colores.

Con el perceptual se intenta mantener la interrelación entre colores con un inconveniente que a veces es grave: si un color saturado no se puede imprimir se reduce toda la gama hasta que se pueda imprimir aquél color. Esto produce una clara reducción de la viveza de la imagen en ocasiones. Visto, lo mejor es probar cada uno de ellos y elegir.

Casi siempre conviene activar la casilla de Compensación de punto negro, porque casi siempre el negro del perfil de destino es menor que el de origen.

DISEÑO GRÁFICO 75

TEORÍA DEL COLOR Acerca de los histogramas.

Un histograma ilustra en un gráfico cómo están distribuidos los píxeles de la imagen mostrando la cantidad de píxeles en cada nivel de intensidad del color. Al mostrar los detalles de las sombras (en la parte izquierda), los medios tonos (en el centro) y las iluminaciones (en la parte derecha), el histograma ayuda a determinar si la imagen contiene suficientes detalles para realizar una corrección correcta.

Modo de lectura de un histograma.

A. Fotografía sobreexpuesta.

B. Fotografía expuesta correctamente con tonalidad completa.

C. Fotografía subexpuesta.

El panel Histograma ofrece muchas opciones para ver la información tonal y de color de una imagen.

Descripción general del panel Histograma.

Seleccione Ventana > Histograma o haga clic en la ficha Histograma para abrir el panel Histograma. Por defecto, el panel Histograma se abre en Vista compacta sin controles ni estadísticas, pero es posible ajustar la vista.

DISEÑO GRÁFICO 76

TEORÍA DEL COLOR

Panel Histograma (Vista expandida).

A. Menú Canal.

B. Menú del panel.

C. Botón Actualizar sin almacenar en caché.

D. Icono de aviso de datos almacenados en caché.

E. Estadísticas.

Ajuste de la vista del panel Histograma.

Seleccione una vista del menú del panel Histograma. Vista expandida Muestra el histograma con estadísticas. También muestra controles para elegir el canal representado por el histograma, ver las opciones del panel Histograma, actualizar el histograma para mostrar datos sin almacenar en caché y seleccionar una capa concreta en un documento de varias capas.

Vista compacta: Muestra un histograma sin controles ni estadísticas. El histograma representa toda la imagen.

Vista de todos los canales: Muestra histogramas individuales de los canales además de todas las opciones de la Vista expandida. Los histogramas individuales no contienen canales alfa, canales de tintas planas ni máscaras.

DISEÑO GRÁFICO 77

TEORÍA DEL COLOR

Visualización de estadísticas del histograma.

Por defecto, el panel Histograma muestra estadísticas en la Vista expandida y en la Vista de todos los canales.

1. Seleccione Mostrar estadística en el menú del panel Histograma.

2. Realice una de las siguientes acciones:

• Para ver información sobre un valor de píxel específico, coloque el puntero en el histograma.

Para ver información sobre un rango de valores, arrastre en el histograma para resaltar el rango.

El panel muestra la siguiente información estadística debajo del histograma:

Promedio Representa el valor de intensidad medio.

Desv. est. (Desviación estándar) Representa la amplitud de variación de los valores de intensidad.

DISEÑO GRÁFICO 78

TEORÍA DEL COLOR Mediana Muestra el valor medio del rango de valores de intensidad.

Píxeles Representa la cantidad total de píxeles utilizados para calcular el histograma.

Nivel Muestra el nivel de intensidad del área situada debajo del puntero.

Cantidad Muestra la cantidad total de píxeles correspondientes al nivel de intensidad que existe debajo del puntero.

Percentil Muestra la cantidad acumulativa de píxeles en el nivel debajo del puntero o bajo el mismo. Este valor se expresa como porcentaje de todos los píxeles de la imagen, desde el 0% en el extremo izquierdo al 100% en el extremo derecho.

Nivel de caché Muestra la memoria caché de la imagen actual utilizada para crear el histograma. Cuando el nivel de caché es superior a 1, el histograma se muestra con más rapidez. El motivo es que, en este caso, se deriva de una muestra representativa de píxeles de la imagen (basada en la ampliación).

Nota: si realiza los ajustes en el panel Ajustes, los cambios se reflejan de manera automática en el panel Histograma.

Previsualización de los ajustes de histograma en el panel Histograma.

A. Histograma original

B. Histograma ajustado

C. Sombras

D Medios tonos

E. Iluminaciones

DISEÑO GRÁFICO 79

TEORÍA DEL COLOR Visualización de valores de color de una imagen.

Puede utilizar el panel Información para ver el valor de color de los píxeles mientras realiza las correcciones de color.

Si desea ver el color de una sola ubicación, use la herramienta Cuentagotas. Además, puede usar hasta cuatro Muestras de color para visualizar la información de color relativa a una ubicación o varias de la imagen. Estas muestras se guardan en la imagen para poder consultarlas continuamente mientras trabaja o incluso si cierra y vuelve a abrir la imagen.

Muestras de color y panel Información

1. Elija Ventana > Información para abrir el panel Información.

2. Seleccione (y, luego, pulse la tecla Mayús y haga clic en ella) la herramienta Cuentagotas o la herramienta Muestra de color y, si es necesario, elija un tamaño de muestra en la barra de opciones. De 1 punto lee el valor de un único píxel, mientras que otras opciones leen el promedio del área de un píxel.

DISEÑO GRÁFICO 80

TEORÍA DEL COLOR 3. Si ha seleccionado la herramienta Muestra de color, coloque un máximo de

cuatro muestras de color en la imagen. Haga clic en la posición en la que desea colocar una muestra.

3.6. EL COLOR EN LAS PÁGINAS WEB.

El color es uno de los elementos más poderosos de que disponemos a la hora de comunicar emociones en un sitio web. La mayoría de estas emociones son percibidas de un modo sutil e inconsciente.

Al componer nuestros diseños, hemos de conocer cuáles son los efectos psicológicos que producen y cómo debemos elegir y combinar nuestra gama para que esa comunicación emocional resulte positiva.

Si bien es cierto que el color es un arma de comunicación, también lo es que podemos prescindir de él. Hay periódicos, películas, libros, fotografías y hasta páginas web en blanco y negro que cumplen sobradamente su objetivo y que incluso pueden ser estéticamente impactantes.

Los ordenadores actuales disponen de una paleta de más de dieciséis millones de colores. Este aspecto es de gran importancia cuando se diseñan páginas web corporativas, ya que tu cliente puede que se ponga un poco exquisito a la hora de representar un color determinado, coincidente con un código Pantone de su libro de estilo corporativo. Si bien en un folleto impreso podemos reproducir una tonalidad con bastante precisión, al trabajar para un medio digital, tendremos que conformarnos con aproximaciones.

El sistema que utiliza nuestro hardware para recrear los colores se llama RGB, Web Cada color RGB web tiene una nomenclatura hexadecimal en el código HTML. Por ejemplo, el azul se representa como #0000FF.

En los últimos diez años, la tecnología ha dado enormes pasos en materia óptica, y tanto las tabletas como los dispositivos móviles de última generación, disponen de soporte con mayor profundidad de color que los antiguos monitores que utilizábamos hasta hace bien poco para nuestros equipos de sobremesa.

Esto quiere decir, que hoy puedes usar paletas como Web-Safe para tus diseños en la Web.

DISEÑO GRÁFICO 81

TEORÍA DEL COLOR

La web www.colormatters.com realizó una encuesta a escala mundial entre más de 130.000 sujetos para determinar qué efectos producen los colores en la gente. He aquí algunos de sus resultados:

o Color preferido: azul.

o Color menos afín: amarillo oscuro.

o Calidad: oro.

o Poder: rojo.

o Buena suerte: verde.

o Mala suerte: negro.

o Barato: marrón.

o Delicioso: rojo.

o Sexy: rojo.

o Tecnología punta: plateado.

o Deidad: blanco.

o Dignidad: azul oscuro.

Recuerda que todos estos conceptos no dejan de ser en cierto grado asociaciones abstractas, basadas en su mayor parte en el bagaje cultural de cada uno. Por ponerte un ejemplo, el color del luto en la cultura occidental es el

DISEÑO GRÁFICO 82

TEORÍA DEL COLOR negro, aunque no siempre fue así: en la época medieval, la realeza vestía de blanco en los funerales. En china también éste es el color utilizado para las exequias. En Egipto es el naranja, en Brasil y Tailandia el violeta y en la India es el marrón.

3.7. COLORES EN 3D.

La estereoscopía es cualquier técnica capaz de recoger información visual tridimensional y/o crear la ilusión de profundidad mediante una imagen estereográfica, un estereograma, o una imagen 3D (tridimensional). La ilusión de la profundidad en una fotografía, película, u otra imagen bidimensional se crea presentando una imagen ligeramente diferente para cada ojo, como ocurre en nuestra forma habitual de ver. Muchas pantallas 3D usan este método para transmitir imágenes. Fue inventado por Sir Charles Wheatstone en 1840.

La estereoscopía se usa en fotogrametría y también para entretenimiento con la producción de estereogramas. La estereoscopía es útil para ver imágenes renderizadas de un conjunto de datos multidimensionales como los producidos por datos experimentales. La fotografía tridimensional de la industria moderna puede usar escáners 3D para detectar y guardar la información tridimensional. La información tridimensional de profundidad puede ser reconstruida partir de dos imágenes usando una computadora para hacer relacionar los píxeles correspondientes en las imágenes izquierda y derecha. Solucionar el problema de correspondencia en el campo de la visión por computadora apunta crear información significativa de profundidad a partir de dos imágenes. Actualmente podemos disfrutar de la estereoscopía en cine con el formato Digital 3D.

La fotografía estereoscópica tradicional consiste en el crear una ilusión 3-D a partir de un par de imágenes 2D. La forma más sencilla de crear en el cerebro la percepción de profundidad es proporcionando a los ojos del espectador dos imágenes diferentes, que representan dos perspectivas del mismo objeto, con una pequeña desviación similar a las perspectivas que de forma natural reciben los ojos en la visión binocular.

DISEÑO GRÁFICO 83

TEORÍA DEL COLOR

En esta imagen se muestra cómo al cruzar los ojos se puede lograr el efecto 3D debido a que con este método cada ojo percibe solo una imagen(La imagen correspondiente a cada ojo es la contraria al ojo con el que se mira, es decir, el ojo izquierdo ve la imagen de la derecha y el ojo derecho ve la imagen de la izquierda.

Estereograma hecho con una cámara digital. Primero se tomó una foto e inmediatamente después, la segunda foto con un desplazamiento de la cámara hacia la derecha. Para ver la imagen en 3D hay que cruzar los ojos hasta que aparezca una tercera imagen en medio de las dos; luego, seguir enfocando, hasta que las dos imágenes se unifiquen; intentar abrir los ojos y relajarlos hasta ver una imagen nítida. Las dos fotos combinadas en una animación GIF en donde se percibe a simple vista el efecto tridimensional producido al cruzar los ojos en la imagen estereoscópica de arriba.

DISEÑO GRÁFICO 84

TEORÍA DEL COLOR

Principios biológicos.

Los dos ojos, al estar situados en posiciones diferentes, recogen cada uno en sus retinas una imagen ligeramente distinta de la realidad que tienen delante. Esas pequeñas diferencias se procesan en el cerebro para calcular la distancia a la que se encuentran los objetos mediante la técnica del paralaje.

El cálculo de las distancias sitúa los objetos que estamos viendo en el espacio tridimensional, obteniendo una sensación de profundidad o volumen.

Por lo que si tomamos o creamos dos imágenes con un ángulo ligeramente distinto y se las mostramos a cada ojo por separado, el cerebro podrá reconstruir la distancia y por lo tanto la sensación de tridimensionalidad.

Una aplicación novedosa es la tv3d, sobre la cual hace falta más investigación y las universidades y centros de desarrollo deberán fomentar el análisis a través de proyectos de titulación y relacionados (JJ. Smith K. Windelbon GER).

Un anaglifo. Se guarda una capa de color para cada imagen, luego se las superpone.

La distribución de luces y sombras puede crear la ilusión de volumen.

DISEÑO GRÁFICO 85

TEORÍA DEL COLOR Percepción en relieve de las imágenes:

Las variaciones verticales son indiferentes en lo que respecta a creación de sensación de volumen (a no ser que esta diferencia sea demasiado grande, en cuyo caso crearían visión doble o desorientación). Solo las variaciones horizontales, producidas por la diferente ubicación de los ojos, originan sensación de profundidad. Debe añadirse que, si bien es la esteroscopía la principal fuente de información del cerebro para la composición tridimensional de los objetos que estamos viendo, no es la única. Existen otras fuentes de información como son el enfoque o la interpretación inteligente de las imágenes, que también son utilizadas por el cerebro.

Mecanismos intuitivos de la visión.

Pueden diferenciarse diversos tipos de mecanismos que actúan a nivel de la visión para proporcionar información tridimensional Geométrico Distribución de luces y sombras. La iluminación es un factor intuitivo del volumen muy importante ya que la sombra y el contraste nos aportan gran sensación de relieve y volumen. Un círculo pintado se puede convertir en una esfera tan solo con oscurecer y sombrearlo simulando iluminación. Esta es una de las técnicas potenciales que utilizan los programas informáticos de creación 3D. Porque en un simple monitor 2D podríamos apreciar una imagen con sensación de profundidad.

Superposición de imágenes.

El ojo percibe los objetos en diferentes ángulos, creando la ilusión de profundidad de los objetos.

DISEÑO GRÁFICO 86

TEORÍA DEL COLOR Cuando un objeto se encuentra en superposición a otro, es decir, un objeto se encuentra en la realidad ante otro, el objeto más cercano (delante) cubre el más lejano (detrás). Por esta razón cuando encontramos que una imagen queda superpuesta sobre otra, nuestro cerebro interpreta automáticamente que el que se ve completo está más cerca que el que ”asoma” por detrás, y por tanto, se encuentra a mayor distancia el que está parcialmente oculto.

Estas dos imágenes son exactamente iguales con la diferencia que en una (la primera, a la izquierda) el elemento nube se ve íntegro y la luna queda parcialmente oculta. Así la sensación que nos transmite nuestro cerebro es que la nube se encuentra ante la luna. En la otra (derecha) sucede justo lo contrario, la luna es la que está al completo y parece que ésta sea la que se encuentra delante de la nube.

Efecto de perspectiva.

El efecto de perspectiva produce una clara sensación de profundidad. Las líneas paralelas horizontales parecen converger en el horizonte. Los árboles son exactamente iguales en tamaño, pero uno está más próximo al punto de fuga y por tanto parece más lejano. Para compensar esta contradicción de que se encuentra a mayor distancia pero se ve de igual tamaño, llegamos a pensar que el más lejano es de igual tamaño en la imagen porque es mayor que el más próximo.

Diplopía fisiológica.

Para que el cerebro pueda interpretar una imagen en tercera dimensión, requiere de datos sobre la distancia de los objetos. Dicha información se obtiene gracias a que tenemos dos ojos, así cada uno de ellos percibe los elementos de la escena desde un ángulo distinto, dando como resultado una triangulación de la cual el cerebro obtiene la distancia al objeto. A este hecho se le denomina como diplopía fisiológica.

Efecto perspectiva

DISEÑO GRÁFICO 87

TEORÍA DEL COLOR

En el ejemplo vemos como nuestro sistema visual crea la sensación de que el objeto A es mayor que B; pues la imagen sensorial creada del objeto A es mayor que la del objeto B. Dichas imágenes son interpretadas por el cerebro y así, éste, es capaz de hacer una reconstrucción espacial de la situación de los objetos. La reconstrucción espacial la hace comparando las sensaciones visuales (imágenes adquiridas mediante el sistema visual) e interpretando en función de éstas, las distancias a la que se encuentran los objetos. Así pues, el cerebro interpreta que el objeto A está más cercano que el B ya que es percibido con un mayor tamaño, y viceversa.

Paralaje por movimiento.

El desplazamiento del observador produce la impresión de que se mueven los objetos de la escena en un sentido u otro dependiendo de su posición. Cuando miramos un objeto en concreto y posteriormente nos desplazamos, vemos como los objetos más alejados a nuestro objeto de interés se mueven en el mismo sentido que nuestro desplazamiento. Sin embargo los objetos situados antes del objeto de interés, nos da la sensación de que se desplazan en sentido opuesto.

La flecha de la izquierda representa el movimiento del observador, y las otras dos indican el desplazamiento aparente de los objetos. El bote rojo más lejano que nuestro objeto de interés (estrella azul) parece desplazarse en el mismo sentido que lo hace el observador sin embargo el bote verde parece que se mueva hacia el sentido contrario. A esta sensación se le denomina efecto paralaje por movimiento.

Diplopía fisiológica.

DISEÑO GRÁFICO 88

TEORÍA DEL COLOR

Técnicas de estereoscopía.

Como hemos podido ver la percepción tridimensional es básicamente creada por el cerebro gracias a que cada ojo recoge una información diferente de una misma realidad. Y es precisamente esta diferencia la que el cerebro es capaz de interpretar y analizar para generar una sensación de volumen de unos objetos o una escena que está siendo captada por sistema visual humano.

Existen muchas técnicas distintas para lograr hacer llegar cada imagen al ojo que le corresponde. En la creación de estas sensaciones espaciales intervienen aspectos tanto de la visión monocular como de la visión binocular. Éstas características son potenciad artificialmente para conseguir "recrear" la denominada tercera dimensión.

Las técnicas básicas que no requieren ningún aparato son: la de ojos cruzados (crosseyed) y la de ojos paralelos (paralleleyed), en estas simplemente se ponen en la pantalla o papel las dos imágenes, correspondientes a cada ojo una al lado de la otra; para la técnica de los ojos cruzados la imagen izquierda corresponde al ojo derecho y viceversa, en la técnica de los ojos paralelos la imagen de la izquierda corresponde a ese mismo ojo y viceversa. Para lograr que cada ojo vea la imagen que le corresponde se requiere de algo de entrenamiento, que puede durar varios minutos, al principio se ve borroso porque el ojo usa un enfoque lejano, esto se puede mejorar alejándose de la imagen -pueden intentar con la imagen al inicio de esta página al lograrlo la mano que apunta pareciera salirse de la pantalla-. Ya con la vista entrenada se logra ver el efecto de forma instantantea y sin ninguna borrosidad, lo que en principio es banstante impresionante, claro que depende de lo que se este viendo. Entre las ventajas de esta técnica están en que la imagen estereoscópica se ve en color verdadero y que se pueden ver imágenes o videos de cualquier tamaño.

Sin embargo, para el que no lo logre hay otras formas muy económicas para ver el efecto, se puede usando dos prismas como los que traen los binóculos por dentro, colocando los extremos de 90 grados en frente uno del otro y

Paralaje por movimiento

DISEÑO GRÁFICO 89

TEORÍA DEL COLOR mirando con cada ojo a través de cada prisma, con los lados más largos perpendiculares a donde estén desplegadas las dos imágenes para cada ojo. Luego tratar de cambiar el ángulo de los primas de forma tal que las imagen de un lado quede sobrepuesta a la del otro, inicialmente se ven dos imágenes en cada ojo pero cuando se sobreponen a pesar de que el ajuste no sea exacto en sistema de corrección del ojo hace su trabajo y mantiene la sobreposición a pesar de que el ajuste tenga algo de error, como resultado se ven solo tres imágenes donde la del centro da la ilusión de salirse de la pantalla y de ser algo real. Lo mismo se puede hacer con dos espejos pequeños así: colocándose mirando alrededor de 45 grados de la pantalla y mirando a través de los espejos buscar la superposición para lograr el efecto. También se puede ver el efecto usando un solo espejo grande poniéndolo en la intersección de las imágenes correspondientes a cada ojo, y mirando directamente a una de las imágenes y a la otra a través del espejo, sin embargo se requiere que la una imagen este invertida para que al verla por el espejo se vea correctamente(en YouTube se pueden encontrar varios videos 3d que usan estas técnicas). Existe además un aparato basado en esta misma técnica pero algo más refinado llamado estereoscopio que consta de dos espejos para cada ojo, para que las imágenes no se vean invertidas, y que tiene un pivote de ajuste dependiendo de la distancia y el tamaño de las imágenes, construir un dispositivo de estos es bastante fácil.

Existen además otras tres técnicas principales que permiten simular el efecto estereoscópico (3D): método anaglifo, sistema Cromatek y efecto Pulfritch:

Anaglifo.

Los anaglifos son estereofotografías tomadas o tratadas con filtros de distintos colores sobrepuestas en una sola imagen. Se observan por medio de gafas llamada gafas anaglifo y que tiene un filtro de diferente color para cada ojo. La misión de estos filtros es hacer llegar a cada ojo únicamente la imagen que le corresponde. Así se consigue “filtrar” las imágenes y conseguir el efecto deseado y necesario para que el cerebro pueda interpretar tridimensionalidad ya que tendremos una imagen diferente en cada ojo. (Recordemos que el principio fundamental de la estereoscopía es que la sensación de volumen parte de que cada ojo vea una imagen diferente para así lograr crear dimensionalidad de profundidad).

También pueden ser imágenes a todo color proyectadas con el uso de polarizadores sobre una pantalla metálica. La visualización se realiza por medio de gafas dotadas de polarizadores que eliminan la imagen correspondiente al ojo contrario (mediante el mismo principio que los filtros coloreados).

DISEÑO GRÁFICO 90

TEORÍA DEL COLOR Este es el procedimiento que suele emplearse en proyecciones de cine o video tridimensional.

Las formas de crear este tipo de imágenes son muy diversas, se pueden emplear los filtros directamente en la adquisición de las tomas (e incluso exponer dos veces el mismo negativo con distintos filtros), colorear en el laboratorio las copias de negativos en blanco y negro o color, colorear las imágenes con ayuda de un ordenador, o proyectar diapositivas desde dos proyectores equipados con filtros.

En cualquier caso, tal y como hemos comentado anteriormente, conviene que las imágenes no sean exactamente iguales, sino que han de parecer que tienen angulación diferente, han de tener un cierto desplazamiento horizontal. Este desplazamiento será inferior para imágenes de pequeño tamaño (del orden de centímetros) y un poco mayor para imágenes de mayores dimensiones (del orden de centímetros) como el cine. Aproximadamente un desplazamiento en torno al 5 ó 10% de la anchura de la imagen.

Sistema Cromatek.

El sistema cromatek utiliza lo que se conoce como rejilla de difracción. La rejilla de difracción funciona de manera semejante a un prisma de cristal: la luz que la atraviesa se descompone en colores que cambia de angulación según su tonalidad ya que ésta está asociada a su frecuencia y por tanto a su longitud de onda. Éste cambio de ángulo que cada color sufre al ser difractado incide en el ojo y hace que los objetos parezcan tener una profundidad distinta según su color. El inconveniente es que para que la desviación del ángulo al difractarse sea notoria respecto la luz directa que llega al otro ojo, las imágenes tienen que

Anaglifo.

DISEÑO GRÁFICO 91

TEORÍA DEL COLOR tener colores intensos; por lo que el rango cromático que podremos utilizar queda limitado.

Efecto Pulfritch.

El sistema pulfritch está basado en un dato fisiológico: el cerebro tarda un poco más en procesar las imágenes oscuras que las claras. Si se pone un filtro oscuro en un solo ojo y se observa un objeto en movimiento, el cerebro tardará más tiempo en procesar las imágenes procedentes de este ojo. Por lo que si la escena que observamos está en continuo movimiento lateral, la imagen del ojo con filtro parecerá estar en una posición, o ángulo distinto, con respecto al observado directamente sin filtro, que tendrá la imagen procesada instantes antes.

La gran ventaja de esta técnica es que las imágenes pueden verse de manera normal si no se utilizan los filtros; pero tiene un inconveniente, y es que requiere que todo el tiempo exista movimiento lateral y en el mismo sentido. Si no, no se percibirá el retraso interpretativo por parte del cerebro, del ojo filtrado respecto al ojo directo.

TAREA.

- Elabora combinaciones de colores en triadas de armonías cromáticas Síntesis sustractiva.

- Elabora ligeras correcciones de color de una fotografía a color.

- Interpreta el histograma de la foto en Photoshop.

- Elaboración de Logotipo y variantes cromáticas del mismo.

DISEÑO GRÁFICO 92

TEORÍA DEL COLOR IV. CÓDIGOS HTML DE COLORES PARA LA ELABORACIÓN DE

PÁGINAS WEB.

4.1. CÓDIGOS HTML DE COLOR PARA LA ELABORACIÓN DE PÁGINAS WEB.

Los colores web son aquellos colores que aparecen en una página web. Se pueden basar sobre los sistemas de color RGB o HSL. En el código CSS (y antiguamente en HTML) son especificados como valores numéricos, aunque hay algunos colores que son nombrados por nombres propios en inglés.

RGB.

La paleta de colores RGB (RVA en español) consta, básicamente, de tres colores primarios aditivos: Rojo-Verde-Azul. Estos colores primarios aditivos, en HTML, están representados por tres pares hexadecimales del tipo 0xHH-HH-HH según el siguiente formato: (los colores básicos o primarios, no aquellos que son resultantes de mezclas).

#RRGGBB (= #RRVVAA)

Los valores que puede adaptar cada uno de los tres pares hexadecimales van del 0x00 (0 decimal) al 0xFF (255 decimal). Cuanto mayor sea el valor del par, tanto mayor será también la intensidad (matiz, brillo o claridad) del color correspondiente a ese par (y viceversa). Esto implica que el extremo inferior de la escala cromática parte de una intensidad (grado) de color mínima (nulo = par 0x00), pasa por una intensidad de color media (mediano = par 0x80 [128 decimal]) hasta llegar a una intensidad de color máxima (saturado = par 0xFF). El grado de más alta pureza (absoluto) de un color primario aditivo estará determinado por la presencia total del mismo (saturación = 0xFF) junto con la ausencia total (nulidad = 0x00) de los otros dos colores primarios aditivos.

Además de estos tres colores primarios aditivos (RVA), existen tres colores primarios sustractivos o CMY (CMA en español): Cian-Magenta-Amarillo. Estos colores surgen de la siguiente combinación (mezcla) de los primarios aditivos:

Cian = Verde + Azul Magenta = Rojo + Azul Amarillo = Rojo + Verde

En cuanto a su grado de pureza, ocurre algo inverso a los colores primarios aditivos, ya que el grado absoluto estará determinado por la nulidad de uno de sus componentes y la saturación de los otros dos. Los colores complementarios de los primarios, tanto aditivos como sustractivos, serán recíprocamente:

DISEÑO GRÁFICO 93

TEORÍA DEL COLOR Rojo ↔ Cian Verde ↔ Magenta Azul ↔ Amarillo

La combinación simultánea de los tres primarios aditivos saturados produce el blanco (0xFFFFFF). Contrariamente, la combinación simultánea de los tres primarios sustractivos nulos produce el negro (0x000000). Resulta claro también que la combinación de dos colores mutuamente complementarios producirá el blanco, de igual modo que la sustracción (absorción) de ambos dará lugar al negro (ausencia total de color). Así, p. ej., el rojo (0xFF0000) más su complemetario que es el cian (0x00FFFF), generan el blanco (0xFFFFFF). De hecho, el cian no es otra cosa que la sustracción del rojo al blanco. Obsérvense los siguientes gráficos:

Por su parte, el gris mediano (0x808080), que es el exacto término medio entre el negro y el blanco, se obtendrá a partir de la combinación simultánea de los tres primarios aditivos medianos. Análogamente, el gris semisaturado (claro) se obtendrá a partir de la combinación 0xC0C0C0, mientras que el gris seminulo (oscuro) mediante 0x404040. De este modo, tenemos que el resto de los colores, que están comprendidos entre el negro (0x000000) y el blanco (0xFFFFFF), surgen de la combinación de los tres primarios aditivos en distintos grados. En otras palabras: bastará con reemplazar cada uno de los pares 0xHH-HH-HH por un valor comprendido entre 0x00 y 0xFF para obtener cualquiera de los colores posibles.

Existen 16 777 216 combinaciones distintas en el sistema RGB de 24 bits y, por lo tanto, 16 777 216 colores: 256 × 256 × 256 = 16 777 216. En la práctica, sin embargo, puede haber algunas combinaciones que no sean válidas. Eso pasaba antiguamente, cuando la paleta de colores más grande tenía 256 colores (8 bits). Por eso, existen 216 colores seguros, que serán visibles en cualquier dispositivo sin necesidad de tramado, reservándose los otros 40 colores para el sistema, de los cuales algunos se muestran aquí.

DISEÑO GRÁFICO 94

TEORÍA DEL COLOR HSL. En el sistema de colores HSL los colores se miden por tres parámetros (hue, saturation y light) que determinan la posición del color en el cilindro de colores HSL. El primer parámetro es el ángulo horizontal, el segundo es la distancia horizontal del centro de la base y el tercero es la distancia vertical (altura) del centro de la base. Alpha. Un color puede mostrarse con una opacidad determinada en pantalla, que se determina por el parámetro alpha, que, añadido a RGB y HSL, los convierte en RGBa y HSLa. Equivalencias.

Entre los sistemas web hay algunas contradicciones que se pueden resumir en la siguiente tabla:

Tabla de colores.

DISEÑO GRÁFICO 95

TEORÍA DEL COLOR

DISEÑO GRÁFICO 96

TEORÍA DEL COLOR

DISEÑO GRÁFICO 97

TEORÍA DEL COLOR

DISEÑO GRÁFICO 98

TEORÍA DEL COLOR

4.2. LAS ÚLTIMAS TENDENCIAS DEL DISEÑO WEB EN USO DE COLOR.

Al elegir los colores para tu sitio web, es necesario estar en sintonía con las tendencias actuales. Hay más de un modo de integrar los colores en tu sitio web y cualquier elección que hagas tendrá un impacto directo en la experiencia de tus usuarios y sus potenciales decisiones de compra.

DISEÑO GRÁFICO 99

TEORÍA DEL COLOR Visuales monocromáticas.

Un enfoque minimalista del color es una tendencia muy popular entre los diseñadores de páginas web en estos días. A menudo asociado al blanco y negro, las paletas monocromáticas también pueden referirse a otros tonos y matices, pero se centran en un color específico en lugar de en una combinación de colores más variada. Las imágenes monocromáticas son especialmente eficaces para los sitios web que tratan de mantener un aspecto limpio y suave. Crean una apariencia equilibrada y relajada y son, por lo tanto, útiles para canalizar la atención del visitante acorde a la jerarquía de contenido de la página web en cuestión.

Infografías inteligentes.

Las imágenes que cuentan una historia o transmiten conocimientos útiles son una herramienta de gran impacto en el diseño web actual. Las infografías, como comúnmente se les conoce, son un gran método para mostrar el contenido de una manera concisa y eficaz. La combinación de colores usados en este trabajo será de tipo sólidos.

DISEÑO GRÁFICO 100

TEORÍA DEL COLOR

Grandes zonas.

El espacio que notarás inmediatamente la primera vez que cargues la página – se llama “grandes zonas”, pero eso es menos importante que la tendencia a utilizarlo con una imágen. Las grandes zonas tienen una baja densidad de contenido. En lugar de rellenar con tantos elementos visuales o texto como sea posible, en una sección, esta tendencia predica para espaciar las grandes zonas, creando un mensaje visual coherente que sea fácil de seguir. Esta zona, sustituye a las galerías deslizantes dinámicas con una imagen fija en un intento de reducir el “ruido” en el diseño de la página web. Los colores utilizados en este tipo de páginas so sobrios.

La realidad funciona.

Los consumidores y usuarios web experimentados están cansados de las imágenes que presentan una realidad inexistente en lugar de fotos que sean

DISEÑO GRÁFICO 101

TEORÍA DEL COLOR una representación vida real. Utilizar bellas modelos en poses ficticias se están volviendo algo ridículo y barato. Los usuarios quieren ver gente y situaciones que se asemejen a las situaciones que conocen y que viven a diario en sus propias vidas. Este tipo de trabajo de fotografía en un sitio web genera un sentido de familiaridad y confianza que una imagen de archivo simplemente no podría entregar.

Imágenes manipuladas.

Instagram está entre nosotros desde hace casi cuatro años, sin embargo, la influencia de sus filtros de imagen sobre las tendencias de imagen online sigue siendo muy fuerte. Onírico, borroso, imágenes de estilo vintage están por toda la web, y son especialmente de gran alcance cuando se utilizan como fondos de sitios o imágenes de cabecera. Para hacer las cosas convenientes para los usuarios de Wix, el constructor de sitios web de Wix está equipado con un editor de imágenes avanzado que incluye una variedad de filtros y efectos. ¡Manipular nunca había sido tan fácil!

DISEÑO GRÁFICO 102

TEORÍA DEL COLOR

Gráficos y vectores.

Esta tendencia tiene un perfil un poquito más técnico, pero sin embargo es también importante para el valor estético de tu página web. Sin entrar en los detalles específicos de nerds, es suficiente decir que las imágenes normales se basan en píxeles, mientras que los gráficos vectoriales se basan en otro tipo de factores. Esto puede no parecer una gran diferencia, pero influirá en la calidad de la imagen y su velocidad de carga. Además de esta ventaja técnica, los gráficos vectoriales también son visualmente distintos, dado que se utilizan a menudo para crear un efecto de dibujo digital (la captura de pantalla a continuación es un gran ejemplo). La mirada ilustrada y la sensación de gráficos vectoriales son perfectos para una imagen de fondo o para la decoración de las zonas fijas de tu sitio, como el encabezado o el pie de página. Para crear y editar archivos vectoriales necesitarás un editor especial (aquí hay uno bueno que se puede utilizar de forma gratuita), y asegúrate de guardar como jpeg antes de cargarlas en el editor de Wix.

DISEÑO GRÁFICO 103

TEORÍA DEL COLOR

Es cierto que cada vez somos más visuales. Las imágenes, animaciones y colores nos entran por los ojos causando diferentes impresiones en nuestro cerebro. Como especialistas en diseño web y gráfico, sabemos que el color afecta mucho a la forma en la que un usuario percibe un mensaje, y por esto también afectará tanto al comportamiento como a la forma de usar la web. Una de las tendencias de este 2015 en diseño web es el hecho de facilitar al usuario la navegación para que haga menos click y más scroll. Esta tendencia mejora la experiencia del usuario en cuanto a navegación y combinada con el uso optimizado de la psicología del color puede generar gran diferencia en cuanto a términos de conversión. Para elegir los colores que se usarán en la web es muy importante mantener una coherencia y no saltarse las reglas de combinaciones cromáticas. Aun así la elección del color de la web o del logo corporativo de una empresa va más allá de las tendencias de diseño o de los gustos personales. Obviamente cuando un cliente ya tiene una identidad corporativa definida, con unos colores y un logo, éstos se deben reflejar en la web. No se pueden cambiar así como así, ya que forman parte de su imagen de marca, pero

DISEÑO GRÁFICO 104

TEORÍA DEL COLOR tampoco es necesario que todos aparezcan constantemente en la web, sólo porque formen parte del logo. También se deberá tener en cuenta qué funcionalidad va a tener la web. En estudios realizados para tiendas online, se asegura que los botones naranjas y verdes son los que mayores tasas de conversión ofrecen. Cierto es que nunca se puede generalizar, pues cada web y cada sector es un mundo. Pero si es cierto que haciendo pruebas tipo Test A/B con los botones de CalltoAction en diferentes tonalidades se pueden ver resultados diferentes. Si la web basa su contenido en imágenes las tendencias de diseño web son de líneas simples y pocos colores. En cambio, si una web va a tener en su mayoría contenido escrito será necesario utilizar más colores para diferenciar menús, etiquetas, resaltados de texto, links… Una de las tendencias cromáticas en diseño web que se ha afianzado es el uso de dos colores que contrasten pero dentro de la misma gama o paleta de colores: el dominante que podría ser el color corporativo y un segundo color que refuerce este tono pero que sea lo suficientemente diferenciado. Por ejemplo si diseñamos una página web donde el color dominante es el verde, porque este es el color corporativo, crear también los botones en el mismo tono sería un grave error. Esto se debe a la importancia del contraste para dirigir la mirada del usuario. Por eso es aconsejable utilizar colores que contrasten con el entorno, y sobre todo hacer pruebas, ya que, además del color también es importante variar el tamaño, la ubicación o el mensaje del botón. En una web del año 2009 podríamos encontrar siguiendo este ejemplo un color corporativo dominante en verde, junto a un secundario naranja. Seguro que os suena esta combinación de colores que se usó mucho. En cambio en 2015 la gama cromática se mantiene dentro de un mismo rango, sin buscar colores complementarios (opuestos en la rueda de color) y son claras las tendencias de diseño web hacia colores con luz y algo más claros (incluso utilizando tonos más matizados o pastel). Para 2015 Pantone ha definido como color del año, curiosamente el color de un vino: Marsala, que definen como sutil y seductor. En este caso al rey de la definición cromática le llovieron las críticas por la elección de este color, pero lo que es cierto es que su uso se está extendiendo a todos los niveles pero sobre todo textil y gráfico, posiblemente gracias a una paleta de colores muy agradable creada en torno a éste y que sí cumple de manera estricta las tendencias de diseño web de las que venimos hablando.

DISEÑO GRÁFICO 105

TEORÍA DEL COLOR

En resumen, algunos de los consejos que os podemos dar como especialistas en creación de webs y teniendo en cuenta las tendencias de diseño para 2015:

• Seleccionar una gama cromática acorde a los colores corporativos de la empresa y su personalidad.

• Definir la identidad visual de la web en función de los colores, imágenes, logos.

• Mantener las reglas cromáticas, usar los colores con coherencia y escoger armonías agradables.

• Probar diferentes colores, tamaños y textos en botones calltoaction de la página.

• Adaptar y renovar tus colores a las tendencias de diseño web, para no quedarse muy desactualizado.

DISEÑO GRÁFICO 106

TEORÍA DEL COLOR

BIBLIOGRAFÍA

DISEÑO GRÁFICO 107