Clase 1 imágenes

46
CLASE 1 “Imágenes de mapa de bits: características y preparación en Adobe Photoshop para la posterior creación de producciones audiovisuales” TECNOLOGÍA DE LA COMUNICACIÓN Lic. en Producción de Radio y Televisión FCH-UNSL (Año 2014) CREATIVE COMMONS RECONOCIMIENTO- NOCOMERCIAL-COMPARTIRIGUAL 3.0 UNPORTED LICENSE

Transcript of Clase 1 imágenes

Page 1: Clase 1  imágenes

CLASE 1“Imágenes de mapa de bits:

características y preparación en Adobe

Photoshop para la posterior creación de producciones

audiovisuales”TECNOLOGÍA DE LA COMUNICACIÓN Lic. en Producción de Radio y Televisión

FCH-UNSL (Año 2014)

CREATIVE COMMONS RECONOCIMIENTO-NOCOMERCIAL-COMPARTIRIGUAL 3.0 UNPORTED

LICENSE

Page 2: Clase 1  imágenes

IMÁGENES DE MAPA DE BITS•Constituyen representaciones gráficas de la realidad cuya representación y almacenamiento se realiza de forma digital, esto es, como secuencias de bits de 0’s y 1’s.

0001110111101101101111111000101010

0001101010101110101010101011101010

1100101010010101010101101010000000

0001110111101101101111111000101010

0001101010101110101010101011101010

1100101010010101010101101010000000

0001110111101101101111111000101010

0001101010101110101010101011101010

1100101010010101010101101010000000

Page 3: Clase 1  imágenes

IMÁGENES DE MAPA DE BITS

•Se componen de píxeles, que es una palabra que proviene de “picture element” (elemento de imagen) •Son cuadrados, están alineados entre sí, uno al lado del otro y se organizan en filas y columnas.

Page 4: Clase 1  imágenes

IMÁGENES DE MAPA DE BITS•Se obtienen a partir de su captura con dispositivos digitales y se tratan con programas de edición o retoque como Photoshop, Paint Shop Pro, ACDSee, PixelMator, etc…

Page 5: Clase 1  imágenes

IMÁGENES DE MAPA DE BITS

•No poseen un tamaño fijo y su sentido se concreta cuando en conjunto con otros pixeles conforman lo que se denomina el alto y ancho de una imagen.•La imagen se representa en torno a esta medida, cuyo carácter no es físico, sino digital…

No es correcto decir tengo una imagen de 20x30 cm, o de cualquier otra medida en cm. porque su medida es digital!!!

Page 6: Clase 1  imágenes

IMÁGENES DE MAPA DE BITS•Para conocer el tamaño de una imagen 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 audiovisuales con ciertas características.

XPVISTA

Page 7: Clase 1  imágenes

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.

Page 8: Clase 1  imágenes

CÁMARA DIGITAL

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

RESOLUCIÓN DE IMÁGENES

Page 9: Clase 1  imágenes

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 10: Clase 1  imágenes

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 11: Clase 1  imágenes

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; .CR2Minolta .MRWNikon .NEFFujifilm .RAFKodak .KDC; .DCS; .DCRSony .ARW; .SRF; SR2

Olympus .ORFSigma .PEF

Page 12: Clase 1  imágenes

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 13: Clase 1  imágenes

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 14: Clase 1  imágenes

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

CONVERSIÓN DE FORMATOS

Page 15: Clase 1  imágenes

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 16: Clase 1  imágenes

IMÁGENES DE MAPA DE BITSRESOLUCIÓN DE IMAGEN•Es la cantidad de pixeles que contiene una imagen digital por cada pulgada lineal (2,5 cm.) de monitor. •Se indica con las siglas ppp (píxeles por pulgada) a diferencia de las siglas dpi (puntos por pulgada que la impresora puede pintar si la imagen se plasma en un soporte papel).

La resolución indica nitidez y definición de imagen y se obtiene visualizando las propiedades de un archivo o con el comando de Photoshop ImagenTamaño de imagen (Ver Diapositiva 7)

Page 17: Clase 1  imágenes

IMÁGENES DE MAPA DE BITSRESOLUCIÓN DE IMAGEN

Tamaño Digital: 1024 x 768 a 96 pppTamaño Impresión: 27,09 cm x 20,32 cm

Tamaño Almacenamiento: 166 kilobytes (KB)Total Píxeles: 1024 x 768= 786.432

Tamaño Digital: 1024 x 768 a 120 pppTamaño Impresión: 21,67 cm x 16,26 cm

Tamaño Almacenamiento: 166 kilobytes (KB)Total Píxeles: 1024 x 768= 786.432

Page 18: Clase 1  imágenes

IMÁGENES DE MAPA DE BITS

•Es un proceso 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 imagen•Dependiendo del trabajo que efectúe sobre los píxeles se la denomina: - ‘A la Baja’ o - ‘A la Alta’

OPERACIONES AVANZADASINTERPOLACIÓN

Page 19: Clase 1  imágenes

• 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ÑOS

MÉTODOS Y APLICACIONES

Page 20: Clase 1  imágenes

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 21: Clase 1  imágenes

IMÁGENES DE MAPA DE BITS

Activando restringir proporciones… Desactivando restringir proporciones…

INTERPOLACIÓN A LA BAJA

Page 22: Clase 1  imágenes

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 23: Clase 1  imágenes

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

Page 24: Clase 1  imágenes

•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 25: Clase 1  imágenes

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

Page 26: Clase 1  imágenes

IMÁGENES DE MAPA DE BITS

Canilla original canilla a la baja por aproximación

OTRAS INTERPOLACIONES DE TAMAÑO

POR APROXIMACIÓN

Page 27: Clase 1  imágenes

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 28: Clase 1  imágenes

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 29: Clase 1  imágenes

IMÁGENES DE MAPA DE BITSRESOLUCIÓN DE IMAGEN

Page 30: Clase 1  imágenes

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 cm

Tamaño Almacenamiento: 166 kilobytes (KB)Total Píxeles: 1024 x 768= 786.432

Tamaño Digital: 120 pppTamaño Impresión: 27,09 cm x 20,32 cm

Tamaño Almacenamiento: 219 kilobytes (KB)Total Píxeles: 1280 x 960=1.228.800

Page 31: Clase 1  imágenes

IMÁGENES DE MAPA DE BITSINTERPOLACIÓN A LA ALTAEJEMPLO DEL RESULTADO FINAL

Page 32: Clase 1  imágenes

IMÁGENES DE MAPA DE BITSRESOLUCIÓN DE IMAGEN

Page 33: Clase 1  imágenes

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 cm

Tamaño Almacenamiento: 166 kilobytes (KB)Total Píxeles: 1024 x 768= 786.432

Tamaño Digital: 50 pppTamaño Impresión: 27,09 cm x 20,32 cm

Tamaño Almacenamiento: 82 kilobytes (KB)Total Píxeles: 533 x 400=213.200

Page 34: Clase 1  imágenes

IMÁGENES DE MAPA DE BITSINTERPOLACIÓN A LA BAJAEJEMPLO DEL RESULTADO FINAL

Page 35: Clase 1  imágenes

IMÁGENES DE MAPA DE BITS

CALIDAD 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 36: Clase 1  imágenes

MONITORES

Son fundamentales para el trabajo con imágenes digitales puesto que en ellos tiene lugar su visualización.

Se dividen en dos grandes categorías:

- Monitores CRT (Cathode Ray Tube o tubos de rayos catódicos)

- Monitores TFT (Thin Film Transistor o de pantalla plana)…

Page 37: Clase 1  imágenes

MONITORESCRT O TUBOS DE RAYOS CATÓDICOS

CARACTERÍSTICAS- Generan mucho calor y gasto de energía.- Acumulan polvo debido a la carga estática

interfiriendo con la imagen que muestran.- Se magnetizan causando interferencia en los colores.- Emiten radiaciones masivas (electromagnéticas o de

rayos X) causando reflejos molestos o pérdida de la luminosidad.

- La emisión de electrones disminuye con el tiempo, afectando la calidad general de la imagen.

- La resolución es más flexible pudiendo configurarse desde Propiedades de la pantalla.

- Mejor gama de colores reproducible en comparación con los TFT de baja y media gama.

Page 38: Clase 1  imágenes

CARACTERÍSTICASEstán fabricados con diversas tecnologías:-LCD: display de cristal líquido que puede ser

convencional o iluminado (en este caso ofrece mejor calidad de imagen, consume menos, es más planos y también más caro).

-PLASMA: utiliza gases nobles para generar puntos de color. Ofrece mejor contraste y ángulo de visión pero su vida útil es corta y es una tecnología usada en televisores de gran formato.

-LEDS: utiliza diodos de alta luminiscencia que pueden encenderse y apagarse por grupos mejorando contraste y consumo. Pueden incorporar iluminación por zonas o colores, dependiendo del modelo (Edge LED y Full LED)…

Fuente: xataka (apasionados por la tecnología)

MONITORESTFT O DE PANTALLA PLANA

Page 39: Clase 1  imágenes

MONITORES

CARACTERÍSTICAS- Poseen diferentes

tamaños y esto define diversidad de relaciones de aspecto estándar (4:3) o panorámicos (16:9, 25:16, 60:29) que permiten una mejor administración de las herramientas en la pantalla y la generación de videos con calidad HD…

TFT O DE PANTALLA PLANA

La resolución determina el mayor tamaño de imagen que pueden representar.

Page 40: Clase 1  imágenes

MONITORESALGUNAS RESOLUCIONES DE PANTALLA PLANA

Page 41: Clase 1  imágenes

SISTEMAS DE TELEVISIÓN EXISTENTES Y CARACTERÍSTICAS DE LAS IMÁGENES

•DE TRANSMISIÓN DE TV ANALÓGICOS (4:3)-NTSC (National Television System Comité: Comité Nacional de Sistemas de Televisión): admite 480 i (480 líneas horizontales que contiene la imagen, que debía ser de 720 * 480 píxeles),transmitía alrededor de 30 imágenes completas por segundo y era muy utilizado en Norteamérica y Japón.-PAL (Phase Alternating Line: Línea de Alternancia de Fase): admite 576 i, alrededor de 30 imágenes por segundo, 720 x 576 píxeles y se usaba en Europa, Asia y África.

Fuente: http://www.axis.com/es/products/video/about_networkvideo/resolution.htm

Page 42: Clase 1  imágenes

SISTEMAS DE TELEVISIÓN EXISTENTES Y CARACTERÍSTICAS DE LAS IMÁGENES

•DE TRANSMISIÓN DE TV DIGITALES (16:9)-SMPTE 296M (HDTV 720P) utiliza el barrido progresivo a 25/30 hercios (Hz) (que corresponde a 25 ó 30 imágenes por segundo, en función del país) y 50/60 Hz (50/60 imágenes por segundo). Las imágenes son de 1280 x 720 píxeles.-SMPTE 274M (HDTV 1080P) utiliza el barrido entrelazado o progresivo a 25/30 Hz y 50/60 Hz., y las imágenes son de 1920 x 1080 píxeles (FULL HD).

Page 43: Clase 1  imágenes

SISTEMAS DE TELEVISIÓN EXISTENTES Y CARACTERÍSTICAS DE LAS IMÁGENES

•DE TRANSMISIÓN DE TV DIGITALES (16:9)-ULTRA HD: para dispositivos con una resolución horizontal de 3840 píxeles.-4 K: estándar emergente para resolución de cine digital.

¿Qué estándares deben ser considerados en la

actualidad?

Page 44: Clase 1  imágenes

MONITORES

TFT O DE PANTALLA PLANA

Page 45: Clase 1  imágenes

MONITORES

OTRAS CARACTERÍSTICAS

TFT O DE PANTALLA PLANA

• Deben ser calibrados a los efectos de aprovechar y potenciar al máximo las características de color de las imágenes.

• La calibración puede realizarse a través de diversos programas…

Page 46: Clase 1  imágenes

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

[email protected]

CREATIVE COMMONS RECONOCIMIENTO-NOCOMERCIAL-COMPARTIRIGUAL 3.0 UNPORTED LICENSE