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

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

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

4. 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…

5. 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!!!

6. 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.
XP
VISTA

7. IMÁGENES DE MAPA DE BITS
•Para conocer el tamaño
de una imagen desde
Photoshop se utiliza
el comando
ImagenTamañ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.

8. CÁMARA DIGITAL
RESOLUCIÓN DE IMÁGENES
•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.

9. IMÁGENES DE MAPA DE BITS
FORMATOS
JPEG (Joint Photographics Experts Group)
• 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).

10. IMÁGENES DE MAPA DE BITS
FORMATOS
RAW (Crudo)
• 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.

11. IMÁGENES DE MAPA DE BITS
FORMATOS
RAW (Crudo)
• Posee diversas extensiones de acuerdo a la cámara
digital que los genera y se editan con el
programa provisto por esta.
FABRICANTE EXTENSIÓN
Canon .TIF; .CRW; .CR2
Minolta .MRW
Nikon .NEF
Fujifilm .RAF
Kodak .KDC; .DCS; .DCR
Sony .ARW; .SRF; SR2
Olympus .ORF
Sigma .PEF

12. IMÁGENES DE MAPA DE BITS
FORMATOS
GIF (Graphics Interchange Format)
• 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.

13. IMÁGENES DE MAPA DE BITS
FORMATOS
PNG (Portable Network Graphic)
• 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.

14. IMÁGENES DE MAPA DE BITS
CONVERSIÓN DE FORMATOS
• 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

15. IMÁGENES DE MAPA DE BITS
CONVERSIÓN DE FORMATOS
• 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…
¿Qué otras conversiones se te ocurre que puedes utilizar?

16. IMÁGENES DE MAPA DE BITS
RESOLUCIÓ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
ImagenTamaño de imagen
(Ver Diapositiva 7)

17. IMÁGENES DE MAPA DE BITS
RESOLUCIÓN DE IMAGEN
Tamaño Digital: 1024 x 768 a 96 ppp
Tamañ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 ppp
Tamaño Impresión: 21,67 cm x 16,26 cm
Tamaño Almacenamiento: 166 kilobytes (KB)
Total Píxeles: 1024 x 768= 786.432

18. IMÁGENES DE MAPA DE BITS
OPERACIONES AVANZADAS
INTERPOLACIÓN
•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ú ImagenTamaño de
imagenRemuestrear la imagen
•Dependiendo del trabajo que efectúe sobre
los píxeles se la denomina:
- ‘A la Baja’ o
- ‘A la Alta’

19. IMÁGENES DE MAPA DE BITS
INTERPOLACIÓN DE TAMAÑOS
MÉTODOS Y APLICACIONES
• 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…

20. IMÁGENES DE MAPA DE BITS
INTERPOLACIÓN A LA BAJA
•Reduce pixeles y produce pérdidas de
detalle de la imagen.
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’.

21. IMÁGENES DE MAPA DE BITS
INTERPOLACIÓN A LA BAJA
Activando restringir proporciones… Desactivando restringir proporciones…

22. IMÁGENES DE MAPA DE BITS
INTERPOLACIÓN A LA BAJA
Activando restringir proporciones
(533 x 400)
Desactivando restringir
proporciones (400 x 400)
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…

23. IMÁGENES DE MAPA DE BITS
INTERPOLACIÓN A LA BAJA
RESULTADO FINAL

24. IMÁGENES DE MAPA DE BITS
INTERPOLACIÓN A LA ALTA
•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.

25. IMÁGENES DE MAPA DE BITS
INTERPOLACIÓN A LA ALTA
RESULTADO FINAL

26. IMÁGENES DE MAPA DE BITS
OTRAS INTERPOLACIONES DE TAMAÑO
POR APROXIMACIÓN
Canilla original canilla a la baja por aproximación

27. IMÁGENES DE MAPA DE BITS
OTRAS INTERPOLACIONES DE TAMAÑO
POR 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…

28. 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á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…

29. IMÁGENES DE MAPA DE BITS
RESOLUCIÓN
DE IMAGEN

30. IMÁGENES DE MAPA DE BITS
RESOLUCIÓN DE IMAGEN
INTERPOLACIÓN A LA ALTA
Tamaño Digital: 96 ppp
Tamañ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 ppp
Tamañ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

31. IMÁGENES DE MAPA DE BITS
INTERPOLACIÓN A LA ALTA
EJEMPLO DEL RESULTADO FINAL

32. IMÁGENES DE MAPA DE BITS
RESOLUCIÓN
DE IMAGEN

33. IMÁGENES DE MAPA DE BITS
RESOLUCIÓN DE IMAGEN
INTERPOLACIÓN A LA BAJA
Tamaño Digital: 96 ppp
Tamañ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 ppp
Tamaño Impresión: 27,09 cm x 20,32 cm
Tamaño Almacenamiento: 82 kilobytes (KB)
Total Píxeles: 533 x 400=213.200

34. IMÁGENES DE MAPA DE BITS
INTERPOLACIÓN A LA BAJA
EJEMPLO DEL RESULTADO FINAL

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

36. 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)…

37. MONITORES
CRT 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.

38. MONITORES
TFT O DE PANTALLA PLANA
CARACTERÍSTICAS
Está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)

39. MONITORES
TFT O DE PANTALLA PLANA
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…
La resolución determina el mayor tamaño de imagen que pueden representar.

40. MONITORES
ALGUNAS RESOLUCIONES DE PANTALLA PLANA

41. 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/pr
oducts/video/about_networ
kvideo/resolution.htm

42. 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).

43. 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?

44. MONITORES
TFT O DE
PANTALLA
PLANA

45. MONITORES
TFT O DE PANTALLA PLANA
OTRAS
CARACTERÍSTICAS
• 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…

46. FIN DE PRESENTACIÓN…
Elaborado por Prof. Viviana M. Ponce
vmponce@unsl.edu.ar
CREATIVE COMMONS RECONOCIMIENTO-NOCOMERCIAL-COMPARTIRIGUAL
3.0 UNPORTED LICENSE