Вы находитесь на странице: 1из 53

Curso de Photoshop

Copyleft - Jorge Sánchez’ 2006


Curso de Photoshop ¿Qué es la Imagen
Digital?

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

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
Sánchez’ 2006
Imagen Analógica
Curso de Photoshop

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
Sánchez’ 2006
Imagen Analógica
Curso de Photoshop

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
Sánchez’ 2006
Imagen Analógica
Curso de Photoshop

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
Sánchez’ 2006
Imagen Digital
Curso de Photoshop

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
Sánchez’ 2006
Imagen Digital
Curso de Photoshop

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

completo

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
Sánchez’ 2006
Producción de la
imagen digital. Método
Curso de Photoshop

híbrido

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
Sánchez’ 2006
Curso de Photoshop Ventajas de la imagen
digital
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)

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
Sánchez’ 2006
Curso de Photoshop Ventajas de la imagen
digital
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

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
Sánchez’ 2006
Curso de Photoshop Ventajas de la imagen
analógica
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
Autor: Jorge Sánchez – 2007.Copyleft
Licencia- Jorge
Creative Commons
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

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
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

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
Sánchez’ 2006
Curso de Photoshop El Color.
Sistema aditivo
Modelo RGB

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
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

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
Sánchez’ 2006
Curso de Photoshop El Color.
Sistema sustractivo
Modelo CMY

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
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

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
Sánchez’ 2006
Curso de Photoshop Estructura de la imagen
Píxeles

25 X 47 píxeles

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
Sánchez’ 2006
Curso de Photoshop Estructura de la imagen
Píxeles

50 X 94 píxeles

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
Sánchez’ 2006
Curso de Photoshop Estructura de la imagen
Píxeles

100 X 188 píxeles

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
Sánchez’ 2006
Curso de Photoshop Estructura de la imagen
Píxeles

400 X 752 píxeles

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
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

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
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

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
Sánchez’ 2006
Curso de Photoshop Profundidad de la
imagen
Codificación

8 colores:
Se necesitan 3 bits para
representar la imagen

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
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
Autor: Jorge Sánchez – 2007.Copyleft
Licencia- Jorge
Creative Commons
Sánchez’ 2006
Curso de Photoshop Profundidad de la imagen
Codificación

1 bit
(blanco y negro)

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
Sánchez’ 2006
Curso de Photoshop Profundidad de la
imagenCodificación

2 bits
(4 colores)

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
Sánchez’ 2006
Curso de Photoshop Profundidad de la imagen
Codificación

3 bits
(8 colores)

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
Sánchez’ 2006
Curso de Photoshop Profundidad de la imagen
Codificación

5 bits
(32 colores)

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
Sánchez’ 2006
Curso de Photoshop Profundidad de la imagen
Codificación

24 bits
(16 millones colores)

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
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

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
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

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
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

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
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

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
Sánchez’ 2006
Representación digital del
color
Curso de Photoshop
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

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
Sánchez’ 2006
Representación digital del
color
Curso de Photoshop
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

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
Sánchez’ 2006
Representación digital del
color
Curso de Photoshop
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

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
Sánchez’ 2006
Representación digital del
color
Curso de Photoshop
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

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
Sánchez’ 2006
Representación digital del
color
Curso de Photoshop
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

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
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

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
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

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
Sánchez’ 2006
Curso de Photoshop Formatos de archivo
Imágenes vectoriales

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
Sánchez’ 2006
Curso de Photoshop Formatos de archivo
Imágenes vectoriales

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
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

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
Sánchez’ 2006
Curso de Photoshop Formatos de archivo
Imágenes de mapa de bits

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
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

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
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

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
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

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
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

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
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

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
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

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
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

Autor: Jorge Sánchez – 2007.Copyleft


Licencia- Jorge
Creative Commons
Sánchez’ 2006

Похожие интересы