0 Imagen-Digital

MF:0697_3 Edición creativa de imágenes y diseño de EG
UF:1457: Obtención de imágenes para proyectos gráficos
Imagen Digital
Imagen Digital Diseño de Productos Gráficos

Vectores Vs Mapa de Bits

Vectores

Características

Mapa de bits
En los gráficos de mapa de bits la información se almacena punto por punto,
dividiendo la imagen en casillas cuadradas formando una especie de retícula.
Cada casilla es un píxel y se le asigna un valor correspondiente a su color.
La imagen será percibida cuando se muestre cada píxel en la retícula.

Los mapas de bits pueden ser rectangulares o cuadrados.

Características básicas
Todas las imágenes digitales o mapa de bits tienen cuatro características básicas:
• Resolución
• Dimensiones
• Modelo de color
• Profundidad de bits (numero de bits por pixel)

La resolución
La resolución de una imagen es la cantidad de píxeles.
Calcular la resolución total
Se calcula multiplicando su anchura en pixeles por la altura

Por ejemplo la imagen de 1200 x 1200 píxeles = 1.440.000 píxeles = 1,4 Mp.

Dimensiones
El tamaño de una imagen se corresponde con sus dimensiones reales en términos

de anchura y altura una vez impresa.
Puesto que el número de píxeles de una imagen digitalizada es fijo, al aumentar el

tamaño de la imagen reducimos la resolución y viceversa.
200 x120 px

Resolución
Pantalla: Pixeles por pulgada

Al estirar una imagen Densidad Resolución
Impresión: Puntos por pulgada

Pixeles en pantalla
300x180
300x180

Pixeles en pantalla
1200x700
300x180
Resolución de pantalla: 72-96 pixeles por pulgada

Resolución de impresión: 300 puntos por pulgada

Tamaño de impresión

Tamaño de impresión
Si doblamos la resolución de una imagen digitalizada, de 72 ppp a 144 ppp,
el tamaño de la imagen se reduce a la cuarta parte del original
Densidad
1 pulgada
Si dividimos la resolución de 300 ppp a 150 ppp

obtenemos una imagen con el doble de las dimensiones originales (cuatro veces su superficie).
Imagen Digital
Pixeles reales
¿Cómo vemos las imágenes? ¿Cómo se imprimen?

730*500 Si encajamos en ventana

300*200 Si encajamos en ventana

Si encajamos en ventana

Si visualizamos al 100%


Resoluciones de monitor más habituales actualmente
1024 x 768 píxeles (4:3): monitores de 14 y 15″.

1920 x 1200 píxeles (16:10): monitores de 22, 24, 26″
2560 x 1600 píxeles (16:10): monitores por encima de 26″.
1280 x 720 píxeles (16:9): monitores de 17 y 19″. Conocido como resolución HD.
1920 x 1080 píxeles (16:9): monitores de 24, 25, 27, 32″. Conocido como resolución Full HD.
2560 x 1440 píxeles (16:9): monitores de 24, 27, 32″.
3840 x 2160 píxeles (16:9): monitores de 27, 32″ y en adelante. Conocido como resolución 4K.
5120 x 2880 píxeles (16:9): monitores por encima de 40″. Conocida como resolución 5K.
7680 x 4320 píxeles (16:9): monitores por encima de 50″. Conocida como resolución 8K.
2560 x 1080 píxeles (21:9): monitores de 25, 27 y 29″.
3440 x 1440 píxeles (21:9): monitores de 34″ en adelante.
5120 x 2160 píxeles (21:9): monitores de 32″ en adelante.

Modelo de color
El ojo humano percibe los colores según la longitud de onda de la luz que le llega.
La luz blanca contiene todo el espectro de color, mientras que la ausencia de luz es
percibida por nuestro ojo como negro.
Los programas de edición de imágenes utilizan varios modos de color para definir y
clasificar todos los colores posibles. La mayoría de los programas utilizan uno de
estos tres modos de color: HSB (tono, saturación y brillo), RGB (rojo, verde y azul) y
CMYK (cyan, magenta, amarillo y negro).
C A
M

RGB
Este modo de color es el que se utiliza en todos los procesos en los que el color se
obtiene por mezcla aditiva de luces: televisión, pantallas gráficas, iluminación
artificial, etc. En todos estos dispositivos, la gama completa de colores se obtiene a
partir de la mezcla de tres colores primarios: rojo, verde y azul.

Porqué lo llamamos método aditivo
Cualquier color se obtiene mezclando dos o más luces: al mezclarse luz verde y luz
azul, por ejemplo, se obtiene el color cyan, al mezclarse rojo y azul se obtiene el
magenta, y así sucesivamente. La mezcla de proporciones variables de colores
primarios produce la gama completa de color. La mezcla de los tres colores básicos
produce el color blanco, mientras que la ausencia de los tres colores produce el
color negro.
Las aplicaciones de edición de imágenes suelen expresar las cantidades de cada

color primario con un número que puede adoptar cualquier valor entre 0 (ausencia
absoluta de ese color) y 255 (cantidad máxima).
Así se puede describir un color RGB

con las cifras (127, 52, 209).

El modo CMYK
El modo de color CYMK es el que se utiliza si tiñésemos un papel con tintas de
colores.
Es el modo en que hemos aprendido a colorear de niños:
Cian, Amarillo y Magenta.

Porqué lo llamamos método sustractivo
La razón está en que la tinta absorbe una parte de las longitudes de onda de la luz
que recibe, de modo que la parte del espectro no absorbido se refleja. Dicho de otro
modo, la tinta sustrae al espectro de la luz blanca una parte de la radiación, por eso
a este modo de obtener colores se le llama método sustractivo.
Teóricamente, si pintásemos una hoja de papel con tinta cyan, magenta y amarillo
debería absorber todo el espectro, produciendo, en consecuencia, el color negro.
Pero en la práctica las tintas no son de color puro y sólo conseguimos un marrón
oscuro, que tenemos que ajustar con tinta negra para mejorar la calidad de la
reproducción.
Este modo de color es el preferido cuando hay que ajustar el color para imprimir
una imagen sobre papel. De hecho es el modo utilizado en las imprentas bajo el
nombre técnico de cuatricromía.

RGB CMYK

Profundidad de color (de bits)
Sabemos que el píxel es una pequeña porción de una imagen y que a su vez guarda en él una pequeña parte
del tono de color de esa misma imagen.
La profundidad del BIT o profundidad del píxel o profundidad del color, estima los valores que puede llegar a
tener cada píxel que forma la imagen. Si tiene más cantidad de bits por píxel más colores, mayor definición de
imagen y mayor tamaño del archivo.
Una imagen con una profundidad de color de 1 bits, tiene pixeles con dos valores posibles: blanco y negro.
Una imagen con una profundidad de color de 8 bits, tiene 2 8, o lo que es lo mismo, 256 valores posibles.
Las imágenes en escala de grises con una profundidad de 8 bits, tienes 256 valores de gris que van desde el
blanco hasta el negro.
1 bit por píxel: 21 = 2 colores, también llamado monocromo.

2 bits por píxel: 22 = 4 colores,.
4 bits por píxel: 24 = 16 colores,
8 bits por píxel: 28 = 256 colores, (también llamado VGA).
24 bits, asociado al modelo RGB (8 bits por canal )= 16,7 millones de colores. 224 = 256x256x256 = 16.777.216
32 bits, asociado al modelo CMYK (8 bits por canal) = 16,7 millones de colores.
48 bits (16 bits por canal) = 281,5 billones de colores (65536x65536x65536)
96 bits (32 bits por canal) imágenes de alto rango dinámico (HDR)
Imagen Digital
1 bit: 21 = 2 4 bits: 24 = 16 colores

Color indexado 8 bits: 28 = 256 colores

Rgb 24 bits (8 bits por canal )= 16,7 millones de colores

Escala de grises: hasta 256 grises

MF:0936_3 Diseño de productos editoriales multimedia
UF:1583 Diseño gráfico de productos editoriales multimedia
Desarrollo de Productos Editoriales Multimedia

0 Imagen-Digital

Cargado por

Copyright:

Formatos disponibles

0 Imagen-Digital

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

0 Imagen-Digital

Cargado por

Copyright:

Formatos disponibles

MF:0697_3 Edición creativa de imágenes y diseño de EG

UF:1457: Obtención de imágenes para proyectos gráficos

Imagen Digital Diseño de Productos Gráficos

Vectores Vs Mapa de Bits

Imagen Digital Diseño de Productos Gráficos

Imagen Digital Diseño de Productos Gráficos

Imagen Digital Diseño de Productos Gráficos

Cada casilla es un píxel y se le asigna un valor correspondiente a su color.

La imagen será percibida cuando se muestre cada píxel en la retícula.

Imagen Digital Diseño de Productos Gráficos

Los mapas de bits pueden ser rectangulares o cuadrados.

Imagen Digital Diseño de Productos Gráficos

Imagen Digital Diseño de Productos Gráficos

La resolución de una imagen es la cantidad de píxeles.

Calcular la resolución total

Se calcula multiplicando su anchura en pixeles por la altura

Imagen Digital Diseño de Productos Gráficos

El tamaño de una imagen se corresponde con sus dimensiones reales en términos

Puesto que el número de píxeles de una imagen digitalizada es fijo, al aumentar el

Imagen Digital Diseño de Productos Gráficos

Pantalla: Pixeles por pulgada

Impresión: Puntos por pulgada

Imagen Digital Diseño de Productos Gráficos

Imagen Digital Diseño de Productos Gráficos

Resolución de pantalla: 72-96 pixeles por pulgada

Imagen Digital Diseño de Productos Gráficos

Imagen Digital Diseño de Productos Gráficos

Si dividimos la resolución de 300 ppp a 150 ppp

Imagen Digital Diseño de Productos Gráficos

730*500 Si encajamos en ventana

Imagen Digital Diseño de Productos Gráficos

300*200 Si encajamos en ventana

Imagen Digital Diseño de Productos Gráficos

Imagen Digital Diseño de Productos Gráficos

Imagen Digital Diseño de Productos Gráficos

Imagen Digital Diseño de Productos Gráficos

Resoluciones de monitor más habituales actualmente

1024 x 768 píxeles (4:3): monitores de 14 y 15″.

Imagen Digital Diseño de Productos Gráficos

Imagen Digital Diseño de Productos Gráficos

Imagen Digital Diseño de Productos Gráficos

Porqué lo llamamos método aditivo

Las aplicaciones de edición de imágenes suelen expresar las cantidades de cada

Así se puede describir un color RGB

Imagen Digital Diseño de Productos Gráficos

Imagen Digital Diseño de Productos Gráficos

Porqué lo llamamos método sustractivo

Imagen Digital Diseño de Productos Gráficos

Imagen Digital Diseño de Productos Gráficos

1 bit por píxel: 21 = 2 colores, también llamado monocromo.

1 bit: 21 = 2 4 bits: 24 = 16 colores

Imagen Digital Diseño de Productos Gráficos

Color indexado 8 bits: 28 = 256 colores

Imagen Digital Diseño de Productos Gráficos

Rgb 24 bits (8 bits por canal )= 16,7 millones de colores

Imagen Digital Diseño de Productos Gráficos

Escala de grises: hasta 256 grises

Imagen Digital Diseño de Productos Gráficos

Desarrollo de Productos Editoriales Multimedia