Imágenes

Nuevas Tecnologías de la Información y la Conectividad

1 E.M.P.A.S. – Prof. Irene Denaro

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.



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 al niño, pero no podemos deducir el entorno (lugar) donde fue tomada.

La misma foto. Pero da una idea del entorno (está en una calesita)

La misma fotografía donde la imagen del niño se pierde con el fondo.

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.



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 Dibujan utilizando líneas curvas o rectas que están definidas por fórmulas matemáticas. Las líneas forman figuras que los programas reconocen como objetos y que pueden adquirir diferentes atributos: tipo y color de línea perimetral, tipo y color de relleno, posición que ocupa en la página y con respecto a otros objetos (tapa o es tapado por ellos)

Dibujo y diseño gráfico

Diseño de folletos, carteles, material publicitario y promocional, ilustración, etc.

Corel Draw! Adobe Ilustrator

Macromedia Free Hand Top Draw

Cad

Diseño industrial y arquitectónico. Producen modelo en dos y tres dimensiones.

AutoCad CAD-CAM

Modelado en 3D

Producen modelos en tres dimensiones para ilustración o animación computada.

3D Studio Topaz

CroelDream 3D

Macromedia Extreme 3D

Dibujo y pintura bitmap Los gráficos basados en pixeles están constituidos por pequeños puntos colocados ordenadamente en una grilla rectangular, presentando variaciones de luminosidad. Estos puntos vistos en conjunto se convierten en imágenes. Los programas que permiten editar y modificar estos gráficos también pueden crearlos desde cero.

Editores

Permiten crear o editar gráficos en mapas de puntos: dibujo y pintura digital. Editan fotografías digitalizadas para retoque y manipulación.

PaintBrush Adobe Photoshop

Live Picture Corel Photo paint Paint Shop Pro

KidPix

Visualizadores

Para ver en pantalla los gráficos. Muchos de ellos permiten modificar globalmente algunas características (brillo, contraste, intensidad de color)

IrfanView

1 adj. Que está presente a la vez en todas partes, atributo solo de Dios. 2 1. 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.



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.



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



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.



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/

http://www.tizaymouse.com/

http://www.adrformacion.com/cursos/

Education

Imágenes