TECNOLOGÍA DE LA TECNOLOGÍA DE LA COMUNICACIÓN ILic. en Comunicación SocialFCH-UNSL (Año 2015)
CLASE VI“IMÁGENES DE MAPA DE BITS: CARÁCTERÍSTICAS Y EDICIÓN
BÁSICA EN ADOBE PHOTOSHOP ”BÁSICA EN ADOBE PHOTOSHOP ”
CREATIVE COMMONS RECONOCIMIENTO-NOCOMERCIAL-COMPARTIRIGUAL 3.0 UNPORTED LICENSE
IMÁGENES DE MAPA DE BITSConstituyen representaciones gráficas de la realidad cuyarepresentación y almacenamiento se realiza de forma digital, estoes, como secuencias de bits de 0’s y 1’s…
0001110111101101101111111000101010
0001101010101110101010101011101010
1100101010010101010101101010000000
0001110111101101101111111000101010
0001101010101110101010101011101010
1100101010010101010101101010000000
0001110111101101101111111000101010
0001101010101110101010101011101010
1100101010010101010101101010000000
IMÁGENES DE MAPA DE BITS•Se componen de píxeles, que es una palabra que proviene de “pictureelement” (elemento de imagen)•Generalmente son cuadrados, están alineados entre sí, (uno al lado delotro) y se organizan en filas y columnas.
IMÁGENES DE MAPA DE BITS•Se obtienen a partir de su captura con dispositivos digitales yse tratan con programas de edición o retoque comoPhotoshop, Paint Shop Pro, ACDSee, PixelMator, etc…
IMÁGENES DE MAPA DE BITS
•No poseen un tamaño fijoy su sentido se concretacuando en conjunto conotros pixeles conforman loque se denomina el alto y
TAMAÑO
que se denomina el alto yancho de una imagen.•La imagen se representaen torno a esta medida,cuyo carácter no es físico,sino digital…
Si la imagen no será impresa, no es correcto decir que su medida es de 20x30cm por ejemplo. Sí es correcto hablar de ancho y alto en píxeles porque sumedida es para la reproducción en un dispositivo digital!!!
IMÁGENES DE MAPA DE BITS
•Puede obtenerse desde cualquier programa externo a Photoshop …
XP VISTA
TAMAÑO EN PÍXELES
Los tamaños deben chequearse al momento de manipular imágenes, ya seaque se desee trabajar con un conjunto de ellas, o bien, elaborar produccionesaudiovisuales con ciertas características.
VISTA
IMÁGENES DE MAPA DE BITS
•Para conocer el tamaño deuna imagen (de
TAMAÑO EN GENERAL
almacenamiento, en píxelesy en cms.) desdePhotoshop se utiliza elcomando Imagen�Tamañode imagen …
-Estos tamaños pueden ser modificados desde esta misma herramienta,utilizando en algunos casos los métodos de Interpolación (o Remuestreo).
CÁMARA DIGITAL
•Para conocer el tamaño de las imágenes digitales que una cámarapuede generar debemos explorar las opciones que esta nos ofrece.Estas opciones son acordes a su resolución fotográfica y varían deacuerdo al dispositivo que utilicemos…
RESOLUCIÓN DE IMÁGENES
-El tamaño de imágenes no requiere ser muy grande para su envío por la Web,300x600, 600x400 o 400x600 son tamaños adecuados.-Al momento de explorar estas opciones aparecen conceptos visibles comoformato y resolución. También se encuentran implícitos otros conceptos comomodo y profundidad del color.
IMÁGENES DE MAPA DE BITS
El concepto de formato hace referencia a losatributos o propiedades de una imagen que puedenser explotados para su distribución en diversos
FORMATOS
ser explotados para su distribución en diversosmedios. Los más adecuados para el trabajo conproducciones multimediales son:
•Jpg•Raw•Gif•Png
IMÁGENES DE MAPA DE BITS
• Es muy utilizado para la fotografía digital y su distribución porla Web.
FORMATOSJPEG (Joint Photographics Experts Group)
la Web.• Ocupa poco espacio y mantiene una gran cantidad de
colores, por lo que se considera bastante eficiente.• Admite diversas calidades de compresión por lo que se debe
especificar la tasa de compresión a emplear.• Puede almacenar entre 8, 24 y 32 bits por canal (escala de
grises, RGB o CMYK).• Posee versiones modernas que mejoran lacompresión, pero no son muy utilizadas (2000 y XR).
• Contiene la totalidad de los datos de la imagen tal comoha sido captada por el sensor digital de la cámara
IMÁGENES DE MAPA DE BITSFORMATOSRAW (crudo)
ha sido captada por el sensor digital de la cámarafotográfica, por lo que también se lo denomina ‘negativosdigitales’.
• Utiliza compresión de datos sin pérdida de información,por lo que es más preciso y definido.
• Ocupa mucho tamaño y necesita ser procesado en otroformato para poder ser editado con más agilidad.
• Posee una profundidad de color mayor a 8 bits porcanal, típicamente 10, 12, 14 y 16 bits por canal de color.
• Posee diversas extensiones de acuerdo a la cámara digital que los genera y seeditan con el programa provisto por esta.
FABRICANTE EXTENSIÓN
IMÁGENES DE MAPA DE BITSFORMATOSRAW (crudo)
FABRICANTE EXTENSIÓN
Canon .TIF; .CRW; .CR2
Minolta .MRWNikon .NEF
Fujifilm .RAF
Kodak .KDC; .DCS; .DCR
Sony .ARW; .SRF; SR2
Olympus .ORFSigma .PEF
• Es muy utilizado en Internetpara la creación de textos y
IMÁGENES DE MAPA DE BITSFORMATOSGIF (Graphics Interchange Format)
para la creación de textos ygráficos gracias a su pequeñotamaño.• Trabaja hasta 8 bits por canallo que hace que admita 256colores a modo indexado.• Soporta animación ytransparencia.
IMÁGENES DE MAPA DE BITS
• Es de libre distribución alternativo a losformatos .GIF y .JPG.
FORMATOSPNG (Portable Network Graphic)
formatos .GIF y .JPG.• Soporta transparencias o manejo de
canal Alfa.• No presenta pérdida de calidad.• Puede trabajar de 8 a 64 bits por canal
de color.
IMÁGENES DE MAPA DE BITS
¿QUÉ ES?• Es la operación que por defecto permite alternar
entre uno y otro formato.• No debe confundirse con la operación de
CONVERSIÓN DE FORMATOS
• No debe confundirse con la operación decompresión que equivale a reducir el tamaño,sino que comprimir significa convertir un formatoen otro.
• Existen diversos programas conversores, entreellos AVS Video Converter y Total VideoConverter. También los archivos puedenconvertirse en línea, a través de sitios comoOnline Convert
IMÁGENES DE MAPA DE BITS
CONVERSIONES Y EFECTOS:- Si se convierte un archivo de un formato .jpg a .gif
CONVERSIÓN DE FORMATOS
- Si se convierte un archivo de un formato .jpg a .gifse pierden colores.
- Si se convierte un archivo .gif a .jpg se pierdeanimación y transparencia.
- Si se guarda repetidas veces un archivo .jpg sepierde calidad de color…
- Si se convierte un archivo .jpg a .png se mantienensus atributos…
IMÁGENES DE MAPA DE BITSRESOLUCIÓN DE IMAGEN•Es la cantidad de pixeles que contiene una imagen digital por cadapulgada lineal (2,5 cm.) de monitor.•Se indica con las siglas ppp (píxeles por pulgada) a diferencia de lassiglas dpi (puntos por pulgada que la impresora puede pintar si laimagen se plasma en un soporte papel).
La resolución indica nitidez ydefinición de imagen y seobtiene visualizando laspropiedades de un archivo ocon el comando dePhotoshop:Imagen�Tamaño de imagen
IMÁGENES DE MAPA DE BITSRESOLUCIÓN DE IMAGEN
IMÁGENES DE MAPA DE BITS
Es un proceso que se utiliza con fines múltiples sobre unaimagen, entre ellos, para:•disimular imperfecciones (aspecto pixelado o ruido).
OPERACIONES AVANZADASINTERPOLACIÓN
•disimular imperfecciones (aspecto pixelado o ruido).•modificar el ancho y alto en píxeles.•modificar el ancho y alto en cm.
Se aplica desde el menú Imagen�Tamaño de imagen,activando o desactivando la opción�Remuestrear la imagen.De acuerdo al trabajo que efectúe sobre los píxelesse lo llama: ‘A la Baja’ o ‘A la Alta’
• POR APROXIMACIÓN: se utiliza para imágenesvectoriales y se basa en generar píxeles nuevos enfunción del mismo color que tenía el pixel que los
IMÁGENES DE MAPA DE BITSINTERPOLACIÓN DE TAMAÑOSMÉTODOS Y APLICACIONES
función del mismo color que tenía el pixel que losoriginó.
• BICÚBICO: se usa para fotografías y genera nuevospixeles con tonos que promedian entre suscolindantes
• BILINEAL : es apto para produccionesaudiovisuales en formato HD con resultadosmás suaves…
IMÁGENES DE MAPA DE BITS
•Reduce pÍxeles y produce pérdidas de detalle de la imagen.
INTERPOLACIÓN A LA BAJA
800 X 600 píxeles
Pueden usarse distintos métodos de interpolación al reducir una imagen y pedir que esta se ajuste o no automáticamente mediante ‘Restringir proporciones’.
IMÁGENES DE MAPA DE BITS
Activando restringir proporciones…
Desactivando restringir proporciones…
INTERPOLACIÓN A LA BAJA
IMÁGENES DE MAPA DE BITS
Activando restringir proporciones(533 x 400)
Desactivando restringir proporciones (400 x 400)
INTERPOLACIÓN A LA BAJA
Este tipo de interpolación es útil cuando queremos transportararchivos con tamaños más pequeños o cuando queremosvisualizarlos en monitores con características particulares…
IMÁGENES DE MAPA DE BITSINTERPOLACIÓN A LA BAJARESULTADO FINAL
•Aumenta los píxeles pero no el detalle de la imagen…
IMÁGENES DE MAPA DE BITSINTERPOLACIÓN A LA ALTA
Este tipo de interpolación se produce en dos etapas, seseparan los pixeles y se rellenan los huecos.
IMÁGENES DE MAPA DE BITSINTERPOLACIÓN A LA ALTARESULTADO FINAL
IMÁGENES DE MAPA DE BITSOTRAS INTERPOLACIONES…POR APROXIMACIÓN
Canilla original Canilla a la baja por aproximación
•Suele generar un efecto denominado ‘aliasing’ o ‘diente de sierra’que se aprecia más en pantalla que en impresiones y esespecialmente visible en contornos que no sean verticales uhorizontales…
IMÁGENES DE MAPA DE BITSOTRAS INTERPOLACIONES…POR APROXIMACIÓN
horizontales…
IMÁGENES DE MAPA DE BITS
INTERPOLACIÓN DE RESOLUCIÓN•Se modifica con el mismo método anterior.•Si pasamos de una resolución más chica a otra másgrande el tamaño de impresión se achica pero elgrande el tamaño de impresión se achica pero eltamaño digital de la imagen junto con su calidad seconservan. Esto se logra desactivando la opción:Remuestrear…
IMÁGENES DE MAPA DE BITSRESOLUCIÓNDE IMAGEN
IMÁGENES DE MAPA DE BITSRESOLUCIÓN DE IMAGENINTERPOLACIÓN A LA ALTA
Tamaño Digital: 96 pppTamaño Impresión: 27,09 cm x 20,32 cmTamaño Almacenamiento: 2,25 megabytes (MB) Total Píxeles: 1024 x 768= 786.432
Tamaño Digital: 120 pppTamaño Impresión: 21,67 x 16,26 cmTamaño Almacenamiento: 2,25 megabytes (MB)Total Píxeles: 1024 x 768= 786.432
IMÁGENES DE MAPA DE BITSINTERPOLACIÓN A LA ALTA
EJEMPLO DEL RESULTADO FINAL
IMÁGENES DE MAPA DE BITSRESOLUCIÓN DE IMAGENINTERPOLACIÓN A LA BAJA
IMÁGENES DE MAPA DE BITSRESOLUCIÓN DE IMAGENINTERPOLACIÓN A LA BAJA
Tamaño Digital: 96 pppTamaño Impresión: 27,09 cm x 20,32 cmTamaño Almacenamiento: 2,25 megabytes (MB) Total Píxeles: 1024 x 768= 786.432
Tamaño Digital: 50 pppTamaño Impresión: 52,02 cm x 39,01 cmTamaño Almacenamiento: 2,25 megabytes (MB)Total Píxeles: 1024 x 768= 786.432
IMÁGENES DE MAPA DE BITSINTERPOLACIÓN A LA BAJAEJEMPLO DEL RESULTADO FINAL
IMÁGENES DE MAPA DE BITS
CALIDAD DE IMAGEN•Se determina fundamentalmente por losfactores de resolución y tamaño, aunquefactores de resolución y tamaño, aunquetambién inciden otros componentes como:contraste, reproducción/cantidad del color y laausencia de defectos.
¿QUÉ ES ADOBE PHOTOSHOP?
Es un editor profesional de imágenes de mapa de bitscompuesto por numerosas y potentes herramientas…
INTERFAZ PRINCIPAL1
2
3
4
5
6
4
7
1- Títulos 2- Menú de herramientas 3-Venta na de opciones4- Hoja y Mesa de trabajo 5- Herramientas 6-Pane les de trabajo
7- Zoom y Estado de la ilustración
ELEMENTOS ÚTILESESPACIOS DE TRABAJOSe seleccionan de acuerdo a las operaciones querealizaremos sobre las imágenes…
ELEMENTOS ÚTILESMESA DE TRABAJORepresenta un área que puede contener objetosimprimibles o no…
MESA DE TRABAJO
ELEMENTOS ÚTILESREGLAS, GUÍAS Y CUADRÍCULAPermiten medir y alinear texto y objetos gráficos oimágenes…
Se activan desde el menú Vista, Regla, Extras, etc.
TRABAJO CON IMÁGENESPara comenzar una nueva imagen de mapa de bits sedebe utilizar el comando Archivo�Nuevo…
Allí se deberá seleccionar si se creará un documento para LaWeb, Película y Vídeo, Dispositivos Móviles, etc.
En función de los estándares de producción de contenidos actualesse debería seleccionar la resolución de imagen adecuada:
TRABAJO CON IMÁGENES
Además podrían considerarse otros aspectos, como el Modo deColor, los Canales de Color y la Profundidad de bits por canal…
TRABAJO CON IMÁGENES
Constituye otro atributo de la imagen y puede variaren función de su lugar de proyección/distribución…
MODO DE COLOR
Los modos trabajan con dos o más canales y estosa su vez utilizan entre 2 y 48 bits para larepresentación de los colores (lo que se conocecomo profundidad de color).
CANAL DE COLORHace referencia a un color que puede admitir diversastonalidades.Para la reproducción de imágenes por pantalla se usa el modode color RGB que utiliza tres canales de color: rojo, verde yazul.Para la distribución de imágenes impresas se usa el modoPara la distribución de imágenes impresas se usa el modoCMYK que utiliza los canales: cian, magenta, yelow y key
MODO Y CANAL DE COLORRGBPara cada imagen puede observarse como esta se construye a partir delsolapamiento de los canales de color (por ej. desde el espacio de trabajo:Color y tono)
PROFUNDIDAD DE COLOREs otro atributo de la imagen que expresa para cada canalo color la cantidad de sus tonalidades. El modo RGB pordefecto de Photoshop usa 8 bits p/canal lo que define 256tonalidades de verde, rojo y azul. La suma de estastonalidades produce imágenes de 16,7 millones decolores…colores…
En Photoshop esposibleconfigurar desde8 hasta 64 bitsde profundidadpor c/canal delmodo RGB.
La cantidad de colores por canal varía de acuerdo a lacantidad de bits que contenga…
N°bits N°Máximo de Tonos o Colores
1 bit 21=2 colores
2 bits 22=4 colores
PROFUNDIDAD DE COLOR
2 bits 22=4 colores
4 bits 24=16 colores
8 bits 28=256 colores
16 bits 216=65536 colores
24 bits 224=16,7 millones de colores
48 bits 248=281,5 billones de colores
Canales y Bits por Canalpueden configurarse desdeel menú Imagen.
Las cámaras fotográficas trabajan con modos yprofundidad de color que es necesario conocer para noincurrir en errores!!!
MODO- PROFUNDIDAD DE COLOR-CÁMARAS FOTOGRÁFICAS
CÁMARA PHOTOSHOP RESULTADOCÁMARA PHOTOSHOP RESULTADO36 bit 24 bit Pérdida de información
36 bit 48 bit La información se preserva
36 bit 96 bit La información se preserva
Los ajustes de color deben ser efectuados desde elmenú Imagen.
Existen otras variantes del modo RGB que puedenutilizarse:
OTROS MODOS DE COLOR
Existen incluso otros modos de color de losque destacan por ser más utilizados:
• Escala de Grises
OTROS MODOS DE COLOR
• Escala de GrisesUtiliza un canal a Modoindexado y utiliza 8, 16o 32 bits por canal
Existen diversidad deherramientas con las que
TRABAJANDO CON IMÁGENES
HERRAMIENTAS
herramientas con las quepueden generarse nuevasimágenes, retocarsefotografías, etc.…
TRABAJANDO CON IMÁGENES
HERRAMIENTAS
Fuente: Elia Margarita Cornelio Mari (13 Prácticas para perderle el miedo a Photoshop)
Permiten elegir (de forma general, precisa o condicional) unao más partes de una imagen con el objeto de cortarla,duplicarla, aplicarle formatos, crear máscaras de recortes,
TRABAJANDO CON IMÁGENESHERRAMIENTASSELECCIONES
duplicarla, aplicarle formatos, crear máscaras de recortes,collages, usarlas en capas, etc.
TRABAJANDO CON IMÁGENESSELECCIONESRectangular/ ElípticaSe usa para formas regulares: rectangulares, cuadradas,circulares o elípticas.
LazoLazoSe usa para formas irregulares (personas, rocas, etc.) siendo el lazopoligonal (manual y el magnético los más adecuados para delinear elcontorno de una imagen.
Selección/ Varita mágicaSe usa para formas que se ajustan a una condición particular,basada generalmente en el color de los píxeles y su opacidad.
TRABAJANDO CON IMÁGENES
EJEMPLOS DE SELECCIONES
Las seleccionespuedenalmacenarse paratrabajos futurosmediante laopciónTrazados�Hacertrazado de trabajodesde selección.
TRABAJANDO CON IMÁGENES
Mover Permite reubicar objetos oimágenes dentro de una omás capas específicas detrabajo.trabajo.
Recortar
Permitequedarse conuna parte de laimagen
TRABAJANDO CON IMÁGENES
Pincel y Lápiz
LÍNEAS O FORMAS CERRADASPermiten la realización de imágenes vectoriales o lamodificación de imágenes de mapa de bits…
Formas cerradas
Pluma y variantesTexto
Su uso es idéntico al que realiza en el programaAdobe Illustrator.
TRABAJANDO CON IMÁGENESRETOCAR FOTOGRAFÍASPincel corrector puntual
Sirve para corregirpequeños defectos de unaimagen. No funciona apartir de una muestra sinoque toma como referencialos píxeles adyacentes ala zona donde loaplicamos…
TRABAJANDO CON IMÁGENESRETOCAR FOTOGRAFÍASPincel corrector
Permite corregir defectos enfotografías y se utilizamediante la toma de unamuestra de la imagen quese aplica sobre otra área dela misma imagen.Photoshop compara elbrillo, la luz, la textura y elcontraste para que laclonación sea lo másparecida posible…
TRABAJANDO CON IMÁGENESRETOCAR FOTOGRAFÍASParche
Funciona de manerasimilar al pincel corrector,pero posee opciones quepermiten emparchar conlos datos del origen de laselección, el destino de laselección o un motivo…
TRABAJANDO CON IMÁGENESRETOCAR FOTOGRAFÍASPincel de ojos rojos
Elimina este efectomediante la sustitución delcolor dominante y puedeconfigurarse en funcióndel tamaño yoscurecimiento de lapupila…
TRABAJANDO CON IMÁGENESRETOCAR FOTOGRAFÍASSustitución de color
Reemplaza un colorpor otro respetandosombras, tonosmedios eiluminaciones…
TRABAJANDO CON IMÁGENESRETOCAR FOTOGRAFÍASTampón de clonar
Realiza la copia deuno o más objetosdentro de unaimagen…
TRABAJANDO CON IMÁGENESRETOCAR FOTOGRAFÍASDesenfocar, Enfocary Dedo
Permiten precisar ono la nitidez y claridadde una imagen…
TRABAJANDO CON IMÁGENESRETOCAR FOTOGRAFÍAS
Sobre-exponer, Sub-exponer y Esponja
Dan más o menosluminosidad,oscuridad oreducen latonalidad del colorde una imagen…
FIN DE PRESENTACIÓNGracias por su atención…
Elaborado por Prof. Viviana M. [email protected]
Fac. de Cs. Humanas- UNSL