Introducción a la

graficación por
computadora.
Integrantes:
JOCELYN RODRIGUEZ PONCE #18100229.
DÍAZ MEDRANO ALEJANDRO #19100168.
 Introducción.
La graficación por computadora permite establecer una interacción especial
entre el hombre y la computadora.
Se ha llegado a un punto tal, que hoy no podemos concebir una
computadora, por muy sencilla y modesta que sea, sin alguna capacidad
gráfica.
La computación gráfica es el campo de la informática visual, donde se
utilizan computadoras tanto para generar imágenes visuales sintéticamente.
Un gráfico es cuando existe algún trazo o marca que han sido hechos con
intencionalidad. Lo gráfico, tiene por objeto representar alguna cosa que no
está.
 1.1
Historia y evolución de
la graficación por
computadoras
 1.1.- Historia y evolución de la graficación por
computadora.

● 1950:La graficación por computadora tuvo sus inicios

con el surgimiento de las computadoras digitales. Una
computadora digital como la Whirlwhin de la Mit fue
una de las primeras en utilizar una pantalla capaz de
representar gráficos.

🠶 1951: En MIT la Whirlwind Computer fue

creada, con el primer vídeo en tiempo real
capaz de desplegar texto y gráficas en un gran
osciloscopio.
 1.1.- Historia y evolución de la graficación por
computadora.
● 1959: Surgió el primer sistema de dibujo por computadora, la DAC-1 (Design Augmented
by Computer) Fue creado por General Motors e IBM. La DAC-1 permitía al usuario
describir un automóvil en 3D con la capacidad de rotar y cambiar el ángulo de la imagen.
 1.1.- Historia y evolución de la graficación por
computadora.
En 1961 un estudiante del Massachusetts Institute of
Technology, Ivan Sutherland creó un programa de dibujo
informático llamado “Sketchpad” la cual fue una de las
primeras aplicaciones informáticas que defendieron el
concepto de utilizar el ordenador como extensión de la mente
humana.
Sutherland tuvo acceso a la TX-2, una de las primeras
computadoras que dispuso de algo parecido a la interfaz visual.
La TX-2, diseñada en 1956.
Diseñó un sistema que permitía a los usuarios dibujar puntos,
segmentos de líneas y arcos circulares, cruzar las líneas en un
ángulo concreto y duplicar dibujos conservando una relación
con el original
 1.1.- Historia y evolución de la graficación por
computadora.
● 1970 – 1980: Los años 70 consideraron la introducción de los gráficos por
computadora en el mundo de la televisión. Computer Image Corporation
(CIC), desarrolló sistemas complejos de la dotación física y de software tales
como ANIMAC, SCANIMATE y CAESAR.

🠶 1977: Steve Wozniak crea la Apple II,

la primer computadora personal
gráfica a color.
 1.1.- Historia y evolución de la graficación por
computadora.
● 1980 – 1990: John Turner Whitted publicó un artículo en el año
80 sobre un nuevo método de representación para simular
superficies altamente reflexivas. Conocido hoy como
“Raytracing”.
● 1999: La empresa Autodesk tiene 1,000,000 usuarios de
AutoCAD LT y 100,000 de 3D Studio.
● 2000 - 2001: Autodesk inicia la venta por Internet de AutoCAD
2000, en 2001 se realiza la Presentación de la versión AutoCAD
2002. Destacan la función de asociación de funciones de las
dimensiones en el dibujo, el editor gráfico de atributos. La
definición de bloques y un conversor de capas asociado a la
funcionalidad del gestor de normas. Orientación hacia Internet.
 1.2
Áreas de

Aplicación
1.2.- Áreas de aplicación.
1.2.- Áreas de aplicación.
1.2.- Áreas de aplicación.
1.2.- Áreas de aplicación.
1.2.- Áreas de aplicación.
1.2.- Áreas de aplicación.
1.2.- Áreas de aplicación.
1.2.- Áreas de aplicación.
1.2.- Áreas de aplicación.
1.2.- Áreas de aplicación.
 1.4
Modelos de color

RBG, CMY,
HSV Y HSL
1.4 Modelos del color: RBG, CMY, HSV y 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).
1.4 Modelos del color: RBG, CMY, HSV y HSL

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.

El modelo RBG se utiliza cuando se representa color

mediante haces de luz (pantallas o monitores).
 1.4 Modelos del color: RBG, CMY, HSV y HSL

RGB Hexadecimal o HTML: Se conoce como HEX (de

hexadecimal). En este sistema la proporción de cada color
aditivo se expresa de manera hexadecimal.

Es el sistema HEX de representación RGB es el más utilizado

en informática y diseño web, ya que es el sistema utilizado en
HTML. Un sistema Hexadecimal usa 16 valores, en vez de los
diez del sistema decimal tradicional. Estos 16 valores son:
0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F
 1.4 Modelos del color: RBG, CMY, HSV y HSL

El modelo CMY (acronimo de CYAN, MAGENTA, YELLOW) es un

modelo de color sustractivo que se utiliza en la impresión de
colores. Es la versión moderna y mas precisa del ya obsoleto
modelo del color RYB que se utiliza aun en pintura y bellas
artes.Permite representar una gama de color mas amplia que este
ultimo, y tiene una mejor adaptación a los medios industriales.

● Utilizadas en imprentas para reproducir fotos.

● Se expresan en porcentaje de tinta, por lo tanto un 100% del
valor "Y" y 0% en los otros valores, indica 100% de saturaciòn de
color amarillo.
● Puedes poner exactamente los porcentajes de tinta.
 1.4 Modelos del color: RBG, CMYK, HSV y
HSL
● HSV y HSL

En el modelo de color HSV, un color se define por su tono (H), su

saturación (S) y su luminosidad (V), por lo que se parece más a
la percepción del color humano que a los
modelos de color aditivos y sustractivos. Es fácil ajustar un color
por su saturación y brillo
La representación de HSV modela la manera en que se mezclan
las pinturas de diferentes colores, con la dimensión de saturación
que se asemeja a varios tonos de pintura de colores brillantes, y
la dimensión de valor que se asemeja a la mezcla de esas pinturas
con cantidades variables de pintura negra o blanca.
 1.4 Modelos del color: RBG, CMYK, HSV y
HSL
● HSV y HSL

Este modelo de color, HSL (H – hue o matiz, S – saturation o

saturación, L – luminosity o luminosidad/tono).

El modelo HSL intenta parecerse a modelos de color más

perceptivos como NCS o Munsell, colocando colores
completamente saturados alrededor de un círculo con un valor
de luminosidad de 1/2, donde un valor de luminosidad de 0 o 1 es
totalmente negro o blanco, respectivamente
 1.5
Representación y trazo de

líneas y
polígonos
1.5 Representación y trazo de líneas y polígonos

¿Que es un polígono? ¿Que es una línea?

Un polígono es una figura plana
compuesta por una secuencia
limitada de segmentos rectos
consecutivos que cierran una región
en el plano
Trazo largo y continuo en una
sola dirección, la que
permanecerá invariable durante
toda su extensión.
 Tipos de polígonos

Simple o Complejo: Cóncavo o Convexo:

Un polígono simple sólo
tiene un borde que no se
cruza con él mismo.
Uno complejo se interseca
consigo mismo.
Un polígono convexo no tiene
ángulos que apunten hacia
dentro. En concreto, los ángulos
internos no son mayores que
180°. Si hay algún ángulo
interno mayor que 180°
entonces es cóncavo
 Tipos de polígonos

Regular o Irregular:
Si todos los ángulos son iguales y los lados también,
es regular, si no es irregular.
 1.5 Representación y trazo de líneas y polígonos
Representacion
En Matemáticas, un politopo regular es una figura geométrica con un alto
grado de simetría. Ejemplo de politopos regulares en dos dimensiones son
el cuadrado, el pentágono y el hexágono regular

La representación básica de alguna imagen se limita a polígonos regulares e

irregulares formados
por vértices. Se pueden organizar los polígonos para mejorar el tratamiento
.
 1.5
Formatos de
Imagen
 1.5 Formatos de imagen
● JPG/JPEG
Lo que hace es comprimir una imagen perdiendo datos para que esta
pese menos.
Este es el más habitual de Internet y se caracteriza por lo siguiente:

● Escala de grises de 8 bits

● Imágenes a color de 24 bits (usa 8 bits para cada color RGB
(verde, rojo y azul).
● Compresión con pérdida (lo cual ayuda a que su tamaño sea
menor).
● Degradación generacional. Es decir, que cuando se editan y
guardan muchas veces va perdiendo más calidad.
 1.5 Formatos de imagen
● PNG
PNG son las siglas de Portable Network Graphics. Al principio no era muy
utilizado (hablamos de 1996) pero ahora sí que encuentras fácilmente imágenes
y fotos con este formato.

Entre sus características están:

● Comprimir imágenes sin pérdidas.
● Ofrecer una profundidad de color de hasta 24 bits (y no los 8 por ejemplo
de las anteriores).
● Dispone de un canal alfa de 32 bits.
● No puede generar animaciones.
● Acepta transparencias y semitransparencias.
Actualmente se utiliza sobre todo en imágenes y gráficos, logotipos, fotos sin
pérdidas, fotos que requieren transparencias, etc.
 1.5 Formatos de imagen
● GIF
El GIF, o Formato de intercambio de gráficos, es uno de los formatos de imagen más
utilizados para crear sobre todo animaciones, ya que permite grabar archivos de imágenes
en movimiento.

Sin embargo, no es exclusivo para esto, también se utiliza para fotos debido a que comprime
sin pérdidas, es decir, mantiene la calidad de la fotografía que guardes en este formato.

Se caracteriza por

● Guardar toda la información de la imagen en una tabla denominada paleta de colores,

que
● Puede contener hasta 256 colores (8 bits).

En Internet es fácil encontrarlos aunque se destinan sobre todo a logotipos (sin fondo para
que salga transparente), a animaciones, clip arts, etc.
 1.5 Formatos de imagen
● TIFF
TIFF (Tagged Image File Format) es un formato gráfico que se utiliza para la transmisión de
datos impresos y de imágenes de alta resolución. Fue desarrollado en 1986 por Microsoft en
colaboración con Aldus, que hoy pertenece a Adobe, y ha sido optimizado para integrar la sepa

● Soporta el modelo de color CMYKy

● Permite una profundidad de color de hasta 16 bits para cada canal de color (la
profundidad total asciende a 48 bits).
● se puede comprimir el formato sin pérdidas con la ayuda del mencionado algoritmo
LZW que también se utiliza en GIF.ración de color y los perfiles de color (perfiles ICC) de
las imágenes escaneadas.
● Se ha impuesto como un estándar común para las imágenes en el que la calidad
desempeña un papel más importante que el tamaño de los archivos.
● Empleado por las editoriales y los medios impresos
 1.6
Procesamiento de
mapas de bits
 1.6 Procesamiento de mapas de bits
¿Qué es un mapa de bits?

Es una trama compuesta por una estructura rectangular formada por píxeles o
puntos de color que forman una imagen.

● matriz de bits que especifica el color de cada píxel de una matriz rectangular
de píxeles.
● El número de bits asignado a un píxel individual determina el número de
colores que se pueden asignar a dicho píxel. Por ejemplo, si cada píxel se
representa con 4 bits, a un píxel determinado se le podrá asignar uno entre
los 16 colores distintos (2^4 = 16).

Los mapas de bits pueden ser conocidos de varias formas. Algunas de ellas son:
● Bitmap
● Raster image
● Imagen matricial
 1.6 Procesamiento de mapas de bits

¿Cuáles son las características de un mapa de bits?

1. Compuesto por píxeles

La principal característica de un mapa de bits es su composición mediante píxeles o
cuadrados mínimos de información de color.

A diferencia de una imagen vectorizada, en un mapa de bits cada punto de color que
se representa en la imagen debe contar con la correspondiente información del
color. He ahí la importancia de saber qué es un mapa de bits y cómo diferenciarlo de
otros formatos.

2. Diversos usos
El uso más popular del mapa de bits o raster es en las imágenes de fotografía o el
arte plano. Se utilizan los mapas de bits para en trabajar fotografías con mucho
detalle o alguna imagen escaneada.
BIBLIOGRAFIA

● ▷ ¿Qué es CMYK y para qué sirve? - Neo Wiki | NeoAttack

● Representación y trazo de poligonos :: Itcancun
● Microsoft Word - Lecture_15.doc
● MODELO DE LOS COLORES CMY
● Modelo de color HSL y HSV – HiSoUR Arte Cultura Historia
● El modelo de color HSL, una intuitiva forma de navegar entre el color de nuestras imágenes
● Modelos de color (RGB, CMYK, HSV/HSL) | Antonio Herrera
● Tratamiento de Imágenes
● 1.4 Representación de trazos, líneas y polígonos by Joel Alejandro Valencia Ceballos
● 👾 ¿Qué es un mapa de bits? Conceptos y usos [2021]
BIBLIOGRAFIA

● Formatos de Imagen y Procesamiento de m...- Mapa Mental

● Mapa de bits | IDIS
● Graficacion Enrique De Jesús Garcia: Procesamiento de mapa de bits
● Formatos de imagen | ¿Cuáles son los formatos de imagen más importantes? - IONOS
● Modelos de Color | Estudiando Ingeniería en Sistemas Computacionales