Curso de Photoshop

Copyleft - Jorge Sánchez’ 2006

 ¿Qué es la Imagen Digital?
Curso de Photoshop

Imagen obtenida usando máquinas

electrónicas (escáner, cámara digital,…)
La imagen no se obtiene a través de
procesos químicos
Una imagen digital en realidad es una
serie de números binarios

Copyleft - Jorge Sánchez’ 2006

 Imagen Analógica
Curso de Photoshop

Copyleft - Jorge Sánchez’ 2006

 Imagen Analógica
Curso de Photoshop

Copyleft - Jorge Sánchez’ 2006

 Imagen Analógica
Curso de Photoshop

Copyleft - Jorge Sánchez’ 2006

 Imagen Digital
Curso de Photoshop

Copyleft - Jorge Sánchez’ 2006

 Imagen Digital
Curso de Photoshop

10101010010101010101101001001001011110110
00111111101010010010010101010100110101001
01001010010101001010100101001010101010101
01010010100101010010101001010101001010101
00101010010100101001010100101010001001001
01100101010010101010010111001010111101001
01010010111010010100010011111001010101011
01110010101010101000101010111001001001011
00101010101010010010100101010010101001010
10010100101001010101010101010010101010010
10101001010101010010101010101001010100101
01001010101010101010010101001010101010010
Copyleft - Jorge Sánchez’ 2006
Curso de Photoshop Producción de la imagen
digital. Método completo

Copyleft - Jorge Sánchez’ 2006

Curso de Photoshop Producción de la imagen digital.
Método híbrido

Copyleft - Jorge Sánchez’ 2006

 Ventajas de la imagen digital
Curso de Photoshop

Tiene más facilidad

Se desechan fotografías en el instante. Se
ocultan los errores
No se desperdicia película
Satisfacción inmediata
Entrega rápida
Coste inferior (a la larga)

Copyleft - Jorge Sánchez’ 2006

 Ventajas de la imagen digital
Curso de Photoshop

Se abandona el cuarto oscuro

Aprendizaje rápido
Facilidad para hacer catálogos
Posibilidad de añadir datos extra
Mayor duración del original
Fácilmente adaptable a la Web

Copyleft - Jorge Sánchez’ 2006

 Ventajas de la imagen analógica
Curso de Photoshop

Imagen de alta calidad a precio más

bajo
Menor coste
Posee gran tradición
Mucha documentación
Al ser más costosa la foto, se le
pone más atención
Copyleft - Jorge Sánchez’ 2006
 El color
Curso de Photoshop

Existen dos formas básicas de

recrear el color
El sistema aditivo, utilizado
fundamentalmente por los monitores
El sistema substractivo, utilizado por los
sistemas de impresión

Copyleft - Jorge Sánchez’ 2006

Curso de Photoshop El Color.
Sistema aditivo
El sistema aditivo parte de que hay que añadir
colores para producir el color blanco.
El modelo de color aditivo más popular es el
RGB, que utiliza la combinación de luces roja,
verde y azul para producir la blanca

Copyleft - Jorge Sánchez’ 2006

Curso de Photoshop El Color.
Sistema aditivo
Modelo RGB

Copyleft - Jorge Sánchez’ 2006

Curso de Photoshop El Color.
Sistema sustractivo
Es el inverso al anterior
El blanco es el color de fondo y se usan filtros
para restarle ese color
La mezcla de colores sustractivos es la que
produce el negro
El modelo más popular es el modelo CMY

Copyleft - Jorge Sánchez’ 2006

Curso de Photoshop El Color.
Sistema sustractivo
Modelo CMY

Copyleft - Jorge Sánchez’ 2006

Curso de Photoshop Estructura de la imagen
Píxeles
Un Píxel (Picture element) es el elemento más
pequeño de la imagen digital
Se trata de cada punto de color que un
dispositivo digital detecta en una imagen
A ese punto se le asignan valores binarios que
representan los niveles de color que posee la
imagen
Cuantos menos píxeles tenga una imagen,
menor es su definición

Copyleft - Jorge Sánchez’ 2006

Curso de Photoshop Estructura de la imagen
Píxeles

25 X 47 píxeles

Copyleft - Jorge Sánchez’ 2006

Curso de Photoshop Estructura de la imagen
Píxeles

50 X 94 píxeles

Copyleft - Jorge Sánchez’ 2006

Curso de Photoshop Estructura de la imagen
Píxeles

100 X 188 píxeles

Copyleft - Jorge Sánchez’ 2006

Curso de Photoshop Estructura de la imagen
Píxeles

400 X 752 píxeles

Copyleft - Jorge Sánchez’ 2006

Curso de Photoshop Estructura de la imagen
Resolución de la imagen
La resolución de la imagen hace referencia al nivel
de nitidez de ésta
Cuanto mayor sea la imagen, más píxeles se
deberían almacenar
La resolución se puede dar en alguna de estas
medidas
Píxeles de anchura x píxeles de altura
(800 x 600)
Tamaño de la imagen y puntos por pulgada
(5” * 3” a 300 ppp) o puntos por cm
(1 pulgada=2,53 cm)
Tamaño del archivo (920 K) o en megapíxeles

Copyleft - Jorge Sánchez’ 2006

Curso de Photoshop Profundidad de la imagen
Características
La profundidad de la imagen se refiere al
número de colores que es capaz de mostrar una
imagen
Puesto que las imágenes digitales se almacenan
usando bits, la profundidad se indicará por el
número de bits por píxel
Cuantos más bits se usen, mejor profundidad
tendrá la imagen

Copyleft - Jorge Sánchez’ 2006

Curso de Photoshop Profundidad de la imagen
Codificación

8 colores:
Se necesitan 3 bits para
representar la imagen

Copyleft - Jorge Sánchez’ 2006

Curso de Photoshop Profundidad de la imagen
Codificación
000 binario = 0
001 binario = 1

010 binario = 2
011 binario = 3

100 binario = 4
101 binario = 5

110 binario = 6
111 binario = 7
Copyleft - Jorge Sánchez’ 2006
Curso de Photoshop Profundidad de la imagen
Codificación

1 bit
(blanco y negro)

Copyleft - Jorge Sánchez’ 2006

 Profundidad de la imagenCodificación
Curso de Photoshop

2 bits
(4 colores)

Copyleft - Jorge Sánchez’ 2006

Curso de Photoshop Profundidad de la imagen
Codificación

3 bits
(8 colores)

Copyleft - Jorge Sánchez’ 2006

Curso de Photoshop Profundidad de la imagen
Codificación

5 bits
(32 colores)

Copyleft - Jorge Sánchez’ 2006

Curso de Photoshop Profundidad de la imagen
Codificación

24 bits
(16 millones colores)

Copyleft - Jorge Sánchez’ 2006

Curso de Photoshop Profundidad de la imagen
Canales alpha
Con 24 bits de profundidad, una imagen podría
mostrar 16 millones de colores
El ojo humano sólo puede distinguir unos
cuantos miles de colores
Sin embargo hay aparatos de reproducción digital
y formatos de archivo que usan más de 24 bits
(32 bits, 40 bits, 48 bits,...)
Ese exceso de bits se puede utilizar para los
llamados canales alpha o para tener aun
información más exacta sobre los colores

Copyleft - Jorge Sánchez’ 2006

Curso de Photoshop Profundidad de la imagen
Canales alpha
Un canal alpha permite almacenar datos extra
sobre la imagen
Por ejemplo, información sobre el color en el
formato final de impresión
Sobre todo se emplean para definir la
transparencia del píxel.
También es interesante ese exceso de píxeles
para reproducir más fidedignamente el color de
la imagen

Copyleft - Jorge Sánchez’ 2006

 Tamaño de los archivos
Curso de Photoshop

Una imagen digital almacenada en unidades de

disco ocupa más espacio cuanto mayor sea su
resolución y profundidad
Para calcular el espacio bastaría multiplicar el
tamaño en píxeles por la profundidad de cada
píxel
El tamaño de los archivos se mide en bytes

Copyleft - Jorge Sánchez’ 2006

Curso de Photoshop Tamaño de los archivos.
Ejemplos
Imagen a 1024 x 800 y 24 bits de profundidad
24 bits = 3 bytes
1024 x 800 x 3 bytes = 2.457.600 bytes
2.457.600 bytes = 2,34 Mb
Imagen de 12 x 15 cm y 600 ppp y 24 bits
600 ppp = 236,22 píxel/cm
12 x 15 x 236,222 = 10.043.980 píxeles
10.043.980 * 3 bytes =30.131.940 bytes

Copyleft - Jorge Sánchez’ 2006

Curso de Photoshop Representación digital del color
Color RGB
El sistema de colores RGB pertenece al
modelo aditivo
Usa 3 bytes para representar cada píxel de la
imagen.
Uno para el rojo, otro para el verde y otro para
el azul

Copyleft - Jorge Sánchez’ 2006

Curso de Photoshop Representación digital del color
Color CMYK
Pertenece al modelo sustractivo
Se emplea un byte (normalmente) para cada color
(cian, magenta y amarillo) y otro extra para el grado de
negro (la letra K)
Este es el modelo que emplean los sistemas de
impresión

Copyleft - Jorge Sánchez’ 2006

Curso de Photoshop Representación digital del color
Color HSB
La manipulación de los modelos anteriores es complicada
En este modelo (de 3 bytes) el color se define por
El Tono. Tinte del color
La saturación. Vivacidad del color
Brillo. Grado de claridad del color
Este proceso es más semejante a la interpretación humana del
color

Copyleft - Jorge Sánchez’ 2006

Curso de Photoshop Representación digital del color
Color L*a*b
El modelo RGB abarca un espectro más amplio que el
CMYK (a pesar de que este modelo ocupa más
espacio)
Ni siquiera el color RGB produce color real (el naranja
fluorescente por ejemplo)
Por eso se ideó el color L*a*b, modelo matemático
que abarca un rango más amplio de colores
Los 3 bytes de este modelo son:
L. Luminosidad del color
a. Tinte del color, desde el rojo al verde
b. Tinte del color, desde el amarillo al azul

Copyleft - Jorge Sánchez’ 2006

Curso de Photoshop Representación digital del color
Color indexado
Las representaciones anteriores consumen
mucho espacio
Normalmente utiliza 1 byte (256 colores)
En esa lista de colores posibles, se colocan los
colores más frecuentes de la imagen
Al principio de los archivos indexados se
indica la configuración de cada color

Copyleft - Jorge Sánchez’ 2006

Curso de Photoshop Formatos de archivo
Tipos de archivos de imágenes
Hay tres formas fundamentales para
representar imágenes digitales:
Mapas de bits
Vectores
Modelos tridimensionales
Las tres formas están orientadas a distintos
tipos de imágenes

Copyleft - Jorge Sánchez’ 2006

Curso de Photoshop Formatos de archivo
Imágenes vectoriales
En este tipo de imágenes, se representa la imagen
mediante curvas
El texto suele interpretarse aparte
Permite una más cómoda manipulación
Las imágenes sencillas ocupan muy poco espacio
Se pueden hacer operaciones muy complejas con el
texto
El aspecto de estas imágenes no suele ser el de una
fotografía, sino el de un dibujo
La ampliación de la imagen no la hace perder calidad

Copyleft - Jorge Sánchez’ 2006

Curso de Photoshop Formatos de archivo
Imágenes vectoriales

Copyleft - Jorge Sánchez’ 2006

Curso de Photoshop Formatos de archivo
Imágenes vectoriales

Copyleft - Jorge Sánchez’ 2006

Curso de Photoshop Formatos de archivo
Imágenes de mapa de bits
Se representa cada punto de la imagen
Cuantos más puntos tenga la imagen, mayor es
su resolución
Ampliar la imagen la hace perder calidad
Ocupa mucho espacio
Representa muy bien las imágenes fotográficas
Son difíciles de manipular

Copyleft - Jorge Sánchez’ 2006

Curso de Photoshop Formatos de archivo
Imágenes de mapa de bits

Copyleft - Jorge Sánchez’ 2006

Curso de Photoshop Formatos de archivo
Modelos tridimensionales
Se representa una escena en tres dimensiones
Sobre cada objeto de la escena se almacenan los
valores espaciales de sus puntos
Permite elegir condiciones de luminosidad y
materiales de los objetos
Permite cambiar el punto de vista de la escena
Son ideales para imágenes de fantasía y un buen
sistema para el campo de la animación
Idóneas para representar volúmenes
Ocupan gran cantidad de espacio y su manipulación es
complicada

Copyleft - Jorge Sánchez’ 2006

Curso de Photoshop Formatos de archivo
Imágenes comprimidas
Se trata de una técnica que permite reducir el
espacio que ocupan las imágenes
(especialmente las de mapa de bits)
Hay dos técnicas esenciales:
Compresión sin pérdida. La imagen no pierde
calidad. El archivo descomprimido es idéntico al
comprimido
Compresión con pérdida. Al comprimir se pierde
información

Copyleft - Jorge Sánchez’ 2006

Curso de Photoshop Formatos de archivo
Formato TIFF

Es el formato más universal de mapa de

bits
Casi cualquier programa admite importar
imágenes en este formato
Comprime sin pérdida (compresión LZH)
Su ratio de compresión no es muy alto
Funciona mejor con imágenes de escala
de grises

Copyleft - Jorge Sánchez’ 2006

Curso de Photoshop Formatos de archivo
Archivos GIF
Es uno de los formatos que más comprime
Su compresión es sin pérdida (compresión
LZW)
Usa hasta 256 colores
Es de uso muy común en Internet
Permite configurar el número de colores
No es adecuado para la fotografía digital
Permite almacenar imágenes animadas y usar
un color como transparente

Copyleft - Jorge Sánchez’ 2006

Curso de Photoshop Formatos de archivo
Archivos JPEG
Es un formato RGB con gran capacidad de compresión
Su compresión es con pérdida
Se puede elegir el grado de compresión
A más compresión, mayor pérdida
Se basa en potenciar el contraste y descartar colores
intermedios
Se usa muchísimo
Debería usarse sólo cuando la imagen ya está
manipulada

Copyleft - Jorge Sánchez’ 2006

Curso de Photoshop Formatos de archivo
Archivos RAW
En realidad no es un formato en sí
Almacena la imagen tal cual la captó la cámara
sin conversiones de ningún tipo
Ideal para trabajar con imágenes de alta
calidad
Necesita software especial para ser
visualizadas
Pensadas no como imagen final, sino como
imagen a retocar

Copyleft - Jorge Sánchez’ 2006

Curso de Photoshop Formatos de archivo
Formato PSD
Es el formato nativo del programa Photoshop
Almacena la imagen en formato Lab, lo cual le
permite pasar a cualquier modelo
Permite multitud de canales alpha
Permite almacenar capas
Permite almacenar el texto en forma vectorial
Tiene todas las posibilidades del programa Photoshop
Debe ser empleado como el formato de trabajo con la
fotografía, pero no como formato final por su falta de
compatibilidad

Copyleft - Jorge Sánchez’ 2006