P R O D U C C I N D E M U L T I M E D I A E D U C A T I V OM A E S T R A E N E D U C A C I N - P G I N A 1 2 5Sesin 7 Etapa de Desarrollo II - Imagen Visual Fija Leccin 7.1Visin generalObjetivo Enestasesinanalizarslosprincipaleselementosyherramientasparala produccin de objetos de aprendizaje con imagen visual fija. En esta sesin Ilustracin 7-1 Mapa de la sesin P R O D U C C I N D E M U L T I M E D I A E D U C A T I V OM A E S T R A E N E D U C A C I N - P G I N A 1 2 6Leccin 7.2Composicin de la imagen visual fija La imagen Laimagenesunsoportedecomunicacinvisualque,segnAbrahamMoles,materializa,representndolo,unfragmentodelentornopticodelmundoreal o posible, susceptible de subsistir a travs del tiempo y que constituye uno de los componentesprincipalesdelosmassmedia:fotografa,pintura,ilustraciones, escultura, cine, televisin (Moles, 1975). Estesoportepuedeserpartedeproductosquesecreanencomputadora,as comoderepresentacionesvisualeseinclusoimaginariasqueproporcionala naturaleza. Composicin de la imagen La composicin de la imagen es la forma en que se organizan los elementos que la conforman. Una buena composicin puede lograr que la imagen sea poderosa einteresante.Lacomposicinsigueunaseriedeprincipiosparaordenarlos elementos de manera efectiva: ELEMENTOSColorEspacioFormaLneaTamaoTexturaValorPRINCIPIOSBalanceContrastenfasisGradacinPatrn ProporcinTerciosComposicin Ilustracin 7-2 Composicin: elementos y principios de la imagen La composicin es entonces la forma en que se combinan los distintos elementos para formar un todo, de acuerdo con un conjunto de principios. A continuacin se describen los elementos y principios de la imagen. P R O D U C C I N D E M U L T I M E D I A E D U C A T I V OM A E S T R A E N E D U C A C I N - P G I N A 1 2 7Leccin 7.3Elementos de la imagen Elementos En toda imagen existen los siguientes elementos: Color Espacio Forma Lnea Tamao Textura Valores A continuacin se explica brevemente y se ejemplifica cada uno de ellos. Color El color es la caracterstica 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 luminosidadooscuridad)eintensidad(subrillouopacidad).Loscoloresse dividenen:primarios(rojo,azulyamarillo)ysecundarios(verde,naranjay violeta). Ilustracin 7-3 Ejemplo de figura con colores variados, luminosos e intensos Espacio Elespacioeselreavacaoabiertaentre,alrededor,arribaodebajodeobjetos. 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. Ilustracin 7-4 Ejemplo de figura en la que el espacio puede interpretarse de dos formas Contina en la siguiente pgina P R O D U C C I N D E M U L T I M E D I A E D U C A T I V OM A E S T R A E N E D U C A C I N - P G I N A 1 2 8Elementos de la imagen, continuacin Forma La forma es la configuracin o estructura de un objeto. Las formas tienen ancho ylargosisonbidimensionales,otienenancho,largoyprofundidadsison tridimensionales.Lasformassecreanconlneasexplcitasoimplcitasenun espacio. Un cambio en el color o en el sombreado puede definir una forma. Las formaspuedenser:geomtricas(cuadrado,tringulo,crculo,etc.)yorgnicas (de contorno irregular semejante a las figuras naturales). Ilustracin 7-5 Ejemplo de figura con formas redondeadas Lnea Una lnea es una marca con longitud y direccin, surge a partir de un punto que se desplaza a lo largo de una superficie. Es el medio ms simple de representacin grfica.Definecontornos,uneoseparareasyestablecedistancias.Laslneas pueden ser curvas, rectas, horizontales, verticales o diagonales, pueden variar en longitud,ancho,direccin,curvaturaycolor.Puedeserdedosdimensioneso simular el efecto de tres dimensiones. Ilustracin 7-6 Ejemplo de lneas que sugieren movimiento Tamao El tamao es la variacin de las proporciones de los objetos, lneas o formas. La variacin de tamao se da en objetos reales o imaginarios. Ilustracin 7-7 Ejemplo de figura que resalta los tamaos Contina en la siguiente pgina P R O D U C C I N D E M U L T I M E D I A E D U C A T I V OM A E S T R A E N E D U C A C I N - P G I N A 1 2 9Elementos de la imagen, continuacin Textura Latextuaeslacualidaddelasuperficiedeunobjetoquehaceimaginaruna sensacintctil.Latexturaeslaformacomosesienteosesentiralasuperficie. La textura puede ser natural o artificial. Ilustracin 7-8 Ejemplo de figura con varias texturas Valor Elvalorindicaqutanoscurooclarosevealgo.Losvalorescambiansegnla cantidad de blanco o negro que se le agregue a dicho color. Ilustracin 7-9 Ejemplo de figura con valores contrastantes P R O D U C C I N D E M U L T I M E D I A E D U C A T I V OM A E S T R A E N E D U C A C I N - P G I N A 1 3 0Leccin 7.4Principios de la imagen PrincipiosAl crear imgenes visuales fijas, es importante considerar los principios de: Balance Contraste nfasis Gradacin Patrones Proporcin Tercios A continuacin se explica y se ejemplifica brevemente cada uno de ellos. Balance Elbalanceeselsentidodeequidadvisualenunaforma.Atravsdelbalancese puedencontrolardemanerasimtricaouniformeloselementosdeobjetos, valores, colores, texturas, formas, etc. El balance tambin se toma en cuenta para lacomposicin.Lafaltadebalanceodesequilibriopuedeproducirefectos interesantes en las imgenes. Ilustracin 7-10 Figura balanceada Contraste Elcontrasteeslafusindeloselementosopuestos.Porejemplo:luzysombra, fro y color, brillo y opacidad. Ilustracin 7-11 Figura creada con contrastes Contina en la siguiente pgina P R O D U C C I N D E M U L T I M E D I A E D U C A T I V OM A E S T R A E N E D U C A C I N - P G I N A 1 3 1Principios de la imagen, continuacin nfasis Elnfasiseselusodealgnrecursoparahacernotarunelementoporsobre otros. El centro de inters o punto foco es el lugar del dibujo que busca atraer al perceptor para enfocar su mirada. Ilustracin 7-12 Figura que tiene un foco de inters Gradacin Lagradacineseltamaoydireccinquepuedeapreciarsecomoresultadode unaperspectivalineal.Lagradacindelcoloreslavariacindelmismo,que puede ir de gamas clidas a fras, o de tonos oscuros a claros. La gradacin es un recursoquepuededotardeaparentemovimientoaunaforma.Porejemplo, una gradacin que va de oscuro a claropuede producir que el perceptor mueva su cabeza para ver alo largo de la forma. Ilustracin 7-13 Figura que sugiere movimiento Patrones Lospatronessontendenciascreadasatravsdelarepeticindeunelemento, quepuedeserunalnea,unaformaouncolor.Lospatronessuelenproducir efectos agradables. Ilustracin 7-14 Figura con patrones repetitivos Contina en la siguiente pgina P R O D U C C I N D E M U L T I M E D I A E D U C A T I V OM A E S T R A E N E D U C A C I N - P G I N A 1 3 2Principios de la imagen, continuacin Proporcin Laproporcindescribeeltamao,ubicacinoelvalordeunacosaen comparacin con otra. Ilustracin 7-15 Figura que compara tamaos Regla de los tercios Laregladelosterciosdividelaescenaentrespartes,deformatantohorizontal comovertical.Laslneasquedelimitanlosterciosseunenenpuntos estticamente adecuados para situar el centro de inters, puntos que marcan los lugares donde se hace ms atractivos los objetos y que se llaman puntos fuertes. Al realizar esta accin se busca que la imagen sea ms atractiva y menos esttica al no tener el centro como punto fuerte. Esta regla es vlida tanto para el dibujo y la pintura como para la fotografa. Ilustracin 7-16 Figura que cumple con la regla de los tercios P R O D U C C I N D E M U L T I M E D I A E D U C A T I V OM A E S T R A E N E D U C A C I N - P G I N A 1 3 3Leccin 7.5Formas de obtener imgenes Medios de presentacin y de origen Existenvariasformasenlasquesoncreadasymstardereproducidaslas imgenes.Paraobtenerdealgunafuenteocrearimgenespropiasespreciso tomar en cuenta varios aspectos: 1.El objetivo de la imagen 2.Elperfildelpblicoalquesedirige(aspectosyrasgosculturales,socialesy tcnicos) 3.Los recursos tcnicos de los destinatarios 4.Los recursos tcnicos de quien crear la imagen5.La forma en que se presentar la imagen 6.La forma en que comnmente se distribuir la imagen A partir del diseo detallado se tendr ya la lista de imgenes que debe incluir el producto multimedia. Cmo obtener imgenes Sibienlasimgenespuedencrearsedediversasformas,paralaelaboracinde productos multimedia basados en la computadora las imgenes deben poseer un formato digital. Algunas posibles fuentes de imgenes fijas digitales son: Fotografas digitales Videos Internet Documentos electrnicos existentes La creacin o modificacin a travs algn software especfico Digitalizacin con escner En seguida se describen algunas de las caractersticas de estas fuentes de imgenes y cmo pueden aprovecharse una vez que se encuentran en el formato necesario. Contina en la siguiente pgina P R O D U C C I N D E M U L T I M E D I A E D U C A T I V OM A E S T R A E N E D U C A C I N - P G I N A 1 3 4Formas de obtener imgenes, continuacin Fotografas digitales Setomalafotografadirectamenteenlacmaraysedescargacomounarchivo en la computadora para su almacenamiento y manipulacin. La fotografa puede descargarse en la computadora u otro dispositivo mediante un cable, una tarjeta de almacenamiento o por transmisin inalmbrica. Las imgenes as digitalizadas puedenmanipularseconprogramasespecficosparaello,comoAdobe PhotoShop,InkScape,CorelPaint,Gimp,etc.;opuedeninsertarseymodificarse demanerasencillaconprogramascomoWordoPowerPoint.Tambinpueden visualizarse con un software apropiado (como el visor de imgenes de Windows) yproyectarseenelmonitorocualquierotrodispositivo.As,lasimgenes podrn utilizarse para elaborar algn material multimedia con un nuevo sentido distinto al original. Unafotografadigitalpuedetomarsecondiversosdispositivoscomocmaras fotogrficasdigitales,videocmarasdigitales,telfonocelular,computadorasde mano o PDAs, etc. Videos El video, como se sabe, est formado por una serie de imgenes fijas de las cuales esposibleseleccionaralgunas,sisecuentaconelarchivocorrespondiente,la computadorayelsoftwarenecesarioparaello.Aligualqueenelcasodelas fotografas digitales, estas imgenes pueden manipularse para darles nuevos usos, retocarlas,seleccionarunaparte,crearcoleccionesdigitales,elaborarde audiovisuales, etc. Lasimgenesasextraidaspuedensermodificadasporlosprogramasya mencionados y utilizarse para distintos fines. Internet Es posible obtener fotografas, esquemas, ilustraciones, etc. a travs de bsquedas enInternet.LosbuscadoresmspopularescomoGoogle(www.google.com)o Altavista(www.altavista.com)tienenopcionesparalabsquedaespecficade imgenes.LasimgenesfijasqueseencuentranenInternetporlogeneral aparecen en los formatos JPG (Joint Photographic Experts Group), GIF (Graphics Interchange Format) o PNG (Portable Network Graphics). Dichas imgenes suelen estar en bancos de imgenes, galeras, repositorios de objetos de aprendizaje y en general en cualquier archivo publicado. ParaguardarunaimagenqueseencuentreenInternetslohayquecolocarel cursorsobreella,hacerclicconelbotnderechodelratnyenelmenquese despliegaelegirGuardarimagencomo,conlocualaparecerunaventanadonde puede elegirse dnde guardar la imagen. En este men aparece tambin la opcin Propiedades que permite conocer las caractersticas de la imagen. Otraopcineselegirdelmismomenqueaparecealcolocarelcursorsobrela imagenyhacerclicconelbotnderechoenCopiar,luegocolocarseenlaparte elegida del documento donde se desee insertar y elegir Pegar. Esimportantesealarquealgunasimgenesnopermitensercopiadasyotras est protegidas por derechos de autor, mismos que debern respetarse. Contina en la siguiente pgina P R O D U C C I N D E M U L T I M E D I A E D U C A T I V OM A E S T R A E N E D U C A C I N - P G I N A 1 3 5Formas de obtener imgenes, continuacin Documentos electrnicos Sonimgenesquehansidoyacolocadasenalgnarchivoelectrnico.Pueden provenirdefotografadigital,serpartedeunvideo,sercaptadasporunaweb 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 descritoarriba.SisonpartedeundocumentoenelformatoPDF(Portable DigitalFormat)laimagenpuedecopiarsealportapapelesconlaherramienta Tomarfoto,atravsdeliconodeunacmarafotogrficaqueapareceenelmen principal,ydespesPegarendondesedesee.Tambinesposibleusarsoftware especfico para copiar imgenes como Snag It o Print Key. Si el formato de la imagen y el software que la lee lo permiten, puede guardarse laimagensinpegarseenotrodocumento,esdecirdemaneraautnomaensu archivopropio,bajosuformatodeimagenespecfico,utilizandoel procedimiento descrito en el punto anterior. Creacin o modificacin de imgenes Sisetienelahabilidadparaello,esposibleelaborardibujosoriginalesendos formas bsicas: a)Dibujardemaneratradicionalenpapelyluegodigitalizarlaimagen resultante a travs del escner. b)Dibujarenunatabletadigitalconunaplumainalmbrica,diseada especficamenteparaello,utilizandounsoftwarecomoInkScape,Gimp, Adobe Illustrator, ArtRage, Corel Paint, etc. Asimismo,sisecuentaconimgenesyadigitalizadas,seandetipodibujoo fotografa, es posible editarlas, fusionarlas, modificarlas, etc. Escner Elescneresundispositivoqueexploraunespaciooimagen,ylostraduceen sealeselctricasparasuprocesamiento.Todasaquellasimgenesquesean suceptiblesdesercolocadasenunescnerpodrnserreproducidasenla computadora para su posterior manipulacin. La imagen, de tener un soporte en papelocualquierotromedionodigital,seconvierteaformatodigital,esdecir, se convierte en informacin que el lenguaje de la mquina reconoce y reproduce: se convierte en bits. Lasimgenesqueseobtienendeescnersoncadavezmsprecisas,incluso existenescnersquefuncionanconbaseenultrasonidoypermitenobtener imgenestridimensionalescomoeselcasodeelementosqueestnfueradela vista, como los bebs en el vientre materno o ciertos rganos del cuerpo. P R O D U C C I N D E M U L T I M E D I A E D U C A T I V OM A E S T R A E N E D U C A C I N - P G I N A 1 3 6Leccin 7.6Clasificacin de las imgenes digitales Tipos de imgenes Las imgenes digitales que se manejan en la computadora pueden clasificarse en dos tipos: Imgenes de mapa de bits o bitmaps Imgenes vectoriales A continuacin se explica cada una brevemente. Imgenes de mapa de bits Lasimgenesdemapadebitsestnformadasporpequeospuntosllamados pxeles. Cada pxel tiene un valor especfico que indica su intensidad, misma que reconoce la computadora. Cuando las imgenes son a color, cada pxel tiene tres coloresquerepresentansuintensidadencoloresprimarios,quesonelrojo, verde y azul (RGB de Red, Green, Blue). Cada bit puede ser de un solo color, si se tieneunaimagende255colores,cadapxelpuedetomarunodeesos255 colores. Ilustracin 7-17 Imagen donde los pixeles son visibles Las fotografas suelen ser mapas de bits, as como algunos dibujos. Contina en la siguiente pgina P R O D U C C I N D E M U L T I M E D I A E D U C A T I V OM A E S T R A E N E D U C A C I N - P G I N A 1 3 7Clasificacin de las imgenes digitales, continuacin Imgenes vectoriales Las imgenes vectoriales son creadas a partir de programas para realizar grficos, estnformadasapartirdelneasrectas,curvasytrazosgeomtricosquesecontrolanmedianteoperacionesmatemticasquerealizalacomputadora.Las lneasconlasquesecrealaimagenestndefinidasporvectores(deahsu nombre). Una ventaja de la imagen vectorial es que puede ampliarse o reducirse en tamao sin perder calidad. Esdecir,envezdecrearunamallaconmilesomillonesdepuntosparatrazar unalnea,seindicaalacomputadoraquetraceunalneadeunacoordenadaa otra. As es posible dibujar crculos, cuadrados, tringulos y miles de formas. sta eslabasedelosllamadosdibujosvectoriales(Snchez-Muoz,2003).Los programasdedibujovectoriallossuelenrepresentardedosmaneras:como representacincompleta(esdecir,talcualseimprimirn)ycomolneas(es decir,sloelesqueletodelasformasbsicas,muchomenospesadoparala computadora).Lostrazados(lneascurvasorectaspropiasdeundibujovectorial)sepueden modificarfcilmente,sealmacenanenmuypocoespacioyademsson independientes de la resolucin.Algunosprogramasconlosquesepuedenelaborarimgenesvectorialesson InkScape, Corel Paint, Adobe Illustrator o AutoCad.

Ilustracin 7-18 Ejemplo de imgenes vectoriales P R O D U C C I N D E M U L T I M E D I A E D U C A T I V OM A E S T R A E N E D U C A C I N - P G I N A 1 3 8Leccin 7.7Formatos de bitmaps Elementos Dentro de las imgenes formadas por mapas de bits, es importante identificar: Las unidades de medicin Los tipos de bitmaps El color Los atributos de la imagen Los formatos Qu formato elegir A continuacin se explica brevemente cada uno de ellos. Unidades de medicin Unbit(apcopedebinarydigit)odgitobinario,eslaunidaddeinformacin mnimaqueequivalealaeleccinentredosposibilidades:01,encendidoo apagado.Lacomputadoradetectaestosdosimpulsos:susvaloresy combinaciones son la base de la computacin.Lainformacinquesealmacenaenunbitseagrupaenbytes,consistentesen conjuntos de 8 bits. De esta forma un byte puede representar cualquier nmero entre 0 y 255. A su vez, los bytes pueden agruparse en unidades mayores: MedidaEquivale a 1 Kilobyte (Kb)equivale a 1024 bytes 1 Megabyte (Mb)equivale a 1024 Kb 1 Gigabyte (Gb)equivale a 1024 Mb Contina en la siguiente pgina P R O D U C C I N D E M U L T I M E D I A E D U C A T I V OM A E S T R A E N E D U C A C I N - P G I N A 1 3 9Formatos de bitmaps, continuacin Tipos de bitmaps Las imgenes formadas por mapas de bits pueden ser de tres tipos: Las imgenes en blanco y negro estn formadas por pixeles que slo pueden tener esos dos valores. Tambin se les llama imgenes de alto contraste. Enlasimgenesenescaladegrisescadapxelpuedetener256valores distintos de los cuales el 0 es el negro y el 255 es el blanco. Las imgenes en color RGB tienen tres bytes en cada pxel, es decir, 24 bits en tres grupos de ocho. Cada grupo puede colorearse siguiendo el sistema de colordelosmonitoresdetelevisin,quesebasanentrescanalesdeluzde 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 continuacin se muestran ejemplos de cada tipo de imagen: Ilustracin 7-19 Imagen binaria en blanco y negro Ilustracin 7-20 Imagen en escala de grises Ilustracin 7-21 Imagen en color RGB Contina en la siguiente pgina P R O D U C C I N D E M U L T I M E D I A E D U C A T I V OM A E S T R A E N E D U C A C I N - P G I N A 1 4 0Formatos de bitmaps, continuacin El color ElusodelacombinacinRGBnoesnico,tambinsepuedeencontrarotros estndaresomodosdecolor,comoelCMYKquesebasaenloscolorescyan: formado por cantidades iguales de verde y azul, magenta, amarillo y negro(del inglsCyan,Magenta,Yellow,blacK).Estemododecolorseempleasobretodo para en la impresin de documentos. Ilustracin 7-22 Colores RGB y CMYK Atributos de la imagen Es importante notar que el tamao de la imagen, su resolucin y el tamao de su archivo, son aspectos diferentes, aunque relacionados entre s: Atributos Caractersticas Tamao de la imagen Dependedesusdimensiones(anchoyalto)que puedenmedirsetantoenpixelescomoenotras unidades,comopuntos,picas,milmetrosy centmetros. Resolucin de la imagen Sedeterminaenpixelesporpulgada(ppp).Mientras mayoreslaresolucin,sonmslospixelesquecaben enunapulgadayesmenoreltamaodelospixeles. Unaimagendemayorresolucinserunaimagende mayor calidad. Tamao del archivo Eltamaodelarchivodelaimagen,comounidadde informacindigitalizadaseexpresaenbits.Mientras mayoreslaresolucin,mayorestambineltamao delarchivo,puestoqueesnecesarioalmacenarms informacin. Alutilizarimgenesparaproductosmultimediadebentomarseencuentaestos aspectos,paradefinirlaformaenquesepresentarlosdestinatarios.Deben crearse imgenes con el mnimo tamao de archivo y calidad suficiente. Por ello serecomiendausarlaresolucinmnimaquepermitaquelaimagense comprenda o, en caso de ser posible, usar imgenes vectoriales. Laresolucinyeltamaodelaimagenpuedendeterminarsealmomentode crearunaimagen.Mstardepuedenaumentarseodisminuirseconlos programas adecuados, al igual que imgenes obtenidas por otros medios. Todos los programas para edicin de imgenes tienen opciones para reducir el tamao, resolucin y memoria de almacenamiento. Contina en la siguiente pgina P R O D U C C I N D E M U L T I M E D I A E D U C A T I V OM A E S T R A E N E D U C A C I N - P G I N A 1 4 1Formatos de bitmaps, continuacin El formato Losformatosindicanlamaneraenqueestguardadaunaimagendigitalenla computadora. Los formatos ms comunes para imgenes en mapa de bits son los siguientes: Formato BMP (BitMaP) Es unformato particular del sistema operativo Windows de Microsoft y es el ms simple de todos: define los valores de cada pxel, uno a uno, de abajo a arriba y barriendo las lneas 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 extensin *.bmp Formato GIF (GraphicInterchangeFormat)EsunformatomuyutilizadoenInternet,ideal paragrficos,dibujos,conosoimgenesdemuypocoscolores(soportaslo hasta 256 colores) o con grandes reas del mismo color; se pueden comprimir las imgenessinprdidasdedatos.ParareducireltamaodeunarchivoGIFse puede disminuir el nmero de colores. No es adecuado para fotografas. Permite grficosanimadosytransparenciaenelfondodelaimagen,demaneraquela parte transparente de la imagen adoptar el color del fondo de la pgina donde se coloca.Eselnicoformatoquepermiterealizaranimacionesquepuedenverse rpidamenteenelnavegador,yaqueprimerolamuestraabajaresoluciny luegoalamximahastaquesedescargaporcompleto.Seidentificaenlos archivos con la extensin *.gif JPG o JPEG (JointPhotographicExpertsGroup)Soporta16.7millonesdecoloresyeselms empleado(yadecuado)paralasfotografas.AlcontrarioqueGIF,sualgoritmo decompresineliminainformacindelaimagen,porloquecuantomsse comprimemsseaprecialaprdidadecalidad(esposibleajustarelgradode compresin).EselformatomsutilizadoenInternetparalareproduccinde fotografas.AldescomprimirunaimagenenJPGnoseobtieneexactamentelamisma imagen que se tena antes de la compresin. Esa prdida se acumula: cada vezqueseabreysevuelveaguardarlaimagensecomprimeyvaperdiendo calidad,ademslosdatosperdidossonirrecuperables.Porelloconviene almacenar una fotografa en un formato sin prdidas (BMP o TIFF) y despus se puedeguardarlaversinfinalenJPGparaqueocupemenosespacio.Se identifica en los archivos con la extensin *.jpg Formato PICT Es el formato caracterstico de la plataforma Macintosh. Permite ser comprimido sin perder calidad de imagen. Este formato de archivo es utilizado normalmente paratransferirdocumentosentreprogramasdeaplicacingrficayde compaginacin. Se identifica en los archivos con la extensin *.pic Contina en la siguiente pgina P R O D U C C I N D E M U L T I M E D I A E D U C A T I V OM A E S T R A E N E D U C A C I N - P G I N A 1 4 2Formatos de bitmaps, continuacin Formato PNG (PortableNetworkGraphics)TienelasventajasdelosformatosGIFyJPG. Comienza a ser muy utilizado en Internet por su gran capacidad de compresin, sin prdida de calidad y conposibilidades de transparencia. El formato permite imgenesconcolorverdadero,escaladegrisesypaletade8bits.Aligualqueel GIF es adecuado para imgenes con pocas variaciones de colores. Se identifica en los archivos con la extensin *.png Formato TIFF (Tagged-Image File Format) Se utiliza para imgenes de alta calidad que van a ser impresas.EsunformatopropiedaddeAdobeSystemsempleadopara intercambiararchivos(fotografasporlogeneral)entredistintasaplicacionesy plataformas (sirve tanto para PC como para Macintosh). Comprime las imgenes sinquehayaprdidadecalidadperoelpesodelosarchivosesgrande.Se identifica en los archivos con la extensin *.tif Formato XCF FormatopropiodelprogramaparamanejodeimgenesGIMP.Permite almacenar las imgenes con capas y modificarlas posteriormente. Se identifica en los archivos con la extensin *.xcf Qu formato elegir Paracadanecesidadseeligeunformatoespecfico,porlogeneralseconsidera queJPGeselmejorformatoparalasfotografasocualquierimagenquepierda calidadconmenosde256colores.Paragrficos,textosocombinacionesde ambos,GIFoPNGparecenserlamejoropcinencuantoacalidad-pesodel archivo.Cualquieradeestostresformatosesadecuadoparapublicarimgenes enpginasweb,colocarlasenproductosatransimitrporlaredoenviarlaspor correo electrnico.Parafotografadealtacalidadsepuedeemplearlacompresinsinprdidadel formatoTIFF.Enalgunascmarasdigitalessepuedengrabarlasfotoseneste formato, pero ocupan un 80% msde espacio que si se guardan en formato JPG. Acontinuacinsemuestranlosarchivosdeunamismaimagenalmacenadaen diversosformatos.Esimportantecompararlacantidaddememoriaquecada una requiere: Ilustracin 7-23 Comparacin de la misma imagen con diversos formatos P R O D U C C I N D E M U L T I M E D I A E D U C A T I V OM A E S T R A E N E D U C A C I N - P G I N A 1 4 3Leccin 7.8Formatos de imagen vectorial Introduccin Los formatos de imagen vectorial estn generalmente asociados a los programas quepermitenproducirestetipodeimgenes.Acontinuacinsedescriben algunos de ellos. Formatos Enelcasodelasimgenesvectoriales,losformatosdemayorusosonlos siguientes: Formato AI (AdobeIllustrator)Formatoespecficodeestesoftware.Seidentificaenlos archivos con la extensin *.ai Formato CDR (CorelDraw)Formatoespecficodeestesoftware.Seidentificaenlosarchivos con la extensin *.cdr Formato EPS (EncapsulatedPostcript)Formatoutilizadohabitualmenteparaexportar imgenes de mapa de bits a trazados vectoriales. Se identifica en los archivos con la extensin *.eps Formato PDF (PortableDocumentFormat)EscompatibleentrelasplataformasMacintoshy PC, usado fundamentalmente para crear documentos que puedan descargarse de Internet. Se identifica en los archivos con la extensin *.pdf Formato SWF (ShockwaveFlash)Formatoparaimgenesvectorialesparaanimacinwebcon Macromedia Flash. Se identifica en los archivos con la extensin *.swf Formato WMF (Windows MetaFile) Es el formato que mejor se adapta a los distintos programas dedibujoelaboradosconherramientasMicrosoft.Seidentificaenlosarchivos con la extensin *.wmf P R O D U C C I N D E M U L T I M E D I A E D U C A T I V OM A E S T R A E N E D U C A C I N - P G I N A 1 4 4Leccin 7.9Software para crear y modificar imgenes Introduccin Las imgenes que se utilizan para un producto multimedia educativo son por lo generaldigitales,yaseadesdesuorigenoatravsdealgunatcnica,comola fotografa, el video digital o el escner. La creacin, tratamiento y manipulacin delasimgenesdigitalesserealizacadavezatravsdeprogramasquesoncada vez ms sencillos en su uso y ms potentes en sus posibilidades. Cabesealarquesibienexistenprogramasespecialesparaeltratamientode imgenesylailustracin,muchosotrosprogramascreadosparaotrosfines, como los procesadores de textos o aquellos con los que se crean presentaciones o pginasweb,incorporanherramientasbsicasdemanipulacindeimgenes entre sus funciones.Porsupuesto,losprogramasdedicadosalaedicindeimgenes(Adobe Photoshop,AdobeIllustrator,CorelDraw,CorelPaint,GIMP,InkScape,etc.), tienenmayoresposibilidadesperodemandantambinmayoresconocimientos del usuario, tanto de la teora de la imagen como de la propia herramienta. En esta sesin se explica brevemente el uso de las herramientas de Microsoft. Opciones de Microsoft Las herramientas para crear y modificar imgenes se encuentran en las barras de herramientasDibujoeImagen,disponiblesenWord,PowerPointyFrontPage. Existen tres formas de visualizar estas barras: Elige la opcin Ver del men principal, luego seleccionar Barras de Herramientas yverificarqueestnmarcadasDibujoeImagen.Conestaaccindebenser visibles ambas barras, en la parte superior o inferior de la pantalla. HazdobleclicsobrelaimagenyaparecerelmenFormatodeimagen. Cuando se hace doble clic sobre una imagen que se ha insertado desde otro programa, se activa el men Edicin de imagen y, si el formato de la imagen es compatible, se abre el programa original para modificar la figura. Colocaelcursorsobrelaimagenyhazclicconelbotnderecho,entoncesaparecerunmenconopcionesparalaimagen.EnelcasodePowerPoint unadelasopcionesesGuardarcomoimagen,esdecir,permiteguardarun objeto o un conjunto de formas e imgenes seleccionadas como una imagen de forma independiente, incluso permite la conversin a varios formatos de imagen. Contina en la siguiente pgina P R O D U C C I N D E M U L T I M E D I A E D U C A T I V OM A E S T R A E N E D U C A C I N - P G I N A 1 4 5Software para crear y modificar imgenes, continuacin Barra de imagen La barra de imagen tiene once funciones que se describen a continuacin: 1.Insertar imagen 2.Modificarelcolorparacrearimgenesenblancoynegro,escaladegriseso fondo de agua 3.Aumentar o disminuir brillo y contraste4.Recortar la imagen 5.Girar la imagen 6.Hacer ms gruesa o delgada una lnea 7.Comprimir la imagen8.Ajustar la imagen con respecto al texto9.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 Contina en la siguiente pgina P R O D U C C I N D E M U L T I M E D I A E D U C A T I V OM A E S T R A E N E D U C A C I N - P G I N A 1 4 6Software para crear y modificar imgenes, continuacin Barra de dibujo Al utilizar la barra de dibujo se tienen 20 opciones: 1.Con el botn Dibujar es posible: Agrupar, desagrupar y reagrupar imgenes seleccionadas Ordenar la imagen con respecto a otras (arriba o abajo) Visualizar una cuadrcula gua 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 botn Seleccionarobjetos el cursor cambia a una modalidad en la que es sencillo seleccionar las imgenes que se encuentren a la vista, incluso de una manera rpida pueden elegirse varios objetos simplemente al marcar un cuadro que abarque todas las imgenes. 3.El botn Autoformas permite dibujar figuras a las que se les puede aadir texto dentro de su rea (excepto a las lneas y conectores). 4.El botn Lnea permite dibujar lneas con distintas inclinaciones. 5.El botn Flecha permite dibujar flechas en varias direcciones. 6.AlseleccionareliconodeCuadrodetextoesposibleintroducirtexto independiente en cualquier parte del contenido 7.Rectngulo, es un botn que activa la opcin para dibujar un rectngulo; si se oprime simultneamente la tecla Shift o maysculas, se crea un cuadrado. 8.Elipse, este botn permite dibujar una elipse; si se presiona simultneamente la tecla Shift o maysculas, se crea un crculo. 9.ElbotndeWordArtpermiteintroducirletreros,frases,ttulosyapoyosde tipografa ms vistosa pero poco original. 10.El botn Insertar diagrama u organigrama permite introducir este tipo de figuras. Al seleccionarlo se activa una nueva barra de herramientas para utilizar esta funcin. Contina en la siguiente pgina P R O D U C C I N D E M U L T I M E D I A E D U C A T I V OM A E S T R A E N E D U C A C I N - P G I N A 1 4 7Software para crear y modificar imgenes, continuacin 11.Insertarimagenprediseadapermiteintroducirconunmendirectouna imagen almacenada por el programa. No se recomienda usar estas imgenes. 12.El botn Insertar imagen permite introducir en algn archivo de imagen con el que ya se cuenta.13.ElColorderellenopermitecolocaroeliminaruncolordeterminadodentro del rea de los objetos ya dibujados o que se han insertado. Es posible elegir texturas, tramas, otras imgenes, degradados y efectos en los colores. 14.El Colordelnea es una opcin que modifica elcolor de la lnea 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.ElEstilodelneaproporcionaopcionesdegrosoryestilodelalnea seleccionada. 17.El Estilo de guin facilita el cambio de estilos de lneas punteadas 18.El Estilo de flecha, cambia los estilos de la punta de la flecha o de la lnea. 19.El Estilo de sombra permite colocar una sombra en diferentes partes del objeto, lo que le da cierta profundidad. 20.ElEstilo3Desunaherramientaquedaperspectivaalobjeto,mismaquese selecciona de entre varias opciones. EnPowerPointademsesposibleseleccionarcadaimagenovariasalavezy guardarlascomounsoloobjetoconformatodeimagen,estoseconsigueal colocarsesobrelaimagenosobrelasimgenespreviamentreseleccionadasala vezenunadiapositiva,hacerclicconelbotnderechoyelegirGuardarcomo imagen, aparecer un cuadro de dilogo donde se podr escribir el nombre de la imagenyelsitiodondeseguardar.Lasopcionesdelformatoparaguardarla imagensonlasmscomunesqueaceptanlosprogramasyaplicacionesdeuso generalizado. Contina en la siguiente pgina P R O D U C C I N D E M U L T I M E D I A E D U C A T I V OM A E S T R A E N E D U C A C I N - P G I N A 1 4 8Software para crear y modificar imgenes, continuacin Modificar imagen EnestosprogramasexistelaherramientaFormatodeImagenoEditarImagen,enel menqueaparececonelbotnderechodelratn.Estaherramientaofreceuna seriedeopcionesqueincluyentamaodelaimagen,formato,posicinenel documento, etc. AlseleccionarFormatodeImagenapareceelsiguientecuadro,dondesepueden modificar: Colores y lneas Tamao Diseo Cuadro de texto Web Atravsdelapestaacorrespondiente.EnelcasodelaopcinImagen,existen varias posibilidades, como se ve en la ilustracin: Ilustracin 7-24 Ventana de formato de imagen En la pestaa Imagen del men Formato de imagen, se pude modificar el tamao de la imagen en todo su contorno (adems de la herramienta recirtar de la barra de Imagen), as como determinar su brillo y contraste. Adems se puede comprimir laresolucindelaimagenalpresionarelbotncomprimirconelsiguiente men: Contina en la siguiente pgina P R O D U C C I N D E M U L T I M E D I A E D U C A T I V OM A E S T R A E N E D U C A C I N - P G I N A 1 4 9Software para crear y modificar imgenes, continuacin Ilustracin 7-25 Ventana para comprimir imgenes Enestaventanaseseleccionaaquimagenseleaplicarlacompresinypara qutipodepresentacinserequiere,loquedeterminarlacantidaddepxeles por pulgada que se utilizarn.Conclusin Elusocombinadoycreativodeestasopcionesdecreacinymanipulacinde imgenesesmuytilypermiterealizarunagranvariedaddeajustesalas imgenes. Para acciones ms especficas, la imagen que est en formato digital es suceptible desermanipuladaatravsdevariosprogramasespecializados,variosdeellos manejan y convierten imgenes vectoriales y de mapas de bits: Para imgenes de mapa de bits: Gimp, Photoshop, InkScape, Corel PhotoPaint, Corel Paint, ArtRage, Fireworks, Digital Image, Paintshop Pro. Paraimgenesdedibujovectorial:Gimp,Illustrator,InkScape,CorelDrawo Freehand.Porlogeneralexistelaopcindeguardarlaimagenendistintosformatos cuandosetrabajaenunprogramaparamanipularimgenes,lasformasde hacerlovaranperolasmsutilizadassonatravsdelmenArchivoysus opciones: Guardarcomo:Permiteguardarelreaseleccionadaotodoeldibujobajoel formatodetrabajodelprogramaespecfico,ybajoformatosquemanejael programa en particular. Exportar:Estaopcinpermiteguardarlaimagenconunformatoquenoes propiodelprogramaenelquesecreaomanipula,peroseproporcionala opcin de convertirlo a otro formato de imagen que se desee o necesite. Por elcontrario,laopcinimportarpermiteinsertarimgenesqueestnen distintoformatoalosqueusualmentemanejaelsoftwarequeseest empleando. P R O D U C C I N D E M U L T I M E D I A E D U C A T I V OM A E S T R A E N E D U C A C I N - P G I N A 1 5 0Referencias citadas Moles, A. (1975). La comunicacin y los mass media. Bilbao: Mensajero. Snchez-Muoz, G. (2003). Las imgenes digitales en dos dimensiones. Fecha de consulta: 2006, en http://www.gusgsm.com/html/imagen.html