Clase tratamiento de_imagen

397 views

Published on

  • Be the first to comment

  • Be the first to like this

Clase tratamiento de_imagen

  1. 1. SEMINARIO INTRODUCTORIOTRATAMIENTO DE IMAGEN1. La imagen como recurso didáctico2. La imagen desde el punto de vistatecnológico3. Uso de Irfan Wiew 1
  2. 2. Índice de íconos Foro Chat Actividad Actividad: tarea Abrir un texto Glosario Enlace Multimedia 2
  3. 3. IntroducciónLa imagen desempeña un rol protagónico en todas las actividades humanas.Aún con la crítica reflexiva de Giovanni Sartori en su “Homo videns” y suinterrogante acerca de si “la imagen ha destronado la palabra” transformando alhomo sapiens en el título de su obra, no duda del valor de una imagen en losprocesos de enseñanza y aprendizaje en tanto ellas generan o recreanestímulos y son éstos los que motivan o dan lugar al inicio de una actividad uoperación. Aunque advierte que debe existir un activo equilibrio entre palabra eimagen puesto que sin una adecuada integración de ambas “el acto de verempobrece la capacidad de entender”.La motivación en los procesos pedagógico-didácticos es una pieza clavepuesto que despierta ansias de conocimiento en el alumno, con base en sussaberes previos, los que adquieren significado ante ese desafío.Una imagen, también, obra como complemento al lenguaje avanzado que esabstracto, por definición, y basado en la lógica que permite el pensamientoanalítico-reflexivo.Una imagen, por último, conlleva una carga simbólica específica que puedeincluso presentarse como transmisora de ideas o conceptos, aún conceptosabstractos.Objetivos- Identificar el valor didáctico de una imagen- Reconocer el contenido metalingüístico de una imagen- Distinguir las unidades componentes de una imagen- Clasificar una imagen por su tipo de composición- Evaluar la utilización y empleo de distintos software para el tratamiento de imágenes- Instalar y configurar un programa para tratamiento de imágenes- Diferenciar y apreciar los formatos de archivos de imágenes- Resolver y ajustar imágenes para su aplicación didáctica- Aplicar filtros y correcciones de color 3
  4. 4. - Redimensionar el tamaño de una imagen- Convertir imágenes a diferentes formatos de archivo1. La imagen como mensaje. Polisemiade la imagen. Usos educativos.1.1. ¿Qué es una imagen?Puede definírsela como una representación visual, que representa un objetoreal o imaginario. Se designan como imágenes creadas (o reproducidas, segúnel caso) las que representan visualmente un objeto mediante el dibujo, lapintura, la composición, la fotografía.Sea cual sea la definición, la imagen transmite un mensaje. Al respecto, RolandBathes afirma que la imagen nos propone tres clases de mensaje, un mensajelingüístico, un mensaje icónico codificado y un mensaje icónico no codificado.En educación, la validez de la imagen, como transmisora de mensaje, esindiscutible. Al respecto, se mencionan algunas aplicaciones posibles: Refuerzan conceptos Brindan una visión de conjunto Provocan impacto Aportan ejemplificación, enfatización y creatividad Generan mensajes efectivos e instantáneos Presentan información compleja de manera rápida y concisa reduciendola cantidad de texto Se retienen mayor tiempo en la memoria que la palabra escrita Complementan la información proporcionada por otros mediosSegún Prendes Espinosa, “cualquier imagen puede ser utilizada con fineseducativos, pero determinadas imágenes han sido preconcebidas de formaespecial para ello”. Ella diferencia, entonces, en imágenes “per-se” e imágenes“per accident”, dependiendo de la intencionalidad didáctica con la que se hangenerado. 4
  5. 5. Una imagen per-se, ha sido pensada para utilizarla con fines educativos, esintencional. Generalmente enuncia una idea, construyendo conocimiento, y serepresenta con esquemas, gráficos, e integra texto.En contraposición, la imagen “per accident” es una imagen re-contextualizada,ya que su creación ha respondido a otro fin. Es más representativa: Ilustra larealidad, más que la intepreta.Si observamos la imagen, ambas implican el mismo fenómeno, sin embargo,una representa un conocimiento, en tanto que la otra simplemente muestra unestado, y al ser una fotografía, puede ser utilizada en diferentes contextos ycon diferentes intencionalidades.La primera es producto de una elaboración intencional, abstrae y sintetizaideas, a fin de explicar conceptos, en tanto que la fotografía o la obra artística,tiene una finalidad ilustrativa. Lectura optativa: ¿IMAGEN DIDÁCTICA O USO DIDÁCTICO DE LA IMAGEN?- Prendez Espinosa. U. de Salamanca. Disponible en: http://e-spacio.uned.es/fez/view.php?pid=bibliuned:204851.2. Polisemia de la imagen.Podría afirmarse que la “lectura” de una imagen es universal y natural. ¿Es asírealmente?Pongamos un ejemplo: 5
  6. 6. ¿Qué puede “leerse” en esta imagen? Se nos ocurren algunas cuantasinterpretaciones posibles:- Una imagen en una plaza, para la fiesta de la primavera.- Una decoración de una torta de cumpleaños.Y sin embargo, es una parte de un altar construido para la celebración del Díade Difuntos en México. Para Munari un proceso deEntonces, la imagen no funciona comunicación visual puede seranalógicamente a aquello que representa, sino de dos tipos: casual oque está mediada por todas las intencional. Es casual si todo lorepresentaciones y códigos culturales que el observamos espontáneamente ysujeto receptor dispone. lo interpretamos de forma libre.Aunque se diga que el lenguaje visual es Es intencional cuando launiversal, diferentes culturas pueden entender información se pretende quede maneras muy diferentes una misma sea recibida con el significadoimagen, o generar imágenes completamente correspondiente a la intencióndisímiles del mismo objeto. del emisor.Una imagen de polisemia reducida, es análogaa lo que representa, limitando el número de interpretaciones posibles.La imagen siguiente representa claramente a una bicicleta. No hay lugar adudas respecto de su significado. 6
  7. 7. 1.3. La imagen en educaciónAparte de lo antedicho, podemos mencionar tres funciones de la imagen a losfines educativos: a) De atención: Atraen la atención hacia una determinada tarea. b) Explicativa: Ayuda a exponer el contenido. c) Retentiva: Ayuda a recordar. Lectura obligatoria: El lenguaje de las imágenes y la escuela. Ana Abramowsky, en http://www.me.gov.ar/monitor/nro13/dossier2.htmEl lenguaje escrito es lineal, o como mucho, hipertextual. Requiere elseguimiento de las frases, de las palabras.La aprehensión del texto escrito es secuencial y fragmentada. La aprehensiónde la imagen es instantánea y holística. El contenido de una imagen se descifrainstantáneamente, a una velocidad mucho más rápida que el texto. El lenguajevisual es muy práctico para generar mensajes veloces, impactantes y efectivos.1.4. El proceso de la informaciónLas personas estamos continuamente recibiendo información del mundo en elque vivimos. Estas informaciones, que captamos mediante nuestros órganosperceptivos, se transmiten al cerebro a través de los nervios y son procesadas 7
  8. 8. para poder extraer su significado y poder reaccionar de la manera másadecuada. El cerebro puede procesar la información de dos formas:Proceso secuencial, mediante el cual el cerebro procesa las informacionesabstractas (palabras, esquemas, todo tipo de información digital). El procesosecuencial o lineal de la información es un proceso analítico-sintético,abstracto, deductivo y lógico, que se realiza a partir de informaciones captadasde manera sucesiva, que se decodifican poco a poco para llegar a extraerfinalmente su significado. Las informaciones a procesar suelen serunisensoriales, proceden de una única fuente, y casi siempre se refieren acontenidos conceptuales (por ejemplo, cuando leemos un libro procesamossecuencialmente la información que contiene, puesto que su organización nosindica un momento de inicio, y por aprendizaje sabemos que la continuidad deesa linealidad nos conducirá hacia el final del texto). El proceso secuencial dela información se realiza sobre todo en el hemisferio izquierdo del cerebro.Proceso global, a través del cual el cerebro procesa las informaciones másconcretas (dibujos, fotografías, etc.). El proceso global es un proceso intuitivo,holístico y analógico, que se realiza a partir de informaciones captadas demanera simultánea, que provocan reacciones emotivas portadoras designificados (no siguen el mismo orden o secuencia del proceso secuencial eincluso pueden ser polivalentes en sus significados, acorde a los elementosque existan en la composición que se está observando). Estas informacionesson multisensoriales, suelen proceder de diversas fuentes, y en ellaspredominan los contenidos formales, a partir de los cuales se llega a laconceptualización. Por lo tanto facilitan la memorización medianteasociaciones imagen-concepto (por ejemplo, cuando observamos unafotografía de un paisaje, realizamos primero una mirada global -del todo- yposteriormente nos percatamos de los detalles, es decir que primero siempreprevalece un procesamiento global de la información que nos aporta). Dichoproceso de la información se realiza sobre todo en el hemisferio derecho delcerebro. 8
  9. 9. Actividad 1: Seleccione una imagen cualquiera, y categorícela, teniendo en cuenta los criterios dados.Vuelque la imagen y su apreciación en el foro habilitado a tal fin.2. La imagen desde el punto de vistatecnológico. Tipos de imagen.Siendo la imagen una representación visual más o menos exacta de una cosa,desde un marco tecnológico, una imagen está representada por una matriz depuntos de color que, en la pantalla de una computadora, cada uno se denominapixel (palabra que proviene del acrónimo de dos palabras del idioma inglés:picture element, o elemento de imagen).Cada pixel, entonces, contiene información referida a un color determinadoque, en resolución y tamaño adecuado, configuran entre todos una imagen porla variación de matices de colores entre ellos.Veamos un ejemplo:La imagen de la derecha muestra el sector ampliado y el conjunto de pixelesque conforman la imagen original.(Si observamos con una lente convergente -una lupa- un monitor decomputadora, también es posible apreciarlos).Cada pixel está formado por bits. La cantidad de bits (por pixel) tiene relacióncon un concepto denominado “profundidad de color”, que es lo que permite quecada uno de ellos tenga una determinada cantidad de colores. Tal como se 9
  10. 10. puede apreciar en la imagen superior, cuando ampliamos la imagen y podemosobservar pixel por pixel, percibimos esos colores y sus matices. La imagen enconjunto, la de la izquierda, es percibida como una continuidad y, además delos colores, percibimos también las formas (determinadas, precisamente, poresos colores).Cuando mencionamos que la profundidad de color (de una imagen) es 1 bit,equivale a decir que los pixeles tienen un bit de información. Luego, ese bitpuede tener dos estados: activo o inactivo (en lenguaje digital: ese bit puedecontener un 1 o un 0).Las imágenes con profundidad de color de 1 bit son imágenes en blanco ynegro, es decir, con posibilidad de sólo 2 colores.Las imágenes con profundidad de color de 2 bits contienen información de 4colores por cada pixel.Las de 8 bit contienen información referente a 256 colores distintos o 256escalas de grises. Mayor profundidad de color: mejor definición. El gris es uncolor; por tanto, con 256 matices distintos de grises, las formas se definenmejor, como se puede comprobar en la imagen siguiente: 10
  11. 11. Una imagen de 24 bits de profundidad tiene la posibilidad de representar másde 16.000.000 millones de colores (256 x 256 x 256 = 16.777.216) y se ladenomina “color real” puesto que con esta cantidad es suficiente para que elojo humano las perciba con calidad fotográfica.La imagen superior tiene una profundidad de color de 24 bits. Se percibeclaramente una muy buena definición que le otorga realismo, dado que secombinan 256 matices diferentes de rojo, 256 matices de verde y 265 maticesde azul (colores primarios en electrónica, o también RGB1 por Red GreenBlue).La problemática del color y su estudio es muy amplia, y excede los alcances deesta clase. Pero se debe mencionar (y puesto que con la utilización detecnología es posible distinguirlos) que existen dos sistemas de coloresprimarios: colores primarios luz y colores primarios pigmento.Los colores producidos por luces, como es el caso del monitor de unacomputadora, la televisión, el cine, etc., tienen como “primarios” al rojo el verdey el azul (RGB, ya mencionado) y la fusión de éstos producen y componen laluz blanca; en tanto las mezclas parciales producen la mayoría de los coloresdel espectro visible.1 Este código, a partir del cual se pueden obtener todos los colores de la paleta, son unstandard internacional. Obsérvese el Logo de TELEFE. 11
  12. 12. Los colores producidos por pigmentos son colores basados en la luz quereflejan los pigmentos aplicados en la superficie de un objeto, como puede serla tinta de una impresora. Tienen como “primarios” al cyan al magenta y alamarillo. A este método se lo denomina “sustractivo” (o síntesis sustractiva) y,en teoría, la mezcla de ellos debería dar como resultado el negro.Sin embargo, en la práctica, el negro obtenido no es tan intenso (carece deluminancia) y ello es el motivo por el cual las impresoras a color traen engeneral un cuarto cartucho contenedor de tinta negra. Las siglas CMYK (porCyan, Magenta, Yellow, blacK) definen este sistema.2.1. Tipos de imagenA grandes rasgos existen dos tipos de imágenes digitales: a. Imágenes vectoriales; y b. Imágenes de bits. 12
  13. 13. a.- Imágenes vectoriales: están conformadas por representacionesgeométricas, denominadas “vectores”, como pueden ser: círculo, elipse,cuadrado, línea, etc. y su principal ventaja es que pueden ampliarse o reducirseun número significativamente grande de veces sin perder definición.Son imágenes que, combinando las figuras geométricas o superponiéndolas,conforman un conjunto definido. Es por este tipo de imágenes puedenampliarse sin perder en absoluto definición y son especialmente adecuadaspara tareas de diseño gráfico tales como logotipos, dibujos, tipografía, etc.Las imágenes vectoriales son creadas por programas específicos de diseño ode dibujo vectorial, como Adobe Ilustrator, Corel Draw, Freehand, Visio,PhotoShop, Gimp, Inkscape, Xara LX, etc.b.- Imágenes de mapas de bits: son las imágenes que están conformadas porun conjunto de pixeles contenidos en una tabla o matriz, donde cada pixelcontiene información de color.La mayoría de las imágenes que utilizamos tienen esta característica:imágenes obtenidas a través de una cámara digital, un escáner, etc.Una de las principales desventajas de este tipo de imágenes es que no puedenampliarse un número grande de veces puesto que la imagen se “píxela”, esdecir, adquiere una característica de mosaico, tal como ya se ha explicado.Sin embargo pueden reducirse de tamaño sin pérdida de definición.En la siguiente imagen se observa una imagen de tipo vectorial y otra de tipomapa de bits, donde se pueden apreciar los niveles de ampliación sin pérdida 13
  14. 14. de definición, en la imagen vectorial y el característico pixelado al ampliar unaimagen conformada por bits. (La imagen original es la más pequeña, arriba ala izquierda).2.3. Tipos de archivos de imagen.Los archivos, en Informática, se definen como un conjunto de datos binarios,con características en común, que son las que definen el tipo de archivo de quese trata.Están conformados por un nombre, un punto y una extensión:nombrearchivo.xxxLa extensión, entonces, define y atiende a aquellas características que sonpropias de los datos almacenados.Del mismo modo, los archivos que almacenan y contienen datos digitales quecorresponden a una imagen también tienen sus propias extensiones.La extensión de un archivo de imagen, en general, la asigna el programa con elcual fue creada la imagen.Y existiendo tantos programas de computadora específicos para el tratamiento,edición y creación de imágenes, existen tantas extensiones.Sin embargo hay algunos tipos de archivos de imagen cuya extensión, por serlas más comunes y que la mayoría de los programas de edición y tratamiento 14
  15. 15. de imágenes utilizan y reconocen, es conveniente entender para familiarizarsecon sus diferencias y poder aplicar con eficiencia.Existen además algunos criterios a tener en cuenta para la selección de undeterminado tipo de archivo de imagen y que tienen relación tanto por ladefinición propia de la imagen (que ayuda a una mejor percepción) cuanto por“economía de red”, cuyo concepto ampliamos y denominamos “economía debytes”.Esta última conceptualización tiene relación con la cantidad de bytes quecontiene ese archivo, algo que comúnmente se denomina “peso” (de laimagen).Si nos referimos a “economía de red”, lo es en el sentido que la transmisión debytes, a través de una red informática, no es instantánea y tiene relacióndirecta con la cantidad de datos (bytes) que se transmiten en secuencia, desdeun punto a otro de la red.De este modo, claramente una imagen “pesada” (es decir: que contiene unagran cantidad de bytes) tardará más tiempo en llegar al punto donde esenviada.La cantidad de bytes contenidos en un archivo dependerá del tipo de imagende que se trate: una fotografía de un paisaje tomada por una cámara digital,forzosamente necesita almacenar gran cantidad de información, en tanto undibujo sencillo creado con un programa de computadora requerirá de menorcantidad de datos.Sin embargo, a veces esto no es así.Veámoslo con un ejemplo: 15
  16. 16. La imagen superior contiene una simple línea de color rojo. Sólo eso. Se creóutilizando el básico programa Paint (de Windows). El archivo en cuestióncontiene 978.448 bytes de información (1 MB, para simplificar). Y eso teniendoen cuenta que se redujo su tamaño (para edición) puesto que el originalcontenía 2.48 MB. Como puede observar, contiene sólo información referida ados colores: la línea (roja) y el fondo (blanco).Compárelo con la imagen de la página 7 (el león rampante). Aquel archivocontiene 148 bytes de información y una profundidad de color de más de16.000.000 de colores (24 bits).Más de 1.000.000 de bytes, en el primer caso, contra solamente 148, en elsegundo.¿Cómo es esto posible? Simplemente debido al formato de la imagen; o,dicho de otro modo: el tipo de archivo de imagen de que se trata.Y muchas veces ocurre que iguales archivos digitales (iguales imágenesfotográficas, por ejemplo) dependiendo del formato de archivo ocupan más omenos cantidad de bytes. Todo para representar la misma percepciónvisual: la misma imagen.Hay que prestar atención, entonces, al formato (tipo) de archivo.2.4. Extensiones de archivos de imágenesLas más comunes son:BMP: (bitmap) Imagen de mapa de bits. Es un formato de archivo sumamentecomún en el mundo digital, soportado por casi todos los programas y sistemasoperativos y que representa de una manera muy fiel una imagen: un dibujo,una fotografía, etc. Su principal desventaja lo constituye la cantidad deinformación contenida, creando archivos muy pesados. La imagen de ejemplode la página anterior tiene este formato.JPG o JPEG: (Joint Photographic Experts Group) es un formato de archivocorrientemente utilizado en la digitalización de imágenes por cámaras yescáneres. Utiliza un “algoritmo de compresión” para reducir la cantidad debytes almacenados. De este modo se logra una notable y marcada reducción 16
  17. 17. en la cantidad de bytes. Es el formato más adecuado para representarpaisajes o escenas reales y, también, es soportado por una gran cantidad deprogramas y sistemas operativos. Su principal ventaja es el poco “peso” de lasimágenes. Su desventaja, la constituye una mínima (aunque en ocasionesvisible) pérdida de calidad o definición a causa de la compresión.GIF: (Graphics Interchange Format) de propiedad de Compuserve, otro formatode archivo gráfico muy común y popular. Almacena imágenes y gráficos conuna profundidad de color de hasta 8 bits, es decir, 256 colores. Por este motivolos archivos con este formato ocupan muy poca cantidad de bytes, lograndoarchivos sumamente “livianos”, razón por la cual es el más difundido para suaplicación en páginas web. Su principal desventaja es la limitación en cuanto ala cantidad de colores que puede reproducir.La siguiente imagen está convertida a este formato:Que es la misma imagen de la página 11, ya comentada. En este caso y alconvertirla al formato .gif su peso es de solo 2,5 KB.Otras de sus ventajas lo constituyen la posibilidad de crear transparencias(fondo transparente) y la de poder crear sencillas animaciones que se conocencon el nombre de “gifs animados”.PNG: (Portable Graphics Net o gráficos de red portátiles) es otro formato dearchivo de imágenes que se está popularizando, en general, en el diseño web.Es también un formato de mapa de bits y soporta hasta 48 bit de profundidadde color. Dado que posee un algoritmo de compresión, las imágenesalmacenadas en este formato son relativamente livianas, casi tanto como en elformato .gif. Si se necesita de una imagen con una buena resolución, del nivelde un .bmp o un .tiff, por ejemplo, pero no con tanto “peso”, es el formato dearchivo adecuado. 17
  18. 18. RAW (crudo, en inglés y entendido como formato de imagen sinmodificaciones) es un formato de archivo digital de imagen de la característicade mapa de bit. En este formato cada pixel almacena la información exacta dela captura digital y contiene todos los datos capturados por el sensor de unacámara digital. Es ampliamente utilizado en la fotografía digital a nivelprofesional, en cámaras fotográficas digitales del tipo réflex, de alta gama. Suprincipal desventaja es el enorme tamaño de los archivos que genera (más“pesados” aún que un .bmp).Existen otros tipos de formatos de archivos, en realidad, un gran número. Hayprogramas de retoque fotográfico y de edición de imágenes que operan conextensiones propia, como es el caso del formato CDR usado por Corel Draw;PSD, de Adobe PhotoShop; XCF, formato nato del programa Gimp; EPS, deAdobe PhotoShop; etc.Sugerencias para la aplicación de formatos de imágenes: • Web, multimedia, correo electrónico, documentos en pantalla: • Fotografías: JPEG • Dibujos, logotipos: JPEG, GIF, PNG • Impresión: TIFF, PSD, JPEG • Fotografía (cámara): JPEG, RAW (profesional)3. Software para el tratamiento de imágenes.Dentro de la variedad de software para archivos de imágenes, debemosdistinguir entre software para crear imágenes y software para edición, retoque ytratamiento en general de imágenes.Los primeros (del tipo PhotoShop, Corel, Gimp, etc.) se aplican másespecíficamente para el diseño gráfico y/o creación de imágenes.El software disponible para tratamiento de imágenes implica además quepueden llevarse a cabo acciones de edición, retoque, agregación de efectos,cambios de tamaño, conversiones entre archivos, transformación de colores,recortes de bordes, etc. sobre una imagen ya diseñada o una fotografía. 18
  19. 19. Este tipo de software no crea imágenes aunque, con una buena operatoria yaplicación de determinadas funciones, pueden crearse nuevas imágenes apartir de alguna/s ya existente/s.Para el tratamiento de imágenes en ambientes educativos, lo que se busca esfacilidad y sencillez en la operación del programa, funciones de procesado deimágenes incluidas, capacidad de exportación e importación de imágenes endiferentes formatos, calidad de las visualizaciones, rapidez en la aplicación defunciones y opciones del programa y un bajo nivel de dificultad en elaprendizaje de sus comandos principales (operaciones intuitivas). Y, desdeluego: software libre.Xnview 1: es un visualizador y capturador de imágenes muy completo, confunciones de conversión de tipos de formatos, aplicación de efectos,conversiones de color, redimensionado de imágenes, etc.FastStone 2: es un visualizador con algunas funciones de conversión dearchivos, redimensión de tamaños, recortes, funciones de presentación dediapositivas con efectos de transición, rotación, efectos de sombra, agregadode marcos, etc.Photoscape 3: visor y editor de imágenes, con funciones de conversión dearchivos, redimensionado, posibilidad de crear gifs animados, funciones decorrección de brillo y saturación de color, recorte, combinación de variasimágenes en una sola (collage), etc.LazPaint 4: es un programa similar al Paint, de Microsoft, pero con algunasfunciones extra como selección de sombras, rotación, aplicación de efectos deluz y color, selección de objetos de una imagen y extracción, posibilidad derealizar gráficos de líneas sencillos en una fotografía, etc.Hornil StylePix 5: es un programa para retoque y aplicación de efectos enimágenes. Si bien no soporta todos los formatos de archivos, es de destacar lafunción de enfoque/desenfoque de una imagen, corrección de brillo yluminancia, aplicación de efectos como difuminado, pixelado, etc.Phantasmagoria 6: es un editor de imágenes, especializado en imágenesfotográficas, donde se pueden aplicar una gran cantidad de efectos comosustracción de un color determinado, añadir brillo o sombras, creación decollages con varias imágenes, cambiar la textura, redimensionar imágenes, etc. 19
  20. 20. IrfanView 7: el software elegido para esta clase. Lectura obligatoria: Manual de Irfan Wiew.1 Sitio web: http://www.xnview.com2 Sitio web: http://www.faststone.org/3 Sitio web: http://www.photoscape.org/ps/main/index.php4 Sitio web: http://sourceforge.net/projects/lazpaint/5 Sitio web: http://hornil.com/en/downloads/stylepix/6 Sitio web: http://www.develderby.com/phantasmagoria/7 Sitio web: http://www.irfanview.com/ 20

×