Edicion de Imagenes Digitales Clase1

FEBRERO 2015

Edición de imágenes digitales

Clase 1

Tamaños y formatos

Introducción Bienvenidos a todos.

Antes de comenzar con este módulo, vamos a detenernos unos minutos a pensar qué son las imágenes, de qué hablamos cuando nos referimos a ellas. El famoso cuadro Esto no es una manzana de René Magritte (1898-1967) nos permite comenzar nuestra reflexión.

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, derivada 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.

¿Por qué no es una manzana? Porque las manzanas son tridimensionales, tienen peso, volumen, textura, sabor, etc. El cuadro es solo una representación de la manzana, de algunas de sus características y podemos saber que es una representación de ella porque las conocemos. Si la representación fuese de una fruta exótica para nosotros, no podríamos dar una respuesta certera.

“Toda imagen es una construcción. No existe una representación objetiva de la realidad ni aun en la fotografía documental”, señala acertadamente Daniel Prieto Castillo.

Una fotografía dice siempre menos, y siempre más, que la realidad. Menos, porque capta apenas un aspecto de ella, no puede jamás recrearla en toda su riqueza. Más, porque incluye la intencionalidad del comunicador. En esa relación –el más y el menos– nos movemos a diario. Porque percibimos paisajes, situaciones, personajes; están allí, podemos

Especialización docente de nivel superior en educación y TIC – Ministerio de Educación de la Nación

2

verlos. Y a la vez es necesario reconocer que esa presencia es una construcción, un recorte intencionado, una toma de posición por parte de quien fotografía, filma, graba, dibuja.

Esta construcción de mensajes visuales conlleva siempre una intención comunicativa. Se producen objetos visuales para comunicar algo a alguien. Esa comunicación será exitosa siempre y cuando el destinatario pueda decodificar correctamente el mensaje.

Y aquí, “correctamente” significa según las intenciones comunicativas del emisor del mensaje.

No podemos perder de vista nunca este concepto. Siempre estamos comunicando y, por ende, debemos pensar en quién es nuestro destinatario, qué queremos comunicarle y, fundamentalmente, qué puede decodificar de la imagen.

¿Por qué trabajar las imágenes como docentes?

En el libro Educar la mirada, Inés Dussel y Daniel Gutiérrez dicen:

La imagen es hoy uno de los modos de representación más extendidos. Lo visual coloniza otros registros y estimula tanto como satura nuestra capacidad de conocer y conmovernos ante otras experiencias humanas... Sin embargo, la reflexión sobre cómo se forma y qué produce la mirada tiene escasa difusión cultural y pedagógica, y menos aún en la práctica educativa (destacado nuestro).

Existe la fantasía de que las imágenes se aprenden a decodificar intuitivamente, casi mágicamente; pero, en realidad, como señala Ferrés Prats:

Tal vez uno de los motivos fundamentales por los que lo audiovisual ha entrado con un mal pie en la escuela es su aparente transparencia, la sensación que provoca en el receptor, a menudo de manera inadvertida, de que no es lenguaje y, en consecuencia, de que no necesita ser aprendido. En apariencia lo audiovisual no supone una mediación entre la realidad y el receptor de los mensajes. Aparenta ser la propia realidad misteriosamente presente. Lo audiovisual produce la sensación de que no precisa codificación ni decodificación. De la imagen de una casa, por ejemplo, decimos que es una casa, mientras que de la representación escrita de la misma realidad (casa) decimos que es una palabra. Lo audiovisual tiende a escamotear su realidad de signo para presentarse fraudulentamente como la realidad a la que representa.


Las imágenes, al ser transportadoras de sentidos, necesitan ser decodificadas; por lo tanto, es función del sistema escolar enseñar a mirar: educar la mirada. Dar visibilidad a lo no visible, entender las intenciones comunicativas del emisor. En la historia de nuestro sistema educativo, las imágenes han ocupado un lugar de adorno, lo importante siempre ha sido el texto y se les quitó el aporte que pueden realizar por sí mismas ya que ofician de acceso al conocimiento desde otro punto de vista. En otras ocasiones mostramos, por ejemplo, infografías que complican más de lo que aportan. ¿Cuántos gráficos hemos visto que nos han resultado incomprensibles? Seguramente, todos podemos recordar muchos.

Aprender a utilizar, reutilizar y crear imágenes que potencien nuestro quehacer docente es la meta de este módulo.

Cuando hablamos de imágenes, estamos haciendo referencia a distintos tipos de representaciones. Por ejemplo:

1. un mapa, 2. una fotografía, 3. un esquema, 4. una infografía.

Y a muchos otros tipos de gráficos.


4

Cada una de estas representaciones necesita ser decodificada de distintos modos. Como señala Daniel Prieto Castillo: “todo acto educativo es un acto comunicativo”.

Este será nuestro horizonte en este módulo, nuestro norte.

Para todas las acciones que realicemos vamos a pensar cuándo “cuentan” lo que queremos contar.

En primer lugar, queremos proponerles la lectura de un material escrito por un grupo de investigadoras para el Instituto Nacional de Formación Docente. Es un material de análisis sobre pedagogía de la imagen; lean como mínimo la introducción, en la que se hace un rápido recorrido sobre la temática.

El texto se llama Pedagogía de la imagen y pueden descargarlo del aula virtual

Comenzamos...

Tamaños, formatos y otras bellezas

Para comenzar a transitar este módulo veremos algunas cuestiones que son importantes al momento de comenzar a trabajar con imágenes.

Muchas veces cuando armamos una clase y diseñamos una presentación, utilizamos imágenes. Algunas son de producción propia pero en la mayoría de los casos, las buscamos en internet.

A veces nos sucede que cuando insertamos en nuestras producciones esa imagen que bajamos de internet, se ve muy pequeña, o se ve “rota” o muy grande. Y eso nos sucede porque no nos fijamos previamente en sus características.

Una de las características principales que debemos tener en cuenta, es la cantidad de píxeles que poseen las imágenes. Para las computadoras, las fotos son solo “puntitos” esos “puntitos” se llaman


píxeles. Un píxel es la menor unidad homogénea en color que forma parte de una imagen digital, ya sea una fotografía, un fotograma de vídeo o un gráfico.

Conozcamos los píxeles. Después de que se cargue el video, hagan clic en la lupa... (Deben ingresar al aula para ver el archivo flash).

¿Por qué importa el tema de esos puntitos casi invisibles? Porque tienen que ver con varias cuestiones que nos afectan:

• El tamaño de los gráficos, para la computadora y las pantallas, tiene que ver con esos puntitos. Los gráficos se miden en píxeles, salvo cuando están destinados al papel impreso (tema que excede este módulo). • El peso (kb) de los gráficos tiene que ver con la cantidad de píxeles que los constituyen. • La cantidad de colores o profundidad de color afecta a los píxeles de diversas maneras. Además de las imágenes basadas en píxeles, hay otros tipos de imágenes. Por ejemplo, las basadas en vectores (como los Wordart o las de Corel, por ejemplo), de naturaleza diferente y a las que no se aplican las cuestiones que mencionamos anteriormente. Pero no las incluimos en este módulo pues solo veremos gráficos compatibles con internet.

Cuestiones de tamaño Estamos acostumbrados a representarnos mentalmente las medidas en centímetros (o en milímetros). Vemos un gráfico en el monitor y, sin ser conscientes, pensamos un ancho y un alto en centímetros. Si nos piden, podemos dibujar en un papel un rectángulo de dimensiones parecidas.

Pero, para trabajar con soltura cualquier contenido orientado a la pantalla, tenemos que acostumbrarnos a utilizar otra regla para medir las imágenes en píxeles. Esto nos asegurará obtener los resultados deseados en nuestras producciones.

Las imágenes son siempre rectángulos: una grilla rectangular formada por una cantidad de puntos (píxeles) horizontales y una cantidad de puntos verticales:

Normalmente, las computadoras reproducen cada uno de esos puntos en un punto equivalente en el monitor (también llamado píxel).

Como las pantallas de los monitores tienen un tamaño fijo (llamado resolución) que establece qué cantidad de celdas (píxeles) dispone para mostrar, un gráfico de 800x600 px ocupará totalmente una pantalla de 800x600 px de resolución. Si la imagen mide menos, sobrará espacio, y si mide más, no entrará completa y habrá que utilizar las barras de desplazamiento para alcanzar las zonas ocultas.


6

En la actualidad, eso no funciona exactamente así: las computadoras “hacen trampa” y muchas veces achican visualmente las imágenes para mostrarlas completas. Eso sucede, por ejemplo, en el visor de imágenes de Windows, que muestra una fotografía de 3500 px en una pantalla de 1240 px de ancho.

Cuestiones de peso

En muchas ocasiones, no le damos importancia al “peso”. Es un tema “transparente”.

Pareciera que no nos atañe. Pero cuando nuestro sobrino nos envía un mail con muchas fotos de sus vacaciones, y ese mail demora horas en bajar, nos percatamos de que algo pasa. El tamaño exagerado de esas fotografías es lo que demora la bajada del mail.

El peso de una imagen está determinado por dos factores:

1. La cantidad de píxeles que la componen, que es la multiplicación de los píxeles de ancho por los píxeles de alto.

2. La profundidad de color o cantidad de colores. Tema que veremos a continuación.

Sobre los colores

El tema de los colores es complejo y muy amplio. Todos tenemos gustos personales y, según las culturas y el hábitat, tenemos “entrenado” el ojo para discriminar más o menos tonos de un color. Por ejemplo, casi todos los que vivimos en ciudades decimos que la nieve es blanca, mientras que los esquimales que viven en ese medio discriminan cerca de 30 colores en la nieve.

Con esto queremos hacer notar dos cosas:

1. Tratemos de no pensar en colores lindos o feos, sino en colores adecuados o no para lo que necesitamos comunicar.

2. Debemos ir entrenando el ojo para que vea las sutilezas del color, para que discrimine las diferencias, de modo tal que podamos mostrar realmente lo que queremos.

Formatos gráficos

Gif, jpg, png, bmp son siglas con las que nombramos las imágenes: “acá voy a poner un gif...”, “te mandé el jotapegé...” y no siempre tenemos claro cuál es la diferencia entre ellas. Veamos.

Los formatos gráficos (de eso estamos hablando) son el modo o la forma en que se organiza (informáticamente) la información de cada


imagen. Existen muchos tipos de formatos (varias decenas) y las diferencias entre ellos pueden ser reales, tecnológicas o simplemente comerciales (formatos creados para no pagar licencias a otros). En este módulo veremos solo los formatos compatibles con internet.

Hay otros formatos, llamados propietarios, que son los que generan los mismos programas gráficos y que solo se pueden abrir usando esos programas, como el psp de Paint Shop Pro o el xcf, de Gimp.

Nos interesan las diferencias tecnológicas entre los formatos principales, que detallamos en la siguiente tabla:

FORMATO CANTIDAD DE COLORES COMPRESIÓN TRANSPARENCIA OTROS

jpg, jpeg 16 millones Variable, con pérdida de calidad. NO

gif hasta 256 Fija, sin pérdida de calidad. SÍ Animación

png 256 y 16 millones Fija, sin pérdida de calidad. SÍ

¿Cuándo tenemos que utilizar cada uno?

• Si es una fotografía con tonos continuos y transiciones suaves, conviene utilizar jpg. Al configurar la compresión, los programas permiten elegir en una escala de 1 a 100. El 1 significa la máxima compresión, pero recordemos que es con pérdida de calidad. Para fotografías, conviene trabajar con valores entre 70 y 90 (los valores superiores dan mucha calidad, pero poca compresión).

• Si es una fotografía simple, con poca variedad cromática, o una placa con líneas y/o texto, conviene utilizar los formatos gif o png, que ofrecen una alta tasa de compresión sin pérdida de calidad.

• Si es un gráfico estadístico, debe ser en formato gif; pesará menos y será más limpio.

• Si es una imagen en escala de grises (lo que generalmente llamamos en blanco y negro), deberíamos guardarla como gif. De otro modo, pesará tres veces más.


8

Como dijimos, el peso del archivo está determinado por la cantidad de píxeles y la cantidad de colores.

Miren con atención cómo se “posteriza” la cara. La fotografía en jpg está en calidad alta.

Bajar imágenes de internet

¿Qué hacemos habitualmente cuando queremos incluir una imagen y no la tenemos en nuestra computadora? Pues recurrimos en general a Google.

Google es, sin duda, el buscador de imágenes más popular y el que utilizamos casi todos nosotros.

Abrimos Google / imágenes y escribimos el "nombre" que puede tener la imagen que buscamos. En este caso escribimos el nombre del autor Magritte.


Lo primero que nos muestra Google es una miniatura de la imagen y sobre la parte superior una categorización que nos puede orientar en la búsqueda.

Además, a partir de febrero de 2014, aquellas opciones que se estaban en la búsqueda avanzada, se encuentran presionando el botón herramientas de búsqueda. Allí podremos utilizar diferentes tipos de filtros que optimicen nuestras búsquedas.


10

Una vez que hemos seleccionado la imagen a utilizar, cliqueando en ella, a su derecha podremos ver las siguientes opciones:

Visitar la página: muestra el sitio web que contiene la imagen seleccionada.


Ver la imagen original: Muestra solo la imagen en su tamaño original. Desde allí debemos copiarla pulsando el botón secundario del mouse sobre la figura y seleccionando la opción copiar imagen.

Debemos siempre tener en cuenta las licencias que poseen las imágenes y que nos permiten su utilización, publicación y modificación.

Para ello en Google utilizaremos la opción de buscar imágenes que posean estos permisos en la opción Derechos de uso, como se muestra en la imagen inferior.

Más grande, más chico

Cuando necesitamos que un gráfico sea más grande o más chico que el que tenemos, las operaciones pueden ser por lo menos tres:

1. Recortar el gráfico. Eliminar una parte.

2. Achicar o agrandar todo el gráfico. Ampliarlo o reducirlo.


12

3. Agrandar la superficie de trabajo del gráfico, pero sin modificar el tamaño de la imagen que contiene. Es como si pegáramos la foto en una cartulina más grande; la foto queda del mismo tamaño, pero el espacio total es mayor. Esto se puede usar para agregarle sombra, para escribir un texto dentro de la misma imagen, etcétera.

Un caso especial de recorte

Muchas veces, el tamaño de la foto es correcto, tiene la cantidad de píxeles necesarios, los colores indicados pero... la toma incluye información innecesaria que solo “ensucia” visualmente.

El tema central de una fotografía se denomina núcleo semántico. El concepto de núcleo semántico pertenece a José Bullaude (1966), quien lo esbozó en El nuevo mundo de la imagen y lo desarrolló posteriormente junto con Lilia de Menegazzo (1974). El núcleo semántico es la porción de la imagen que contiene los elementos esenciales (significativos) que hacen a su comprensión. Contiene lo que no se puede recortar de una imagen para que cumpla su papel en un mensaje visual.

En el material de lectura hay algunas consideraciones al respecto. Como ya hemos señalado, el destinatario de nuestro mensaje y lo que queremos comunicar definirán el núcleo semántico de la fotografía. Una fotografía puede tener más de un núcleo según lo que deseemos comunicar.

Toda la información excedente puede distraer o llevar la atención hacia temas que no son los que nos interesan en ese momento, o simplemente puede perder fuerza lo que queremos mostrar.

Actividades

1. Conocernos a través del Foro de Presentación.

2. Descarguen e instalen en sus computadoras el programa Gimp desde el sitio http://www.gimp.org/downloads/. Muy importante: Sigan las instrucciones desde el tutorial Instalar Gimp.

3. Descarguen y lean con atención el material Edición de imágenes.

4. Descarguen y lean el material sobre Elementos de la composición de las imágenes.

5. Descarguen la imagen maestro.jpg. Modifiquen su tamaño para que tenga 300 píxeles de ancho (recuerden guardarla con otro nombre).


6. Descarguen la imagen puerto.jpg y armen dos fotografías con diferentes temas. Guarden cada imagen creada a 350 píxeles de ancho (recuerden guardarlas con otro nombre).

7. Para entregar, compriman todas las fotografías en un único archivo con extensión zip o rar. A ese archivo nómbrenlo con su apellido (por ejemplo, Torrilla.zip).

Para profundizar

http://www.digitalfotored.com/imagendigital/brillo.htm

Bibliografía de referencia

Colorado Castellary, Arturo (1997). Hipercultura visual. Estudios Complutenses

Cruder, Gabriela (2008) La educación de la mirada. Sobre los sentidos de la imagen en los libros de texto. Editorial Stella La Crujía

Dussel, Inés; Gutierrez, Daniela comp. (2006). Educar la mirada. Políticas y pedagogías de la imagen. Editorial Manantial, Flacso y Fundación OsDe

Eco, Umberto (1970). "Semiología de los mensajes visuales", en Análisis de las imágenes. Editorial Tiempo Contemporáneo. Buenos Aires

Fornasari de Menegazzo, Lilia (1994). Didáctica de la imagen. Editorial Latina Zaragoza.

Frascara, Jorge (1996). Diseño gráfico y comunicación. Ediciones Infinito. Buenos Aires.

La Ferla, Jorge (1999). Medios audiovisuales. Ontología, Historia y praxis. Editorial Eudeba

Luria Alexander (1978). Sensación y percepción. Editorial Fontanella, Barcelona.

Marabotto María Irma y Grau Jorge E. (1995). Multimedios y educación. Editorial Fundec. Buenos Aires.

Munari, Bruno (1976). Diseño y comunicación visual. Editorial Gustavo Gill. Barcelona.

Perkins, David (1995). La escuela inteligente. Gedisa Editorial. Barcelona.

Prieto Castillo, Daniel (1999). La comunicación en la educación. Ediciones Ciccus/La Crujía. Buenos Aires.

Santos Guerra, Miguel Ángel (1998). Imagen y Educación. Editorial Magisterio del Río de la Plata


14

Autor: Equipo TIC del Instituto Nacional de Formación Docente

Cómo citar este texto: Equipo TIC del Instituto Nacional de Formación Docente (2012), “Clase 1: “Tamaños y formatos”, Módulo temático: Edición de imágenes digitales, Especialización docente de nivel superior en educación y TIC, Buenos Aires, Ministerio de Educación de la Nación.

Documents

Edicion de Imagenes Digitales Clase1