SlideShare una empresa de Scribd logo
1 de 26
Descargar para leer sin conexión
PRODUCCIÓN DE MULTIMEDIA EDUCATIVO




 Sesión 7 Etapa de Desarrollo II - Imagen Visual Fija
Lección 7.1 Visión general
Objetivo
                 En esta sesión analizarás los principales elementos y herramientas para la
                 producción de objetos de aprendizaje con imagen visual fija.

En esta sesión




                 Ilustración 7-1 Mapa de la sesión




                                                     MAESTRÍA EN EDUCACIÓN - PÁGINA   125
PRODUCCIÓN DE MULTIMEDIA EDUCATIVO




Lección 7.2 Composición de la imagen visual fija
La imagen
                    La imagen es un soporte de comunicación visual que, según Abraham Moles,
                    “materializa, representándolo, un fragmento del entorno óptico del mundo real
                    o posible, susceptible de subsistir a través del tiempo y que constituye uno de los
                    componentes principales de los mass media: fotografía, pintura, ilustraciones,
                    escultura, cine, televisión” (Moles, 1975).
                    Este soporte puede ser parte de productos que se crean en computadora, así
                    como de representaciones visuales e incluso imaginarias que proporciona la
                    naturaleza.

Composición de la
imagen
                    La composición de la imagen es la forma en que se organizan los elementos que
                    la conforman. Una buena composición puede lograr que la imagen sea poderosa
                    e interesante. La composición sigue una serie de principios para ordenar los
                    elementos de manera efectiva:



                              ELEMENTOS             PRINCIPIOS
                              Color                     Balance
                              Espacio                  Contraste
                              Forma                      Énfasis
                              Línea
                                        Composición   Gradación
                              Tamaño                     Patrón
                              Textura                Proporción
                              Valor                      Tercios




                    Ilustración 7-2 Composición: elementos y principios de la imagen
                    La composición es entonces la forma en que se combinan los distintos elementos
                    para formar un todo, de acuerdo con un conjunto de principios. A continuación
                    se describen los elementos y principios de la imagen.




                                                                 MAESTRÍA EN EDUCACIÓN - PÁGINA   126
PRODUCCIÓN DE MULTIMEDIA EDUCATIVO




Lección 7.3 Elementos de la imagen
Elementos
            En toda imagen existen los siguientes elementos:
            •    Color
            •    Espacio
            •    Forma
            •    Línea
            •    Tamaño
            •    Textura
            •    Valores
            A continuación se explica brevemente y se ejemplifica cada uno de ellos.

Color
            El color es la característica percibida de una superficie de acuerdo con la longitud
            de onda o la luz reflejada desde ésta. El color posee tres dimensiones: tinte (otra
            palabra para color, indicada por su nombre así como rojo o amarillo), valor (su
            luminosidad o oscuridad) e intensidad (su brillo u opacidad). Los colores se
            dividen en: primarios (rojo, azul y amarillo) y secundarios (verde, naranja y
            violeta).




            Ilustración 7-3 Ejemplo de figura con colores variados, luminosos e intensos

Espacio
            El espacio es el área vacía o abierta entre, alrededor, arriba o debajo de objetos.
            Figuras y formas son realizadas en el espacio. El espacio positivo es rellenado con
            formas o figuras. El espacio negativo es el que rodea a una forma o figura.




            Ilustración 7-4 Ejemplo de figura en la que el espacio puede interpretarse de dos formas
                                                                                                       Continúa en la siguiente página




                                                          MAESTRÍA EN EDUCACIÓN - PÁGINA                                     127
PRODUCCIÓN DE MULTIMEDIA EDUCATIVO




         Elementos de la imagen, continuación
Forma
         La forma es la configuración o estructura de un objeto. Las formas tienen ancho
         y largo si son bidimensionales, o tienen ancho, largo y profundidad si son
         tridimensionales. Las formas se crean con líneas explícitas o implícitas en un
         espacio. Un cambio en el color o en el sombreado puede definir una forma. Las
         formas pueden ser: geométricas (cuadrado, triángulo, círculo, etc.) y orgánicas
         (de contorno irregular semejante a las figuras naturales).




         Ilustración 7-5 Ejemplo de figura con formas redondeadas

Línea
         Una línea es una marca con longitud y dirección, surge a partir de un punto que
         se desplaza a lo largo de una superficie. Es el medio más simple de representación
         gráfica. Define contornos, une o separa áreas y establece distancias. Las líneas
         pueden ser curvas, rectas, horizontales, verticales o diagonales, pueden variar en
         longitud, ancho, dirección, curvatura y color. Puede ser de dos dimensiones o
         simular el efecto de tres dimensiones.




         Ilustración 7-6 Ejemplo de líneas que sugieren movimiento

Tamaño
         El tamaño es la variación de las proporciones de los objetos, líneas o formas. La
         variación de tamaño se da en objetos reales o imaginarios.




         Ilustración 7-7 Ejemplo de figura que resalta los tamaños
                                                                             Continúa en la siguiente página




                                                       MAESTRÍA EN EDUCACIÓN - PÁGINA              128
PRODUCCIÓN DE MULTIMEDIA EDUCATIVO




          Elementos de la imagen, continuación
Textura
          La textua es la cualidad de la superficie de un objeto que hace imaginar una
          sensación táctil. La textura es la forma como se siente o se sentiría la superficie.
          La textura puede ser natural o artificial.




          Ilustración 7-8 Ejemplo de figura con varias texturas

Valor
          El valor indica qué tan oscuro o claro se ve algo. Los valores cambian según la
          cantidad de blanco o negro que se le agregue a dicho color.




          Ilustración 7-9 Ejemplo de figura con valores contrastantes




                                                         MAESTRÍA EN EDUCACIÓN - PÁGINA   129
PRODUCCIÓN DE MULTIMEDIA EDUCATIVO




Lección 7.4 Principios de la imagen
Principios
             Al crear imágenes visuales fijas, es importante considerar los principios de:
             •    Balance
             •    Contraste
             •    Énfasis
             •    Gradación
             •    Patrones
             •    Proporción
             •    Tercios
             A continuación se explica y se ejemplifica brevemente cada uno de ellos.

Balance
             El balance es el sentido de equidad visual en una forma. A través del balance se
             pueden controlar de manera simétrica o uniforme los elementos de objetos,
             valores, colores, texturas, formas, etc. El balance también se toma en cuenta para
             la composición. La falta de balance o desequilibrio puede producir efectos
             interesantes en las imágenes.




             Ilustración 7-10 Figura balanceada

Contraste
             El contraste es la fusión de los elementos opuestos. Por ejemplo: luz y sombra,
             frío y color, brillo y opacidad.




             Ilustración 7-11 Figura creada con contrastes
                                                                                   Continúa en la siguiente página




                                                             MAESTRÍA EN EDUCACIÓN - PÁGINA              130
PRODUCCIÓN DE MULTIMEDIA EDUCATIVO




            Principios de la imagen, continuación
Énfasis
            El énfasis es el uso de algún recurso para hacer notar un elemento por sobre
            otros. El centro de interés o punto foco es el lugar del dibujo que busca atraer al
            perceptor para enfocar su mirada.




            Ilustración 7-12 Figura que tiene un foco de interés

Gradación
            La gradación es el tamaño y dirección que puede apreciarse como resultado de
            una perspectiva lineal. La gradación del color es la variación del mismo, que
            puede ir de gamas cálidas a frías, o de tonos oscuros a claros. La gradación es un
            recurso que puede dotar de aparente movimiento a una forma. Por ejemplo,
            una gradación que va de oscuro a claro puede producir que el perceptor mueva
            su cabeza para ver a lo largo de la forma.




            Ilustración 7-13 Figura que sugiere movimiento

Patrones
            Los patrones son tendencias creadas a través de la repetición de un elemento,
            que puede ser una línea, una forma o un color. Los patrones suelen producir
            efectos agradables.




            Ilustración 7-14 Figura con patrones repetitivos
                                                                                 Continúa en la siguiente página




                                                           MAESTRÍA EN EDUCACIÓN - PÁGINA              131
PRODUCCIÓN DE MULTIMEDIA EDUCATIVO




                       Principios de la imagen, continuación
Proporción
                       La proporción describe el tamaño, ubicación o el valor de una cosa en
                       comparación con otra.




                       Ilustración 7-15 Figura que compara tamaños

Regla de los tercios
                       La regla de los tercios divide la escena en tres partes, de forma tanto horizontal
                       como vertical. Las líneas que delimitan los tercios se unen en puntos
                       estéticamente adecuados para situar el centro de interés, puntos que marcan los
                       lugares donde se hace más atractivos los objetos y que se llaman puntos fuertes.
                       Al realizar esta acción se busca que la imagen sea más atractiva y menos estática
                       al no tener el centro como punto fuerte. Esta regla es válida tanto para el dibujo y
                       la pintura como para la fotografía.




                       Ilustración 7-16 Figura que cumple con la regla de los tercios




                                                                      MAESTRÍA EN EDUCACIÓN - PÁGINA   132
PRODUCCIÓN DE MULTIMEDIA EDUCATIVO




Lección 7.5 Formas de obtener imágenes
Medios de presentación
y de origen
                     Existen varias formas en las que son creadas y más tarde reproducidas las
                     imágenes. Para obtener de alguna fuente o crear imágenes propias es preciso
                     tomar en cuenta varios aspectos:
                     1. El objetivo de la imagen
                     2. El perfil del público al que se dirige (aspectos y rasgos culturales, sociales y
                        técnicos)
                     3. Los recursos técnicos de los destinatarios
                     4. Los recursos técnicos de quien creará la imagen
                     5. La forma en que se presentará la imagen
                     6. La forma en que comúnmente se distribuirá la imagen
                     A partir del diseño detallado se tendrá ya la lista de imágenes que debe incluir el
                     producto multimedia.

Cómo obtener
imágenes
                     Si bien las imágenes pueden crearse de diversas formas, para la elaboración de
                     productos multimedia basados en la computadora las imágenes deben poseer un
                     formato digital. Algunas posibles fuentes de imágenes fijas digitales son:
                     •   Fotografías digitales
                     •   Videos
                     •   Internet
                     •   Documentos electrónicos existentes
                     •   La creación o modificación a través algún software específico
                     •   Digitalización con escáner
                     En seguida se describen algunas de las características de estas fuentes de imágenes
                     y cómo pueden aprovecharse una vez que se encuentran en el formato necesario.
                                                                                      Continúa en la siguiente página




                                                      MAESTRÍA EN EDUCACIÓN - PÁGINA                        133
PRODUCCIÓN DE MULTIMEDIA EDUCATIVO




                        Formas de obtener imágenes, continuación
Fotografías digitales
                        Se toma la fotografía directamente en la cámara y se descarga como un archivo
                        en la computadora para su almacenamiento y manipulación. La fotografía puede
                        descargarse en la computadora u otro dispositivo mediante un cable, una tarjeta
                        de almacenamiento o por transmisión inalámbrica. Las imágenes así digitalizadas
                        pueden manipularse con programas específicos para ello, como Adobe
                        PhotoShop, InkScape, Corel Paint, Gimp, etc.; o pueden insertarse y modificarse
                        de manera sencilla con programas como Word o PowerPoint. También pueden
                        visualizarse con un software apropiado (como el visor de imágenes de Windows)
                        y proyectarse en el monitor o cualquier otro dispositivo. Así, las imágenes
                        podrán utilizarse para elaborar algún material multimedia con un nuevo sentido
                        distinto al original.
                        Una fotografía digital puede tomarse con diversos dispositivos como cámaras
                        fotográficas digitales, videocámaras digitales, teléfono celular, computadoras de
                        mano o PDAs, etc.

Videos
                        El video, como se sabe, está formado por una serie de imágenes fijas de las cuales
                        es posible seleccionar algunas, si se cuenta con el archivo correspondiente, la
                        computadora y el software necesario para ello. Al igual que en el caso de las
                        fotografías digitales, estas imágenes pueden manipularse para darles nuevos usos,
                        retocarlas, seleccionar una parte, crear colecciones digitales, elaborar de
                        audiovisuales, etc.
                        Las imágenes así extraidas pueden ser modificadas por los programas ya
                        mencionados y utilizarse para distintos fines.

Internet
                        Es posible obtener fotografías, esquemas, ilustraciones, etc. a través de búsquedas
                        en Internet. Los buscadores más populares como Google (www.google.com) o
                        Altavista (www.altavista.com) tienen opciones para la búsqueda específica de
                        imágenes. Las imágenes fijas que se encuentran en Internet por lo general
                        aparecen en los formatos JPG (Joint Photographic Experts Group), GIF (Graphics
                        Interchange Format) o PNG (Portable Network Graphics). Dichas imágenes suelen
                        estar en bancos de imágenes, galerías, repositorios de objetos de aprendizaje y en
                        general en cualquier archivo publicado.
                        Para guardar una imagen que se encuentre en Internet sólo hay que colocar el
                        cursor sobre ella, hacer clic con el botón derecho del ratón y en el menú que se
                        despliega elegir Guardar imagen como, con lo cual aparecerá una ventana donde
                        puede elegirse dónde guardar la imagen. En este menú aparece también la opción
                        Propiedades que permite conocer las características de la imagen.
                        Otra opción es elegir del mismo menú que aparece al colocar el cursor sobre la
                        imagen y hacer clic con el botón derecho en Copiar, luego colocarse en la parte
                        elegida del documento donde se desee insertar y elegir Pegar.
                        Es importante señalar que algunas imágenes no permiten ser copiadas y otras
                        está protegidas por derechos de autor, mismos que deberán respetarse.
                                                                                         Continúa en la siguiente página




                                                        MAESTRÍA EN EDUCACIÓN - PÁGINA                         134
PRODUCCIÓN DE MULTIMEDIA EDUCATIVO




                      Formas de obtener imágenes, continuación
Documentos
electrónicos
                      Son imágenes que han sido ya colocadas en algún archivo electrónico. Pueden
                      provenir de fotografía digital, ser parte de un video, ser captadas por una web
                      cam, obtenerse de Internet, ser dibujadas a mano y colocadas en un archivo, etc.
                      En muchos casos puede obtenerse la imagen con el procedimiento de Copiar-Pegar
                      descrito arriba. Si son parte de un documento en el formato PDF (Portable
                      Digital Format) la imagen puede copiarse al portapapeles con la herramienta
                      Tomar foto, a través del icono de una cámara fotográfica que aparece en el menú
                      principal, y despúes Pegar en donde se desee. También es posible usar software
                      específico para copiar imágenes como Snag It o Print Key.
                      Si el formato de la imagen y el software que la “lee” lo permiten, puede guardarse
                      la imagen sin pegarse en otro documento, es decir de manera autónoma en su
                      archivo propio, bajo su formato de imagen específico, utilizando el
                      procedimiento descrito en el punto anterior.

Creación o modificación
de imágenes
                      Si se tiene la habilidad para ello, es posible elaborar dibujos originales en dos
                      formas básicas:
                      a) Dibujar de manera tradicional en papel y luego digitalizar la imagen
                         resultante a través del escáner.
                      b) Dibujar en una tableta digital con una pluma inalámbrica, diseñada
                         específicamente para ello, utilizando un software como InkScape, Gimp,
                         Adobe Illustrator, ArtRage, Corel Paint, etc.
                      Asimismo, si se cuenta con imágenes ya digitalizadas, sean de tipo dibujo o
                      fotografía, es posible editarlas, fusionarlas, modificarlas, etc.

Escáner
                      El escáner es un dispositivo que explora un espacio o imagen, y los traduce en
                      señales eléctricas para su procesamiento. Todas aquellas imágenes que sean
                      suceptibles de ser colocadas en un escáner podrán ser reproducidas en la
                      computadora para su posterior manipulación. La imagen, de tener un soporte en
                      papel o cualquier otro medio no digital, se convierte a formato digital, es decir,
                      se convierte en información que el lenguaje de la máquina reconoce y reproduce:
                      se convierte en bits.
                      Las imágenes que se obtienen de escáner son cada vez más precisas, incluso
                      existen escáners que funcionan con base en ultrasonido y permiten obtener
                      imágenes tridimensionales como es el caso de elementos que están fuera de la
                      vista, como los bebés en el vientre materno o ciertos órganos del cuerpo.




                                                      MAESTRÍA EN EDUCACIÓN - PÁGINA               135
PRODUCCIÓN DE MULTIMEDIA EDUCATIVO




Lección 7.6 Clasificación de las imágenes digitales
Tipos de imágenes
                      Las imágenes digitales que se manejan en la computadora pueden clasificarse en
                      dos tipos:
                      •    Imágenes de mapa de bits o bitmaps
                      •    Imágenes vectoriales
                      A continuación se explica cada una brevemente.

Imágenes de mapa de
bits
                      Las imágenes de mapa de bits están formadas por pequeños puntos llamados
                      píxeles. Cada píxel tiene un valor específico que indica su intensidad, misma que
                      reconoce la computadora. Cuando las imágenes son a color, cada píxel tiene tres
                      colores que representan su intensidad en colores primarios, que son el rojo,
                      verde y azul (RGB de Red, Green, Blue). Cada bit puede ser de un solo color, si se
                      tiene una imagen de 255 colores, cada píxel puede tomar uno de esos 255
                      colores.




                      Ilustración 7-17 Imagen donde los pixeles son visibles
                      Las fotografías suelen ser mapas de bits, así como algunos dibujos.
                                                                                          Continúa en la siguiente página




                                                                    MAESTRÍA EN EDUCACIÓN - PÁGINA              136
PRODUCCIÓN DE MULTIMEDIA EDUCATIVO




                       Clasificación de las imágenes digitales, continuación
Imágenes vectoriales
                       Las imágenes vectoriales son creadas a partir de programas para realizar gráficos,
                       están formadas a partir de líneas rectas, curvas y trazos geométricos que se
                       controlan mediante operaciones matemáticas que realiza la computadora. Las
                       líneas con las que se crea la imagen están definidas por vectores (de ahí su
                       nombre). Una ventaja de la imagen vectorial es que puede ampliarse o reducirse
                       en tamaño sin perder calidad.
                       Es decir, en vez de crear una malla con miles o millones de puntos para trazar
                       una línea, se indica a la computadora que trace una línea de una coordenada a
                       otra. Así es posible dibujar círculos, cuadrados, triángulos y miles de formas. Ésta
                       es la base de los llamados dibujos vectoriales (Sánchez-Muñoz, 2003). Los
                       programas de dibujo vectorial los suelen representar de dos maneras: como
                       representación completa (es decir, tal cual se imprimirán) y como líneas (es
                       decir, sólo el esqueleto de las formas básicas, mucho menos pesado para la
                       computadora).
                       Los trazados (líneas curvas o rectas propias de un dibujo vectorial) se pueden
                       modificar fácilmente, se almacenan en muy poco espacio y además son
                       independientes de la resolución.
                       Algunos programas con los que se pueden elaborar imágenes vectoriales son
                       InkScape, Corel Paint, Adobe Illustrator o AutoCad.




                       Ilustración 7-18 Ejemplo de imágenes vectoriales




                                                                    MAESTRÍA EN EDUCACIÓN - PÁGINA    137
PRODUCCIÓN DE MULTIMEDIA EDUCATIVO




Lección 7.7 Formatos de bitmaps
Elementos
                       Dentro de las imágenes formadas por mapas de bits, es importante identificar:
                       •    Las unidades de medición
                       •    Los tipos de bitmaps
                       •    El color
                       •    Los atributos de la imagen
                       •    Los formatos
                       •    Qué formato elegir
                       A continuación se explica brevemente cada uno de ellos.

Unidades de medición
                       Un bit (apócope de binary digit) o dígito binario, es la unidad de información
                       mínima que equivale a la elección entre dos posibilidades: 0 ó 1, encendido o
                       apagado. La computadora detecta estos dos impulsos: sus valores y
                       combinaciones son la base de la computación.
                       La información que se almacena en un bit se agrupa en bytes, consistentes en
                       conjuntos de 8 bits. De esta forma un byte puede representar cualquier número
                       entre 0 y 255.
                       A su vez, los bytes pueden agruparse en unidades mayores:
                           Medida             Equivale a
                           1 Kilobyte (Kb)    equivale a 1024 bytes
                           1 Megabyte (Mb)    equivale a 1024 Kb
                           1 Gigabyte (Gb)    equivale a 1024 Mb
                                                                                      Continúa en la siguiente página




                                                         MAESTRÍA EN EDUCACIÓN - PÁGINA                     138
PRODUCCIÓN DE MULTIMEDIA EDUCATIVO




                   Formatos de bitmaps, continuación
Tipos de bitmaps
                   Las imágenes formadas por mapas de bits pueden ser de tres tipos:
                   •     Las imágenes en blanco y negro están formadas por pixeles que sólo pueden
                         tener esos dos valores. También se les llama imágenes de alto contraste.
                   •     En las imágenes en escala de grises cada píxel puede tener 256 valores
                         distintos de los cuales el 0 es el negro y el 255 es el blanco.
                   •     Las imágenes en color RGB tienen tres bytes en cada píxel, es decir, 24 bits
                         en tres grupos de ocho. Cada grupo puede colorearse siguiendo el sistema de
                         color de los monitores de televisión, que se basan en tres canales de luz de
                         color (rojo, verde y azul o Red-Green-Blue). De este modo se generan hasta
                         16, 777, 216 tonos de color (256 Rojo× 256 Verde × 256 Azul).
                   A continuación se muestran ejemplos de cada tipo de imagen:




                   Ilustración 7-19 Imagen binaria en blanco y negro




                   Ilustración 7-20 Imagen en escala de grises




                   Ilustración 7-21 Imagen en color RGB
                                                                                       Continúa en la siguiente página



                                                                 MAESTRÍA EN EDUCACIÓN - PÁGINA              139
PRODUCCIÓN DE MULTIMEDIA EDUCATIVO




                         Formatos de bitmaps, continuación
El color
                         El uso de la combinación RGB no es único, también se puede encontrar otros
                         estándares o modos de color, como el CMYK que se basa en los colores cyan:
                         formado por cantidades iguales de verde y azul, magenta, amarillo y negro (del
                         inglés Cyan, Magenta, Yellow, blacK). Este modo de color se emplea sobre todo
                         para en la impresión de documentos.




                         Ilustración 7-22 Colores RGB y CMYK

Atributos de la imagen
                         Es importante notar que el tamaño de la imagen, su resolución y el tamaño de su
                         archivo, son aspectos diferentes, aunque relacionados entre sí:
                             Atributos                  Características
                             Tamaño de la               Depende de sus dimensiones (ancho y alto) que
                             imagen                     pueden medirse tanto en pixeles como en otras
                                                        unidades, como puntos, picas, milímetros y
                                                        centímetros.
                             Resolución de la           Se determina en pixeles por pulgada (ppp). Mientras
                             imagen                     mayor es la resolución, son más los pixeles que caben
                                                        en una pulgada y es menor el tamaño de los pixeles.
                                                        Una imagen de mayor resolución será una imagen de
                                                        mayor calidad.
                             Tamaño del                 El tamaño del archivo de la imagen, como unidad de
                             archivo                    información digitalizada se expresa en bits. Mientras
                                                        mayor es la resolución, mayor es también el tamaño
                                                        del archivo, puesto que es necesario almacenar más
                                                        información.
                         Al utilizar imágenes para productos multimedia deben tomarse en cuenta estos
                         aspectos, para definir la forma en que se presentará los destinatarios. Deben
                         crearse imágenes con el mínimo tamaño de archivo y calidad suficiente. Por ello
                         se recomienda usar la resolución mínima que permita que la imagen se
                         comprenda o, en caso de ser posible, usar imágenes vectoriales.
                         La resolución y el tamaño de la imagen pueden determinarse al momento de
                         crear una imagen. Más tarde pueden aumentarse o disminuirse con los
                         programas adecuados, al igual que imágenes obtenidas por otros medios. Todos
                         los programas para edición de imágenes tienen opciones para reducir el tamaño,
                         resolución y memoria de almacenamiento.
                                                                                               Continúa en la siguiente página



                                                                 MAESTRÍA EN EDUCACIÓN - PÁGINA                      140
PRODUCCIÓN DE MULTIMEDIA EDUCATIVO




             Formatos de bitmaps, continuación
El formato
             Los formatos indican la manera en que está guardada una imagen digital en la
             computadora. Los formatos más comunes para imágenes en mapa de bits son los
             siguientes:
             Formato BMP
             (BitMaP) Es un formato particular del sistema operativo Windows de Microsoft y
             es el más simple de todos: define los valores de cada píxel, uno a uno, de abajo a
             arriba y barriendo las líneas de izquierda a derecha. El problema de este formato
             es que genera archivos muy grandes, aunque los datos se pueden comprimir. Se
             identifica en los archivos con la extensión *.bmp
             Formato GIF
             (Graphic Interchange Format) Es un formato muy utilizado en Internet, ideal
             para gráficos, dibujos, íconos o imágenes de muy pocos colores (soporta sólo
             hasta 256 colores) o con grandes áreas del mismo color; se pueden comprimir las
             imágenes sin pérdidas de datos. Para reducir el tamaño de un archivo GIF se
             puede disminuir el número de colores. No es adecuado para fotografías. Permite
             gráficos animados y transparencia en el fondo de la imagen, de manera que la
             parte transparente de la imagen adoptará el color del fondo de la página donde se
             coloca. Es el único formato que permite realizar animaciones que pueden verse
             rápidamente en el navegador, ya que primero la muestra a baja resolución y
             luego a la máxima hasta que se descarga por completo. Se identifica en los
             archivos con la extensión *.gif
             JPG o JPEG
             (Joint Photographic Experts Group) Soporta 16.7 millones de colores y es el más
             empleado (y adecuado) para las fotografías. Al contrario que GIF, su algoritmo
             de compresión elimina información de la imagen, por lo que cuanto más se
             comprime más se aprecia la pérdida de calidad (es posible ajustar el grado de
             compresión). Es el formato más utilizado en Internet para la reproducción de
             fotografías. Al descomprimir una imagen en JPG no se obtiene exactamente la
             misma imagen que se tenía antes de la compresión. Esa pérdida se acumula: cada
             vez que se abre y se vuelve a guardar la imagen se comprime y va perdiendo
             calidad, además los datos perdidos son irrecuperables. Por ello conviene
             almacenar una fotografía en un formato sin pérdidas (BMP o TIFF) y después se
             puede guardar la versión final en JPG para que ocupe menos espacio. Se
             identifica en los archivos con la extensión *.jpg
             Formato PICT
             Es el formato característico de la plataforma Macintosh. Permite ser comprimido
             sin perder calidad de imagen. Este formato de archivo es utilizado normalmente
             para transferir documentos entre programas de aplicación gráfica y de
             compaginación. Se identifica en los archivos con la extensión *.pic
                                                                             Continúa en la siguiente página




                                             MAESTRÍA EN EDUCACIÓN - PÁGINA                        141
PRODUCCIÓN DE MULTIMEDIA EDUCATIVO




                     Formatos de bitmaps, continuación
                     Formato PNG
                     (Portable Network Graphics) Tiene las ventajas de los formatos GIF y JPG.
                     Comienza a ser muy utilizado en Internet por su gran capacidad de compresión,
                     sin pérdida de calidad y con posibilidades de transparencia. El formato permite
                     imágenes con color verdadero, escala de grises y paleta de 8 bits. Al igual que el
                     GIF es adecuado para imágenes con pocas variaciones de colores. Se identifica en
                     los archivos con la extensión *.png
                     Formato TIFF
                     (Tagged-Image File Format) Se utiliza para imágenes de alta calidad que van a ser
                     impresas. Es un formato propiedad de Adobe Systems empleado para
                     intercambiar archivos (fotografías por lo general) entre distintas aplicaciones y
                     plataformas (sirve tanto para PC como para Macintosh). Comprime las imágenes
                     sin que haya pérdida de calidad pero el peso de los archivos es grande. Se
                     identifica en los archivos con la extensión *.tif
                     Formato XCF
                     Formato propio del programa para manejo de imágenes GIMP. Permite
                     almacenar las imágenes con capas y modificarlas posteriormente. Se identifica en
                     los archivos con la extensión *.xcf

Qué formato elegir
                     Para cada necesidad se elige un formato específico, por lo general se considera
                     que JPG es el mejor formato para las fotografías o cualquier imagen que pierda
                     calidad con menos de 256 colores. Para gráficos, textos o combinaciones de
                     ambos, GIF o PNG parecen ser la mejor opción en cuanto a calidad-peso del
                     archivo. Cualquiera de estos tres formatos es adecuado para publicar imágenes
                     en páginas web, colocarlas en productos a transimitr por la red o enviarlas por
                     correo electrónico.
                     Para fotografía de alta calidad se puede emplear la compresión sin pérdida del
                     formato TIFF. En algunas cámaras digitales se pueden grabar las fotos en este
                     formato, pero ocupan un 80% más de espacio que si se guardan en formato JPG.
                     A continuación se muestran los archivos de una misma imagen almacenada en
                     diversos formatos. Es importante comparar la cantidad de memoria que cada
                     una requiere:




                     Ilustración 7-23 Comparación de la misma imagen con diversos formatos




                                                                MAESTRÍA EN EDUCACIÓN - PÁGINA    142
PRODUCCIÓN DE MULTIMEDIA EDUCATIVO




Lección 7.8 Formatos de imagen vectorial
Introducción
               Los formatos de imagen vectorial están generalmente asociados a los programas
               que permiten producir este tipo de imágenes. A continuación se describen
               algunos de ellos.

Formatos
               En el caso de las imágenes vectoriales, los formatos de mayor uso son los
               siguientes:
               Formato AI
               (Adobe Illustrator) Formato específico de este software. Se identifica en los
               archivos con la extensión *.ai
               Formato CDR
               (Corel Draw) Formato específico de este software. Se identifica en los archivos
               con la extensión *.cdr
               Formato EPS
               (Encapsulated Postcript) Formato utilizado habitualmente para exportar
               imágenes de mapa de bits a trazados vectoriales. Se identifica en los archivos con
               la extensión *.eps
               Formato PDF
               (Portable Document Format) Es compatible entre las plataformas Macintosh y
               PC, usado fundamentalmente para crear documentos que puedan descargarse de
               Internet. Se identifica en los archivos con la extensión *.pdf
               Formato SWF
               (Shockwave Flash) Formato para imágenes vectoriales para animación web con
               Macromedia Flash. Se identifica en los archivos con la extensión *.swf
               Formato WMF
               (Windows MetaFile) Es el formato que mejor se adapta a los distintos programas
               de dibujo elaborados con herramientas Microsoft. Se identifica en los archivos
               con la extensión *.wmf




                                               MAESTRÍA EN EDUCACIÓN - PÁGINA               143
PRODUCCIÓN DE MULTIMEDIA EDUCATIVO




Lección 7.9 Software para crear y modificar imágenes
Introducción
                        Las imágenes que se utilizan para un producto multimedia educativo son por lo
                        general digitales, ya sea desde su origen o a través de alguna técnica, como la
                        fotografía, el video digital o el escáner. La creación, tratamiento y manipulación
                        de las imágenes digitales se realiza cada vez a través de programas que son cada
                        vez más sencillos en su uso y más potentes en sus posibilidades.
                        Cabe señalar que si bien existen programas especiales para el tratamiento de
                        imágenes y la ilustración, muchos otros programas creados para otros fines,
                        como los procesadores de textos o aquellos con los que se crean presentaciones o
                        páginas web, incorporan herramientas básicas de manipulación de imágenes
                        entre sus funciones.
                        Por supuesto, los programas dedicados a la edición de imágenes (Adobe
                        Photoshop, Adobe Illustrator, Corel Draw, Corel Paint, GIMP, InkScape, etc.),
                        tienen mayores posibilidades pero demandan también mayores conocimientos
                        del usuario, tanto de la teoría de la imagen como de la propia herramienta.
                        En esta sesión se explica brevemente el uso de las herramientas de Microsoft.

Opciones de Microsoft
                        Las herramientas para crear y modificar imágenes se encuentran en las barras de
                        herramientas Dibujo e Imagen, disponibles en Word, PowerPoint y FrontPage.
                        Existen tres formas de visualizar estas barras:
                        •   Elige la opción Ver del menú principal, luego seleccionar Barras de Herramientas
                            y verificar que estén marcadas Dibujo e Imagen. Con esta acción deben ser
                            visibles ambas barras, en la parte superior o inferior de la pantalla.
                        •   Haz doble clic sobre la imagen y aparecerá el menú Formato de imagen.
                            Cuando se hace doble clic sobre una imagen que se ha insertado desde otro
                            programa, se activa el menú Edición de imagen y, si el formato de la imagen
                            es compatible, se abre el programa original para modificar la figura.
                        •   Coloca el cursor sobre la imagen y haz clic con el botón derecho, entonces
                            aparecerá un menú con opciones para la imagen. En el caso de PowerPoint
                            una de las opciones es Guardar como imagen, es decir, permite guardar un
                            objeto o un conjunto de formas e imágenes seleccionadas como una imagen
                            de forma independiente, incluso permite la conversión a varios formatos de
                            imagen.
                                                                                          Continúa en la siguiente página




                                                        MAESTRÍA EN EDUCACIÓN - PÁGINA                          144
PRODUCCIÓN DE MULTIMEDIA EDUCATIVO




                  Software para crear y modificar imágenes, continuación
Barra de imagen
                  La barra de imagen tiene once funciones que se describen a continuación:




                  1. Insertar imagen
                  2. Modificar el color para crear imágenes en blanco y negro, escala de grises o
                     fondo de agua
                  3. Aumentar o disminuir brillo y contraste
                  4. Recortar la imagen
                  5. Girar la imagen
                  6. Hacer más gruesa o delgada una línea
                  7. Comprimir la imagen
                  8. Ajustar la imagen con respecto al texto
                  9. Modificar el formato de la imagen
                  10. Convertir un color en transparente
                  11. Restablecer la imagen en su forma original antes de los cambios realizados
                                                                                  Continúa en la siguiente página




                                                  MAESTRÍA EN EDUCACIÓN - PÁGINA                        145
PRODUCCIÓN DE MULTIMEDIA EDUCATIVO




                  Software para crear y modificar imágenes, continuación
Barra de dibujo
                  Al utilizar la barra de dibujo se tienen 20 opciones:




                  1. Con el botón Dibujar es posible:
                           •    Agrupar, desagrupar y reagrupar imágenes seleccionadas
                           •    Ordenar la imagen con respecto a otras (arriba o abajo)
                           •    Visualizar una cuadrícula guía
                           •    Empujar la imagen hacia abajo, arriba, izquierda o derecha
                           •    Alinear o distribuir varios objetos
                           •    Girar o voltear la imagen
                           •    Ajustar la imagen con respecto al texo
                           •    Redistribuir conectores de dibujos
                           •    Modificar los puntos de una imagen vectorial
                           •    Cambiar una forma por otra
                           •    Aplicar valores predeterminados de las autoformas
                  2. Al activar el botón Seleccionar objetos el cursor cambia a una modalidad en la
                     que es sencillo seleccionar las imágenes que se encuentren a la vista, incluso
                     de una manera rápida pueden elegirse varios objetos simplemente al marcar
                     un cuadro que abarque todas las imágenes.
                  3. El botón Autoformas permite dibujar figuras a las que se les puede añadir texto
                     dentro de su área (excepto a las líneas y conectores).
                  4. El botón Línea permite dibujar líneas con distintas inclinaciones.
                  5. El botón Flecha permite dibujar flechas en varias direcciones.
                  6. Al seleccionar el icono de Cuadro de texto es posible introducir texto
                     independiente en cualquier parte del contenido
                  7. Rectángulo, es un botón que activa la opción para dibujar un rectángulo; si se
                     oprime simultáneamente la tecla Shift o mayúsculas, se crea un cuadrado.
                  8. Elipse, este botón permite dibujar una elipse; si se presiona simultáneamente
                     la tecla Shift o mayúsculas, se crea un círculo.
                  9. El botón de Word Art permite introducir letreros, frases, títulos y apoyos de
                     tipografía más vistosa pero poco original.
                  10. El botón Insertar diagrama u organigrama permite introducir este tipo de figuras.
                      Al seleccionarlo se activa una nueva barra de herramientas para utilizar esta
                      función.
                                                                                     Continúa en la siguiente página




                                                   MAESTRÍA EN EDUCACIÓN - PÁGINA                          146
PRODUCCIÓN DE MULTIMEDIA EDUCATIVO




Software para crear y modificar imágenes, continuación
11. Insertar imagen prediseñada permite introducir con un menú directo una
    imagen almacenada por el programa. No se recomienda usar estas imágenes.
12. El botón Insertar imagen permite introducir en algún archivo de imagen con el
    que ya se cuenta.
13. El Color de relleno permite colocar o eliminar un color determinado dentro
    del área de los objetos ya dibujados o que se han insertado. Es posible elegir
    texturas, tramas, otras imágenes, degradados y efectos en los colores.
14. El Color de línea es una opción que modifica el color de la línea que marca el
    contorno de los objetos, o la elimina, si no se quiere conservar contorno.
15. El Color de fuente realiza un cambio en el color del texto selecccionado.
16. El Estilo de línea proporciona opciones de grosor y estilo de la línea
    seleccionada.
17. El Estilo de guión facilita el cambio de estilos de líneas punteadas
18. El Estilo de flecha, cambia los estilos de la punta de la flecha o de la línea.
19. El Estilo de sombra permite colocar una sombra en diferentes partes del objeto,
    lo que le da cierta profundidad.
20. El Estilo 3D es una herramienta que da perspectiva al objeto, misma que se
    selecciona de entre varias opciones.
En PowerPoint además es posible seleccionar cada imagen o varias a la vez y
guardarlas como un solo objeto con formato de imagen, esto se consigue al
colocarse sobre la imagen o sobre las imágenes previamentre seleccionadas a la
vez en una diapositiva, hacer clic con el botón derecho y elegir Guardar como
imagen, aparecerá un cuadro de diálogo donde se podrá escribir el nombre de la
imagen y el sitio donde se guardará. Las opciones del formato para guardar la
imagen son las más comunes que aceptan los programas y aplicaciones de uso
generalizado.
                                                                       Continúa en la siguiente página




                                   MAESTRÍA EN EDUCACIÓN - PÁGINA                            147
PRODUCCIÓN DE MULTIMEDIA EDUCATIVO




                   Software para crear y modificar imágenes, continuación
Modificar imagen
                   En estos programas existe la herramienta Formato de Imagen o Editar Imagen, en el
                   menú que aparece con el botón derecho del ratón. Esta herramienta ofrece una
                   serie de opciones que incluyen tamaño de la imagen, formato, posición en el
                   documento, etc.
                   Al seleccionar Formato de Imagen aparece el siguiente cuadro, donde se pueden
                   modificar:
                   •    Colores y líneas
                   •    Tamaño
                   •    Diseño
                   •    Cuadro de texto
                   •    Web
                   A través de la pestaña correspondiente. En el caso de la opción Imagen, existen
                   varias posibilidades, como se ve en la ilustración:




                   Ilustración 7-24 Ventana de formato de imagen
                   En la pestaña Imagen del menú Formato de imagen, se pude modificar el tamaño de
                   la imagen en todo su contorno (además de la herramienta recirtar de la barra de
                   Imagen), así como determinar su brillo y contraste. Además se puede comprimir
                   la resolución de la imagen al presionar el botón comprimir con el siguiente
                   menú:
                                                                                    Continúa en la siguiente página




                                                              MAESTRÍA EN EDUCACIÓN - PÁGINA              148
PRODUCCIÓN DE MULTIMEDIA EDUCATIVO




             Software para crear y modificar imágenes, continuación




             Ilustración 7-25 Ventana para comprimir imágenes
             En esta ventana se selecciona a qué imagen se le aplicará la compresión y para
             qué tipo de presentación se requiere, lo que determinará la cantidad de píxeles
             por pulgada que se utilizarán.

Conclusión
             El uso combinado y creativo de estas opciones de creación y manipulación de
             imágenes es muy útil y permite realizar una gran variedad de ajustes a las
             imágenes.
             Para acciones más específicas, la imagen que está en formato digital es suceptible
             de ser manipulada a través de varios programas especializados, varios de ellos
             manejan y convierten imágenes vectoriales y de mapas de bits:
             •    Para imágenes de mapa de bits: Gimp, Photoshop, InkScape, Corel PhotoPaint,
                  Corel Paint, ArtRage, Fireworks, Digital Image, Paintshop Pro.
             •    Para imágenes de dibujo vectorial: Gimp, Illustrator, InkScape, CorelDraw o
                  Freehand.
             Por lo general existe la opción de guardar la imagen en distintos formatos
             cuando se trabaja en un programa para manipular imágenes, las formas de
             hacerlo varían pero las más utilizadas son a través del menú Archivo y sus
             opciones:
             •    Guardar como:Permite guardar el área seleccionada o todo el dibujo bajo el
                  formato de trabajo del programa específico, y bajo formatos que maneja el
                  programa en particular.
             •    Exportar: Esta opción permite guardar la imagen con un formato que no es
                  propio del programa en el que se crea o manipula, pero se proporciona la
                  opción de convertirlo a otro formato de imagen que se desee o necesite. Por
                  el contrario, la opción importar permite insertar imágenes que estén en
                  distinto formato a los que usualmente maneja el software que se esté
                  empleando.



                                                        MAESTRÍA EN EDUCACIÓN - PÁGINA    149
PRODUCCIÓN DE MULTIMEDIA EDUCATIVO




                               Referencias citadas
Moles, A. (1975). La comunicación y los mass media. Bilbao: Mensajero.

Sánchez-Muñoz, G. (2003). Las imágenes digitales en dos dimensiones. Fecha de consulta: 2006, en
http://www.gusgsm.com/html/imagen.html




                                                  MAESTRÍA EN EDUCACIÓN - PÁGINA              150

Más contenido relacionado

La actualidad más candente

Percepción visual y observación
Percepción visual y observaciónPercepción visual y observación
Percepción visual y observaciónMargara Jordán
 
Diseño de los Colores
Diseño de los ColoresDiseño de los Colores
Diseño de los ColoresAcce Junior
 
DiseñO Publicitario
DiseñO PublicitarioDiseñO Publicitario
DiseñO PublicitarioAx el
 
P3 la percepción visual y la observación
P3 la percepción visual y la observaciónP3 la percepción visual y la observación
P3 la percepción visual y la observaciónSlideshare de Mara
 
Ud 1 percepcion y lectura de imagenes
Ud 1 percepcion y lectura de imagenesUd 1 percepcion y lectura de imagenes
Ud 1 percepcion y lectura de imagenesJoseanjel Gonzalo
 
La imagen. Lectura de imagen fija. Comunicación Audiovisual. Fotografía.
La imagen. Lectura de imagen fija. Comunicación Audiovisual.  Fotografía.La imagen. Lectura de imagen fija. Comunicación Audiovisual.  Fotografía.
La imagen. Lectura de imagen fija. Comunicación Audiovisual. Fotografía.Isabel Arenas Fonollosa
 
Funciones lenguaje visual
Funciones lenguaje visualFunciones lenguaje visual
Funciones lenguaje visualcolegiohelicon
 
Definicion de imagen
Definicion de imagenDefinicion de imagen
Definicion de imagenYenny López
 
Concepto y percepcion imagen
Concepto y percepcion imagenConcepto y percepcion imagen
Concepto y percepcion imagenEva Avila
 
Rios zuñiga5.pptx
Rios  zuñiga5.pptxRios  zuñiga5.pptx
Rios zuñiga5.pptxJavier Rios
 
Guia de diseño (completo)
Guia de diseño (completo)Guia de diseño (completo)
Guia de diseño (completo)tupapicool
 

La actualidad más candente (20)

Percepción visual y observación
Percepción visual y observaciónPercepción visual y observación
Percepción visual y observación
 
DiseñO Grafico Trabajo Rc
DiseñO Grafico Trabajo RcDiseñO Grafico Trabajo Rc
DiseñO Grafico Trabajo Rc
 
Diseño de los Colores
Diseño de los ColoresDiseño de los Colores
Diseño de los Colores
 
DiseñO Publicitario
DiseñO PublicitarioDiseñO Publicitario
DiseñO Publicitario
 
P3 la percepción visual y la observación
P3 la percepción visual y la observaciónP3 la percepción visual y la observación
P3 la percepción visual y la observación
 
Ud 1 percepcion y lectura de imagenes
Ud 1 percepcion y lectura de imagenesUd 1 percepcion y lectura de imagenes
Ud 1 percepcion y lectura de imagenes
 
La imagen. Lectura de imagen fija. Comunicación Audiovisual. Fotografía.
La imagen. Lectura de imagen fija. Comunicación Audiovisual.  Fotografía.La imagen. Lectura de imagen fija. Comunicación Audiovisual.  Fotografía.
La imagen. Lectura de imagen fija. Comunicación Audiovisual. Fotografía.
 
La imagen fija
La imagen fijaLa imagen fija
La imagen fija
 
Funciones lenguaje visual
Funciones lenguaje visualFunciones lenguaje visual
Funciones lenguaje visual
 
Definicion de imagen
Definicion de imagenDefinicion de imagen
Definicion de imagen
 
EPV1_T2 ELEMENTOS I
EPV1_T2 ELEMENTOS IEPV1_T2 ELEMENTOS I
EPV1_T2 ELEMENTOS I
 
Diseño grafico
Diseño graficoDiseño grafico
Diseño grafico
 
Concepto y percepcion imagen
Concepto y percepcion imagenConcepto y percepcion imagen
Concepto y percepcion imagen
 
Rios zuñiga5.pptx
Rios  zuñiga5.pptxRios  zuñiga5.pptx
Rios zuñiga5.pptx
 
Guia de diseño (completo)
Guia de diseño (completo)Guia de diseño (completo)
Guia de diseño (completo)
 
Fundamentos del diseño
Fundamentos del diseñoFundamentos del diseño
Fundamentos del diseño
 
Lectura de imagenes
Lectura de imagenesLectura de imagenes
Lectura de imagenes
 
Presentación2
Presentación2Presentación2
Presentación2
 
Imagen y Percepción
Imagen y PercepciónImagen y Percepción
Imagen y Percepción
 
Composición en el diseño
Composición en el diseñoComposición en el diseño
Composición en el diseño
 

Destacado

Componentes electrónicos
Componentes electrónicosComponentes electrónicos
Componentes electrónicospancraci
 
Sustentación proyecto 3
Sustentación proyecto 3Sustentación proyecto 3
Sustentación proyecto 3jorge787
 
Sustentación proyecto 3
Sustentación proyecto 3Sustentación proyecto 3
Sustentación proyecto 3jorge787
 
Proyecto 2
Proyecto 2Proyecto 2
Proyecto 2jorge787
 
Smart pack y el oceano azul
Smart pack y el oceano azulSmart pack y el oceano azul
Smart pack y el oceano azulDouglasQuinonez
 
NISOD Working Harder on Soft Skills
NISOD Working Harder on Soft SkillsNISOD Working Harder on Soft Skills
NISOD Working Harder on Soft SkillsDr.Craig Follins
 
Apresentaã§ã£o oficial mais recanto da taquara
Apresentaã§ã£o oficial   mais recanto da taquaraApresentaã§ã£o oficial   mais recanto da taquara
Apresentaã§ã£o oficial mais recanto da taquarafabianorcorrea
 
Presentacion producto multimedia
Presentacion producto multimediaPresentacion producto multimedia
Presentacion producto multimediaEduardo Reyes
 
Representação tarifa passagem transporte coletivo
Representação tarifa passagem transporte coletivoRepresentação tarifa passagem transporte coletivo
Representação tarifa passagem transporte coletivoVereador Delfino Rodrigues
 
Opções do Coração
Opções do CoraçãoOpções do Coração
Opções do CoraçãoElder Moraes
 
Taller de restauración
Taller de restauraciónTaller de restauración
Taller de restauracióniesMola
 
Presentación cocinas
Presentación cocinasPresentación cocinas
Presentación cocinasiesMola
 
2 noticias de la semana 13
2 noticias de la semana 132 noticias de la semana 13
2 noticias de la semana 13ale_sifuentes
 

Destacado (20)

Emenda ldo 2013 const. caps
Emenda ldo 2013 const. capsEmenda ldo 2013 const. caps
Emenda ldo 2013 const. caps
 
Componentes electrónicos
Componentes electrónicosComponentes electrónicos
Componentes electrónicos
 
Sustentación proyecto 3
Sustentación proyecto 3Sustentación proyecto 3
Sustentación proyecto 3
 
Sustentación proyecto 3
Sustentación proyecto 3Sustentación proyecto 3
Sustentación proyecto 3
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 
Proyecto 2
Proyecto 2Proyecto 2
Proyecto 2
 
Smart pack y el oceano azul
Smart pack y el oceano azulSmart pack y el oceano azul
Smart pack y el oceano azul
 
NISOD Working Harder on Soft Skills
NISOD Working Harder on Soft SkillsNISOD Working Harder on Soft Skills
NISOD Working Harder on Soft Skills
 
Albert bola
Albert bolaAlbert bola
Albert bola
 
Apresentaã§ã£o oficial mais recanto da taquara
Apresentaã§ã£o oficial   mais recanto da taquaraApresentaã§ã£o oficial   mais recanto da taquara
Apresentaã§ã£o oficial mais recanto da taquara
 
Personalizando a tv digital
Personalizando a tv digitalPersonalizando a tv digital
Personalizando a tv digital
 
SEMANA 6
SEMANA 6SEMANA 6
SEMANA 6
 
Presentacion producto multimedia
Presentacion producto multimediaPresentacion producto multimedia
Presentacion producto multimedia
 
Emenda ldo 2013 obras
Emenda ldo 2013 obrasEmenda ldo 2013 obras
Emenda ldo 2013 obras
 
Representação tarifa passagem transporte coletivo
Representação tarifa passagem transporte coletivoRepresentação tarifa passagem transporte coletivo
Representação tarifa passagem transporte coletivo
 
Opções do Coração
Opções do CoraçãoOpções do Coração
Opções do Coração
 
Taller de restauración
Taller de restauraciónTaller de restauración
Taller de restauración
 
Exclusivity
ExclusivityExclusivity
Exclusivity
 
Presentación cocinas
Presentación cocinasPresentación cocinas
Presentación cocinas
 
2 noticias de la semana 13
2 noticias de la semana 132 noticias de la semana 13
2 noticias de la semana 13
 

Similar a Imagen

Concepto de totalidad y Ley de Gastalt.
Concepto de totalidad y Ley de Gastalt.Concepto de totalidad y Ley de Gastalt.
Concepto de totalidad y Ley de Gastalt.AllenRG
 
Fundamentos visuales del diseño_tema1.pptx
Fundamentos visuales del diseño_tema1.pptxFundamentos visuales del diseño_tema1.pptx
Fundamentos visuales del diseño_tema1.pptxLejuCastro
 
Clase 2 teoría del diseño gráfico. elementos de la imagen
Clase 2   teoría del diseño gráfico. elementos de la imagenClase 2   teoría del diseño gráfico. elementos de la imagen
Clase 2 teoría del diseño gráfico. elementos de la imagenOlmedo Morales
 
Claseilustraciongrafica 110816231631-phpapp02
Claseilustraciongrafica 110816231631-phpapp02Claseilustraciongrafica 110816231631-phpapp02
Claseilustraciongrafica 110816231631-phpapp02Priscila García
 
Elementos formales del diseño
Elementos formales del diseñoElementos formales del diseño
Elementos formales del diseñoCaty Arambula
 
Sesion 2 composicion
Sesion 2 composicionSesion 2 composicion
Sesion 2 composicioneme2525
 
EducacióN PláStica
EducacióN PláSticaEducacióN PláStica
EducacióN PláSticaguest9ca900
 
Principios de Diseño
Principios de DiseñoPrincipios de Diseño
Principios de DiseñoKevin Huertas
 
Tema 1 percepción y lectura de imágenes
Tema 1  percepción y lectura de imágenesTema 1  percepción y lectura de imágenes
Tema 1 percepción y lectura de imágenesmpazmv
 
Fundamentos y elementos del diseño gráfico-Andrea Sandoval- Melissa Bolagay-T...
Fundamentos y elementos del diseño gráfico-Andrea Sandoval- Melissa Bolagay-T...Fundamentos y elementos del diseño gráfico-Andrea Sandoval- Melissa Bolagay-T...
Fundamentos y elementos del diseño gráfico-Andrea Sandoval- Melissa Bolagay-T...Andy Sandoval
 
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...Arlen Mosquera
 
Fundamentos y elementos del diseño
Fundamentos y elementos del diseñoFundamentos y elementos del diseño
Fundamentos y elementos del diseñoEdu Barros
 
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...Juliana Yp
 
Imagen publicitaria _sabado_11
Imagen publicitaria _sabado_11Imagen publicitaria _sabado_11
Imagen publicitaria _sabado_11guillermoaries07
 
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...Arlen Mosquera
 

Similar a Imagen (20)

Presentacion de la imagen
Presentacion de la imagenPresentacion de la imagen
Presentacion de la imagen
 
Concepto de totalidad y Ley de Gastalt.
Concepto de totalidad y Ley de Gastalt.Concepto de totalidad y Ley de Gastalt.
Concepto de totalidad y Ley de Gastalt.
 
Fundamentos visuales del diseño_tema1.pptx
Fundamentos visuales del diseño_tema1.pptxFundamentos visuales del diseño_tema1.pptx
Fundamentos visuales del diseño_tema1.pptx
 
El lenguaje visual epva
El lenguaje visual epvaEl lenguaje visual epva
El lenguaje visual epva
 
Clase 2 teoría del diseño gráfico. elementos de la imagen
Clase 2   teoría del diseño gráfico. elementos de la imagenClase 2   teoría del diseño gráfico. elementos de la imagen
Clase 2 teoría del diseño gráfico. elementos de la imagen
 
Diseño grafico
Diseño graficoDiseño grafico
Diseño grafico
 
Claseilustraciongrafica 110816231631-phpapp02
Claseilustraciongrafica 110816231631-phpapp02Claseilustraciongrafica 110816231631-phpapp02
Claseilustraciongrafica 110816231631-phpapp02
 
Elementos formales del diseño
Elementos formales del diseñoElementos formales del diseño
Elementos formales del diseño
 
Sesion 2 composicion
Sesion 2 composicionSesion 2 composicion
Sesion 2 composicion
 
Fundamentos de la Imagen
Fundamentos de la ImagenFundamentos de la Imagen
Fundamentos de la Imagen
 
EducacióN PláStica
EducacióN PláSticaEducacióN PláStica
EducacióN PláStica
 
Principios de Diseño
Principios de DiseñoPrincipios de Diseño
Principios de Diseño
 
Diseño grafico
Diseño graficoDiseño grafico
Diseño grafico
 
Tema 1 percepción y lectura de imágenes
Tema 1  percepción y lectura de imágenesTema 1  percepción y lectura de imágenes
Tema 1 percepción y lectura de imágenes
 
Fundamentos y elementos del diseño gráfico-Andrea Sandoval- Melissa Bolagay-T...
Fundamentos y elementos del diseño gráfico-Andrea Sandoval- Melissa Bolagay-T...Fundamentos y elementos del diseño gráfico-Andrea Sandoval- Melissa Bolagay-T...
Fundamentos y elementos del diseño gráfico-Andrea Sandoval- Melissa Bolagay-T...
 
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...
 
Fundamentos y elementos del diseño
Fundamentos y elementos del diseñoFundamentos y elementos del diseño
Fundamentos y elementos del diseño
 
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...
 
Imagen publicitaria _sabado_11
Imagen publicitaria _sabado_11Imagen publicitaria _sabado_11
Imagen publicitaria _sabado_11
 
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...
 

Más de Eduardo Reyes

Conocimiento e investigación
Conocimiento e investigaciónConocimiento e investigación
Conocimiento e investigaciónEduardo Reyes
 
Tipos de investigacion
Tipos de investigacionTipos de investigacion
Tipos de investigacionEduardo Reyes
 
Herramientas para la comprensión lectora.
Herramientas para la comprensión lectora.Herramientas para la comprensión lectora.
Herramientas para la comprensión lectora.Eduardo Reyes
 
PORTAFOLIO DE PRESENTACIÓN
PORTAFOLIO DE PRESENTACIÓNPORTAFOLIO DE PRESENTACIÓN
PORTAFOLIO DE PRESENTACIÓNEduardo Reyes
 
Portafolio de presentacion
Portafolio de presentacionPortafolio de presentacion
Portafolio de presentacionEduardo Reyes
 
Portafolio de evaluación
Portafolio de evaluaciónPortafolio de evaluación
Portafolio de evaluaciónEduardo Reyes
 
Cuestionario a alumnos
Cuestionario a alumnosCuestionario a alumnos
Cuestionario a alumnosEduardo Reyes
 
Cuestionario a expertos en TICS
Cuestionario a expertos en TICSCuestionario a expertos en TICS
Cuestionario a expertos en TICSEduardo Reyes
 
PORTAFOLIO DE TRABAJO
PORTAFOLIO DE TRABAJOPORTAFOLIO DE TRABAJO
PORTAFOLIO DE TRABAJOEduardo Reyes
 
Las concepciones del cuerpo y su influencia en el
Las concepciones del cuerpo y su influencia en elLas concepciones del cuerpo y su influencia en el
Las concepciones del cuerpo y su influencia en elEduardo Reyes
 
Programa del II Festival del Rio Papaloapan, El Secuestro de las Mariposas
Programa del II Festival del Rio Papaloapan, El Secuestro de las MariposasPrograma del II Festival del Rio Papaloapan, El Secuestro de las Mariposas
Programa del II Festival del Rio Papaloapan, El Secuestro de las MariposasEduardo Reyes
 
PRIMER CONGRESO INTERNACIONAL DE INTERVENCIÓN EDUCATIVA
PRIMER CONGRESO INTERNACIONAL DE INTERVENCIÓN EDUCATIVAPRIMER CONGRESO INTERNACIONAL DE INTERVENCIÓN EDUCATIVA
PRIMER CONGRESO INTERNACIONAL DE INTERVENCIÓN EDUCATIVAEduardo Reyes
 
CONVOCATORIA PRIMER CONGRESO INTERNACIONAL DE INTERVENCIÓN EDUCATIVA
CONVOCATORIA PRIMER CONGRESO INTERNACIONAL DE INTERVENCIÓN EDUCATIVACONVOCATORIA PRIMER CONGRESO INTERNACIONAL DE INTERVENCIÓN EDUCATIVA
CONVOCATORIA PRIMER CONGRESO INTERNACIONAL DE INTERVENCIÓN EDUCATIVAEduardo Reyes
 
!Fuego, fuego! Publicado por Miguel Ángel Santos Guerra | 19 Noviembre, 2011
!Fuego, fuego!  Publicado por Miguel Ángel Santos Guerra | 19 Noviembre, 2011!Fuego, fuego!  Publicado por Miguel Ángel Santos Guerra | 19 Noviembre, 2011
!Fuego, fuego! Publicado por Miguel Ángel Santos Guerra | 19 Noviembre, 2011Eduardo Reyes
 
Comunicación, educación y tecnología en la sociedad de la información
Comunicación, educación y tecnología en la sociedad de la informaciónComunicación, educación y tecnología en la sociedad de la información
Comunicación, educación y tecnología en la sociedad de la informaciónEduardo Reyes
 
Ética y comunicación en el aula
Ética y comunicación en el aulaÉtica y comunicación en el aula
Ética y comunicación en el aulaEduardo Reyes
 
El papel comunicativo del docente en el aula virtual
El papel comunicativo del docente en el aula virtualEl papel comunicativo del docente en el aula virtual
El papel comunicativo del docente en el aula virtualEduardo Reyes
 

Más de Eduardo Reyes (20)

Conocimiento e investigación
Conocimiento e investigaciónConocimiento e investigación
Conocimiento e investigación
 
Tipos de investigacion
Tipos de investigacionTipos de investigacion
Tipos de investigacion
 
Herramientas para la comprensión lectora.
Herramientas para la comprensión lectora.Herramientas para la comprensión lectora.
Herramientas para la comprensión lectora.
 
PORTAFOLIO DE PRESENTACIÓN
PORTAFOLIO DE PRESENTACIÓNPORTAFOLIO DE PRESENTACIÓN
PORTAFOLIO DE PRESENTACIÓN
 
Portafolio de presentacion
Portafolio de presentacionPortafolio de presentacion
Portafolio de presentacion
 
Portafolio de evaluación
Portafolio de evaluaciónPortafolio de evaluación
Portafolio de evaluación
 
Cuestionario a alumnos
Cuestionario a alumnosCuestionario a alumnos
Cuestionario a alumnos
 
Cuestionario a expertos en TICS
Cuestionario a expertos en TICSCuestionario a expertos en TICS
Cuestionario a expertos en TICS
 
PORTAFOLIO DE TRABAJO
PORTAFOLIO DE TRABAJOPORTAFOLIO DE TRABAJO
PORTAFOLIO DE TRABAJO
 
Las concepciones del cuerpo y su influencia en el
Las concepciones del cuerpo y su influencia en elLas concepciones del cuerpo y su influencia en el
Las concepciones del cuerpo y su influencia en el
 
Que es la_salud
Que es la_saludQue es la_salud
Que es la_salud
 
Programa del II Festival del Rio Papaloapan, El Secuestro de las Mariposas
Programa del II Festival del Rio Papaloapan, El Secuestro de las MariposasPrograma del II Festival del Rio Papaloapan, El Secuestro de las Mariposas
Programa del II Festival del Rio Papaloapan, El Secuestro de las Mariposas
 
Aviso urgente
Aviso urgenteAviso urgente
Aviso urgente
 
Triptico
TripticoTriptico
Triptico
 
PRIMER CONGRESO INTERNACIONAL DE INTERVENCIÓN EDUCATIVA
PRIMER CONGRESO INTERNACIONAL DE INTERVENCIÓN EDUCATIVAPRIMER CONGRESO INTERNACIONAL DE INTERVENCIÓN EDUCATIVA
PRIMER CONGRESO INTERNACIONAL DE INTERVENCIÓN EDUCATIVA
 
CONVOCATORIA PRIMER CONGRESO INTERNACIONAL DE INTERVENCIÓN EDUCATIVA
CONVOCATORIA PRIMER CONGRESO INTERNACIONAL DE INTERVENCIÓN EDUCATIVACONVOCATORIA PRIMER CONGRESO INTERNACIONAL DE INTERVENCIÓN EDUCATIVA
CONVOCATORIA PRIMER CONGRESO INTERNACIONAL DE INTERVENCIÓN EDUCATIVA
 
!Fuego, fuego! Publicado por Miguel Ángel Santos Guerra | 19 Noviembre, 2011
!Fuego, fuego!  Publicado por Miguel Ángel Santos Guerra | 19 Noviembre, 2011!Fuego, fuego!  Publicado por Miguel Ángel Santos Guerra | 19 Noviembre, 2011
!Fuego, fuego! Publicado por Miguel Ángel Santos Guerra | 19 Noviembre, 2011
 
Comunicación, educación y tecnología en la sociedad de la información
Comunicación, educación y tecnología en la sociedad de la informaciónComunicación, educación y tecnología en la sociedad de la información
Comunicación, educación y tecnología en la sociedad de la información
 
Ética y comunicación en el aula
Ética y comunicación en el aulaÉtica y comunicación en el aula
Ética y comunicación en el aula
 
El papel comunicativo del docente en el aula virtual
El papel comunicativo del docente en el aula virtualEl papel comunicativo del docente en el aula virtual
El papel comunicativo del docente en el aula virtual
 

Último

La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...JonathanCovena1
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónLourdes Feria
 
Ley 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularLey 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularMooPandrea
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMarjorie Burga
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICAÁngel Encinas
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptxFelicitasAsuncionDia
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfNancyLoaa
 
Valoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCVValoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCVGiustinoAdesso1
 
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática5    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática5    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptxdeimerhdz21
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñotapirjackluis
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos
 
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Alejandrino Halire Ccahuana
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxzulyvero07
 
plande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfplande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfenelcielosiempre
 

Último (20)

La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
Ley 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularLey 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circular
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grande
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptx
 
Power Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptxPower Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptx
 
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdfTema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdf
 
Valoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCVValoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCV
 
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática5    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática5    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptx
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
 
plande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfplande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdf
 
Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 
Sesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronósticoSesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronóstico
 

Imagen

  • 1. PRODUCCIÓN DE MULTIMEDIA EDUCATIVO Sesión 7 Etapa de Desarrollo II - Imagen Visual Fija Lección 7.1 Visión general Objetivo En esta sesión analizarás los principales elementos y herramientas para la producción de objetos de aprendizaje con imagen visual fija. En esta sesión Ilustración 7-1 Mapa de la sesión MAESTRÍA EN EDUCACIÓN - PÁGINA 125
  • 2. PRODUCCIÓN DE MULTIMEDIA EDUCATIVO Lección 7.2 Composición de la imagen visual fija La imagen La imagen es un soporte de comunicación visual que, según Abraham Moles, “materializa, representándolo, un fragmento del entorno óptico del mundo real o posible, susceptible de subsistir a través del tiempo y que constituye uno de los componentes principales de los mass media: fotografía, pintura, ilustraciones, escultura, cine, televisión” (Moles, 1975). Este soporte puede ser parte de productos que se crean en computadora, así como de representaciones visuales e incluso imaginarias que proporciona la naturaleza. Composición de la imagen La composición de la imagen es la forma en que se organizan los elementos que la conforman. Una buena composición puede lograr que la imagen sea poderosa e interesante. La composición sigue una serie de principios para ordenar los elementos de manera efectiva: ELEMENTOS PRINCIPIOS Color Balance Espacio Contraste Forma Énfasis Línea Composición Gradación Tamaño Patrón Textura Proporción Valor Tercios Ilustración 7-2 Composición: elementos y principios de la imagen La composición es entonces la forma en que se combinan los distintos elementos para formar un todo, de acuerdo con un conjunto de principios. A continuación se describen los elementos y principios de la imagen. MAESTRÍA EN EDUCACIÓN - PÁGINA 126
  • 3. PRODUCCIÓN DE MULTIMEDIA EDUCATIVO Lección 7.3 Elementos de la imagen Elementos En toda imagen existen los siguientes elementos: • Color • Espacio • Forma • Línea • Tamaño • Textura • Valores A continuación se explica brevemente y se ejemplifica cada uno de ellos. Color El color es la característica percibida de una superficie de acuerdo con la longitud de onda o la luz reflejada desde ésta. El color posee tres dimensiones: tinte (otra palabra para color, indicada por su nombre así como rojo o amarillo), valor (su luminosidad o oscuridad) e intensidad (su brillo u opacidad). Los colores se dividen en: primarios (rojo, azul y amarillo) y secundarios (verde, naranja y violeta). Ilustración 7-3 Ejemplo de figura con colores variados, luminosos e intensos Espacio El espacio es el área vacía o abierta entre, alrededor, arriba o debajo de objetos. Figuras y formas son realizadas en el espacio. El espacio positivo es rellenado con formas o figuras. El espacio negativo es el que rodea a una forma o figura. Ilustración 7-4 Ejemplo de figura en la que el espacio puede interpretarse de dos formas Continúa en la siguiente página MAESTRÍA EN EDUCACIÓN - PÁGINA 127
  • 4. PRODUCCIÓN DE MULTIMEDIA EDUCATIVO Elementos de la imagen, continuación Forma La forma es la configuración o estructura de un objeto. Las formas tienen ancho y largo si son bidimensionales, o tienen ancho, largo y profundidad si son tridimensionales. Las formas se crean con líneas explícitas o implícitas en un espacio. Un cambio en el color o en el sombreado puede definir una forma. Las formas pueden ser: geométricas (cuadrado, triángulo, círculo, etc.) y orgánicas (de contorno irregular semejante a las figuras naturales). Ilustración 7-5 Ejemplo de figura con formas redondeadas Línea Una línea es una marca con longitud y dirección, surge a partir de un punto que se desplaza a lo largo de una superficie. Es el medio más simple de representación gráfica. Define contornos, une o separa áreas y establece distancias. Las líneas pueden ser curvas, rectas, horizontales, verticales o diagonales, pueden variar en longitud, ancho, dirección, curvatura y color. Puede ser de dos dimensiones o simular el efecto de tres dimensiones. Ilustración 7-6 Ejemplo de líneas que sugieren movimiento Tamaño El tamaño es la variación de las proporciones de los objetos, líneas o formas. La variación de tamaño se da en objetos reales o imaginarios. Ilustración 7-7 Ejemplo de figura que resalta los tamaños Continúa en la siguiente página MAESTRÍA EN EDUCACIÓN - PÁGINA 128
  • 5. PRODUCCIÓN DE MULTIMEDIA EDUCATIVO Elementos de la imagen, continuación Textura La textua es la cualidad de la superficie de un objeto que hace imaginar una sensación táctil. La textura es la forma como se siente o se sentiría la superficie. La textura puede ser natural o artificial. Ilustración 7-8 Ejemplo de figura con varias texturas Valor El valor indica qué tan oscuro o claro se ve algo. Los valores cambian según la cantidad de blanco o negro que se le agregue a dicho color. Ilustración 7-9 Ejemplo de figura con valores contrastantes MAESTRÍA EN EDUCACIÓN - PÁGINA 129
  • 6. PRODUCCIÓN DE MULTIMEDIA EDUCATIVO Lección 7.4 Principios de la imagen Principios Al crear imágenes visuales fijas, es importante considerar los principios de: • Balance • Contraste • Énfasis • Gradación • Patrones • Proporción • Tercios A continuación se explica y se ejemplifica brevemente cada uno de ellos. Balance El balance es el sentido de equidad visual en una forma. A través del balance se pueden controlar de manera simétrica o uniforme los elementos de objetos, valores, colores, texturas, formas, etc. El balance también se toma en cuenta para la composición. La falta de balance o desequilibrio puede producir efectos interesantes en las imágenes. Ilustración 7-10 Figura balanceada Contraste El contraste es la fusión de los elementos opuestos. Por ejemplo: luz y sombra, frío y color, brillo y opacidad. Ilustración 7-11 Figura creada con contrastes Continúa en la siguiente página MAESTRÍA EN EDUCACIÓN - PÁGINA 130
  • 7. PRODUCCIÓN DE MULTIMEDIA EDUCATIVO Principios de la imagen, continuación Énfasis El énfasis es el uso de algún recurso para hacer notar un elemento por sobre otros. El centro de interés o punto foco es el lugar del dibujo que busca atraer al perceptor para enfocar su mirada. Ilustración 7-12 Figura que tiene un foco de interés Gradación La gradación es el tamaño y dirección que puede apreciarse como resultado de una perspectiva lineal. La gradación del color es la variación del mismo, que puede ir de gamas cálidas a frías, o de tonos oscuros a claros. La gradación es un recurso que puede dotar de aparente movimiento a una forma. Por ejemplo, una gradación que va de oscuro a claro puede producir que el perceptor mueva su cabeza para ver a lo largo de la forma. Ilustración 7-13 Figura que sugiere movimiento Patrones Los patrones son tendencias creadas a través de la repetición de un elemento, que puede ser una línea, una forma o un color. Los patrones suelen producir efectos agradables. Ilustración 7-14 Figura con patrones repetitivos Continúa en la siguiente página MAESTRÍA EN EDUCACIÓN - PÁGINA 131
  • 8. PRODUCCIÓN DE MULTIMEDIA EDUCATIVO Principios de la imagen, continuación Proporción La proporción describe el tamaño, ubicación o el valor de una cosa en comparación con otra. Ilustración 7-15 Figura que compara tamaños Regla de los tercios La regla de los tercios divide la escena en tres partes, de forma tanto horizontal como vertical. Las líneas que delimitan los tercios se unen en puntos estéticamente adecuados para situar el centro de interés, puntos que marcan los lugares donde se hace más atractivos los objetos y que se llaman puntos fuertes. Al realizar esta acción se busca que la imagen sea más atractiva y menos estática al no tener el centro como punto fuerte. Esta regla es válida tanto para el dibujo y la pintura como para la fotografía. Ilustración 7-16 Figura que cumple con la regla de los tercios MAESTRÍA EN EDUCACIÓN - PÁGINA 132
  • 9. PRODUCCIÓN DE MULTIMEDIA EDUCATIVO Lección 7.5 Formas de obtener imágenes Medios de presentación y de origen Existen varias formas en las que son creadas y más tarde reproducidas las imágenes. Para obtener de alguna fuente o crear imágenes propias es preciso tomar en cuenta varios aspectos: 1. El objetivo de la imagen 2. El perfil del público al que se dirige (aspectos y rasgos culturales, sociales y técnicos) 3. Los recursos técnicos de los destinatarios 4. Los recursos técnicos de quien creará la imagen 5. La forma en que se presentará la imagen 6. La forma en que comúnmente se distribuirá la imagen A partir del diseño detallado se tendrá ya la lista de imágenes que debe incluir el producto multimedia. Cómo obtener imágenes Si bien las imágenes pueden crearse de diversas formas, para la elaboración de productos multimedia basados en la computadora las imágenes deben poseer un formato digital. Algunas posibles fuentes de imágenes fijas digitales son: • Fotografías digitales • Videos • Internet • Documentos electrónicos existentes • La creación o modificación a través algún software específico • Digitalización con escáner En seguida se describen algunas de las características de estas fuentes de imágenes y cómo pueden aprovecharse una vez que se encuentran en el formato necesario. Continúa en la siguiente página MAESTRÍA EN EDUCACIÓN - PÁGINA 133
  • 10. PRODUCCIÓN DE MULTIMEDIA EDUCATIVO Formas de obtener imágenes, continuación Fotografías digitales Se toma la fotografía directamente en la cámara y se descarga como un archivo en la computadora para su almacenamiento y manipulación. La fotografía puede descargarse en la computadora u otro dispositivo mediante un cable, una tarjeta de almacenamiento o por transmisión inalámbrica. Las imágenes así digitalizadas pueden manipularse con programas específicos para ello, como Adobe PhotoShop, InkScape, Corel Paint, Gimp, etc.; o pueden insertarse y modificarse de manera sencilla con programas como Word o PowerPoint. También pueden visualizarse con un software apropiado (como el visor de imágenes de Windows) y proyectarse en el monitor o cualquier otro dispositivo. Así, las imágenes podrán utilizarse para elaborar algún material multimedia con un nuevo sentido distinto al original. Una fotografía digital puede tomarse con diversos dispositivos como cámaras fotográficas digitales, videocámaras digitales, teléfono celular, computadoras de mano o PDAs, etc. Videos El video, como se sabe, está formado por una serie de imágenes fijas de las cuales es posible seleccionar algunas, si se cuenta con el archivo correspondiente, la computadora y el software necesario para ello. Al igual que en el caso de las fotografías digitales, estas imágenes pueden manipularse para darles nuevos usos, retocarlas, seleccionar una parte, crear colecciones digitales, elaborar de audiovisuales, etc. Las imágenes así extraidas pueden ser modificadas por los programas ya mencionados y utilizarse para distintos fines. Internet Es posible obtener fotografías, esquemas, ilustraciones, etc. a través de búsquedas en Internet. Los buscadores más populares como Google (www.google.com) o Altavista (www.altavista.com) tienen opciones para la búsqueda específica de imágenes. Las imágenes fijas que se encuentran en Internet por lo general aparecen en los formatos JPG (Joint Photographic Experts Group), GIF (Graphics Interchange Format) o PNG (Portable Network Graphics). Dichas imágenes suelen estar en bancos de imágenes, galerías, repositorios de objetos de aprendizaje y en general en cualquier archivo publicado. Para guardar una imagen que se encuentre en Internet sólo hay que colocar el cursor sobre ella, hacer clic con el botón derecho del ratón y en el menú que se despliega elegir Guardar imagen como, con lo cual aparecerá una ventana donde puede elegirse dónde guardar la imagen. En este menú aparece también la opción Propiedades que permite conocer las características de la imagen. Otra opción es elegir del mismo menú que aparece al colocar el cursor sobre la imagen y hacer clic con el botón derecho en Copiar, luego colocarse en la parte elegida del documento donde se desee insertar y elegir Pegar. Es importante señalar que algunas imágenes no permiten ser copiadas y otras está protegidas por derechos de autor, mismos que deberán respetarse. Continúa en la siguiente página MAESTRÍA EN EDUCACIÓN - PÁGINA 134
  • 11. PRODUCCIÓN DE MULTIMEDIA EDUCATIVO Formas de obtener imágenes, continuación Documentos electrónicos Son imágenes que han sido ya colocadas en algún archivo electrónico. Pueden provenir de fotografía digital, ser parte de un video, ser captadas por una web cam, obtenerse de Internet, ser dibujadas a mano y colocadas en un archivo, etc. En muchos casos puede obtenerse la imagen con el procedimiento de Copiar-Pegar descrito arriba. Si son parte de un documento en el formato PDF (Portable Digital Format) la imagen puede copiarse al portapapeles con la herramienta Tomar foto, a través del icono de una cámara fotográfica que aparece en el menú principal, y despúes Pegar en donde se desee. También es posible usar software específico para copiar imágenes como Snag It o Print Key. Si el formato de la imagen y el software que la “lee” lo permiten, puede guardarse la imagen sin pegarse en otro documento, es decir de manera autónoma en su archivo propio, bajo su formato de imagen específico, utilizando el procedimiento descrito en el punto anterior. Creación o modificación de imágenes Si se tiene la habilidad para ello, es posible elaborar dibujos originales en dos formas básicas: a) Dibujar de manera tradicional en papel y luego digitalizar la imagen resultante a través del escáner. b) Dibujar en una tableta digital con una pluma inalámbrica, diseñada específicamente para ello, utilizando un software como InkScape, Gimp, Adobe Illustrator, ArtRage, Corel Paint, etc. Asimismo, si se cuenta con imágenes ya digitalizadas, sean de tipo dibujo o fotografía, es posible editarlas, fusionarlas, modificarlas, etc. Escáner El escáner es un dispositivo que explora un espacio o imagen, y los traduce en señales eléctricas para su procesamiento. Todas aquellas imágenes que sean suceptibles de ser colocadas en un escáner podrán ser reproducidas en la computadora para su posterior manipulación. La imagen, de tener un soporte en papel o cualquier otro medio no digital, se convierte a formato digital, es decir, se convierte en información que el lenguaje de la máquina reconoce y reproduce: se convierte en bits. Las imágenes que se obtienen de escáner son cada vez más precisas, incluso existen escáners que funcionan con base en ultrasonido y permiten obtener imágenes tridimensionales como es el caso de elementos que están fuera de la vista, como los bebés en el vientre materno o ciertos órganos del cuerpo. MAESTRÍA EN EDUCACIÓN - PÁGINA 135
  • 12. PRODUCCIÓN DE MULTIMEDIA EDUCATIVO Lección 7.6 Clasificación de las imágenes digitales Tipos de imágenes Las imágenes digitales que se manejan en la computadora pueden clasificarse en dos tipos: • Imágenes de mapa de bits o bitmaps • Imágenes vectoriales A continuación se explica cada una brevemente. Imágenes de mapa de bits Las imágenes de mapa de bits están formadas por pequeños puntos llamados píxeles. Cada píxel tiene un valor específico que indica su intensidad, misma que reconoce la computadora. Cuando las imágenes son a color, cada píxel tiene tres colores que representan su intensidad en colores primarios, que son el rojo, verde y azul (RGB de Red, Green, Blue). Cada bit puede ser de un solo color, si se tiene una imagen de 255 colores, cada píxel puede tomar uno de esos 255 colores. Ilustración 7-17 Imagen donde los pixeles son visibles Las fotografías suelen ser mapas de bits, así como algunos dibujos. Continúa en la siguiente página MAESTRÍA EN EDUCACIÓN - PÁGINA 136
  • 13. PRODUCCIÓN DE MULTIMEDIA EDUCATIVO Clasificación de las imágenes digitales, continuación Imágenes vectoriales Las imágenes vectoriales son creadas a partir de programas para realizar gráficos, están formadas a partir de líneas rectas, curvas y trazos geométricos que se controlan mediante operaciones matemáticas que realiza la computadora. Las líneas con las que se crea la imagen están definidas por vectores (de ahí su nombre). Una ventaja de la imagen vectorial es que puede ampliarse o reducirse en tamaño sin perder calidad. Es decir, en vez de crear una malla con miles o millones de puntos para trazar una línea, se indica a la computadora que trace una línea de una coordenada a otra. Así es posible dibujar círculos, cuadrados, triángulos y miles de formas. Ésta es la base de los llamados dibujos vectoriales (Sánchez-Muñoz, 2003). Los programas de dibujo vectorial los suelen representar de dos maneras: como representación completa (es decir, tal cual se imprimirán) y como líneas (es decir, sólo el esqueleto de las formas básicas, mucho menos pesado para la computadora). Los trazados (líneas curvas o rectas propias de un dibujo vectorial) se pueden modificar fácilmente, se almacenan en muy poco espacio y además son independientes de la resolución. Algunos programas con los que se pueden elaborar imágenes vectoriales son InkScape, Corel Paint, Adobe Illustrator o AutoCad. Ilustración 7-18 Ejemplo de imágenes vectoriales MAESTRÍA EN EDUCACIÓN - PÁGINA 137
  • 14. PRODUCCIÓN DE MULTIMEDIA EDUCATIVO Lección 7.7 Formatos de bitmaps Elementos Dentro de las imágenes formadas por mapas de bits, es importante identificar: • Las unidades de medición • Los tipos de bitmaps • El color • Los atributos de la imagen • Los formatos • Qué formato elegir A continuación se explica brevemente cada uno de ellos. Unidades de medición Un bit (apócope de binary digit) o dígito binario, es la unidad de información mínima que equivale a la elección entre dos posibilidades: 0 ó 1, encendido o apagado. La computadora detecta estos dos impulsos: sus valores y combinaciones son la base de la computación. La información que se almacena en un bit se agrupa en bytes, consistentes en conjuntos de 8 bits. De esta forma un byte puede representar cualquier número entre 0 y 255. A su vez, los bytes pueden agruparse en unidades mayores: Medida Equivale a 1 Kilobyte (Kb) equivale a 1024 bytes 1 Megabyte (Mb) equivale a 1024 Kb 1 Gigabyte (Gb) equivale a 1024 Mb Continúa en la siguiente página MAESTRÍA EN EDUCACIÓN - PÁGINA 138
  • 15. PRODUCCIÓN DE MULTIMEDIA EDUCATIVO Formatos de bitmaps, continuación Tipos de bitmaps Las imágenes formadas por mapas de bits pueden ser de tres tipos: • Las imágenes en blanco y negro están formadas por pixeles que sólo pueden tener esos dos valores. También se les llama imágenes de alto contraste. • En las imágenes en escala de grises cada píxel puede tener 256 valores distintos de los cuales el 0 es el negro y el 255 es el blanco. • Las imágenes en color RGB tienen tres bytes en cada píxel, es decir, 24 bits en tres grupos de ocho. Cada grupo puede colorearse siguiendo el sistema de color de los monitores de televisión, que se basan en tres canales de luz de color (rojo, verde y azul o Red-Green-Blue). De este modo se generan hasta 16, 777, 216 tonos de color (256 Rojo× 256 Verde × 256 Azul). A continuación se muestran ejemplos de cada tipo de imagen: Ilustración 7-19 Imagen binaria en blanco y negro Ilustración 7-20 Imagen en escala de grises Ilustración 7-21 Imagen en color RGB Continúa en la siguiente página MAESTRÍA EN EDUCACIÓN - PÁGINA 139
  • 16. PRODUCCIÓN DE MULTIMEDIA EDUCATIVO Formatos de bitmaps, continuación El color El uso de la combinación RGB no es único, también se puede encontrar otros estándares o modos de color, como el CMYK que se basa en los colores cyan: formado por cantidades iguales de verde y azul, magenta, amarillo y negro (del inglés Cyan, Magenta, Yellow, blacK). Este modo de color se emplea sobre todo para en la impresión de documentos. Ilustración 7-22 Colores RGB y CMYK Atributos de la imagen Es importante notar que el tamaño de la imagen, su resolución y el tamaño de su archivo, son aspectos diferentes, aunque relacionados entre sí: Atributos Características Tamaño de la Depende de sus dimensiones (ancho y alto) que imagen pueden medirse tanto en pixeles como en otras unidades, como puntos, picas, milímetros y centímetros. Resolución de la Se determina en pixeles por pulgada (ppp). Mientras imagen mayor es la resolución, son más los pixeles que caben en una pulgada y es menor el tamaño de los pixeles. Una imagen de mayor resolución será una imagen de mayor calidad. Tamaño del El tamaño del archivo de la imagen, como unidad de archivo información digitalizada se expresa en bits. Mientras mayor es la resolución, mayor es también el tamaño del archivo, puesto que es necesario almacenar más información. Al utilizar imágenes para productos multimedia deben tomarse en cuenta estos aspectos, para definir la forma en que se presentará los destinatarios. Deben crearse imágenes con el mínimo tamaño de archivo y calidad suficiente. Por ello se recomienda usar la resolución mínima que permita que la imagen se comprenda o, en caso de ser posible, usar imágenes vectoriales. La resolución y el tamaño de la imagen pueden determinarse al momento de crear una imagen. Más tarde pueden aumentarse o disminuirse con los programas adecuados, al igual que imágenes obtenidas por otros medios. Todos los programas para edición de imágenes tienen opciones para reducir el tamaño, resolución y memoria de almacenamiento. Continúa en la siguiente página MAESTRÍA EN EDUCACIÓN - PÁGINA 140
  • 17. PRODUCCIÓN DE MULTIMEDIA EDUCATIVO Formatos de bitmaps, continuación El formato Los formatos indican la manera en que está guardada una imagen digital en la computadora. Los formatos más comunes para imágenes en mapa de bits son los siguientes: Formato BMP (BitMaP) Es un formato particular del sistema operativo Windows de Microsoft y es el más simple de todos: define los valores de cada píxel, uno a uno, de abajo a arriba y barriendo las líneas de izquierda a derecha. El problema de este formato es que genera archivos muy grandes, aunque los datos se pueden comprimir. Se identifica en los archivos con la extensión *.bmp Formato GIF (Graphic Interchange Format) Es un formato muy utilizado en Internet, ideal para gráficos, dibujos, íconos o imágenes de muy pocos colores (soporta sólo hasta 256 colores) o con grandes áreas del mismo color; se pueden comprimir las imágenes sin pérdidas de datos. Para reducir el tamaño de un archivo GIF se puede disminuir el número de colores. No es adecuado para fotografías. Permite gráficos animados y transparencia en el fondo de la imagen, de manera que la parte transparente de la imagen adoptará el color del fondo de la página donde se coloca. Es el único formato que permite realizar animaciones que pueden verse rápidamente en el navegador, ya que primero la muestra a baja resolución y luego a la máxima hasta que se descarga por completo. Se identifica en los archivos con la extensión *.gif JPG o JPEG (Joint Photographic Experts Group) Soporta 16.7 millones de colores y es el más empleado (y adecuado) para las fotografías. Al contrario que GIF, su algoritmo de compresión elimina información de la imagen, por lo que cuanto más se comprime más se aprecia la pérdida de calidad (es posible ajustar el grado de compresión). Es el formato más utilizado en Internet para la reproducción de fotografías. Al descomprimir una imagen en JPG no se obtiene exactamente la misma imagen que se tenía antes de la compresión. Esa pérdida se acumula: cada vez que se abre y se vuelve a guardar la imagen se comprime y va perdiendo calidad, además los datos perdidos son irrecuperables. Por ello conviene almacenar una fotografía en un formato sin pérdidas (BMP o TIFF) y después se puede guardar la versión final en JPG para que ocupe menos espacio. Se identifica en los archivos con la extensión *.jpg Formato PICT Es el formato característico de la plataforma Macintosh. Permite ser comprimido sin perder calidad de imagen. Este formato de archivo es utilizado normalmente para transferir documentos entre programas de aplicación gráfica y de compaginación. Se identifica en los archivos con la extensión *.pic Continúa en la siguiente página MAESTRÍA EN EDUCACIÓN - PÁGINA 141
  • 18. PRODUCCIÓN DE MULTIMEDIA EDUCATIVO Formatos de bitmaps, continuación Formato PNG (Portable Network Graphics) Tiene las ventajas de los formatos GIF y JPG. Comienza a ser muy utilizado en Internet por su gran capacidad de compresión, sin pérdida de calidad y con posibilidades de transparencia. El formato permite imágenes con color verdadero, escala de grises y paleta de 8 bits. Al igual que el GIF es adecuado para imágenes con pocas variaciones de colores. Se identifica en los archivos con la extensión *.png Formato TIFF (Tagged-Image File Format) Se utiliza para imágenes de alta calidad que van a ser impresas. Es un formato propiedad de Adobe Systems empleado para intercambiar archivos (fotografías por lo general) entre distintas aplicaciones y plataformas (sirve tanto para PC como para Macintosh). Comprime las imágenes sin que haya pérdida de calidad pero el peso de los archivos es grande. Se identifica en los archivos con la extensión *.tif Formato XCF Formato propio del programa para manejo de imágenes GIMP. Permite almacenar las imágenes con capas y modificarlas posteriormente. Se identifica en los archivos con la extensión *.xcf Qué formato elegir Para cada necesidad se elige un formato específico, por lo general se considera que JPG es el mejor formato para las fotografías o cualquier imagen que pierda calidad con menos de 256 colores. Para gráficos, textos o combinaciones de ambos, GIF o PNG parecen ser la mejor opción en cuanto a calidad-peso del archivo. Cualquiera de estos tres formatos es adecuado para publicar imágenes en páginas web, colocarlas en productos a transimitr por la red o enviarlas por correo electrónico. Para fotografía de alta calidad se puede emplear la compresión sin pérdida del formato TIFF. En algunas cámaras digitales se pueden grabar las fotos en este formato, pero ocupan un 80% más de espacio que si se guardan en formato JPG. A continuación se muestran los archivos de una misma imagen almacenada en diversos formatos. Es importante comparar la cantidad de memoria que cada una requiere: Ilustración 7-23 Comparación de la misma imagen con diversos formatos MAESTRÍA EN EDUCACIÓN - PÁGINA 142
  • 19. PRODUCCIÓN DE MULTIMEDIA EDUCATIVO Lección 7.8 Formatos de imagen vectorial Introducción Los formatos de imagen vectorial están generalmente asociados a los programas que permiten producir este tipo de imágenes. A continuación se describen algunos de ellos. Formatos En el caso de las imágenes vectoriales, los formatos de mayor uso son los siguientes: Formato AI (Adobe Illustrator) Formato específico de este software. Se identifica en los archivos con la extensión *.ai Formato CDR (Corel Draw) Formato específico de este software. Se identifica en los archivos con la extensión *.cdr Formato EPS (Encapsulated Postcript) Formato utilizado habitualmente para exportar imágenes de mapa de bits a trazados vectoriales. Se identifica en los archivos con la extensión *.eps Formato PDF (Portable Document Format) Es compatible entre las plataformas Macintosh y PC, usado fundamentalmente para crear documentos que puedan descargarse de Internet. Se identifica en los archivos con la extensión *.pdf Formato SWF (Shockwave Flash) Formato para imágenes vectoriales para animación web con Macromedia Flash. Se identifica en los archivos con la extensión *.swf Formato WMF (Windows MetaFile) Es el formato que mejor se adapta a los distintos programas de dibujo elaborados con herramientas Microsoft. Se identifica en los archivos con la extensión *.wmf MAESTRÍA EN EDUCACIÓN - PÁGINA 143
  • 20. PRODUCCIÓN DE MULTIMEDIA EDUCATIVO Lección 7.9 Software para crear y modificar imágenes Introducción Las imágenes que se utilizan para un producto multimedia educativo son por lo general digitales, ya sea desde su origen o a través de alguna técnica, como la fotografía, el video digital o el escáner. La creación, tratamiento y manipulación de las imágenes digitales se realiza cada vez a través de programas que son cada vez más sencillos en su uso y más potentes en sus posibilidades. Cabe señalar que si bien existen programas especiales para el tratamiento de imágenes y la ilustración, muchos otros programas creados para otros fines, como los procesadores de textos o aquellos con los que se crean presentaciones o páginas web, incorporan herramientas básicas de manipulación de imágenes entre sus funciones. Por supuesto, los programas dedicados a la edición de imágenes (Adobe Photoshop, Adobe Illustrator, Corel Draw, Corel Paint, GIMP, InkScape, etc.), tienen mayores posibilidades pero demandan también mayores conocimientos del usuario, tanto de la teoría de la imagen como de la propia herramienta. En esta sesión se explica brevemente el uso de las herramientas de Microsoft. Opciones de Microsoft Las herramientas para crear y modificar imágenes se encuentran en las barras de herramientas Dibujo e Imagen, disponibles en Word, PowerPoint y FrontPage. Existen tres formas de visualizar estas barras: • Elige la opción Ver del menú principal, luego seleccionar Barras de Herramientas y verificar que estén marcadas Dibujo e Imagen. Con esta acción deben ser visibles ambas barras, en la parte superior o inferior de la pantalla. • Haz doble clic sobre la imagen y aparecerá el menú Formato de imagen. Cuando se hace doble clic sobre una imagen que se ha insertado desde otro programa, se activa el menú Edición de imagen y, si el formato de la imagen es compatible, se abre el programa original para modificar la figura. • Coloca el cursor sobre la imagen y haz clic con el botón derecho, entonces aparecerá un menú con opciones para la imagen. En el caso de PowerPoint una de las opciones es Guardar como imagen, es decir, permite guardar un objeto o un conjunto de formas e imágenes seleccionadas como una imagen de forma independiente, incluso permite la conversión a varios formatos de imagen. Continúa en la siguiente página MAESTRÍA EN EDUCACIÓN - PÁGINA 144
  • 21. PRODUCCIÓN DE MULTIMEDIA EDUCATIVO Software para crear y modificar imágenes, continuación Barra de imagen La barra de imagen tiene once funciones que se describen a continuación: 1. Insertar imagen 2. Modificar el color para crear imágenes en blanco y negro, escala de grises o fondo de agua 3. Aumentar o disminuir brillo y contraste 4. Recortar la imagen 5. Girar la imagen 6. Hacer más gruesa o delgada una línea 7. Comprimir la imagen 8. Ajustar la imagen con respecto al texto 9. Modificar el formato de la imagen 10. Convertir un color en transparente 11. Restablecer la imagen en su forma original antes de los cambios realizados Continúa en la siguiente página MAESTRÍA EN EDUCACIÓN - PÁGINA 145
  • 22. PRODUCCIÓN DE MULTIMEDIA EDUCATIVO Software para crear y modificar imágenes, continuación Barra de dibujo Al utilizar la barra de dibujo se tienen 20 opciones: 1. Con el botón Dibujar es posible: • Agrupar, desagrupar y reagrupar imágenes seleccionadas • Ordenar la imagen con respecto a otras (arriba o abajo) • Visualizar una cuadrícula guía • Empujar la imagen hacia abajo, arriba, izquierda o derecha • Alinear o distribuir varios objetos • Girar o voltear la imagen • Ajustar la imagen con respecto al texo • Redistribuir conectores de dibujos • Modificar los puntos de una imagen vectorial • Cambiar una forma por otra • Aplicar valores predeterminados de las autoformas 2. Al activar el botón Seleccionar objetos el cursor cambia a una modalidad en la que es sencillo seleccionar las imágenes que se encuentren a la vista, incluso de una manera rápida pueden elegirse varios objetos simplemente al marcar un cuadro que abarque todas las imágenes. 3. El botón Autoformas permite dibujar figuras a las que se les puede añadir texto dentro de su área (excepto a las líneas y conectores). 4. El botón Línea permite dibujar líneas con distintas inclinaciones. 5. El botón Flecha permite dibujar flechas en varias direcciones. 6. Al seleccionar el icono de Cuadro de texto es posible introducir texto independiente en cualquier parte del contenido 7. Rectángulo, es un botón que activa la opción para dibujar un rectángulo; si se oprime simultáneamente la tecla Shift o mayúsculas, se crea un cuadrado. 8. Elipse, este botón permite dibujar una elipse; si se presiona simultáneamente la tecla Shift o mayúsculas, se crea un círculo. 9. El botón de Word Art permite introducir letreros, frases, títulos y apoyos de tipografía más vistosa pero poco original. 10. El botón Insertar diagrama u organigrama permite introducir este tipo de figuras. Al seleccionarlo se activa una nueva barra de herramientas para utilizar esta función. Continúa en la siguiente página MAESTRÍA EN EDUCACIÓN - PÁGINA 146
  • 23. PRODUCCIÓN DE MULTIMEDIA EDUCATIVO Software para crear y modificar imágenes, continuación 11. Insertar imagen prediseñada permite introducir con un menú directo una imagen almacenada por el programa. No se recomienda usar estas imágenes. 12. El botón Insertar imagen permite introducir en algún archivo de imagen con el que ya se cuenta. 13. El Color de relleno permite colocar o eliminar un color determinado dentro del área de los objetos ya dibujados o que se han insertado. Es posible elegir texturas, tramas, otras imágenes, degradados y efectos en los colores. 14. El Color de línea es una opción que modifica el color de la línea que marca el contorno de los objetos, o la elimina, si no se quiere conservar contorno. 15. El Color de fuente realiza un cambio en el color del texto selecccionado. 16. El Estilo de línea proporciona opciones de grosor y estilo de la línea seleccionada. 17. El Estilo de guión facilita el cambio de estilos de líneas punteadas 18. El Estilo de flecha, cambia los estilos de la punta de la flecha o de la línea. 19. El Estilo de sombra permite colocar una sombra en diferentes partes del objeto, lo que le da cierta profundidad. 20. El Estilo 3D es una herramienta que da perspectiva al objeto, misma que se selecciona de entre varias opciones. En PowerPoint además es posible seleccionar cada imagen o varias a la vez y guardarlas como un solo objeto con formato de imagen, esto se consigue al colocarse sobre la imagen o sobre las imágenes previamentre seleccionadas a la vez en una diapositiva, hacer clic con el botón derecho y elegir Guardar como imagen, aparecerá un cuadro de diálogo donde se podrá escribir el nombre de la imagen y el sitio donde se guardará. Las opciones del formato para guardar la imagen son las más comunes que aceptan los programas y aplicaciones de uso generalizado. Continúa en la siguiente página MAESTRÍA EN EDUCACIÓN - PÁGINA 147
  • 24. PRODUCCIÓN DE MULTIMEDIA EDUCATIVO Software para crear y modificar imágenes, continuación Modificar imagen En estos programas existe la herramienta Formato de Imagen o Editar Imagen, en el menú que aparece con el botón derecho del ratón. Esta herramienta ofrece una serie de opciones que incluyen tamaño de la imagen, formato, posición en el documento, etc. Al seleccionar Formato de Imagen aparece el siguiente cuadro, donde se pueden modificar: • Colores y líneas • Tamaño • Diseño • Cuadro de texto • Web A través de la pestaña correspondiente. En el caso de la opción Imagen, existen varias posibilidades, como se ve en la ilustración: Ilustración 7-24 Ventana de formato de imagen En la pestaña Imagen del menú Formato de imagen, se pude modificar el tamaño de la imagen en todo su contorno (además de la herramienta recirtar de la barra de Imagen), así como determinar su brillo y contraste. Además se puede comprimir la resolución de la imagen al presionar el botón comprimir con el siguiente menú: Continúa en la siguiente página MAESTRÍA EN EDUCACIÓN - PÁGINA 148
  • 25. PRODUCCIÓN DE MULTIMEDIA EDUCATIVO Software para crear y modificar imágenes, continuación Ilustración 7-25 Ventana para comprimir imágenes En esta ventana se selecciona a qué imagen se le aplicará la compresión y para qué tipo de presentación se requiere, lo que determinará la cantidad de píxeles por pulgada que se utilizarán. Conclusión El uso combinado y creativo de estas opciones de creación y manipulación de imágenes es muy útil y permite realizar una gran variedad de ajustes a las imágenes. Para acciones más específicas, la imagen que está en formato digital es suceptible de ser manipulada a través de varios programas especializados, varios de ellos manejan y convierten imágenes vectoriales y de mapas de bits: • Para imágenes de mapa de bits: Gimp, Photoshop, InkScape, Corel PhotoPaint, Corel Paint, ArtRage, Fireworks, Digital Image, Paintshop Pro. • Para imágenes de dibujo vectorial: Gimp, Illustrator, InkScape, CorelDraw o Freehand. Por lo general existe la opción de guardar la imagen en distintos formatos cuando se trabaja en un programa para manipular imágenes, las formas de hacerlo varían pero las más utilizadas son a través del menú Archivo y sus opciones: • Guardar como:Permite guardar el área seleccionada o todo el dibujo bajo el formato de trabajo del programa específico, y bajo formatos que maneja el programa en particular. • Exportar: Esta opción permite guardar la imagen con un formato que no es propio del programa en el que se crea o manipula, pero se proporciona la opción de convertirlo a otro formato de imagen que se desee o necesite. Por el contrario, la opción importar permite insertar imágenes que estén en distinto formato a los que usualmente maneja el software que se esté empleando. MAESTRÍA EN EDUCACIÓN - PÁGINA 149
  • 26. PRODUCCIÓN DE MULTIMEDIA EDUCATIVO Referencias citadas Moles, A. (1975). La comunicación y los mass media. Bilbao: Mensajero. Sánchez-Muñoz, G. (2003). Las imágenes digitales en dos dimensiones. Fecha de consulta: 2006, en http://www.gusgsm.com/html/imagen.html MAESTRÍA EN EDUCACIÓN - PÁGINA 150