Copyleft - Jorge Sánchez’ 2006

Curs

o de

Pho

tosh

op

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

Fotografía clásicaFotografía clásica

Fotografía clásicaFotografía clásica

Fotografía clásicaFotografía clásica

¿Qué es la Imagen ¿Qué es la Imagen Digital?Digital?Imagen obtenida usando Imagen obtenida usando máquinas electrónicas máquinas electrónicas (escáner, cámara digital,…)(escáner, cámara digital,…)La imagen no se obtiene a La imagen no se obtiene a través de procesos químicostravés de procesos químicosUna imagen digital en Una imagen digital en realidad es una serie de realidad es una serie de números binariosnúmeros binarios

Imagen DigitalImagen Digital

Imagen DigitalImagen Digital

101010100101010101011010010010010111101100011111110101001001001010101010011010100101001010010101001010100101001010101010101010100101001010100101010010101010010101010010101001010010100101010010101000100100101100101010010101010010111001010111101001010100101110100101000100111110010101010110111001010101010100010101011100100100101100101010101010010010100101010010101001010100101001010010101010101010100101010100101010100101010101001010101010100101010010101001010101010101010010101001010101010010

Producción de la Producción de la imagen digital. imagen digital. Método Método completocompleto

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

Ventajas de la imagen Ventajas de la imagen digitaldigital

Más fácil de aprenderMás fácil de aprenderMás barataMás barataGrandes posibilidades de Grandes posibilidades de manipulación Se desechan manipulación Se desechan fotografías en el instante. Se fotografías en el instante. Se ocultan los erroresocultan los erroresSatisfacción inmediataSatisfacción inmediataEntrega rápidaEntrega rápida

Ventajas de la imagen Ventajas de la imagen digitaldigital

Facilidad para publicar en Facilidad para publicar en InternetInternetPosibilidad de añadir datos extraPosibilidad de añadir datos extraCopias sin pérdidaCopias sin pérdidaMayor duración del originalMayor duración del originalFacilidad de almacenajeFacilidad de almacenajeColor de mayor calidad y más Color de mayor calidad y más modificablemodificable

Ventajas de la Ventajas de la fotografía clásicafotografía clásica

Imagen de alta calidad a precio Imagen de alta calidad a precio más bajomás bajoPosee gran tradiciónPosee gran tradiciónMucha documentaciónMucha documentaciónAl ser más costosa la foto, se Al ser más costosa la foto, se pone más cuidado al hacer la fotopone más cuidado al hacer la fotoEstándares aceptadosEstándares aceptadosBlanco y negro de mayor calidadBlanco y negro de mayor calidad

El colorEl color

Existen dos formas Existen dos formas básicas de recrear el colorbásicas de recrear el colorElEl sistema aditivosistema aditivo, utilizado , utilizado fundamentalmente por las fundamentalmente por las pantallas y televisorespantallas y televisoresElEl sistema substractivosistema substractivo, utilizado , utilizado fundamentalmente por los fundamentalmente por los sistemas de impresiónsistemas de impresión

El Color.El Color.Sistema aditivoSistema aditivo

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

El Color.El Color.Sistema aditivoSistema aditivo

El Color.El Color.Sistema sustractivoSistema sustractivo

Es el inverso al anteriorEs el inverso al anteriorEl blanco es el color de fondo y se El blanco es el color de fondo y se usan filtros para restarle ese colorusan filtros para restarle ese colorLa mezcla de colores sustractivos La mezcla de colores sustractivos es la que produce el negro es la que produce el negro El modelo más popular es el El modelo más popular es el modelo modelo CMYCMY

El Color.El Color.Sistema sustractivoSistema sustractivo

El Color.El Color.Sistema sustractivo. CMYKSistema sustractivo. CMYK

Para conseguir más colores en el Para conseguir más colores en el sistema CMY se decidió añadir el sistema CMY se decidió añadir el negro (K)negro (K)Con ello se formó el sistema Con ello se formó el sistema CMYK que consigue un negro CMYK que consigue un negro puro y por ello un modo mejor puro y por ello un modo mejor de representar coloresde representar colores

Estructura de la imagenEstructura de la imagenPíxelesPíxeles

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

Estructura de la imagenEstructura de la imagenPíxelesPíxeles

32 X 24 píxeles

Estructura de la imagenEstructura de la imagenPíxelesPíxeles

50 X 94 píxeles

Estructura de la imagenEstructura de la imagenPíxelesPíxeles

160 X 120 píxeles

Estructura de la imagenEstructura de la imagenPíxelesPíxeles

320 X 240 píxeles

Estructura de la imagenEstructura de la imagenPíxelesPíxeles

1600 X 1200 píxeles

Estructura de la imagenEstructura de la imagenResolución de la imagenResolución de la imagen

La resolución de la imagen hace referencia La resolución de la imagen hace referencia al nivel de nitidez de éstaal nivel de nitidez de éstaCuanto mayor sea la imagen, más píxeles Cuanto mayor sea la imagen, más píxeles se deberían almacenarse deberían almacenarLa resolución se puede dar en alguna de La resolución se puede dar en alguna de estas medidasestas medidas

Píxeles de anchura x píxeles de altura Píxeles de anchura x píxeles de altura (800 x 600)(800 x 600)Tamaño de la imagen y puntos por pulgada Tamañ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 en Tamaño del archivo (920 K) o en megapíxelesmegapíxeles

Profundidad de la imagenProfundidad de la imagenCaracterísticasCaracterísticas

La profundidad de la imagen se refiere La profundidad de la imagen se refiere al número de colores que es capaz de al número de colores que es capaz de mostrar una imagenmostrar una imagenPuesto que las imágenes digitales se Puesto que las imágenes digitales se almacenan usando bits, la almacenan usando bits, la profundidad se indicará por el número profundidad se indicará por el número de bits por píxelde bits por píxelCuantos más bits se usen por cada Cuantos más bits se usen por cada píxel, mejor profundidad tendrá la píxel, mejor profundidad tendrá la imagenimagen

Profundidad de la Profundidad de la imagenimagenCodificaciónCodificación

8 colores:Se necesitan 3 bits para representar la imagen

Profundidad de la Profundidad de la imagenimagenCodificació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

Profundidad de la imagenProfundidad de la imagenCodificaciónCodificación

1 bit (blanco y negro)

Profundidad de la imagenProfundidad de la imagenCodificaciónCodificación

2 bits (4 colores)

Profundidad de la imagenProfundidad de la imagenCodificaciónCodificación

3 bits (8 colores)

Profundidad de la imagenProfundidad de la imagenCodificaciónCodificación

4 bits (16 colores)

Profundidad de la imagenProfundidad de la imagenCodificaciónCodificación

8 bits (256 colores)

Profundidad de la imagenProfundidad de la imagenCodificaciónCodificación

24 bits (color real)

Profundidad de la imagenProfundidad de la imagenColor 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 real8 bits son para el canal rojo (256 tonos de 8 bits son para el canal rojo (256 tonos de rojo)rojo)8 para el verde8 para el verde8 para el azul8 para el azulPor ello se habla también de imágenes de Por ello se habla también de imágenes de 8 bits por canal8 bits por canalHoy en día se puede trabajar en imágenes Hoy en día se puede trabajar en imágenes de 16 bits e incluso de 32 bits por canalde 16 bits e incluso de 32 bits por canal

Tamaño de los archivosTamaño de los archivos

Una imagen digital almacenada Una imagen digital almacenada en unidades de disco ocupa más en unidades de disco ocupa más espacio cuanto mayor sea su espacio cuanto mayor sea su resolución y profundidadresolución y profundidadPara calcular el espacio bastaría Para calcular el espacio bastaría multiplicar el tamaño en píxeles multiplicar el tamaño en píxeles por la profundidad de cada píxelpor la profundidad de cada píxelEl tamaño de los archivos se El tamaño de los archivos se mide en mide en bytes bytes (1 byte = 8 bits)(1 byte = 8 bits)

Tamaño de los archivos.Tamaño de los archivos.EjemplosEjemplos

Imagen a 1024 x 800 y 24 bits de Imagen a 1024 x 800 y 24 bits de profundidadprofundidad

24 bits = 3 bytes 24 bits = 3 bytes 1024 x 800 x 3 bytes = 2.457.600 bytes1024 x 800 x 3 bytes = 2.457.600 bytes2.457.600 bytes = 2,34 Mb2.457.600 bytes = 2,34 Mb

Imagen de 12 x 15 cm y 600 ppp y 24 Imagen de 12 x 15 cm y 600 ppp y 24 bitsbits

600 ppp = 236,22 píxel/cm600 ppp = 236,22 píxel/cm12 x 15 x 236,2212 x 15 x 236,2222 = 10.043.980 píxeles = 10.043.980 píxeles10.043.980 * 3 bytes =30.131.940 bytes 10.043.980 * 3 bytes =30.131.940 bytes

Representación digital del Representación digital del colorcolorColor RGBColor RGB

El sistema de colores RGB pertenece El sistema de colores RGB pertenece al modelo aditivoal modelo aditivoTiene 3 canales (rojo, verde y azul)Tiene 3 canales (rojo, verde y azul)Cada canal normalmente ocupa 8 Cada canal normalmente ocupa 8 bits bits (1 byte)(1 byte)Puede ocupar también 16 y 32 bits Puede ocupar también 16 y 32 bits por canalpor canal

Representación digital del Representación digital del colorcolorColor CMYKColor CMYK

Pertenece al modelo sustractivoPertenece al modelo sustractivoTiene cuatro canales (cian, magenta, Tiene cuatro canales (cian, magenta, amarillo y negro)amarillo y negro)Cada canal también puede ser de 8 Cada canal también puede ser de 8 (lo normal), 16 o 32 bits(lo normal), 16 o 32 bits

Representación digital del Representación digital del colorcolorColor HSBColor HSB

La manipulación de los modelos anteriores es La manipulación de los modelos anteriores es complicadacomplicadaEn 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 colorLa saturación.La saturación. Vivacidad del color Vivacidad del colorBrillo.Brillo. Grado de claridad del color Grado de claridad del color

Este proceso es más semejante a la interpretación Este proceso es más semejante a la interpretación humana del colorhumana del color

Representación digital del Representación digital del colorcolorColor L*a*bColor L*a*b

El modelo RGB abarca un espectro más El modelo RGB abarca un espectro más amplio que el CMYK (a pesar de que este amplio que el CMYK (a pesar de que este modelo ocupa más espacio)modelo ocupa más espacio)Ni siquiera el color RGB produce color real Ni siquiera el color RGB produce color real (el naranja fluorescente por ejemplo)(el naranja fluorescente por ejemplo)Por eso se ideó el color L*a*b, modelo Por eso se ideó el color L*a*b, modelo matemático que abarca un rango más matemático que abarca un rango más amplio de coloresamplio de coloresLos tres canales de este modelo son:Los tres canales de este modelo son:

L.L. Luminosidad del colorLuminosidad del colora.a. Tinte del color, desde el rojo al verde Tinte del color, desde el rojo al verdeb.b. Tinte del color, desde el amarillo al azul Tinte del color, desde el amarillo al azul

Representación digital del Representación digital del colorcolorColorColor indexado indexado

Las representaciones anteriores Las representaciones anteriores consumen mucho espacioconsumen mucho espacioNormalmente utiliza 1 byte (256 Normalmente utiliza 1 byte (256 colores)colores)En esa lista de colores posibles, se En esa lista de colores posibles, se colocan los colores más frecuentes de colocan los colores más frecuentes de la imagenla imagenAl principio de los archivos indexados Al principio de los archivos indexados se indica la configuración de cada colorse indica la configuración de cada color

Formatos de archivoFormatos de archivoTipos de archivos de imágenesTipos de archivos de imágenes

Hay tres formas fundamentales para Hay tres formas fundamentales para representar imágenes digitales:representar imágenes digitales:

Mapas de bitsMapas de bitsVectoresVectoresModelos tridimensionalesModelos tridimensionales

Las tres formas están orientadas a Las tres formas están orientadas a distintos tipos de imágenesdistintos tipos de imágenes

Formatos de archivoFormatos de archivoImágenes vectorialesImágenes vectoriales

En este tipo de imágenes, se representa la En este tipo de imágenes, se representa la imagen mediante curvasimagen mediante curvasEl texto suele interpretarse aparteEl texto suele interpretarse apartePermite una más cómoda manipulaciónPermite una más cómoda manipulaciónLas imágenes sencillas ocupan muy poco Las imágenes sencillas ocupan muy poco espacioespacioSe pueden hacer operaciones muy Se pueden hacer operaciones muy complejas con el textocomplejas con el textoEl aspecto de estas imágenes no suele ser El aspecto de estas imágenes no suele ser el de una fotografía, sino el de un dibujoel de una fotografía, sino el de un dibujoLa ampliación de la imagen no la hace La ampliación de la imagen no la hace perder calidadperder calidad

Formatos de archivoFormatos de archivoImágenes vectorialesImágenes vectoriales

Formatos de archivoFormatos de archivoImágenes vectorialesImágenes vectoriales

Formatos de archivoFormatos de archivoImágenes de mapa de bitsImágenes de mapa de bits

Se representa cada punto de la imagenSe representa cada punto de la imagenCuantos más puntos tenga la imagen, Cuantos más puntos tenga la imagen, mayor es su resoluciónmayor es su resoluciónAmpliar la imagen la hace perder Ampliar la imagen la hace perder calidadcalidadOcupa mucho espacioOcupa mucho espacioRepresenta muy bien las imágenes Representa muy bien las imágenes fotográficasfotográficasSon difíciles de manipularSon difíciles de manipular

Formatos de archivoFormatos de archivoImágenes de mapa de bitsImágenes de mapa de bits

Formatos de archivoFormatos de archivoModelos tridimensionalesModelos tridimensionales

Se representa una escena en tres dimensionesSe representa una escena en tres dimensionesSobre cada objeto de la escena se almacenan Sobre cada objeto de la escena se almacenan los valores espaciales de sus puntoslos valores espaciales de sus puntosPermite elegir condiciones de luminosidad y Permite elegir condiciones de luminosidad y materiales de los objetosmateriales de los objetosPermite cambiar el punto de vista de la escenaPermite cambiar el punto de vista de la escenaSon ideales para imágenes de fantasía y un Son ideales para imágenes de fantasía y un buen sistema para el campo de la animaciónbuen sistema para el campo de la animaciónIdóneas para representar volúmenesIdóneas para representar volúmenesOcupan gran cantidad de espacio y su Ocupan gran cantidad de espacio y su manipulación es muy complicadamanipulación es muy complicada

Formatos de archivoFormatos de archivoImágenes comprimidasImágenes comprimidas

Se trata de una técnica que permite Se trata de una técnica que permite reducir el espacio que ocupan las reducir el espacio que ocupan las imágenes (especialmente las de mapa imágenes (especialmente las de mapa de bits)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 La imagen no pierde calidad. El archivo descomprimido pierde calidad. El archivo descomprimido es idéntico al comprimidoes idéntico al comprimidoCompresión con pérdida.Compresión con pérdida. Al comprimir se Al comprimir se pierde informaciónpierde información

Formatos de archivoFormatos de archivoFormato TIFFFormato TIFF

Es un formato muy versátil (pertenece a Es un formato muy versátil (pertenece a AdobeAdobe))Casi cualquier programa admite importar imágenes Casi cualquier programa admite importar imágenes en este formatoen este formatoTiene tres posibilidades de compresión:Tiene tres posibilidades de compresión:

Sin comprimirSin comprimirCompresión sin pérdida LZW Compresión sin pérdida LZW (la más utilizada)(la más utilizada)ZIPZIPCompresión JPEGCompresión JPEG

Su ratio de compresión no es muy alto Su 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 negroHoy en día es casi tan potente como el PSDHoy en día es casi tan potente como el PSD

Formatos de archivoFormatos de archivoArchivos GIFArchivos GIF

Es uno de los formatos que más Es uno de los formatos que más comprimecomprimeSu compresión es sin pérdida Su compresión es sin pérdida (compresión LZW)(compresión LZW)Usa hasta 256 coloresUsa hasta 256 coloresEs de uso muy común en InternetEs de uso muy común en InternetPermite configurar el número de coloresPermite configurar el número de coloresNo es adecuado para la fotografía digitalNo es adecuado para la fotografía digitalPermite almacenar imágenes animadas y Permite almacenar imágenes animadas y usar un color como transparenteusar un color como transparente

Formatos de archivoFormatos de archivoArchivos JPEGArchivos JPEG

Es un formato RGB con gran capacidad de Es un formato RGB con gran capacidad de compresióncompresiónSu compresión es con pérdidaSu compresión es con pérdidaSe puede elegir el grado de compresiónSe puede elegir el grado de compresiónA más compresión, mayor pérdidaA más compresión, mayor pérdidaSe basa en potenciar el contraste y Se basa en potenciar el contraste y descartar colores intermediosdescartar colores intermediosSe usa muchísimoSe usa muchísimoNo debería utilizarse si la imagen va a No debería utilizarse si la imagen va a seguir siendo manipuladaseguir siendo manipulada

Formatos de archivoFormatos de archivo Formato PSD Formato PSD

Es el formato nativo del programa Es el formato nativo del programa PhotoshopPhotoshopAlmacena la imagen en formato Almacena la imagen en formato LabLab, lo cual le , lo cual le permite pasar a cualquier modelopermite pasar a cualquier modeloPermite multitud de canales alphaPermite multitud de canales alphaPermite almacenar capasPermite almacenar capasPermite almacenar el texto en forma vectorialPermite almacenar el texto en forma vectorialTiene todas las posibilidades del programa Tiene todas las posibilidades del programa PhotoshopPhotoshopDebe ser empleado como el formato de Debe ser empleado como el formato de trabajo con la fotografía, pero no como trabajo con la fotografía, pero no como formato final por su falta de compatibilidadformato final por su falta de compatibilidad

Formatos de archivoFormatos de archivoArchivos 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ó la Almacena la imagen tal cual la captó la cámara sin conversiones de ningún tipocámara sin conversiones de ningún tipoIdeal para trabajar con imágenes de Ideal para trabajar con imágenes de alta calidadalta calidadNecesita software especial para ser Necesita software especial para ser visualizadas (Photoshop CS2 le tiene)visualizadas (Photoshop CS2 le tiene)Pensadas no como imagen final, sino Pensadas no como imagen final, sino como imagen a retocarcomo imagen a retocar