SlideShare una empresa de Scribd logo
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
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.
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)…
IMÁGENES DE MAPA DE BITS 
Tamaño 
Indica 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
IMÁGENES DE MAPA DE BITS 
Tamañ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. 
XP 
VISTA
IMÁGENES DE MAPA DE BITS 
Tamaño 
•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.
IMÁGENES DE MAPA DE BITS 
Tamaño y cámaras digitales 
•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 BITS 
Tamaño-Modificación desde Photoshop 
Interpolación 
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ú 
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’
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…
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’.
IMÁGENES DE MAPA DE BITS 
INTERPOLACIÓN A LA BAJA 
Activando restringir proporciones… Desactivando restringir proporciones…
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…
IMÁGENES DE MAPA DE BITS 
INTERPOLACIÓN A LA BAJA 
RESULTADO FINAL
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.
IMÁGENES DE MAPA DE BITS 
INTERPOLACIÓN A LA ALTA 
RESULTADO FINAL
IMÁGENES DE MAPA DE BITS 
OTRAS INTERPOLACIONES DE TAMAÑO 
POR APROXIMACIÓN 
Canilla original canilla a la baja por aproximación
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…
IMÁGENES DE MAPA DE BITS 
Resolución 
Indica 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.
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…
IMÁGENES DE MAPA DE BITS 
INTERPOLACIÓN DE 
RESOLUCIÓN
IMÁGENES DE MAPA DE BITS 
Modo de color 
Constituye 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).
MODO DE COLOR 
Canal 
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 su reproducción en papel se 
utilizan cuatro canales: cian, magenta, 
yellow y key.
MODO DE COLOR 
RGB 
Para 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)
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… 
En Photoshop es 
posible configurar 8, 
16 o 32 bits de 
profundidad por 
c/canal del modo RGB.
PROFUNDIDAD DE COLOR 
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 colores 
Canales y Bits por Canal 
pueden configurarse 
desde el menú Imagen.
MODO- PROFUNDIDAD DE COLOR-CÁMARAS 
FOTOGRÁFICAS 
Las cámaras fotográficas trabajan con modos y 
profundidad de color que es necesario conocer 
para no incurrir en errores!!! 
CÁ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.
OTROS MODOS DE COLOR 
Existen otras variantes del modo RGB 
que pueden utilizarse:
OTROS MODOS DE COLOR 
Existen incluso otros modos de color 
de los que destacan por ser más 
utilizados: 
•Escala de Grises 
Utiliza un canal a Modo 
indexado y utiliza 8, 16 
o 32 bits por canal 
•Modo Color a 16 o 256 colores, etc.
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.
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).
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.
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
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.
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.
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 
• La conversión también se logra guardando los 
archivos con otro formato.
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?
IMÁGENES DE MAPA DE BITS 
CONVERSIÓN DE FORMATOS 
paisaje.jpg  paisaje.gif
IMÁGENES DE MAPA DE BITS 
CONVERSIÓN DE FORMATOS 
paisaje.jpg  paisaje.png
IMÁGENES DE MAPA DE BITS 
CONVERSIÓN DE FORMATOS 
divertido.gif  divertido.jpg
¿QUÉ ES ADOBE PHOTOSHOP? 
Es un editor profesional de imágenes de 
mapa de bits compuesto por numerosas y 
potentes herramientas…
INTERFAZ PRINCIPAL 1 
2 
3 
4 
5 
6 
7 
4 
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
ELEMENTOS ÚTILES 
Espacios de trabajo 
Se seleccionan de acuerdo al 
trabajo que se desee realizar…
ELEMENTOS ÚTILES 
Mesa de trabajo 
Representa un área que puede 
contener objetos imprimibles o no… 
MESA DE TRABAJO
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.
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.
TRABAJO CON IMÁGENES 
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 
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.
TRABAJANDO CON IMÁGENES 
HERRAMIENTAS 
Realizamos una práctica en clase donde 
ejercitamos cada una de estas 
herramientas…
FIN DE PRESENTACIÓN… 
Elaborado por Prof. Viviana M. Ponce 
vmponce@unsl.edu.ar 
CREATIVE COMMONS RECONOCIMIENTO-NOCOMERCIAL-COMPARTIRIGUAL 
3.0 UNPORTED LICENSE

Más contenido relacionado

PDF
Clase 6 tecno i- comunicacion 2015
PPT
Presentación2 primera parte
PPT
Clase 1 imágenes
PPT
Imagen digital
DOC
Guia apoyo photoshop primera clase
PDF
Clase 5 tecno 1-2018
PPTX
La imagen digital
PDF
Clase 6 tecno 1-2017
Clase 6 tecno i- comunicacion 2015
Presentación2 primera parte
Clase 1 imágenes
Imagen digital
Guia apoyo photoshop primera clase
Clase 5 tecno 1-2018
La imagen digital
Clase 6 tecno 1-2017

La actualidad más candente (19)

ODT
DIAPOSITIVAS - IMAGEN DIGITAL
PDF
Imagen Digital_conceptos básicos
PDF
Apuntes sobre Digitalizacion
PPT
¿Que es una imagen digital ?
PDF
ESCANEAR Y RETOCAR BOCETOS E IMÁGENES
PDF
Introducción al video y la edición digital
PPT
Presentación de imagen digital
PPTX
Fotografía digital
PPT
Características de la Imagen Digital
DOCX
La imagen digital
PPTX
Introduccion a la imagen digital
PPS
Imagen Digital Mudle
PPT
Morfología de la imagen digital
PPT
La imagen digital
PPT
Imagen Digital
PDF
conceptos fundamentales de photoshop
PDF
Imagen digital. Herramientas digitales: Photoshop, Illustrator y InDesign.
PPT
Imagen Digital
DIAPOSITIVAS - IMAGEN DIGITAL
Imagen Digital_conceptos básicos
Apuntes sobre Digitalizacion
¿Que es una imagen digital ?
ESCANEAR Y RETOCAR BOCETOS E IMÁGENES
Introducción al video y la edición digital
Presentación de imagen digital
Fotografía digital
Características de la Imagen Digital
La imagen digital
Introduccion a la imagen digital
Imagen Digital Mudle
Morfología de la imagen digital
La imagen digital
Imagen Digital
conceptos fundamentales de photoshop
Imagen digital. Herramientas digitales: Photoshop, Illustrator y InDesign.
Imagen Digital
Publicidad

Similar a Clase 6 photoshop (20)

PDF
Clase 6 tecno i- periodismo 2016
PDF
Clase 6 tecno i- comunicación 2016
PPT
Clase 1 imágenes de mapa de bits
PDF
Clase 6 tecno 1-2019
PDF
Clase 6 tecno i- periodismo 2015
PDF
Clase 6 tecno i- comunicacion 2015
PPS
Presentación Photoshop e Imagenes
PPTX
PPT
La imagen digital
PDF
El escaner
PPT
Imagen digital
PPT
PPT
Imagen digital
PPTX
Imágenes digitales
PDF
Imagen mapa de bits y software de tratamiento
PPT
Introducción a la imagen digital
PDF
Actividad 1
DOC
Apuntes de photoshop
PDF
Multimedia
ODT
Ejercicios
Clase 6 tecno i- periodismo 2016
Clase 6 tecno i- comunicación 2016
Clase 1 imágenes de mapa de bits
Clase 6 tecno 1-2019
Clase 6 tecno i- periodismo 2015
Clase 6 tecno i- comunicacion 2015
Presentación Photoshop e Imagenes
La imagen digital
El escaner
Imagen digital
Imagen digital
Imágenes digitales
Imagen mapa de bits y software de tratamiento
Introducción a la imagen digital
Actividad 1
Apuntes de photoshop
Multimedia
Ejercicios
Publicidad

Más de Viviana Mercedes Ponce (20)

PDF
Clase 7 tecno 1-2019
PDF
Clase 5 tecno 1-2019
PDF
Clase 4 tecno i- 2019
PDF
Clase 3 tecno i-2019
PDF
Clase 2 tecno 1-2019
PDF
Clase 1 tecno 1-2019
PDF
PDF
Clase 3 Wix- Primera Parte
PDF
Clase 6 audio digital
PDF
Clase 4 imagenes vectoriales
PDF
Clase 6 tecno 1-2018
PDF
Clase 4 tecno i- 2018
PDF
Clase 3 tecno i-2018
PDF
Clase 2 tecno 1-2018
PDF
Clase 1 tecno 1-2018
PDF
Clase 4 Tecno I
PDF
Clase 3 tecno i- periodismo 2016
PDF
Clase 2 tecno 1-2017
PDF
Clase 1 tecno 1-2017
Clase 7 tecno 1-2019
Clase 5 tecno 1-2019
Clase 4 tecno i- 2019
Clase 3 tecno i-2019
Clase 2 tecno 1-2019
Clase 1 tecno 1-2019
Clase 3 Wix- Primera Parte
Clase 6 audio digital
Clase 4 imagenes vectoriales
Clase 6 tecno 1-2018
Clase 4 tecno i- 2018
Clase 3 tecno i-2018
Clase 2 tecno 1-2018
Clase 1 tecno 1-2018
Clase 4 Tecno I
Clase 3 tecno i- periodismo 2016
Clase 2 tecno 1-2017
Clase 1 tecno 1-2017

Último (20)

PDF
TOMO II - LITERATURA.pd plusenmas ultras
PDF
RM2025 - FUNDAMENTOS TEÓRICOS - PEDIATRÍA.pdf
PDF
Integrando la Inteligencia Artificial Generativa (IAG) en el Aula
PDF
Como Potenciar las Emociones Positivas y Afrontar las Negativas Ccesa007.pdf
PDF
Telos 127 Generacion Al fa Beta - fundaciontelefonica
PDF
ACERTIJO Súper Círculo y la clave contra el Malvado Señor de las Formas. Por ...
PPTX
TEMA 1ORGANIZACIÓN FUNCIONAL DEL CUERPO, MEDIO INTERNO Y HOMEOSTASIS (3) [Aut...
DOC
4°_GRADO_-_SESIONES_DEL_11_AL_15_DE_AGOSTO.doc
PDF
Texto Digital Los Miserables - Victor Hugo Ccesa007.pdf
PDF
ACERTIJO EL CONJURO DEL CAZAFANTASMAS MATEMÁTICO. Por JAVIER SOLIS NOYOLA
PDF
Mi Primer Millon - Poissant - Godefroy Ccesa007.pdf
PDF
Iniciación Al Aprendizaje Basado En Proyectos ABP Ccesa007.pdf
PDF
MATERIAL DIDÁCTICO 2023 SELECCIÓN 1_REFORZAMIENTO 1° BIMESTRE.pdf
PDF
Escuelas Desarmando una mirada subjetiva a la educación
PDF
1. Intrdoduccion y criterios de seleccion de Farm 2024.pdf
PPTX
T2 Desarrollo del SNC, envejecimiento y anatomia.pptx
DOCX
PLAN DE AREA DE CIENCIAS SOCIALES TODOS LOS GRUPOS
PDF
La Inteligencia Emocional - Fabian Goleman TE4 Ccesa007.pdf
PDF
2.0 Introduccion a processing, y como obtenerlo
PDF
Nadie puede salvarte excepto Tú - Madame Rouge Ccesa007.pdf
TOMO II - LITERATURA.pd plusenmas ultras
RM2025 - FUNDAMENTOS TEÓRICOS - PEDIATRÍA.pdf
Integrando la Inteligencia Artificial Generativa (IAG) en el Aula
Como Potenciar las Emociones Positivas y Afrontar las Negativas Ccesa007.pdf
Telos 127 Generacion Al fa Beta - fundaciontelefonica
ACERTIJO Súper Círculo y la clave contra el Malvado Señor de las Formas. Por ...
TEMA 1ORGANIZACIÓN FUNCIONAL DEL CUERPO, MEDIO INTERNO Y HOMEOSTASIS (3) [Aut...
4°_GRADO_-_SESIONES_DEL_11_AL_15_DE_AGOSTO.doc
Texto Digital Los Miserables - Victor Hugo Ccesa007.pdf
ACERTIJO EL CONJURO DEL CAZAFANTASMAS MATEMÁTICO. Por JAVIER SOLIS NOYOLA
Mi Primer Millon - Poissant - Godefroy Ccesa007.pdf
Iniciación Al Aprendizaje Basado En Proyectos ABP Ccesa007.pdf
MATERIAL DIDÁCTICO 2023 SELECCIÓN 1_REFORZAMIENTO 1° BIMESTRE.pdf
Escuelas Desarmando una mirada subjetiva a la educación
1. Intrdoduccion y criterios de seleccion de Farm 2024.pdf
T2 Desarrollo del SNC, envejecimiento y anatomia.pptx
PLAN DE AREA DE CIENCIAS SOCIALES TODOS LOS GRUPOS
La Inteligencia Emocional - Fabian Goleman TE4 Ccesa007.pdf
2.0 Introduccion a processing, y como obtenerlo
Nadie puede salvarte excepto Tú - Madame Rouge Ccesa007.pdf

Clase 6 photoshop

  • 1. 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
  • 2. 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.
  • 3. 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)…
  • 4. IMÁGENES DE MAPA DE BITS Tamaño Indica 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
  • 5. IMÁGENES DE MAPA DE BITS Tamañ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. XP VISTA
  • 6. IMÁGENES DE MAPA DE BITS Tamaño •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.
  • 7. IMÁGENES DE MAPA DE BITS Tamaño y cámaras digitales •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.
  • 8. IMÁGENES DE MAPA DE BITS Tamaño-Modificación desde Photoshop Interpolación 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ú 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’
  • 9. 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…
  • 10. 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’.
  • 11. IMÁGENES DE MAPA DE BITS INTERPOLACIÓN A LA BAJA Activando restringir proporciones… Desactivando restringir proporciones…
  • 12. 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…
  • 13. IMÁGENES DE MAPA DE BITS INTERPOLACIÓN A LA BAJA RESULTADO FINAL
  • 14. 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.
  • 15. IMÁGENES DE MAPA DE BITS INTERPOLACIÓN A LA ALTA RESULTADO FINAL
  • 16. IMÁGENES DE MAPA DE BITS OTRAS INTERPOLACIONES DE TAMAÑO POR APROXIMACIÓN Canilla original canilla a la baja por aproximación
  • 17. 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…
  • 18. IMÁGENES DE MAPA DE BITS Resolución Indica 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.
  • 19. 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…
  • 20. IMÁGENES DE MAPA DE BITS INTERPOLACIÓN DE RESOLUCIÓN
  • 21. IMÁGENES DE MAPA DE BITS Modo de color Constituye 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).
  • 22. MODO DE COLOR Canal 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 su reproducción en papel se utilizan cuatro canales: cian, magenta, yellow y key.
  • 23. MODO DE COLOR RGB Para 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)
  • 24. 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… En Photoshop es posible configurar 8, 16 o 32 bits de profundidad por c/canal del modo RGB.
  • 25. PROFUNDIDAD DE COLOR 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 colores Canales y Bits por Canal pueden configurarse desde el menú Imagen.
  • 26. MODO- PROFUNDIDAD DE COLOR-CÁMARAS FOTOGRÁFICAS Las cámaras fotográficas trabajan con modos y profundidad de color que es necesario conocer para no incurrir en errores!!! CÁ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.
  • 27. OTROS MODOS DE COLOR Existen otras variantes del modo RGB que pueden utilizarse:
  • 28. OTROS MODOS DE COLOR Existen incluso otros modos de color de los que destacan por ser más utilizados: •Escala de Grises Utiliza un canal a Modo indexado y utiliza 8, 16 o 32 bits por canal •Modo Color a 16 o 256 colores, etc.
  • 29. 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.
  • 30. 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).
  • 31. 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.
  • 32. 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
  • 33. 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.
  • 34. 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.
  • 35. 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 • La conversión también se logra guardando los archivos con otro formato.
  • 36. 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?
  • 37. IMÁGENES DE MAPA DE BITS CONVERSIÓN DE FORMATOS paisaje.jpg  paisaje.gif
  • 38. IMÁGENES DE MAPA DE BITS CONVERSIÓN DE FORMATOS paisaje.jpg  paisaje.png
  • 39. IMÁGENES DE MAPA DE BITS CONVERSIÓN DE FORMATOS divertido.gif  divertido.jpg
  • 40. ¿QUÉ ES ADOBE PHOTOSHOP? Es un editor profesional de imágenes de mapa de bits compuesto por numerosas y potentes herramientas…
  • 41. INTERFAZ PRINCIPAL 1 2 3 4 5 6 7 4 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
  • 42. ELEMENTOS ÚTILES Espacios de trabajo Se seleccionan de acuerdo al trabajo que se desee realizar…
  • 43. ELEMENTOS ÚTILES Mesa de trabajo Representa un área que puede contener objetos imprimibles o no… MESA DE TRABAJO
  • 44. 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.
  • 45. 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.
  • 46. TRABAJO CON IMÁGENES En función de los estándares de producción de contenidos actuales se debería seleccionar la resolución de imagen adecuada:
  • 47. TRABAJO CON IMÁGENES 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.
  • 48. TRABAJANDO CON IMÁGENES HERRAMIENTAS Realizamos una práctica en clase donde ejercitamos cada una de estas herramientas…
  • 49. FIN DE PRESENTACIÓN… Elaborado por Prof. Viviana M. Ponce vmponce@unsl.edu.ar CREATIVE COMMONS RECONOCIMIENTO-NOCOMERCIAL-COMPARTIRIGUAL 3.0 UNPORTED LICENSE