Teoria del Color - ¡Crea una página web sin saber...

30
Teoria del Color

Transcript of Teoria del Color - ¡Crea una página web sin saber...

  • Teoria del Color

  • SESIÓN 1 – El Color y sus Funciones

    • Introducción a los Fundamentos del Color • Historia y Naturaleza del Color • Modos de Color • Funciones del Color en el diseño

  • El ojo humano puede distinguir entre 10.000 colores. Se pueden además emplear tres dimensiones físicas del color para relacionar experiencias de percepción con propiedades materiales: saturación, brillantez y tono.

    EL ESPECTRO DE COLORES

  • Saber cómo se crean los colores y cómo se relacionan entre ellos, puede lograr una mayor eficacia al trabajar con herramientas de diseño gráfico. En lugar de obtener un efecto por casualidad, podrá producir resultados consistentes gracias a la comprensión de la teoría de los colores básicos.

    LA IMPORTANCIA DE LA TEORIA DEL COLOR

  • Un aspecto importante de la teoría del color es saber la diferencia entre el color luz (el que proviene de una fuente luminosa coloreada) y el color pigmento o color materia (óleo, témpera, lápices de color, etcétera).

    COMO SE CREAN LOS COLORES

  • Colores aditivos son por ejemplo los de los focos de un escenario que se usan para conseguir una iluminacion de un color concreto. Tambien los que usan las pantallas, mirando con una lupa la pantalla de un ordenador o de una tele se pueden ver puntos de color rojo, verde y azul (RVA o RGB en ingles). La suma de los tres es el blanco, la ausencia de todos el negro (la oscuridad).

    LOS COLORES ADITIVOS

  • Colores sustractivos son los que usa por ejemplo un pintor de paredes para mezclar los colores y son a los que nos referiremos en dibujo. La suma de los tres es el negro, la ausencia de todos el blanco (el papel). Tambien son los que se usan en una imprenta. Mirando con una lupa una revista en color se pueden ver puntos de color cian, magenta y amarillo. Tambien se ven puntos de color negro. Las imprentas usan el negro ademas porque las letras son habitualmente de ese color (CMAN o CMYK en ingles).

    COLORES SUSTRATIVOS

  • Si no tiene experiencia en ajustar los componentes del color, los diagramas de la rueda de colores estándar le servirán de ayuda al trabajar con equilibrio de color. La rueda de colores se utiliza para predecir cómo un cambio en un componente de color afecta a otros colores y también cómo se convierten los cambios entre los modelos de color RGB y CMYK.

    LA RUEDA DE COLOR

  • Por ejemplo, puedes disminuir la cantidad de cualquier color de una imagen aumentando la cantidad de su opuesto en la rueda de colores, y viceversa. Los colores que se encuentran en posiciones opuestas de la rueda de colores estándar se denominan colores Complementarios. De forma similar, puede aumentar o disminuir un color ajustando los dos colores adyacentes de la rueda, o incluso ajustando los dos colores adyacentes de su opuesto.

    LA RUEDA DE COLOR

  • En una imagen CMYK puede disminuir el magenta disminuyendo la cantidad de magenta o aumentando su complementario, que es el verde (el color del lado opuesto en la rueda de colores).

    En una imagen RGB puede disminuir el magenta suprimiendo rojo y azul o añadiendo verde.

    LA RUEDA DE COLOR

    Ahora podemos tener control sobre los colores

  • 1. El tono: Es el matiz del color, es decir el color en sí mismo, supone su cualidad cromática, es - simplemente- un sinónimo de color. Según su tonalidad se puede decir que un color es rojo, amarillo, verde... Aquí podemos hacer una división entre:

    •tonos cálidos (rojo, amarill o y anaranjados). Aquellos que asociamos con la luz solar, el fuego... • y tonos fríos (azul y verde). Los colores fríos son aquellos que asociamos con el agua.

    PROPIEDADES DEL COLOR

  • PROPIEDADES DEL COLOR

    2. Luminosidad o Brillantez. Es un término que se usa para describir cuan claro o cuan oscuro parece un color y se refiere a la cantidad de luz percibida. Independientemente de los valores propios de los colores, éstos se pueden alterar mediante la adición de blanco que lleva el color a claves o valores de luminosidad más altos, o de negro que los disminuye. Los colores que tienen un valor alto (claros), reflejan más luz y los de valor bajo (oscuros) absorben más luz. Dentro del círculo cromático, el amarillo es el color de mayor luminosidad (más cercano al blanco) y el violeta el de menor (más cercano al negro).

  • 3. Saturación . A veces denominada cromatismo, es la fuerza o pureza del color. La saturación representa la cantidad de gris que existe en proporción al tono y se mide como porcentaje comprendido entre 0% (gris) y 100% (saturación completa).

    PROPIEDADES DEL COLOR

    Está relacionada con la pureza cromática o falta de di lución con el blanco. Constituye la pureza del color respecto al gris, y depende de la cantidad de blanco presente. Cuanto más saturado está un color, más puro es y menos mezcla de gris posee.

    Por ejemplo, decimos “un rojo muy saturado” cuando nos referimos a un rojo puro y rico. Pero cuando nos referimos a los tonos de un color que tiene algún valor de gris, o de algún otro color, los llamamos menos saturados.

  • Cuando hacemos mención al término acromático estamos hablando de los niveles de grises que existen entre el blanco y el negro. En la escala podemos hablar de 9 niveles que comenzarán con el blanco y finalizarán en el negro.

    En los tres primeros niveles nos encontraremos con la escala de más alto valor y en los tres siguientes hablaremos de la escala intermedia o de valor mediano, los últimos tres serán los que pertenezcan a la escala de menor valor.

    ESCALA ACROMATICA

  • Cuando necesitamos realizar un dibujo en blanco y negro, para poder provocar los efectos de luz y sombra, es necesario realizar una valoración utilizando la escala acromática de forma que los contrastes de luz y sombra sean los perseguidos, por lo cual resulta evidente que tendremos que utilizar la escala de grises.

    ESCALA ACROMATICA

  • Cuando utilizamos o hablamos de la escala monocromática estamos haciendo referencia a un solo color, y las variaciones se producirán debido a los niveles de valoración y saturación. La escala monocromática de un color, por ejemplo el azul, se refiere a todos los diferentes matices que podemos encontrar dentro de este color. Los diferentes matices se consiguen combinando el color con el blanco en diferentes grados.

    Cuando realizamos un diseño este tendrá mayor unidad cromática si utilizamos para valorarlo una escala monocromática.

    ESCALA MONOCROMATICA

  • Los modelos de color describen los colores que se ven en las imágenes digitales y con los que se trabaja. Cada modelo de color como, por ejemplo, RGB, CMYK o HSB representa un método diferente (por lo general, numérico) de descripción de los colores.

    Cada dispositivo (ya sea un monitor o una impresora) dispone de su propio espacio de color, por lo que sólo puede reproducir los colores de su gama. Cuando una imagen pasa de un dispositivo a otro, los colores de la imagen pueden cambiar porque cada dispositivo interpreta los valores RGB o CMYK según su propio espacio de color. La gestión del color se emplea al mover imágenes con el fin de garantizar que la mayoría de los colores sean iguales o lo bastante similares como para mostrar cierta consistencia.

    LOS MODOS DE COLOR

  • El modo Color RGB asigna un valor de intensidad a cada píxel, los valores de intensidad varían de 0 (negro) a 255 (blanco) para cada uno de los componentes RGB (rojo, verde, azul) de una imagen en color. Por ejemplo, un color rojo fuerte podría tener un valor R de 246, un valor G de 20 y un valor B de 50. Si los valores de los tres componentes son idénticos, se obtienen diferentes tonos de grises.

    LOS MODOS DE COLOR

    MODO RGB

  • En el modo CMYK, a cada píxel se le asigna un valor de porcentaje para las tintas de cuatricromía. Los colores más claros (iluminaciones) tienen un porcentaje pequeño de tinta, mientras que los más oscuros (sombras) tienen porcentajes mayores. Por ejemplo, un rojo brillante podría tener 2% de cian, 93% de magenta, 90% de amarillo y 0% de negro. En las imágenes CMYK, el blanco puro se genera si los cuatro componentes tienen valores del 0%.

    MODO CMYK

    LOS MODOS DE COLOR

  • El modelo de color CIE L*a*b* (Lab) se basa en la percepción humana del color. Los valores numéricos de Lab describen todos los colores que ve una persona con una capacidad de visión normal. Como Lab describe la apariencia del color en lugar de la cantidad de colorante necesaria para que un dispositivo (como un monitor, una impresora de escritorio o una cámara digital) produzca el color, Lab se considera un modelo de color independiente de dispositivo.

    LOS MODOS DE COLOR MODO LAB

  • LOS MODOS DE COLOR MODO LAB

  • El modelo HSB describe tres características fundamentales del color: 1. Tono Color reflejado o transmitido a través de un objeto. Se mide como una posición en la rueda de colores estándar y se expresa en grados, entre 0° y 360°. Normalmente, el tono se identifica por el nombre del color, como rojo, naranja o verde.

    LOS MODOS DE COLOR MODO HSB

  • LOS MODOS DE COLOR MODO HSB

    2. Saturación A veces denominada cromatismo, es la fuerza o pureza del color. La saturación representa la cantidad de gris que existe en proporción al tono y se mide como porcentaje comprendido entre 0% (gris) y 100% (saturación completa).

  • 3. Brillo Luminosidad u oscuridad relativa del color y normalmente se expresa como un porcentaje comprendido entre 0% (negro) y 100% (blanco).

    LOS MODOS DE COLOR MODO HSB

  • LOS MODOS DE COLOR MODO ESCALA DE GRISES

    El modo Escala de grises utiliza distintos tonos de gris en una imagen. En imágenes de 8 bits, puede haber hasta 256 tonos de gris. Cada píxel de una imagen en escala de grises tiene un valor de brillo comprendido entre 0 (negro) y 255 (blanco). En imágenes de 16 y 32 bits, el número de tonos de una imagen es mucho mayor que en las imágenes de 8 bits. Los valores de la escala de grises también se pueden medir como porcentajes de cobertura de la tinta negra (0% es igual a blanco, 100% a negro).

  • El modo Mapa de bits utiliza uno de los dos valores de color (blanco o negro) para representar los píxeles de una imagen. Las imágenes en modo Mapa de bits se denominan imágenes de 1 bit en mapa de bits porque tienen una profundidad de bits de 1.

    LOS MODOS DE COLOR MODO DE MAPA DE BITS

    Imagen a colores

    Imagen convertida a Mapa de bits.

  • El modo Color indexado produce archivos de imágenes de 8 bits con un máximo de 256 colores. Al convertir a color indexado, Photoshop crea una tabla de colores de consulta (CLUT) que almacena y genera el índice de los colores de la imagen. Si un color de la imagen original no aparece en la tabla, el programa selecciona el más parecido o emplea el tramado para simular el color utilizando los colores disponibles.

    LOS MODOS DE COLOR

    MODO DE COLOR INDEXADO

    Las imágenes grabadas en formato GIF usan el modo de color indexado, como esta:

  • SESION NRO. 2

    • Clasificación de los Colores: Primarios, Secundarios, Intermedios y Terciarios • Resoluciones: DPI, LPI, PPI, Otros. • Practica dirigida por el Docente

  • Los colores primarios aditivos son los tres colores de la luz (rojo, verde y azul), que producen todos los colores del espectro visible al unirse en distintas combinaciones. Al sumar partes iguales de rojo, azul y verde, se obtiene el color blanco. La total ausencia de rojo, azul y verde da como resultado el color negro. Los monitores de ordenador son dispositivos que emplean colores primarios aditivos para crear color.

    COLORES PRIMARIOS

    ADITIVOS

  • Los colores primarios sustractivos son pigmentos que crean un espectro de colores en diferentes combinaciones. A diferencia de los monitores, las impresoras emplean colores primarios sustractivos (pigmentos cian, magenta, amarillos y negros) para producir los colores mediante mezclas sustractivas. Se usa el término “sustractivo” porque los colores primarios son puros hasta que se empiezan a mezclar entre ellos; el resultado son unos colores que son versiones menos puras de los primarios. Por ejemplo, el color naranja se crea mediante la mezcla sustractiva de magenta y amarillo.

    COLORES PRIMARIOS

    SUSTRATIVOS