49
CLASE 6 “Imágenes de mapa de bits: creación y operaciones en Adobe Photoshop Lics. en Comunicación Social y Periodismo FCH-UNSL (Año 2014) CREATIVE COMMONS RECONOCIMIENTO-NOCOMERCIAL- COMPARTIRIGUAL 3.0 UNPORTED LICENSE

Clase 6 photoshop

Embed Size (px)

Citation preview

Page 1: Clase 6  photoshop

CLASE 6“Imágenes de mapa de bits:

creación y operaciones en Adobe Photoshop

Lics. en Comunicación Social y PeriodismoFCH-UNSL (Año 2014)

CREATIVE COMMONS RECONOCIMIENTO-NOCOMERCIAL-COMPARTIRIGUAL 3.0 UNPORTED LICENSE

Page 2: Clase 6  photoshop

IMÁGENES DE MAPA DE BITS• Son representaciones de la realidad capturadas

por algún dispositivo digital.• Se componen de un conjunto de puntos

denominados píxeles (que constituyen su mínima unidad).

• Pueden ocupar mucho espacio, sobre todo si se componen de otras imágenes.

• Poseen gran iluminación y diversidad tonal y pueden perder nitidez al ser modificadas de tamaño.

Page 3: Clase 6  photoshop

IMÁGENES DE MAPA DE BITS

Poseen importantes atributos, entre los que se pueden mencionar:•Tamaño y total en píxeles (se especifica mediante su ancho y alto).•Resolución (indica el grado de concentración de píxeles por pulgada de monitor).•Modo de Color (indica los canales de color y la cantidad de tonalidades con las que estos trabajan)…

Page 4: Clase 6  photoshop

IMÁGENES DE MAPA DE BITSTamañoIndica el alto y ancho de la imagen en pixeles, lo que permite obtener la cantidad total de puntos de una imagen…

Por ej. para esta imagen de 275 pixeles de ancho x 183 pixeles de alto, se tienen 275x183=50.325 pixeles en total

Page 5: Clase 6  photoshop

IMÁGENES DE MAPA DE BITSTamaño•Puede obtenerse desde cualquier programa externo a Photoshop …

Los tamaños deben chequearse al momento de manipular imágenes, ya sea que se desee trabajar con un conjunto de ellas, o bien, elaborar producciones informativas con ciertas características.

XPVISTA

Page 6: Clase 6  photoshop

IMÁGENES DE MAPA DE BITS

•Para conocer el tamaño de una imagen desde Photoshop se utiliza el comando ImagenTamaño de imagen …

-Estos tamaños pueden ser modificados desde esta misma herramienta, a través de los métodos de Interpolación (o Remuestreo). -Cuando se considera un tamaño se debe pensar en el medio o dispositivo donde se reproducirá la imagen.

Tamaño

Page 7: Clase 6  photoshop

•Para conocer el tamaño de las imágenes digitales que una cámara puede generar debemos explorar las opciones que esta nos ofrece. Estas opciones son acordes a su resolución fotográfica y varían de acuerdo al dispositivo que utilicemos…

-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 como formato y resolución. También se encuentran implícitos otros conceptos como canales y profundidad del color.

IMÁGENES DE MAPA DE BITSTamaño y cámaras digitales

Page 8: Clase 6  photoshop

IMÁGENES DE MAPA DE BITSTamaño-Modificación desde Photoshop

Es un proceso que da origen a la interpolación que permite disimular imperfecciones de una imagen como el aspecto pixelado o el ruido.Remuestrea o modifica la cantidad de pixeles que contiene una imagen y se aplica desde el menú ImagenTamaño de imagenRemuestrear la imagenDependiendo del trabajo que efectúe sobre los píxeles se la denomina: - ‘A la Baja’ o - ‘A la Alta’

Interpolación

Page 9: Clase 6  photoshop

• Por aproximación: se utiliza para imágenes vectoriales y se basa en generar píxeles nuevos en función del mismo color que tenía el pixel que los originó.

• Bicúbico: se usa para fotografías y genera nuevos pixeles con tonos que promedian entre sus colindantes

• Bilineal: es apto para producciones audiovisuales en formato HD y consigue resultados más suaves…

IMÁGENES DE MAPA DE BITSINTERPOLACIÓN DE TAMAÑOSMÉTODOS Y APLICACIONES

Page 10: Clase 6  photoshop

IMÁGENES DE MAPA DE BITS•Reduce pixeles y produce pérdidas de detalle de la imagen.

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’.

INTERPOLACIÓN A LA BAJA

800 X 600 píxeles

Page 11: Clase 6  photoshop

IMÁGENES DE MAPA DE BITS

Activando restringir proporciones… Desactivando restringir proporciones…

INTERPOLACIÓN A LA BAJA

Page 12: Clase 6  photoshop

IMÁGENES DE MAPA DE BITS

Este tipo de interpolación es útil cuando queremos transportar archivos con tamaños más pequeños o cuando queremos visualizarlos en monitores con características particulares…

Activando restringir proporciones (533 x 400)

Desactivando restringir proporciones (400 x 400)

INTERPOLACIÓN A LA BAJA

Page 13: Clase 6  photoshop

IMÁGENES DE MAPA DE BITSINTERPOLACIÓN A LA BAJARESULTADO FINAL

Page 14: Clase 6  photoshop

•Aumenta los píxeles pero no el detalle de la imagen…

Este tipo de interpolación se produce en dos etapas, se separan los pixeles y se rellenan los huecos.

IMÁGENES DE MAPA DE BITSINTERPOLACIÓN A LA ALTA

Page 15: Clase 6  photoshop

IMÁGENES DE MAPA DE BITSINTERPOLACIÓN A LA ALTARESULTADO FINAL

Page 16: Clase 6  photoshop

IMÁGENES DE MAPA DE BITS

Canilla original canilla a la baja por aproximación

OTRAS INTERPOLACIONES DE TAMAÑOPOR APROXIMACIÓN

Page 17: Clase 6  photoshop

IMÁGENES DE MAPA DE BITSOTRAS INTERPOLACIONES DE TAMAÑOPOR APROXIMACIÓN•Suele generar un efecto denominado ‘aliasing’ o ‘diente de sierra’ que se aprecia más en pantalla que en impresiones y es especialmente visible en contornos que no sean verticales u horizontales…

Page 18: Clase 6  photoshop

IMÁGENES DE MAPA DE BITSResoluciónIndica la cantidad de pixeles por pulgada (ppp) que contiene una imagen y que son los que en definitiva definen su capacidad para reproducir fielmente sus detalles.

A mayor cantidad de ppp mayor será la resolución obtenida, y en consecuencia mayor su tamaño…

La resolución tiene sentido cuando se piensa en el proceso de impresión.

Page 19: Clase 6  photoshop

IMÁGENES DE MAPA DE BITSINTERPOLACIÓN DE RESOLUCIÓN •Se modifica con el mismo método anterior.•Si pasamos de una resolución más chica a otra más grande el tamaño de impresión se achica pero el tamaño digital de la imagen junto con su calidad se conservan. Esto se logra desactivando la opción: Remuestrear…

Page 20: Clase 6  photoshop

IMÁGENES DE MAPA DE BITSINTERPOLACIÓN DE RESOLUCIÓN

Page 21: Clase 6  photoshop

IMÁGENES DE MAPA DE BITSModo de colorConstituye otro atributo de la imagen, conformado por la cantidad de colores que esta que puede contener.

Los modos trabajan con dos o más canales y estos a su vez utilizan desde 2 a 48 bits para la representación de los colores (lo que se conoce como profundidad de color).

Page 22: Clase 6  photoshop

MODO DE COLORCanalHace referencia a un color que puede admitir diversas tonalidades.Para la reproducción de imágenes por pantalla se usa el modo de color RGB que utiliza tres canales de color: rojo, verde y azul. Para su reproducción en papel se utilizan cuatro canales: cian, magenta, yellow y key.

Page 23: Clase 6  photoshop

MODO DE COLORRGBPara cada imagen puede observarse como esta se construye a partir del solapamiento de los colores mencionados (por ej. desde el espacio de trabajo: Color y tono)

Page 24: Clase 6  photoshop

PROFUNDIDAD DE COLOREs otro atributo de la imagen que expresa para cada canal o color la cantidad de sus tonalidades. El modo RGB por defecto de Photoshop usa 8 bits p/canal lo que define 256 tonalidades de verde, rojo y azul. La suma de estas tonalidades produce imágenes de 16,7 millones de colores…

En Photoshop es posible configurar 8, 16 o 32 bits de profundidad por c/canal del modo RGB.

Page 25: Clase 6  photoshop

La cantidad de colores por canal varía de acuerdo a la cantidad de bits que contenga…

N° bits N° Máximo de Tonos o Colores

1 bit 21=2 colores

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 coloresCanales y Bits por Canal pueden configurarse desde el menú Imagen.

PROFUNDIDAD DE COLOR

Page 26: Clase 6  photoshop

Las cámaras fotográficas trabajan con modos y profundidad de color que es necesario conocer para no incurrir en errores!!!

MODO- PROFUNDIDAD DE COLOR- CÁMARAS FOTOGRÁFICAS

CÁ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 el menú Imagen.

Page 27: Clase 6  photoshop

Existen otras variantes del modo RGB que pueden utilizarse:

OTROS MODOS DE COLOR

Page 28: Clase 6  photoshop

Existen incluso otros modos de color de los que destacan por ser más utilizados:•Escala de GrisesUtiliza un canal a Modo indexado y utiliza 8, 16 o 32 bits por canal

•Modo Color a 16 o 256 colores, etc.

OTROS MODOS DE COLOR

Page 29: Clase 6  photoshop

IMÁGENES DE MAPA DE BITSCALIDAD DE IMAGEN•Se determina fundamentalmente por los factores de resolución y tamaño, aunque también inciden otros componentes como: contraste, reproducción del color y la ausencia de defectos.

Page 30: Clase 6  photoshop

IMÁGENES DE MAPA DE BITS

• Es muy utilizado para la fotografía digital y su distribución por 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 la compresión, pero no son muy utilizadas (2000 y XR).

FORMATOSJPEG (Joint Photographics Experts Group)

Page 31: Clase 6  photoshop

IMÁGENES DE MAPA DE BITS

• Contiene la totalidad de los datos de la imagen tal como ha sido captada por el sensor digital de la cámara fotográfica, por lo que también se lo denomina ‘negativos digitales’.

• 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 otro formato para poder ser editado con más agilidad.

• Posee una profundidad de color mayor a 8 bits por canal, típicamente 10, 12, 14 y 16 bits por canal de color.

FORMATOSRAW (Crudo)

Page 32: Clase 6  photoshop

IMÁGENES DE MAPA DE BITS

• Posee diversas extensiones de acuerdo a la cámara digital que los genera y se editan con el programa provisto por esta.

FORMATOSRAW (Crudo)

FABRICANTE EXTENSIÓNCanon .TIF; .CRW; .CR2

Minolta .MRWNikon .NEF

Fujifilm .RAFKodak .KDC; .DCS; .DCRSony .ARW; .SRF; SR2

Olympus .ORFSigma .PEF

Page 33: Clase 6  photoshop

IMÁGENES DE MAPA DE BITS

• Es muy utilizado en Internet para la creación de textos y gráficos gracias a su pequeño tamaño. • Trabaja hasta 8 bits por canal lo que hace que admita 256 colores a modo indexado. • Soporta animación y transparencia.

FORMATOSGIF (Graphics Interchange Format)

Page 34: Clase 6  photoshop

IMÁGENES DE MAPA DE BITS

• Es de libre distribución alternativo a los formatos .GIF y .JPG.

• Soporta transparencias o manejo de canal Alfa.

• Admite una profundidad de color de hasta 24 bits.

• No presenta pérdida de calidad.• Puede trabajar de 8 a 64 bits por canal.

FORMATOSPNG (Portable Network Graphic)

Page 35: Clase 6  photoshop

IMÁGENES DE MAPA DE BITS

• Es la operación que por defecto permite alternar entre uno y otro formato.

• No debe confundirse con la operación de compresión que equivale a reducir el tamaño, sino que comprimir significa convertir un formato en otro.

• Existen diversos programas conversores, entre ellos AVS Video Converter y Total Video Converter. También los archivos pueden convertirse en línea, a través de sitios como Online Convert

• La conversión también se logra guardando los archivos con otro formato.

CONVERSIÓN DE FORMATOS

Page 36: Clase 6  photoshop

IMÁGENES DE MAPA DE BITS

• Algunas conversiones pueden ocasionar pérdida de calidad, como por ej.

- Si se convierte un archivo de un formato .jpg a .gif se pierden colores.

- Si se convierte un archivo .gif a .jpg se pierde animación y transparencia.

- Si se guarda repetidas veces un archivo .jpg

• Otras conversiones pueden mantenerse estables, por ej.

-Si se convierte un archivo .jpg a .png se mantienen sus atributos…

CONVERSIÓN DE FORMATOS

¿Qué otras conversiones se te ocurre que puedes utilizar?

Page 37: Clase 6  photoshop

paisaje.jpg paisaje.gif

IMÁGENES DE MAPA DE BITSCONVERSIÓN DE FORMATOS

Page 38: Clase 6  photoshop

paisaje.jpg paisaje.png

CONVERSIÓN DE FORMATOSIMÁGENES DE MAPA DE BITS

Page 39: Clase 6  photoshop

CONVERSIÓN DE FORMATOSIMÁGENES DE MAPA DE BITS

divertido.gif divertido.jpg

Page 40: Clase 6  photoshop

¿QUÉ ES ADOBE PHOTOSHOP?Es un editor profesional de imágenes de mapa de bits compuesto por numerosas y potentes herramientas…

Page 41: Clase 6  photoshop

INTERFAZ PRINCIPAL1

2

3

4

5

6

7

1- Títulos 2- Menú de herramientas 3-Ventana de opciones4- Hoja y Mesa de trabajo 5- Herramientas 6-Paneles de trabajo

7- Zoom y Estado de la ilustración

4

Page 42: Clase 6  photoshop

ELEMENTOS ÚTILESEspacios de trabajoSe seleccionan de acuerdo al trabajo que se desee realizar…

Page 43: Clase 6  photoshop

ELEMENTOS ÚTILESMesa de trabajoRepresenta un área que puede contener objetos imprimibles o no…

MESA DE TRABAJO

Page 44: Clase 6  photoshop

ELEMENTOS ÚTILESReglas, Guías y CuadrículaPermiten medir y alinear texto y objetos gráficos o imágenes…

Se activan desde el menú Vista, Regla, Extras, etc.

Page 45: Clase 6  photoshop

TRABAJO CON IMÁGENESPara comenzar una nueva imagen de mapa de bits se debe utilizar el comando ArchivoNuevo…

Allí se deberá seleccionar si se creará un documento para La Web, Película y Vídeo, Dispositivos Móviles, etc.

Page 46: Clase 6  photoshop

En función de los estándares de producción de contenidos actuales se debería seleccionar la resolución de imagen adecuada:

TRABAJO CON IMÁGENES

Page 47: Clase 6  photoshop

Además podrían considerarse otros aspectos que también son importantes como el Modo de Color, el Contenido de Fondo y el Perfil de color.

TRABAJO CON IMÁGENES

Page 48: Clase 6  photoshop

Realizamos una práctica en clase donde ejercitamos cada una de estas herramientas…

TRABAJANDO CON IMÁGENESHERRAMIENTAS

Page 49: Clase 6  photoshop

FIN DE PRESENTACIÓN…Elaborado por Prof. Viviana M. Ponce

[email protected]

CREATIVE COMMONS RECONOCIMIENTO-NOCOMERCIAL-COMPARTIRIGUAL 3.0 UNPORTED LICENSE