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. Poncevmponce@unsl.edu.ar

Fac. de Cs. Humanas- UNSL