El Color

El Color

1. Temas de la sesin

1.1 Holografa
1.2 Curvas de Bezier
1.3 Conceptos
1.4 Grficos de mapas de bits
1.5 Grficos Vectoriales

1.1 Holografa
Tcnica avanzada de fotografa que consiste en crear imgenes
tridimensionales.
Para obtener las imgenes se puede utilizar:

Cmaras Especiales
Cmaras Convencionales.
Captura de imgenes en el computador.
Edicin grfica de imgenes.

Imgenes de Anaglifo
Son imgenes de dos dimensiones capaces de provocar un efecto
tridimensional cuando se ven con lentes especiales (lentes de color
diferente para cada ojo)

Gafas 3D:
Lente Izquierdo (se quita Abul y Verde)
Lente Derecho ( se quita rojo)

1.1 Holografa
1.1.1 Crear Gafas 3D

1.1.1 Crear una anaglifo

1.- Seleccionar una imagen (de buena resolucin)
2.- Abrir la imagen en Pothoshop
3.- Duplicar la imagen (imagen de ojo izquierdo y
derecho)
4.- Clic derecho en la imagen de ojo izquierdo,
Opciones de Fusin (quitar color azul y verde)
5.- Clic derecho en la imagen de ojo derecho,
Opciones de Fusin (quitar color rojo)
6.- Desplazar la imagen de ojo izquierdo 3 px.

1.2 Curvas de Bezier

Creado por Pierre Bzier.
Sistema para trazado de dibujos tcnicos
desarrollado en los aos 60.
1.2.1 Video de curvas de Beizer (UPM)

1.2.2 Wikipedia: Curvas de Beizer

1.3 Conceptos

1.3.1 Pxel
1.3.2 Resolucin de Imagen
1.3.3 Profundidad de color y Modo de Color
1.3.4 Modos o Espacios de Color

1.3.1 Pxel
Abreviatura: "picture element" (elemento de imagen).
Qu es un pixel?
es la unidad ms pequea de los mapas de bits.
Tiene dos caractersticas:
Una posicin relativa al resto de pxeles de un mapa de bits.
Capacidad para almacenar color, que se mide en bits.

Su tamao es relativo: "El preguntar el tamao

de un pxel es similar a preguntarnos el tamao
de un trozo de pizza, ya que depender de
cuantos trozos compongan la pizza completa".

1.3.2 Resolucin de Imagen

Medida fraccionaria para cuantificar mejor la ubicacin de un pxel
en un mapa de bits.
Se expresa en pixels por pulgada (pixels per inch).

NOTA: En las imprentas generalmente se indica cuan grande es la

imagen, indicando dimensiones como la resolucin.

1.3.3 Profundidad y Modo de Color

Conceptos
1.3.3.1 Tipologa del Color
1.3.3.2 Combinacin de Colores

1.3.3 Conceptos
Profundidad del Color.- expresa la cantidad
mxima de datos que puede almacenar un pxel.
Modo de Color o Espacio de Color.- expresa la
cantidad mxima de datos de color que se
pueden almacenar en un determinado archivo. Es
el contenedor en el que colocamos nuestros
pxeles.
Los modos de color describen los colores que se ven
en las imgenes digitales e impresas.
Segn la aplicacin que se desea, se trabaja con
distintos modelos de color.

1.3.3 Profundidad y Modo de Color

Modo de Color

PROFUNDIDAD

1.3.3.1 Tipologa del Color

Clasifica los colores en primarios, secundarios y terciarios.
Colores Primarios:

No se pueden crear mezclando otros colores.

Se pueden mezclar entre s para formar la mayora de colores.
Al mezclar dos colores primarios = color secundario
Mezclar un primario con un secundario = color terciario.

Comnmente, Rojo, Amarillo, Azul son colores primarios en

el mundo del arte (pero es impreciso).
Colores Secundarios:
Se obtiene de la mezcla en una misma proporcin de los colores
primarios.
La disposicin ordenada de los seis tonos se le denomina
CIRCULO CROMATICO.

1.3.3.1 Circulo Cromtico

Aprende_a_combinar_colores.flv

1.3.4 Modos RGB y CMYK

RGB y CMYK son modos
de color utilizados para
representar colores a
travs de valores en un
espacio de color
definido.

1.3.4.1 RGB

Es el modelo de sntesis aditivo o color luz.

Se utiliza en trabajos digitales.
Explicacin:
Cada punto en la pantalla es un pixel, y cada pixel est conformado por
tres subpixeles (rojo, verde y azul), brillando cada uno a determinada
intensidad. El monitor produce los puntos de luz partiendo de tres
tubos de rayos catdicos (R,G,B).
Colores Saturados son los que se encuentran en las aristas.

1.3.4.1.2 RGB: Representacin

Hexadecimal:
La intensidad de las componentes se mide segn
una escala de 3 pares de valores: #RRGGBB
La escala para cada valor va de 0 a 9 continuando
con las letras A a la F. 0 corresponder el valor
ms bajo y F el valor ms alto.
Ejemplo: Rojo Saturado (#FF0000)

Decimal:
La intensidad de las componentes se mide
numricamente entre 0 (negro) y 255 (blanco).

1.3.4.1.2 RGB: Ejemplos

1.3.4.1.3 Ausencia de Luz

La ausencia de color luz, conocido como el color NEGRO, se
obtiene cuando las tres componentes son 0.
RGB: (0,0,0)
HEXADECIMAL: (#000000)

Cul es color Blanco?

TIP: cuando las tres componentes son idnticas , se obtiene
un tono de gris neutro.
TIP: La combinacin de dos colores a nivel 255 con un
tercero a nivel 0, da lugar a tres colores intermedios.
(R=255, G=255,B=0) --> amarillo
(R=0 , G=255,B=255) --> cyan
(R=255, G=0 ,B=255) --> magenta

1.3.4.2 CMYK
Modelo de color de sntesis
sustractiva o color pigmento.
Se aplica a medios impresos en
cuatricoma (cualquier color del
espectro visible).
Reduccin de calidad de color en el
paso de RGB a CMYK:
Aunque el modelo CMYK tiene
cuatro canales (cada canal con 256
niveles de brillo), el espacio de color
CMYK no es tan grande como el RGB.
Las tintas no pueden capturar
completamente todo aquello que
podemos observar en el Modelo
RGB.

1.3.4.2.1 CMYK: Representacin

Porcentajes:
CMYK con valores entre 0 y 100%

1.3.4.3 Comparando CMYK con RGB

RGB es ms completo que el CMYK.

RGB es de sntesis Aditiva, CMYK es sntesis Sustractiva.

1.3.4.3 Comparando CMYK con RGB

Como se visualiza en RGB

Lo que se imprime en CMYK

1.4 Grficos de mapas de bits

Dependen de la "resolucin
Otra denominacin: "grficos rasterizados".
Conforman un "sbana de pxels" que
representan una imagen reconocible.
Algunas de las Herramientas mas utilizadas:
Adobe Phothoshop
Paint Shop Pro

1.4.1 Prctica de Photoshop

Realiza un montaje de dos imgenes.

1.5 Grficos Vectoriales

No dependen de la resolucin.
Se construyen a partir de ecuaciones paramtricas.
Tienen un contorno y un relleno.
Eventualmente se visualizan como mapa de bits.
Algunas de las herramientas ms conocidas:
Adobe Illustrator,
Inksapce,

CorelDraw

1.5.1 Prctica de Illustrator

Realiza el trazado del contorno de la imagen,
mediante las Curvas de Bezier.