Copyleft - Jorge Sánchez’ 2006 Curso de Photoshop Imagen Digital Este documento es tomado de un...
-
Upload
cristobal-venegas-sandoval -
Category
Documents
-
view
213 -
download
0
Transcript of Copyleft - Jorge Sánchez’ 2006 Curso de Photoshop Imagen Digital Este documento es tomado de un...
Copyleft - Jorge Sánchez’ 2006
Curs
o d
e P
hoto
shop Imagen DigitalImagen Digital
Este documento es tomado de Este documento es tomado de un curso de Photoshop dictado un curso de Photoshop dictado por el profesor Jorge Sánchez y por el profesor Jorge Sánchez y adaptado a las necesidades de la adaptado a las necesidades de la Institución educativa Cárdenas Institución educativa Cárdenas Mirriñao de la ciudad de Palmira.Mirriñao de la ciudad de Palmira.
ImágenesImágenes
Segú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 dibujada, pintada o esculpida, Forma dibujada, pintada o esculpida, que representa una cosa.que 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ímicos
Una 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 aprender
Más barataMás barata
Grandes 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 errores
Satisfacción inmediataSatisfacción inmediata
Entrega rápidaEntrega rápida
Ventajas de la imagen Ventajas de la imagen digitaldigital
Facilidad para publicar en Facilidad para publicar en InternetInternet
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á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 bajo
Posee gran tradiciónPosee gran tradición
Mucha documentaciónMucha documentación
Al 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 foto
Estándares aceptadosEstándares aceptados
Blanco 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 anterior
El 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 color
La 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 Se trata de cada punto de color que un dispositivo digital detecta en una un 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 La resolución de la imagen hace referencia al nivel de nitidez de éstareferencia al 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 La profundidad de la imagen se refiere al número de colores que es refiere al número de colores que es capaz de mostrar una imagencapaz de mostrar una imagen
Puesto 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 profundidad se indicará por el número de bits por píxelnúmero de bits por píxel
Cuantos 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 real
8 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 verde
8 para el azul8 para el azul
Por 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 canal
Hoy en día se puede trabajar en Hoy en día se puede trabajar en imágenes de 16 bits e incluso de 32 bits imágenes de 16 bits e incluso de 32 bits por canalpor 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 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 Imagen de 12 x 15 cm y 600 ppp y 24 bitsbits
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 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 aditivo
Tiene 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 sustractivo
Tiene 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 complicadacomplicada
En este modelo (de 3 canales) el color se define porEn este modelo (de 3 canales) el color se define porEl TonoEl Tono. Tinte del color. Tinte del color
La saturación.La saturación. Vivacidad del color Vivacidad del color
Brillo.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 espacio
Normalmente 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 colocan los colores más frecuentes de la imagende la imagen
Al principio de los archivos indexados Al principio de los archivos indexados se indica la configuración de cada se indica la configuración de cada colorcolor
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 bits
VectoresVectores
Modelos 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 imagen
Cuantos más puntos tenga la imagen, Cuantos más puntos tenga la imagen, mayor es su resoluciónmayor es su resolución
Ampliar la imagen la hace perder Ampliar la imagen la hace perder calidadcalidad
Ocupa mucho espacioOcupa mucho espacio
Representa muy bien las imágenes Representa muy bien las imágenes fotográficasfotográficas
Son 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 comprimido
Compresió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 formato
Tiene tres posibilidades de compresión:Tiene tres posibilidades de compresión:Sin comprimirSin comprimir
Compresión sin pérdida LZW Compresió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 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 Diferencia entre imágenes a color y en blanco y negronegro
Hoy 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 comprimecomprime
Su 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 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 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ó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 Se basa en potenciar el contraste y descartar colores intermediosdescartar colores intermedios
Se usa muchísimoSe usa muchísimo
No 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 , lo cual le permite pasar a cualquier modelole permite 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ó Almacena la imagen tal cual la captó la cámara sin conversiones de ningún la cámara sin conversiones de ningún tipotipo
Ideal para trabajar con imágenes de Ideal para trabajar con imágenes de alta calidadalta calidad
Necesita 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