INSTITUTO TECNOLÓGICO DE TUXTLA GUTIÉRREZ

TECNOLÓGICO NACIONAL DE MÉXICO

INGENIERÍA EN SISTEMAS COMPUTACIONALES
Materia:
GRAFICACIÓN
Catedrático:
ING. HÉCTOR GUERRA CRESPO
Alumnos:
Sergio Fabián flores Velasco
Hugo Alberto Vázquez Martínez
Grupo:
S6B
 1. Síntesis. (Narración propia)
La graficación es la ciencia de producir imágenes gráficas mediante una
computadora. Existen varias áreas en las que la graficación puede ser usada como
una forma para mejorar la representación visual de diversos recursos. Es por esto
que la graficación es muy importante, ya que facilita la forma en que se ven
diversas cosas, por ejemplo, puede ayudar a crear simulaciones por computadora
de cuerpos humanos para el estudio de estos sin la necesidad de utilizar un cuerpo
verdadero, así como para crear planos o mapas de casas sin llevar a cabo el
laborioso trabajo de hacerlos a mano, permite retocar imágenes y editarlas así
como un sin fin de usos que se le puede dar. Continuando esta serie sobre imagen
digital, de los modelos de color. El objetivo será ver la diferencia entre los
distintos modelos, entender mejor el modelo HSL, que es el que utilizamos al
revelar una imagen digital desde un RAW y el modelo RGB para entender las
diferencias entre profundidad de color de 8 y 16 bits, y para entender lo que son y
qué diferencias hay entre espacios de color y de radiación electromagnética y
espectro visible. Para llevar a cabo esto, una computadora debe contar con
distintos dispositivos como el procesador, una unidad de procesamiento gráfica y
periféricos de E/S, como sería un mouse, una tableta de dibujo, monitor etc. Estos
al ser controlados por un software adecuado, permite la creación y manipulación
de los gráficos. Pueden ser almacenados con diferentes formatos, entre los que
están el TIFF y RAW, los cuales guardan el grafico con una calidad idéntica a la
que fue creada, evitando la perdida de ésta. Otros como el JPEG, PNG y GIF que
son populares en Internet, suelen perder la calidad, salvo por el PNG que es el
mejor entre ellos y el PSD, un formato propio de Photoshop, que es capaz de
guardar varias imágenes en capas y en el estado que estaban mientras eran
modificadas, sin perder nada de calidad, sin embargo, el peso que ocupan en el
disco duro el TIFF, RAW y PSD es muy grande a comparación de los otros
formatos. En la geometría fractal, una figura geométrica se reproduce a sí misma
en una escala menor y cambiando su posición n número de veces, dando un
efecto interesante. En la graficación de hace uso de esto más que nada en el área
del arte, debido a que la imagen resultante es muy agradable a la vista cuando se
agregan colores.
 MODELOS DE COLOR (RGB, CMYK, HSV/HSL)
¿Qué es un modelo de color?

Un modelo de color establece un conjunto de colores primarios a partir de los que,

mediante mezclas, se pueden obtener otros colores hasta cubrir todo el espectro
visible, además del propio blanco, negro y grises, y aún más. Por ejemplo, hay
colores, como el marrón o el magenta, que no están presentes en el espectro
visible, y es nuestro cerebro el que lo interpreta a partir de la combinación de
ondas con diferentes longitudes. Los modelos de color más comunes son RGB
(utilizado en monitores) y CMYK (utilizado para impresión).

Modelos aditivos y sustractivos

Hay dos tipos de modelos de color, los aditivos y los sustractivos. Un modelo
aditivo se basa en la adición o mezcla de los colores básicos como forma para
obtener el blanco. Un modelo sustractivo se basa en la mezcla de los colores
primarios de dicho modelo para “sustraer la luz”, es decir, para obtener el negro,
es la ausencia de luz. Y cuando empleamos el término “color” en realidad nos
referimos al “matiz” o “croma”. Y junto a los colores también tenemos los tres
casos especiales: el blanco, el negro y los grises.

Modelo RGB

Volviendo a los modelos de color más habituales en

fotografía, el modelo RGB define como colores
primarios el rojo, el verde y el azul. La combinación
de los tres genera blanco. La ausencia de los tres
genera negro. Las diferentes mezclas entre ellos
representarían toda la gama de color. De nuevo, los
grises se representarían con diferentes intensidades
de cada color, pero siempre los tres con el mismo
valor. El modelo RBG se utiliza cuando se representa
color mediante haces de luz (pantallas o monitores).
Un pixel en un monitor se representaría mediante
tres subpíxeles o células: una roja, una verde y una
azul, correspondiendo cada una a un LED o diodo
emisor de luz del respectivo color. Si los tres diodos
están apagados, obtendríamos el negro. Si están
encendidos a diferentes intensidades, obtendríamos
colores, si están todos encendidos con la misma intensidad y al máximo,
tendríamos el blanco, y si la intensidad es menor pero igual en los tres diodos,
obtendríamos grises.

Modelo CMYK

Es un modelo sustractivo y se utiliza en impresión a partir de

pigmentos de tres colores básicos: C – cian, M – magenta y Y
– amarillo. La K viene del negro, ya que la combinación de
los tres anteriores produce un negro poco puro, de ahí que
se añada al modelo un pigmento negro puro. Al contrario que
en RGB, donde el negro es la ausencia de luz, en CMYK el
blanco se representa aquí como ausencia de pigmentos. Los
colores intermedios se producen a partir de la mezcla en
distintas proporciones de los pigmentos base. Hay una
relación entre los modelos RGB y CMYK, ya que con la mezcla
a igual parte de cada uno de los colores básicos de un
modelo obtenemos los primarios del otro.
En RGB (rojo, verde, azul):
 Rojo y verde en iguales proporciones: obtenemos amarillo – Y de CMYK

 Rojo y azul en iguales proporciones: obtenemos el magenta – M

 Verde y azul en iguales proporciones: obtenemos el cian – C

En CMYK (cian, magenta, amarillo):

 Cian y magenta en igual proporción: obtenemos el azul

 Cian y amarillo en igual proporción: obtenemos el verde

 Magenta y amarillo en igual proporción: obtenemos el rojo

Modelo HSV y HSL

Estos modelos incluyen otros dos parámetros adicionales al matiz o croma para
obtener el color, que son la saturación (en ambos) y el valor (en HSV) o la
luminosidad o tono (en HSL). De ahí sus siglas: HSL (H – hue o matiz, S –
saturation o saturación, L – luminosity o luminosidad/tono), HSV (ídem excepto V
de valué o valor). La diferencia entre HSV y HSL es que en HSV la saturación va
del color puro al blanco, y en HSL la saturación va del color puro al gris medio, y el
tono, en HSV va desde el negro al color, y en HSL va desde el
negro al blanco. De ahí que HSL sea el que se utiliza más
comúnmente en fotografía. Lightroom, que se basa en HSL,
dispone de controles para alterar H – matiz, S – saturación y L –
Tono para los siguientes colores: rojo, naranja, amarillo, verde,
cian, azul, violeta y magenta. Siguiendo con Lightroom, éste nos
permite fijar la saturación entre gris y color puro para esos 8
colores.

Respecto al matiz, nos permite virar los 8 colores a los

adyacentes que comente con anterioridad, por ejemplo, para el
rojo, desde magenta a naranja. Por último, respecto al tono,
Lightroom nos permite oscurecer cada uno de esos 8 colores hasta el negro, o bien
aclararlo hasta llegar al blanco. Si utilizásemos un programa basado en HSV, el
control del matiz sería similar, el control de la saturación nos permitiría llevar un
matiz dado a su expresión más pura, o bajar su saturación hasta llegar el blanco,
raro, ¿verdad?. Y respecto al tono, nos permitiría para un matiz dado, bajar su
tono hasta el negro o subirlo hasta el color puro, algo que es también raro.

FORMATOS DE IMAGEN
Las imágenes digitales se pueden guardar en distintos formatos. Cada
uno se corresponde con una extensión específica del archivo que lo
contiene. Los más utilizados en la actualidad son: BMP, GIF, JPG, TIF y
PNG.

BMP (Bitmap = Mapa de bits)

 Ha sido muy utilizado porque fue desarrollado para aplicaciones Windows.

 La imagen se forma mediante una parrilla de píxeles.

 El formato BMP no sufre pérdidas de calidad y por tanto resulta adecuado

para guardar imágenes que se desean manipular posteriormente.

 Ventaja: Guarda gran cantidad de información de la imagen.

 Inconveniente: El archivo tiene un tamaño muy grande.

GIF (GraphicsInterchangeFormat = Formato de Intercambio Gráfico)

 Ha sido diseñado específicamente para comprimir imágenes digitales.

 Reduce la paleta de colores a 256 colores como máximo (profundidad de
color de 8 bits).

 Admite gamas de menor número de colores y esto permite optimizar el

tamaño del archivo que contiene la imagen.

 Ventaja: Es un formato idóneo para publicar dibujos en la web.

 Inconveniente: No es recomendable para fotografías de cierta calidad ni

originales ya que el color real o verdadero utiliza una paleta de más de 256
colores.

JPG-JPEG (JointPhotographicExpertsGroup = Grupo de Expertos

Fotográficos Unidos)

 A diferencia del formato GIF, admite una paleta de hasta 16 millones de

colores.

 Es el formato más común junto con el GIF para publicar imágenes en la

web.

 La compresión JPEG puede suponer cierta pérdida de calidad en la imagen.

En la mayoría de los casos esta pérdida se puede asumir porque permite
reducir el tamaño del archivo y su visualización es aceptable. Es
recomendable utilizar una calidad del 60-90 % del original.

 Cada vez que se modifica y guarda un archivo JPEG, se puede perder algo
de su calidad si se define cierto factor de compresión.

 Las cámaras digitales suelen almacenar directamente las imágenes en

formato JPEG con máxima calidad y sin compresión.

 Ventaja: Es ideal para publicar fotografías en la web siempre y cuando se

configuren adecuadamente dimensiones y compresión.

 Inconveniente: Si se define un factor de compresión se pierde calidad. Por

este motivo no es recomendable para archivar originales.
 TIF-TIFF (TaggedImage File Format = Formato de Archivo de Imagen
Etiquetada)

 Almacena imágenes de una calidad excelente.

 Utiliza cualquier profundidad de color de 1 a 32 bits.

 Es el formato ideal para editar o imprimir una imagen.

 Ventaja: Es ideal para archivar archivos originales.

 Inconveniente: Produce archivos muy grandes.

PNG (Portable Network Graphic = Gráfico portable para la red)

 Es un formato de reciente difusión alternativo al GIF.

 Tiene una tasa de compresión superior al formato GIF (+10%)

 Admite la posibilidad de emplear un número de colores superior a los 256

que impone el GIF.

 Debido a su reciente aparición sólo es soportado en navegadores modernos

como IE 4 o superior.

Nota para Windows:

Para visualizar la extensión de los archivos desde el explorador de

Windows sigue los siguientes pasos:

1. Desde el escritorio elige Inicio > Mi PC

2. En la barra de menús, selecciona Herramientas > Opciones de

carpeta

3. Pulsa en la pestaña Ver.

 4. En la lista Configuración avanzada localiza en la parte más inferior
de la lista el elemento: "Ocultar las extensiones de archivo para
tipos de archivo conocidos".

5. Asegúrate de que la casilla del ítem mencionado NO está activada.

6. Pulsa en Aceptar para guardar los cambios.

Tras ejecutar estas instrucciones se mostrará siempre la extensión de

los archivos (.doc, .pdf, .html) cuando se utilice el explorador de
archivos de Windows para moverse entre las carpetas de un disco duro
propio.

En la siguiente tabla se recogen las características diferenciales más

significativas de los tres formatos de imagen en el que soy
recomendados para publicar una imagen en la web.

JPG GIF PNG

Número de colores: 24
Hasta 256 colores Número de colores: 24 bits color
bits color o 8 bits B/N

Muy alto grado de Mayor compresión que el formato GIF

Formato de compresión
compresión (+10%)

Admite carga progresiva Admite carga progresiva Admite carga progresiva

No admite fondos Admite fondos Admite fondos transparentes en 8-

transparentes transparentes bits

No permite animación Permite animación No permite animación