1. Nuevas Tecnologías de la Información y la Conectividad 2010
COMUNICACIÓN VISUAL
Tratamiento de Imágenes
Definición de Imagen
Todos tenemos una concepción intuitiva de qué es una imagen. Pareciera que definirla debería
ser algo simple. Pero no. Las polémicas sobre qué es y que no es una imagen son muchas y su
revisión excede los objetivos de la materia.
Pero, qué es la imagen? nuestro diccionario la define como "figura o representación de una cosa" y, por
extensión como la "representación mental de alguna cosa percibida por los sentidos". En realidad, esta
palabra, deriva del latín (imago: figura, sombra, imitación), indica toda representación figurada y
relacionada con el objeto representado por analogía o su semejanza perceptiva.
Fornasari de Menegazzo (1974)
Imágenes: Según su significado
Toda imagen es una construcción. No existe representación objetiva de la realidad. Ni aún en la
fotografía documental.
Esta construcción de mensajes visuales posee siempre una intención comunicativa. Se producen
objetos visuales para comunicar algo a alguien.
Cuando utilizamos imágenes para construir mensajes audiovisuales podemos comunicar
experiencias comunes o expresar ideas complejas. Las imágenes muchas veces hablan por sí
solas, pero otras veces su sentido debe ser acotado (anclado, epígrafe), cuya función es informar
al receptor cómo debe ser leída.
Imágenes: según el uso del color
Uso del color en fotografías
Aunque la mayor parte de las tomas se realizan hoy en colores, existe la opción de presentar las
fotografías en blanco y negro (en realidad, grises) e, inclusive, en blanco y negro real (fotos de
bit).
En algunos casos, las fotografías en blanco y negro o en escalas de grises pueden ser más
expresivas que las de color. Definir si utilizamos una fotografía en color o blanco y negro
dependerá del "clima" que se quiere generar en el espectador, y del mensaje que transmite esa
fotografía (una guerra, flores, atardeceres, una foto que impresione, etc.)
Uso del color en lustraciones
Ilustración, (de ilustrar) sust. Estampa, grabado o dibujo que adorna ó documenta un libro.
Componente gráfico que complementa o realza un texto.
Las ilustraciones son imágenes asociadas con palabras. Esto significa que podemos producir
imágenes que llevan un mensaje. Un aspecto importante de la ilustración es el uso de diseños
bidimensionales, a diferencia de las imágenes pintorescas y espaciales que tratan de captar la
tercera dimensión.
La ilustración puede utilizarse porque no se cuenta con una fotografía (en reemplazo), en cuyo
caso el color debe ser lo más realista posible (adecuado al estilo gráfico de la ilustración). Pero
las ilustraciones se usan también para simplificar y sintetizar una imagen. En ese caso el color
debe ser usado con prudencia, para mantener la síntesis buscada. Si se trata de identificar
elementos, el color de los mismos debe ser el convencional.
1 E.M.P.A.S. – Prof. Irene Denaro
2. Nuevas Tecnologías de la Información y la Conectividad 2010
Colores lindos y colores feos
Quienes diseñamos documentos multimedia deberíamos borrar del catálogo de preferencias
nuestros "colores bonitos". Desde el punto de vista comunicativo no existen colores lindos o feos.
Existen colores adecuados o no para la intención comunicativa. Existen colores que expresan
mejor que otros determinado clima, que refuerzan o debilitan el mensaje audiovisual. Los colores
deberíamos seleccionarlos según este criterio.
Imágenes: según su legibilidad
La legibilidad de las imágenes no tiene que ver sólo con su nitidez. Se refiere sobre todo a la
posibilidad de percibir (para comprender) su contenido.
Una de las cuestiones importantes es la cantidad de detalles que contiene. La regla es ni mucho ni
poco: tratar de que las imágenes no contengan información excesiva, ni que resulte insuficiente.
Cuando las imágenes (fotos o ilustraciones) contienen demasiada información, dificultan
discriminar la información que se desea transmitir. La atención del lector puede concentrarse en
un elemento secundario y no alcanzar a captar lo que se quiso transmitir. La cantidad de
información en una misma ilustración que puede decodificar el receptor depende de su cultura, es
su "entrenamiento" en la lectura de imágenes y de su desarrollo cognitivo.
En el caso de una fotografía, dependerá de qué se quiere mostrar o cuál es el mensaje a
transmitir, si es un objeto en particular, o el entorno donde está el objeto en particular o una vista
amplia o panorámica. Esto significa que en la fotografía debemos "encuadrar" lo que queremos
mostrar, y muchas veces es necesario "anclar" el mensaje (a través de aclaraciones o epígrafes).
La elección de la imagen es muy importante para transmitir el mensaje.
Cuando se compone una imagen para un proyecto multimedial es importante saber elegir la
imagen para transmitir el mensaje específico.
Foto de primer plano: muestra La misma foto. Pero da una idea La misma fotografía donde la imagen del
al niño, pero no podemos del entorno (está en una calesita) niño se pierde con el fondo.
deducir el entorno (lugar)
donde fue tomada.
En el caso de un gráfico o ilustración, una excesiva simplificación puede eliminar detalles
importantes para la correcta de codificación, como muestra el ejemplo.
La figura del
bombero de la
izquierda está
demasiado
simplificada.
2 E.M.P.A.S. – Prof. Irene Denaro
3. Nuevas Tecnologías de la Información y la Conectividad 2010
Comunicación Multimedial
El lugar de las imágenes en la comunicación multimedia
El lenguaje multimedia es un lenguaje integrador, que combina el lenguaje textual, el visual y el
sonoro. Es una forma particular de los lenguajes audiovisuales, con características propias y un
sistema de códigos que podríamos llamar "en construcción" pero que tiende a diferenciarse de
las metáforas de origen: el libro, los programas informáticos, el video.
En un lenguaje multimedia la gráfica y lo visual cumplen roles importantes:
1) Lo visual está omnipresente1 en cualquier documento multimedia. Puede no haber sonido.
Puede no haber animaciones o video, puede no haber textos. Pero siempre hay una imagen
de fondo (aunque sea una pantalla negra).
2) Principal sostén de la metáfora. El discurso multimedia se basa en metáforas. Metáforas2
visuales que son parte del desarrollo del argumento. Simulan situaciones, ambientes, historias.
Todo esto se sustenta en la gráfica como elemento esencial y decisivo.
3) La interface de los documentos multimedia. Mediante la cual el usuario navega e interactúa
con el documento, se construye sobre una base gráfica (botones, flechas, textos resaltados).
4) Escenario: Todo lo que sucede en un documento multimedia lo hace en un escenario visual.
Aún una pieza musical que se ejecuta sobre una pantalla negra o monocroma. Utiliza esa
pantalla como escenario. El usuario está mirando mientras escucha.
Programas Gráficos de Computación
Clasificación
TIPO ESPECIALIDAD USO PRINCIPAL PROGRAMAS
Dibujo Vetorial Corel Draw!
Dibujan utilizando líneas curvas o Diseño de folletos, carteles,
Dibujo y diseño Adobe Ilustrator
rectas que están definidas por material publicitario y
gráfico Macromedia Free Hand
fórmulas matemáticas. Las líneas promocional, ilustración, etc.
Top Draw
forman figuras que los programas Diseño industrial y
reconocen como objetos y que arquitectónico. Producen AutoCad
pueden adquirir diferentes atributos: Cad
modelo en dos y tres CAD-CAM
tipo y color de línea perimetral, tipo dimensiones.
y color de relleno, posición que
ocupa en la página y con respecto a 3D Studio
Producen modelos en tres
otros objetos (tapa o es tapado por Modelado en Topaz
dimensiones para ilustración o
ellos) 3D CroelDream 3D
animación computada.
Macromedia Extreme 3D
Dibujo y pintura bitmap PaintBrush
Permiten crear o editar
Los gráficos basados en pixeles Adobe Photoshop
gráficos en mapas de puntos:
están constituidos por pequeños Live Picture
Editores dibujo y pintura digital. Editan
puntos colocados ordenadamente en Corel Photo paint
fotografías digitalizadas para
una grilla rectangular, presentando Paint Shop Pro
retoque y manipulación.
variaciones de luminosidad. Estos KidPix
puntos vistos en conjunto se Para ver en pantalla los
convierten en imágenes. Los gráficos. Muchos de ellos
programas que permiten editar y permiten modificar
modificar estos gráficos también Visualizadores IrfanView
globalmente algunas
pueden crearlos desde cero. características (brillo, contraste,
intensidad de color)
1
adj. Que está presente a la vez en todas partes, atributo solo de Dios.
21. f. Ret. Empleo de las palabras en sentido distinto del que propiamente les corresponde que consiste en trasladar el sentido recto de las
voces a otro figurado, en virtud de una comparación tácita; v. gr.: Las perlas del rocío; la primavera de la vida; refrenar las pasiones.
3 E.M.P.A.S. – Prof. Irene Denaro
4. Nuevas Tecnologías de la Información y la Conectividad 2010
Gráficos Digitales
Gráficos Vectoriales
Los vectores son curvas definidas matemáticamente. Existen diversos tipos de vectores. Los
diseñadores de programas de dibujo vectorial dibujan una línea que une dos puntos de control y
los puntos de la curva. El usuario puede arrastrar los puntos de control, modificando la curva en
tiempo real, como si se tratara de un elástico.
Las curvas vectoriales admiten atributos como: ancho y color de línea; si son cerradas, se agregan
además las atributos del relleno: color, gráficos, fractales, bitmap.
Las curvas y las figuras cerradas son (informáticamente) objetos. Es decir que pueden editarse y
modificarse sus propios atributos. Además de la posición relativa de las figuras.
Ventajas y desventajas: Son excelentes para imprimir dibujos de líneas muy definidas,
tipografías y elementos de bordes nítidos y limpios. Sus bordes son artificiales y los dibujos
producidos con este tipo de gráficos son "muy de computadora". Los gráficos vectoriales tienen,
por lo general, una dimensión pequeña (en disco y/o memoria). Se utilizan en multimedia para
textos y elementos en los que se requieren líneas definidas. No se usan para representar
transiciones suaves de color o tonalidad.
Gráficos Bitmap
Los gráficos bitmap están constituidos por una grilla rectangular de puntos de diferente brillo o
color.
Cada uno de esos puntos se llama pixel. El pixel es la menor unidad de información de los
gráficos de ese tipo.
Los gráficos basados en pixels no reconocen formas y figuras. Sólo puntos de diferente valor
cromático. Ello significa que no es posible editar y modificar independientemente los elementos
de un gráfico bitmap.
Ventajas y desventajas: Este tipo de gráficos son excelentes para reproducir tonos con suaves
transiciones. Por ello son soporte de las fotografías, y toda imagen que presente variaciones
sutiles de tonos o color. No son buenos para reproducir tipografías pequeñas o líneas muy
definidas. Para esos usos se requiere resoluciones altas, y por lo tanto los gráficos ocupan mucho
espacio en disco o memoria. Los gráficos dependen de su tamaño para la impresión.
Formatos Gráficos
Formatos Vectoriales
CDR Formato de los archivos producidos por CorelDRAW! (gráficos vectoriales)
DXF Utilizado por programas CAD y de modelado 3D (gráficos vectoriales)
EPS Potscrip Encapsulado. Facilita el intercambio entre programas vectoriales y programas de
armado de páginas o editores de imágenes bitmap.
WMF Windows Meta File. Formato de prestaciones similares al EPS, aunque es reconocido sólo
en ambiente Windows (imágenes pre-diseñadas de Word, Office, etc).
Formatos Bitmap
GIF Formato indexado (llamados también de 256 colores) y comprimido sin pérdida de la
información. Destinado a gráficos que circulan por medios electrónicos (Animaciones
simples, flechas, emoticon (caritas), gráficos sencillos y de pocos colores).
BMP Formato no comprimido, optimizado para su rápido despliegue en pantalla. Su rapidez
de carga lo hace indicado para las aplicaciones multimedia. Imágenes de gran tamaño
(en Kbytes) según su resolución y tamaño en pixels.
PCX Uno de los formatos pioneros. No comprimido.
TIF Admite diversas variantes, no sólo en cantidad de colores sino que soporta el modo
CYMK, utilizado en la separación de colores de imágenes destinadas a las artes gráficas
(impresiones).
JPG Formato comprimido con pérdida de la calidad. Permiten obtener archivos de muy
pequeño tamaño, por lo que es uno de los más usados en la Web de Internet. Su uso es
ideal para fotografías a todo color por la cantidad de colores que soporta (24 bits=16
millones). Cuidado con la compresión.
4 E.M.P.A.S. – Prof. Irene Denaro
5. Nuevas Tecnologías de la Información y la Conectividad 2010
PNG PNG nace con la pretensión de ser el nuevo formato de imagen de intercambio en
Internet. Admite compresión con menos pérdidas de información, produce transparencias
de fondo sin bordes irregulares y soporta los modos RGB, escala de grises y color
indexado sin canales alfa.
Este formato está siendo utilizado cada vez más para sustituir a GIF en gráficos para
web, y cada vez más en imágenes con mayor calidad que antes eran comprimidas con
JPEG.
Propiedades de los Gráficos Bitmap
¿Qué es la resolución?
Esta palabra la encontraremos en muchas pantallas y textos referidos al tamaño de los archivos
gráficos compuestos por pixeles. La resolución es el valor que establece o mide la cantidad de
pixeles (o puntos) por pulgada o centímetro que tiene un gráfico (DPI o PPP).
Este valor no tiene mucha importancia en gráficos destinados al monitor pero sí la adquiere
cuando el gráfico debe ser impreso en papel.
Mientras mayor sea la cantidad de puntos, más detalles podrá mostrar el gráfico. Pero mayor
será su tamaño informático, ocupando más espacio en el disco y la memoria.
Las impresoras tienen entre sus especificaciones la calidad de impresión a color y en B/N.
Definición: La resolución, como hemos dicho, es la relación entre el píxel de una imagen y una
medida real, que generalmente es la pulgada.
Las resoluciones recomendadas son las siguientes:
a) una imagen destinada a una página web: entre 72 y 95 dpi;
b) una imagen para ser impresa: el doble de la resolución de la impresora (por ejemplo, para
una impresora de 300 dpi, la imagen debe ser de 600 dpi).
Resolución óptica: es el número de puntos individuales capaces de captar un CCD; define los
límites máximos de digitalización de un dispositivo.
Resolución interpolada: es una resolución artificial capaz de generar un dispositivo, interpolando
puntos entre los puntos captados en la resolución real.
Dimensión de las imágenes
Es importante tener en claro la diferencia entre resolución y definición o tamaño de la imagen.
Las imágenes, cuando trabajamos en un ambiente gráfico se miden en pixeles (el alto y el ancho).
No tiene que ver la resolución, a mayor resolución más grande veremos la imagen.
Si vamos a generar imágenes que luego tenemos que imprimir, es conveniente trabajar en
centímetros, así tendremos una vista real de cómo quedará la imagen, también aquí es
importante definir la resolución. A mayor resolución mejor calidad de impresión.
Si queremos tener una idea cierta de la densidad de píxeles de una imagen y lo que supone
su visualización correcta debemos verla al 100% de Zoom.
¿Píxeles o Centímetros?
Para conocer las medidas exactas de una imagen abierta basta con acceder al cuadro de
Tamaño de imagen. Éste ofrece 2 datos de dimensiones de ancho y alto: en píxeles y en
centímetros. Nos informa del tamaño de la imagen en pantalla a 100% (píxeles) y del tamaño
real que ocuparía la imagen al imprimirla (en centímetros).
Dependiendo de cual vaya a ser el objetivo final de la imagen (salida en papel o verla en
pantalla) tomaremos como referencia una dimensión u otra.
Modo de Color
Cada Modo de color se diferencia en los canales de color que utilizan para crear la información
de colores de la imagen.
Según sea su "método de creación de colores" podrán llegar a representar más o menos colores,
es decir, su espacio de color será más o menos grande.
Color RGB
(Red, Green, Blue) En castellano a veces se denomina RVA (Rojo, Verde, Azul).
5 E.M.P.A.S. – Prof. Irene Denaro
6. Nuevas Tecnologías de la Información y la Conectividad 2010
Es el Modo de color común en todos los dispositivos de visualización de imagen (escáneres,
vídeo, cámaras, monitores, proyectores, etc.). Esto es porque este modo de color produce la
representación en pantalla más precisa de los colores de las imágenes.
Estas imágenes se componen de 3 canales, uno para cada color. Esto es, una imagen
construida con 8 bits/pixel por canal (24 bits en total), o sea: 256 tonos por
canal=16.000.000 de colores (2 elevado a 24). Exactamente 16,7 millones de colores
distintos, más de los que el ojo humano es capaz de diferenciar.
Para trabajar con las imágenes en Photoshop, trataremos de usar siempre este modo.
Color CMYK
Cian, Magenta, Amarillo (Yellow) y Negro (de Keay, color clave), son los colores usados en la
impresión.
Al usar 4 canales de color (uno más que el RGB) es el modo de color más pesado.
No es el Modo de color que usa el monitor para crear los colores, por lo que es muy posible
que haya colores vistos en RGB que sean irreproducibles en Modo CMYK (con las tintas de la
impresora)
Se recomienda no crear archivos nuevos en este modo. En todo caso, lo convertiremos al
final, cuando el trabajo se dirija a impresión.
Escala de Grises
Solo utiliza 1 canal: el negro.
Este canal usa un espacio de colores limitado a 256 porcentajes de negro. Es decir, cada
píxel de una imagen de escala de grises tiene un valor de brillo que va de 0 (negro) a 255
(blanco). Los valores intermedios corresponden a los puntos en el espectro de la escala de
grises.
Los valores de escala de grises también se pueden medir como porcentajes de tinta negra
(O% es igual a blanco y 100% es igual a negro).
Photoshop trabaja rápidamente en Escala de grises porque solamente tiene un canal.
Es decir, necesita la tercera parte de la información que se requeriría para una imagen RGB.
Mapa de Bits
La información de color del píxel se restringe sólo a un bit: puede ser 1 (blanco) o 0 (negro)
Es ideal para archivos con ilustraciones lineales en blanco y negro.
Debido al uso de solo dos colores, los archivos creados en Mapa de bits tienden a ser muy
pequeños.
Modo Indexado
Dispone de una profundidad de color máxima de 8 bits por píxel. En este modo el número de
colores máximo es de 256 (2 elevado a 8).
Este modo plantea dos inconvenientes básicos al trabajar con Photoshop:
o Muchas de sus potentes herramientas no serán operativas con una paleta de colores tan
limitada.
o La mayoría de las imágenes del "mundo real" se componen con más de 256 colores.
Modo Duotono
Imágenes en escala de grises a las que se les puede añadir tintas planas (3 para cada imagen,
más el negro), con el fin de colorear distintas gamas de grises.
Sólo poseen un canal de color (Duotono, Tritono o Cuatritono, dependiendo del número de
tintas)
Con este método podemos obtener fotos en blanco y negro viradas al color que queramos.
Cambiar los Modos
Cuando queramos cambiar de modo de color, primero deberíamos guardar una copia del
archivo y estar absolutamente seguros del modo que deseemos usar.
¡Ley de Oro!
No debemos convertir un archivo de RGB a CMYK y volver a RGB otra vez.
Pasar de un modo a otro puede destruir los colores utilizados en el documento, porque cada
modo de Photoshop tiene diferentes espacios de color.
6 E.M.P.A.S. – Prof. Irene Denaro
7. Nuevas Tecnologías de la Información y la Conectividad 2010
Preparar un documento para la impresión:
Al preparar un documento para su impresión debemos pensar en el Modo en el que lo va a
reproducir: Modo CMYK. Pero, como hemos dicho más arriba, trabajaremos en RGB, así que el
cambio a CMYK será el último paso (menú Imagen > Modo > CMYK). Esto producirá un archivo
cuyo tamaño será un 25% mayor al de su homólogo RGB.
Profundidad de color
La profundidad de bits es una propiedad de los píxeles de una imagen. Es la capacidad de
cada píxel para almacenar color, que se expresa en bits (la mínima unidad de información
digital, es decir, dígitos del código binario: 1 / 0).
Cuanto mayor sea la profundidad de bits, tanto mayor será la cantidad de tonos (escala de
grises o color) que puedan ser representados. Las imágenes digitales se pueden producir en
blanco y negro (en forma bitonal), a escala de grises o a color.
Una imagen bitonal está representada por píxeles que constan de 1 bit cada uno, que pueden
representar dos tonos, utilizando los valores 0 para el negro y 1 para el blanco. Una imagen a
escala de grises está compuesta por píxeles representados por múltiples bits de información, que
típicamente varían entre 2 a 8 bits o más. Ejemplo: En una imagen de 2 bits, existen cuatro
combinaciones posibles: 00, 01, 10 y 11. Si "00" representa el negro, y "11" representa el
blanco, entonces "01" es igual a gris oscuro y "10" es igual a gris claro. La profundidad de bits
es dos, pero la cantidad de tonos que pueden representarse es 22 ó 4. A 8 bits, pueden
asignarse 256 (28) tonos diferentes a cada píxel.
A cada píxel se le asigna un valor tonal, en este ejemplo 0 para el negro y 1 para el blanco.
Píxeles: Pueden verse los píxeles en forma individual al aumentar una imagen por medio del
zoom.
Una imagen a color está representada por una profundidad de bits entre 8 y 24 o superior a
ésta. En una imagen de 24 bits, los bits por lo general están divididos en tres grupos: 8 para el
rojo, 8 para el verde, y 8 para el azul. Para representar otros colores se utilizan combinaciones
de esos bits. Una imagen de 24 bits ofrece 16,7 millones de valores de color. Pero cada vez
más, los escáneres están capturando 10 bits o más por canal de color, llegando a digitalizar
imágenes en 32 bits.
Cálculos binarios para la cantidad de tonos representados por profundidades de bits comunes:
1 bit = 2 tonos 2 bits = 4 tonos
3 bits = 8 tonos 4 bits = 16 tonos
8 bits = 256 tonos 16 bits = 65.536 tonos
24 bits = 16,7 millones de tonos 32 bits = 4.294 mill. De tonos
¡Ley de Oro!
A efectos del trabajo cotidiano en Photoshop siempre trabajaremos en...
MODO RGB
8 BITS/canal
Fuente:
Curso de Producción de Multimedia en la Escuela – J. C. Asisten – www.tizaymouse.com
Curso de Photoshop CS2 – ADR Formación – http://www.adrformacion.com/cursos/
7 E.M.P.A.S. – Prof. Irene Denaro