esto es otro ejemplo

1. Copyleft - Jorge Sánchez’ 2006
CursodePhotoshop

2. ImágenesImágenes
Según laSegún la RAERAE.. ImagenImagen== Figura,Figura,
representación, semejanza y apariencia derepresentación, semejanza y apariencia de
algo.algo.
Otra definición (WIKIPEDIA):Otra definición (WIKIPEDIA): FormaForma
dibujada, pintada o esculpida, quedibujada, pintada o esculpida, que
representa una cosa.representa una cosa.
Fotografía (RAE):Fotografía (RAE): Arte de fijar yArte de fijar y
reproducir por medio de reaccionesreproducir por medio de reacciones
químicas, en superficies convenientementequímicas, en superficies convenientemente
preparadas, las imágenes recogidas en elpreparadas, las imágenes recogidas en el
fondo de una cámara oscurafondo de una cámara oscura

3. Fotografía clásicaFotografía clásica

4. Fotografía clásicaFotografía clásica

5. Fotografía clásicaFotografía clásica

6. ¿Qué es la Imagen Digital?¿Qué es la Imagen Digital?
Imagen obtenida usando máquinasImagen obtenida usando máquinas
electrónicas (escáner, cámaraelectrónicas (escáner, cámara
digital,…)digital,…)
La imagen no se obtiene a travésLa imagen no se obtiene a través
de procesos químicosde procesos químicos
Una imagen digital en realidad esUna imagen digital en realidad es
una serie de números binariosuna serie de números binarios

7. Imagen DigitalImagen Digital

8. Imagen DigitalImagen Digital
10101010010101010101101001001001011110110
00111111101010010010010101010100110101001
01001010010101001010100101001010101010101
01010010100101010010101001010101001010101
00101010010100101001010100101010001001001
01100101010010101010010111001010111101001
01010010111010010100010011111001010101011
01110010101010101000101010111001001001011
00101010101010010010100101010010101001010
10010100101001010101010101010010101010010
10101001010101010010101010101001010100101
01001010101010101010010101001010101010010

9. Producción de la imagenProducción de la imagen
digital.digital. Método completoMétodo completo

10. Producción de la imagenProducción de la imagen
digital.digital. Método híbridoMétodo híbrido

11. Ventajas de la imagenVentajas de la imagen
digitaldigital
Más fácil de aprenderMás fácil de aprender
Más barataMás barata
Grandes posibilidades deGrandes posibilidades de
manipulación Se desechanmanipulación Se desechan
fotografías en el instante. Sefotografías en el instante. Se
ocultan los erroresocultan los errores
Satisfacción inmediataSatisfacción inmediata
Entrega rápidaEntrega rápida

12. Ventajas de la imagenVentajas de la imagen
digitaldigital
Facilidad para publicar en InternetFacilidad para publicar en Internet
Posibilidad de añadir datos extraPosibilidad de añadir datos extra
Copias sin pérdidaCopias sin pérdida
Mayor duración del originalMayor duración del original
Facilidad de almacenajeFacilidad de almacenaje
Color de mayor calidad y másColor de mayor calidad y más
modificablemodificable

13. Ventajas de la fotografíaVentajas de la fotografía
clásicaclásica
Imagen de alta calidad a precioImagen de alta calidad a precio
más bajomás bajo
Posee gran tradiciónPosee gran tradición
Mucha documentaciónMucha documentación
Al ser más costosa la foto, se poneAl ser más costosa la foto, se pone
más cuidado al hacer la fotomás cuidado al hacer la foto
Estándares aceptadosEstándares aceptados
Blanco y negro de mayor calidadBlanco y negro de mayor calidad

14. El colorEl color
Existen dos formas básicas deExisten dos formas básicas de
recrear el colorrecrear el color
ElEl sistema aditivosistema aditivo, utilizado, utilizado
fundamentalmente por las pantallas yfundamentalmente por las pantallas y
televisorestelevisores
ElEl sistema substractivosistema substractivo, utilizado, utilizado
fundamentalmente por los sistemas defundamentalmente por los sistemas de
impresiónimpresión

15. El Color.El Color.
Sistema aditivoSistema aditivo
El sistema aditivo parte de que hay queEl sistema aditivo parte de que hay que
añadir colores para producir el colorañadir colores para producir el color
blanco.blanco.
El modelo de color aditivo más popularEl modelo de color aditivo más popular
es eles el RGBRGB, que utiliza la combinación de, que utiliza la combinación de
luces roja, verde y azul para producir laluces roja, verde y azul para producir la
blancablanca

16. El Color.El Color.
Sistema aditivoSistema aditivo

17. El Color.El Color.
Sistema sustractivoSistema sustractivo
Es el inverso al anteriorEs el inverso al anterior
El blanco es el color de fondo y se usanEl blanco es el color de fondo y se usan
filtros para restarle ese colorfiltros para restarle ese color
La mezcla de colores sustractivos es laLa mezcla de colores sustractivos es la
que produce el negroque produce el negro
El modelo más popular es el modeloEl modelo más popular es el modelo
CMYCMY

18. El Color.El Color.
Sistema sustractivoSistema sustractivo

19. El Color.El Color.
Sistema sustractivo. CMYKSistema sustractivo. CMYK
Para conseguir más colores en elPara conseguir más colores en el
sistema CMY se decidió añadir el negrosistema CMY se decidió añadir el negro
(K)(K)
Con ello se formó el sistema CMYK queCon ello se formó el sistema CMYK que
consigue un negro puro y por ello unconsigue un negro puro y por ello un
modo mejor de representar coloresmodo mejor de representar colores

20. Estructura de la imagenEstructura de la imagen
PíxelesPíxeles
Un Píxel (Un Píxel (Picture elementPicture element)) es el elemento máses el elemento más
pequeño de la imagen digitalpequeño de la imagen digital
Se trata de cada punto de color que unSe trata de cada punto de color que un
dispositivo digital detecta en una imagendispositivo digital detecta en una imagen
A ese punto se le asignan valores binarios queA ese punto se le asignan valores binarios que
representan los niveles de color que posee larepresentan los niveles de color que posee la
imagenimagen
Cuantos menos píxeles tenga una imagen,Cuantos menos píxeles tenga una imagen,
menor es su definiciónmenor es su definición

21. Estructura de la imagenEstructura de la imagen
PíxelesPíxeles
32 X 24 píxeles

22. Estructura de la imagenEstructura de la imagen
PíxelesPíxeles
50 X 94 píxeles

23. Estructura de la imagenEstructura de la imagen
PíxelesPíxeles
160 X 120 píxeles

24. Estructura de la imagenEstructura de la imagen
PíxelesPíxeles
320 X 240 píxeles

25. Estructura de la imagenEstructura de la imagen
PíxelesPíxeles
1600 X 1200 píxeles

26. Estructura de la imagenEstructura de la imagen
Resolución de la imagenResolución de la imagen
La resolución de la imagen hace referencia alLa resolución de la imagen hace referencia al
nivel de nitidez de éstanivel de nitidez de ésta
Cuanto mayor sea la imagen, más píxeles seCuanto mayor sea la imagen, más píxeles se
deberían almacenardeberían almacenar
La resolución se puede dar en alguna de estasLa resolución se puede dar en alguna de estas
medidasmedidas
Píxeles de anchura x píxeles de alturaPíxeles de anchura x píxeles de altura
(800 x 600)(800 x 600)
Tamaño de la imagen y puntos por pulgadaTamaño de la imagen y puntos por pulgada
(5” * 3” a 300 ppp) o puntos por cm(5” * 3” a 300 ppp) o puntos por cm
(1 pulgada=2,53 cm)(1 pulgada=2,53 cm)
Tamaño del archivo (920 K) o enTamaño del archivo (920 K) o en megapíxelesmegapíxeles

27. Profundidad de la imagenProfundidad de la imagen
CaracterísticasCaracterísticas
La profundidad de la imagen se refiere alLa profundidad de la imagen se refiere al
número de colores que es capaz de mostrarnúmero de colores que es capaz de mostrar
una imagenuna imagen
Puesto que las imágenes digitales sePuesto que las imágenes digitales se
almacenan usando bits, la profundidad sealmacenan usando bits, la profundidad se
indicará por el número de bits por píxelindicará por el número de bits por píxel
Cuantos más bits se usen por cada píxel,Cuantos más bits se usen por cada píxel,
mejor profundidad tendrá la imagenmejor profundidad tendrá la imagen

28. Profundidad de la imagenProfundidad de la imagen
CodificaciónCodificación
8 colores:
Se necesitan 3 bits para
representar la imagen

29. Profundidad de la imagenProfundidad de la imagen
CodificaciónCodificació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

30. Profundidad de la imagenProfundidad de la imagen
CodificaciónCodificación
1 bit (blanco y negro)

31. Profundidad de la imagenProfundidad de la imagen
CodificaciónCodificación
2 bits (4 colores)

32. Profundidad de la imagenProfundidad de la imagen
CodificaciónCodificación
3 bits (8 colores)

33. Profundidad de la imagenProfundidad de la imagen
CodificaciónCodificación
4 bits (16 colores)

34. Profundidad de la imagenProfundidad de la imagen
CodificaciónCodificación
8 bits (256 colores)

35. Profundidad de la imagenProfundidad de la imagen
CodificaciónCodificación
24 bits (color real)

36. Profundidad de la imagenProfundidad de la imagen
Color real (24 bits en RGB)Color real (24 bits en RGB)
En RGB, con 24 bits se habla de color realEn RGB, con 24 bits se habla de color real
8 bits son para el canal rojo (256 tonos de8 bits son para el canal rojo (256 tonos de
rojo)rojo)
8 para el verde8 para el verde
8 para el azul8 para el azul
Por ello se habla también de imágenes de 8Por ello se habla también de imágenes de 8
bits por canalbits por canal
Hoy en día se puede trabajar en imágenes deHoy en día se puede trabajar en imágenes de
16 bits e incluso de 32 bits por canal16 bits e incluso de 32 bits por canal

37. Tamaño de los archivosTamaño de los archivos
Una imagen digital almacenada enUna imagen digital almacenada en
unidades de disco ocupa más espaciounidades de disco ocupa más espacio
cuanto mayor sea su resolución ycuanto mayor sea su resolución y
profundidadprofundidad
Para calcular el espacio bastaríaPara calcular el espacio bastaría
multiplicar el tamaño en píxeles por lamultiplicar el tamaño en píxeles por la
profundidad de cada píxelprofundidad de cada píxel
El tamaño de los archivos se mide enEl tamaño de los archivos se mide en
bytesbytes (1 byte = 8 bits)(1 byte = 8 bits)

38. Tamaño de los archivos.Tamaño de los archivos.
EjemplosEjemplos
Imagen a 1024 x 800 y 24 bits deImagen a 1024 x 800 y 24 bits de
profundidadprofundidad
24 bits = 3 bytes24 bits = 3 bytes
1024 x 800 x 3 bytes = 2.457.600 bytes1024 x 800 x 3 bytes = 2.457.600 bytes
2.457.600 bytes = 2,34 Mb2.457.600 bytes = 2,34 Mb
Imagen de 12 x 15 cm y 600 ppp y 24 bitsImagen de 12 x 15 cm y 600 ppp y 24 bits
600 ppp = 236,22 píxel/cm600 ppp = 236,22 píxel/cm
12 x 15 x 236,2212 x 15 x 236,2222
= 10.043.980 píxeles= 10.043.980 píxeles
10.043.980 * 3 bytes =30.131.940 bytes10.043.980 * 3 bytes =30.131.940 bytes

39. Representación digital del colorRepresentación digital del color
Color RGBColor RGB
El sistema de colores RGB pertenece alEl sistema de colores RGB pertenece al
modelo aditivomodelo aditivo
Tiene 3 canales (rojo, verde y azul)Tiene 3 canales (rojo, verde y azul)
Cada canal normalmente ocupa 8 bitsCada canal normalmente ocupa 8 bits
(1 byte)(1 byte)
Puede ocupar también 16 y 32 bits por canalPuede ocupar también 16 y 32 bits por canal

40. Representación digital del colorRepresentación digital del color
Color CMYKColor CMYK
Pertenece al modelo sustractivoPertenece al modelo sustractivo
Tiene cuatro canales (cian, magenta, amarilloTiene cuatro canales (cian, magenta, amarillo
y negro)y negro)
Cada canal también puede ser de 8 (loCada canal también puede ser de 8 (lo
normal), 16 o 32 bitsnormal), 16 o 32 bits

41. Representación digital del colorRepresentación digital del color
Color HSBColor HSB
La manipulación de los modelos anteriores esLa manipulación de los modelos anteriores es
complicadacomplicada
En este modelo (de 3 canales) el color se define porEn este modelo (de 3 canales) el color se define por
El TonoEl Tono. Tinte del color. Tinte del color
La saturación.La saturación. Vivacidad del colorVivacidad del color
Brillo.Brillo. Grado de claridad del colorGrado de claridad del color
Este proceso es más semejante a la interpretaciónEste proceso es más semejante a la interpretación
humana del colorhumana del color

42. Representación digital del colorRepresentación digital del color
Color L*a*bColor L*a*b
El modelo RGB abarca un espectro más amplio queEl modelo RGB abarca un espectro más amplio que
el CMYK (a pesar de que este modelo ocupa másel CMYK (a pesar de que este modelo ocupa más
espacio)espacio)
Ni siquiera el color RGB produce color real (elNi siquiera el color RGB produce color real (el
naranja fluorescente por ejemplo)naranja fluorescente por ejemplo)
Por eso se ideó el color L*a*b, modelo matemáticoPor eso se ideó el color L*a*b, modelo matemático
que abarca un rango más amplio de coloresque abarca un rango más amplio de colores
Los tres canales de este modelo son:Los tres canales de este modelo son:
L.L. Luminosidad del colorLuminosidad del color
a.a. Tinte del color, desde el rojo al verdeTinte del color, desde el rojo al verde
b.b. Tinte del color, desde el amarillo al azulTinte del color, desde el amarillo al azul

43. Representación digital del colorRepresentación digital del color
ColorColor indexadoindexado
Las representaciones anteriores consumenLas representaciones anteriores consumen
mucho espaciomucho espacio
Normalmente utiliza 1 byte (256 colores)Normalmente utiliza 1 byte (256 colores)
En esa lista de colores posibles, se colocan losEn esa lista de colores posibles, se colocan los
colores más frecuentes de la imagencolores más frecuentes de la imagen
Al principio de los archivos indexados se indicaAl principio de los archivos indexados se indica
la configuración de cada colorla configuración de cada color

44. Formatos de archivoFormatos de archivo
Tipos de archivos de imágenesTipos de archivos de imágenes
Hay tres formas fundamentales paraHay tres formas fundamentales para
representar imágenes digitales:representar imágenes digitales:
Mapas de bitsMapas de bits
VectoresVectores
Modelos tridimensionalesModelos tridimensionales
Las tres formas están orientadas a distintosLas tres formas están orientadas a distintos
tipos de imágenestipos de imágenes

45. Formatos de archivoFormatos de archivo
Imágenes vectorialesImágenes vectoriales
En este tipo de imágenes, se representa la imagenEn este tipo de imágenes, se representa la imagen
mediante curvasmediante curvas
El texto suele interpretarse aparteEl texto suele interpretarse aparte
Permite una más cómoda manipulaciónPermite una más cómoda manipulación
Las imágenes sencillas ocupan muy poco espacioLas imágenes sencillas ocupan muy poco espacio
Se pueden hacer operaciones muy complejas con elSe pueden hacer operaciones muy complejas con el
textotexto
El aspecto de estas imágenes no suele ser el de unaEl aspecto de estas imágenes no suele ser el de una
fotografía, sino el de un dibujofotografía, sino el de un dibujo
La ampliación de la imagen no la hace perderLa ampliación de la imagen no la hace perder
calidadcalidad

46. Formatos de archivoFormatos de archivo
Imágenes vectorialesImágenes vectoriales

47. Formatos de archivoFormatos de archivo
Imágenes vectorialesImágenes vectoriales

48. Formatos de archivoFormatos de archivo
Imágenes de mapa de bitsImágenes de mapa de bits
Se representa cada punto de la imagenSe representa cada punto de la imagen
Cuantos más puntos tenga la imagen, mayorCuantos más puntos tenga la imagen, mayor
es su resoluciónes su resolución
Ampliar la imagen la hace perder calidadAmpliar la imagen la hace perder calidad
Ocupa mucho espacioOcupa mucho espacio
Representa muy bien las imágenesRepresenta muy bien las imágenes
fotográficasfotográficas
Son difíciles de manipularSon difíciles de manipular

49. Formatos de archivoFormatos de archivo
Imágenes de mapa de bitsImágenes de mapa de bits

50. Formatos de archivoFormatos de archivo
Modelos tridimensionalesModelos tridimensionales
Se representa una escena en tres dimensionesSe representa una escena en tres dimensiones
Sobre cada objeto de la escena se almacenan losSobre cada objeto de la escena se almacenan los
valores espaciales de sus puntosvalores espaciales de sus puntos
Permite elegir condiciones de luminosidad yPermite elegir condiciones de luminosidad y
materiales de los objetosmateriales de los objetos
Permite cambiar el punto de vista de la escenaPermite cambiar el punto de vista de la escena
Son ideales para imágenes de fantasía y un buenSon ideales para imágenes de fantasía y un buen
sistema para el campo de la animaciónsistema para el campo de la animación
Idóneas para representar volúmenesIdóneas para representar volúmenes
Ocupan gran cantidad de espacio y su manipulaciónOcupan gran cantidad de espacio y su manipulación
es muy complicadaes muy complicada

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

52. Formatos de archivoFormatos de archivo
Formato TIFFFormato TIFF
Es un formato muy versátil (pertenece aEs un formato muy versátil (pertenece a AdobeAdobe))
Casi cualquier programa admite importar imágenesCasi cualquier programa admite importar imágenes
en este formatoen este formato
Tiene tres posibilidades de compresión:Tiene tres posibilidades de compresión:
Sin comprimirSin comprimir
Compresión sin pérdida LZWCompresión sin pérdida LZW
(la más utilizada)(la más utilizada)
ZIPZIP
Compresión JPEGCompresión JPEG
Su ratio de compresión no es muy altoSu ratio de compresión no es muy alto
(salvo en JPEG)(salvo en JPEG)
Diferencia entre imágenes a color y en blanco y negroDiferencia entre imágenes a color y en blanco y negro
Hoy en día es casi tan potente como el PSDHoy en día es casi tan potente como el PSD

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

54. Formatos de archivoFormatos de archivo
Archivos JPEGArchivos JPEG
Es un formato RGB con gran capacidad deEs un formato RGB con gran capacidad de
compresióncompresión
Su compresión es con pérdidaSu compresión es con pérdida
Se puede elegir el grado de compresiónSe puede elegir el grado de compresión
A más compresión, mayor pérdidaA más compresión, mayor pérdida
Se basa en potenciar el contraste y descartar coloresSe basa en potenciar el contraste y descartar colores
intermediosintermedios
Se usa muchísimoSe usa muchísimo
No debería utilizarse si la imagen va a seguir siendoNo debería utilizarse si la imagen va a seguir siendo
manipuladamanipulada

55. Formatos de archivoFormatos de archivo
Formato PSDFormato PSD
Es el formato nativo del programaEs el formato nativo del programa PhotoshopPhotoshop
Almacena la imagen en formatoAlmacena la imagen en formato LabLab, lo cual le, lo cual le
permite pasar a cualquier modelopermite pasar a cualquier modelo
Permite multitud de canales alphaPermite multitud de canales alpha
Permite almacenar capasPermite almacenar capas
Permite almacenar el texto en forma vectorialPermite almacenar el texto en forma vectorial
Tiene todas las posibilidades del programaTiene todas las posibilidades del programa
PhotoshopPhotoshop
Debe ser empleado como el formato de trabajo conDebe ser empleado como el formato de trabajo con
la fotografía, pero no como formato final por su faltala fotografía, pero no como formato final por su falta
de compatibilidadde compatibilidad

56. Formatos de archivoFormatos de archivo
Archivos RAWArchivos RAW
En realidad no es un formato en síEn realidad no es un formato en sí
Almacena la imagen tal cual la captó laAlmacena la imagen tal cual la captó la
cámara sin conversiones de ningún tipocámara sin conversiones de ningún tipo
Ideal para trabajar con imágenes de altaIdeal para trabajar con imágenes de alta
calidadcalidad
Necesita software especial para serNecesita software especial para ser
visualizadas (Photoshop CS2 le tiene)visualizadas (Photoshop CS2 le tiene)
Pensadas no como imagen final, sino comoPensadas no como imagen final, sino como
imagen a retocarimagen a retocar