Clase 6- Imágenes de mapa de bits

1. TECNOLOGÍA DE LATECNOLOGÍA DE LA
COMUNICACIÓN I
Lic. en Comunicación
Social
FCH-UNSL (Año 2015)

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

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

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

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

6. 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
TAMAÑO
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…
Si la imagen no será impresa, no es correcto decir que su medida es de 20x30
cm por ejemplo. Sí es correcto hablar de ancho y alto en píxeles porque su
medida es para la reproducción en un dispositivo digital!!!

7. 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 sea
que se desee trabajar con un conjunto de ellas, o bien, elaborar producciones
audiovisuales con ciertas características.
VISTA

8. IMÁGENES DE MAPA DE BITS
•Para conocer el tamaño de
una imagen (de
TAMAÑO EN
GENERAL
almacenamiento, en píxeles
y en cms.) desde
Photoshop se utiliza el
comando Imagen Tamaño
de imagen …
-Estos tamaños pueden ser modificados desde esta misma herramienta,
utilizando en algunos casos los métodos de Interpolación (o Remuestreo).

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

10. IMÁGENES DE MAPA DE BITS
El concepto de formato hace referencia a los
atributos o propiedades de una imagen que pueden
ser explotados para su distribución en diversos
FORMATOS
ser explotados para su distribución en diversos
medios. Los más adecuados para el trabajo con
producciones multimediales son:
•Jpg
•Raw
•Gif
•Png

11. IMÁGENES DE MAPA DE BITS
• Es muy utilizado para la fotografía digital y su distribución por
la Web.
FORMATOS
JPEG (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 la
compresión, pero no son muy utilizadas (2000 y XR).

12. • Contiene la totalidad de los datos de la imagen tal como
ha sido captada por el sensor digital de la cámara
IMÁGENES DE MAPA DE BITS
FORMATOS
RAW (crudo)
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.

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

14. • Es muy utilizado en Internet
para la creación de textos y
IMÁGENES DE MAPA DE BITS
FORMATOS
GIF (Graphics Interchange Format)
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.

15. IMÁGENES DE MAPA DE BITS
• Es de libre distribución alternativo a los
formatos .GIF y .JPG.
FORMATOS
PNG (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.

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

17. 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 .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 se
pierde calidad de color…
- Si se convierte un archivo .jpg a .png se mantienen
sus atributos…

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

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

20. IMÁGENES DE MAPA DE BITS
Es un proceso que se utiliza con fines múltiples sobre una
imagen, entre ellos, para:
•disimular imperfecciones (aspecto pixelado o ruido).
OPERACIONES AVANZADAS
INTERPOLACIÓ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íxeles
se lo llama: ‘A la Baja’ o ‘A la Alta’

21. • 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
IMÁGENES DE MAPA DE BITS
INTERPOLACIÓN DE TAMAÑOS
MÉTODOS Y APLICACIONES
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 con resultados
más suaves…

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

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

24. 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 transportar
archivos con tamaños más pequeños o cuando queremos
visualizarlos en monitores con características particulares…

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

26. •Aumenta los píxeles pero no el detalle de la imagen…
IMÁGENES DE MAPA DE BITS
INTERPOLACIÓN A LA ALTA
Este tipo de interpolación se produce en dos etapas, se
separan los pixeles y se rellenan los huecos.

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

28. IMÁGENES DE MAPA DE BITS
OTRAS INTERPOLACIONES…
POR APROXIMACIÓN
Canilla original Canilla a la baja por aproximación

29. •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…
IMÁGENES DE MAPA DE BITS
OTRAS INTERPOLACIONES…
POR APROXIMACIÓN
horizontales…

30. 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 elgrande 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…

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

32. 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: 2,25 megabytes
(MB)
Total Píxeles: 1024 x 768= 786.432
Tamaño Digital: 120 ppp
Tamaño Impresión: 21,67 x 16,26 cm
Tamaño Almacenamiento: 2,25 megabytes
(MB)
Total Píxeles: 1024 x 768= 786.432

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

34. IMÁGENES DE MAPA DE BITS
RESOLUCIÓN DE IMAGEN
INTERPOLACIÓN A LA BAJA

35. 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: 2,25 megabytes
(MB)
Total Píxeles: 1024 x 768= 786.432
Tamaño Digital: 50 ppp
Tamaño Impresión: 52,02 cm x 39,01 cm
Tamaño Almacenamiento: 2,25 megabytes
(MB)
Total Píxeles: 1024 x 768= 786.432

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

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

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

39. INTERFAZ PRINCIPAL
1
2
3
4
5
6
4
7
1- Títulos 2- Menú de herramientas 3-Ventana de opciones
4- Hoja y Mesa de trabajo 5- Herramientas 6-Paneles de trabajo
7- Zoom y Estado de la ilustración

40. ELEMENTOS ÚTILES
ESPACIOS DE TRABAJO
Se seleccionan de acuerdo a las operaciones que
realizaremos sobre las imágenes…

41. ELEMENTOS ÚTILES
MESA DE TRABAJO
Representa un área que puede contener objetos
imprimibles o no…
MESA DE TRABAJO

42. ELEMENTOS ÚTILES
REGLAS, GUÍAS Y CUADRÍCULA
Permiten medir y alinear texto y objetos gráficos o
imágenes…
Se activan desde el menú Vista, Regla, Extras, etc.

43. TRABAJO CON IMÁGENES
Para comenzar una nueva imagen de mapa de bits se
debe utilizar el comando Archivo Nuevo…
Allí se deberá seleccionar si se creará un documento para La
Web, Película y Vídeo, Dispositivos Móviles, etc.

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

45. Además podrían considerarse otros aspectos, como el Modo de
Color, los Canales de Color y la Profundidad de bits por canal…
TRABAJO CON IMÁGENES

46. Constituye otro atributo de la imagen y puede variar
en función de su lugar de proyección/distribución…
MODO DE COLOR
Los modos trabajan con dos o más canales y estos
a su vez utilizan entre 2 y 48 bits para la
representación de los colores (lo que se conoce
como profundidad de color).

47. CANAL DE COLOR
Hace 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 la distribución de imágenes impresas se usa el modoPara la distribución de imágenes impresas se usa el modo
CMYK que utiliza los canales: cian, magenta, yelow y key

48. MODO Y CANAL DE COLOR
RGB
Para cada imagen puede observarse como esta se construye a partir del
solapamiento de los canales de color (por ej. desde el espacio de trabajo:
Color y tono)

49. PROFUNDIDAD DE COLOR
Es 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…colores…
En Photoshop es
posible
configurar desde
8 hasta 64 bits
de profundidad
por c/canal del
modo RGB.

50. 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
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 Canal
pueden configurarse desde
el menú Imagen.

51. 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 RESULTADOCÁMARA PHOTOSHOP RESULTADO
36 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.

52. Existen otras variantes del modo RGB que pueden
utilizarse:
OTROS MODOS DE COLOR

53. Existen incluso otros modos de color de los
que destacan por ser más utilizados:
• Escala de Grises
OTROS MODOS DE COLOR
• Escala de Grises
Utiliza un canal a Modo
indexado y utiliza 8, 16
o 32 bits por canal

54. Existen diversidad de
herramientas con las que
TRABAJANDO CON IMÁGENES
HERRAMIENTAS
herramientas con las que
pueden generarse nuevas
imágenes, retocarse
fotografías, etc.…

55. TRABAJANDO
CON
IMÁGENES
HERRAMIENTAS
Fuente:
Elia Margarita Cornelio
Mari
(13 Prácticas para
perderle el miedo a
Photoshop)

56. Permiten elegir (de forma general, precisa o condicional) una
o más partes de una imagen con el objeto de cortarla,
duplicarla, aplicarle formatos, crear máscaras de recortes,
TRABAJANDO CON IMÁGENES
HERRAMIENTAS
SELECCIONES
duplicarla, aplicarle formatos, crear máscaras de recortes,
collages, usarlas en capas, etc.

57. TRABAJANDO CON IMÁGENES
SELECCIONES
Rectangular/ Elíptica
Se usa para formas regulares: rectangulares, cuadradas,
circulares o elípticas.
LazoLazo
Se usa para formas irregulares (personas, rocas, etc.) siendo el lazo
poligonal (manual y el magnético los más adecuados para delinear el
contorno de una imagen.
Selección/ Varita mágica
Se usa para formas que se ajustan a una condición particular,
basada generalmente en el color de los píxeles y su opacidad.

58. TRABAJANDO CON IMÁGENES
EJEMPLOS DE SELECCIONES
Las selecciones
pueden
almacenarse para
trabajos futuros
mediante la
opción
Trazados Hacer
trazado de trabajo
desde selección.

59. TRABAJANDO CON IMÁGENES
Mover
Permite reubicar objetos o
imágenes dentro de una o
más capas específicas de
trabajo.trabajo.
Recortar
Permite
quedarse con
una parte de la
imagen

60. TRABAJANDO CON IMÁGENES
Pincel y Lápiz
LÍNEAS O FORMAS CERRADAS
Permiten la realización de imágenes vectoriales o la
modificación de imágenes de mapa de bits…
Formas cerradas
Pluma y variantes
Texto
Su uso es idéntico al que realiza en el programa
Adobe Illustrator.

61. TRABAJANDO CON IMÁGENES
RETOCAR FOTOGRAFÍAS
Pincel corrector puntual
Sirve para corregir
pequeños defectos de una
imagen. No funciona a
partir de una muestra sino
que toma como referencia
los píxeles adyacentes a
la zona donde lo
aplicamos…

62. TRABAJANDO CON IMÁGENES
RETOCAR FOTOGRAFÍAS
Pincel corrector
Permite corregir defectos en
fotografías y se utiliza
mediante la toma de una
muestra de la imagen que
se aplica sobre otra área de
la misma imagen.
Photoshop compara el
brillo, la luz, la textura y el
contraste para que la
clonación sea lo más
parecida posible…

63. TRABAJANDO CON IMÁGENES
RETOCAR FOTOGRAFÍAS
Parche
Funciona de manera
similar al pincel corrector,
pero posee opciones que
permiten emparchar con
los datos del origen de la
selección, el destino de la
selección o un motivo…

64. TRABAJANDO CON IMÁGENES
RETOCAR FOTOGRAFÍAS
Pincel de ojos rojos
Elimina este efecto
mediante la sustitución del
color dominante y puede
configurarse en función
del tamaño y
oscurecimiento de la
pupila…

65. TRABAJANDO CON IMÁGENES
RETOCAR FOTOGRAFÍAS
Sustitución de color
Reemplaza un color
por otro respetando
sombras, tonos
medios e
iluminaciones…

66. TRABAJANDO CON IMÁGENES
RETOCAR FOTOGRAFÍAS
Tampón de clonar
Realiza la copia de
uno o más objetos
dentro de una
imagen…

67. TRABAJANDO CON IMÁGENES
RETOCAR FOTOGRAFÍAS
Desenfocar, Enfocar
y Dedo
Permiten precisar o
no la nitidez y claridad
de una imagen…

68. TRABAJANDO CON IMÁGENES
RETOCAR FOTOGRAFÍAS
Sobre-exponer, Sub-exponer y Esponja
Dan más o menos
luminosidad,
oscuridad o
reducen la
tonalidad del color
de una imagen…

69. FIN DE PRESENTACIÓN
Gracias por su atención…
Elaborado por Prof. Viviana M. Ponce
vmponce@unsl.edu.ar
Fac. de Cs. Humanas- UNSL