CURSO:TRATAMIENTODIGITALDEIMGENESYDISEOGRFICOCONSOFTWARELIBREGIMP

JOSMIGUELDELAROSASNCHEZ SESIN1

Introduccin a GIMP TRATAMIENTO DIGITAL DE IMGENES Y DISEO GRFICO CON SOFTWARE LIBRE- GIMP

1.INTRODUCCIN. El tratamiento de imgenes se hace necesario cada vez ms en un entorno de trabajo donde la elaboracin de documentos electrnicos es bsica para cualquier tarea diaria. Estecursoabordaunaherramienta,GIMP,degranpotenciayreconocidoprestigio enelentornodelsoftwarelibre.Setratadeunprogramaquepermiteretocarfotografas, crear imgenes para la web y otras muchas utilidades. Se presenta bajo licencia libre, lo que permite al usuario distribuirlo y adaptarlo a sus necesidades. Otra caracterstica interesante es su disponibilidad tanto para plataformas Linux como Windows con lo que se garantiza la posibilidad de una implantacin progresiva y adaptada a las necesidades delaadministracin. La pgina oficial es http://www.GIMP.org/ (en ingls), en la pgina http://gimp.org.es/ encontrars recursos e informacin en espaol, con guas, tutoriales, foros..., y desde http://www.gimp.es se puede descargar libremente la ltima versin del programatantoparaGuadalinexcomoparaWindows. 2.CONCEPTOSBSICOSENIMAGEN. Unidadesdemedida

CEIP "SANTA TERESA"

Estepa (Sevilla)

CURSO:TRATAMIENTODIGITALDEIMGENESYDISEOGRFICOCONSOFTWARELIBREGIMP
JOSMIGUELDELAROSASNCHEZ SESIN1

El tamao o el peso de una imagen hace referencia al espacio que va a ocupar en el disco de almacenamiento y dicho peso depender del tamao, del modo de color y de suresolucin(DPI). Modosdecolor Llamamos modo de color al sistema de coordenadas que nos sirve para describir los colores de forma numrica. Los principales son el RGB (rojo, verde y azul), el HLS (tono,luminosidad,saturacin)yelCMYK(cian,magenta,amarilloynegro). EnGIMPslopodemostrabajarenlosmodosRGB,escaladegrises(256nivelesde gris)eindexado(podemoselegirelnmerodecoloresconlosquevamosatrabajar). Los modos de color afectan al tamao de la imagen en disco y al nmero de canales de color que utilizan. Si incrementamos el nmero de colores aumentar el tamaodelarchivoquecontienelaimagen.Enlatablasemuestranlosdiferentesmodos decolorysuscaractersticas.

CEIP "SANTA TERESA"

Estepa (Sevilla)

CURSO:TRATAMIENTODIGITALDEIMGENESYDISEOGRFICOCONSOFTWARELIBREGIMP
JOSMIGUELDELAROSASNCHEZ SESIN1

Resolucin Enunaimpresin,laresolucinvienedadapor elnmerodepuntosimpresospor unidad de superficie. En una imagen digital, la resolucin depende del nmero de pixeles porunidaddesuperficie. Cuando trabajamos con GIMP, nos referimos a la resolucin de una imagen digital enlapantalladenuestroordenador,quesemideenpxelesporpulgada. La resolucin de una pantalla en la plataforma PC es de 72 pxeles por pulgada. Cuanto mayor sea la resolucin del monitor que utilicemos, menor ser el tamao de los pxeles y mayor la definicin de la imagen. Cuando trabajamos con una imagen que tiene una resolucin mayor que la de la pantalla, la observaremos con un tamao mayor al original, mientras que cuando trabajemos con una imagen con resolucin menor que la delapantallalaobservaremosconuntamaomenordelquetiene.

Tamaodelasimgenes(peso) Aunque el peso de la imagen es muy relativo, en funcin de la calidad que queramos conseguir de ella, hemos de tener en cuenta una serie de consejos tiles parar quesupesonoresulteunproblema.
3

CEIP "SANTA TERESA"

Estepa (Sevilla)

CURSO:TRATAMIENTODIGITALDEIMGENESYDISEOGRFICOCONSOFTWARELIBREGIMP
JOSMIGUELDELAROSASNCHEZ SESIN1

Debemosdiferenciarelfinparaelquecreamoslaimagen.

Una fotografa que va a ser impresa deber tener ms calidad (y por tanto ms peso)queunaquevayaaservisionadaenelordenador.Cmoreferenciaunafoto de tamao 10 x 15 cm (las hemos revelado toda la vida en las tiendas de fotografa) y 300 dpi tiene un peso de 6 Mb y comprimido de 372 Kb. Para saber ms sobre tamaos en fotografa visita la mega pixel calculator en http://www.rodrigopolo.com/mpcalc/ Igualmente una imagen cuyo destino sea una web debe tener un peso mucho menor ya que esto agilizar su carga a travs de la red. Por ello buscaremos el tamaoquedeseemosquetengaenlawebconlacalidadjustaparanoaumentar innecesariamente su peso, normalmente las imgenes en la red suelen verse bien conunaresolucinde72dpi Si la imagen va a tener como destino un documento de texto, nos ajustaremos al criterioanterior,demaneraquecuandolainsertemoseneltextononosaparezca una imagen excesivamente grande que debamos redimensionar para ajustarla (Tener en cuenta que en los procesadores de texto y web al redimensionar la imagen cambiamos su tamao, no su peso). De esta manera evitaremos tener documentos que debido a la cantidad de imgenes que hemos puesto ocupan muchoespacio. Si la imagen es de trazos o en blanco y negro, no debemos guardarla en el modo RGB(msadelantehablaremosdel)yaqueocuparmuchomsespacioquesila guardamosenmodoindexadooenescaladegrises. Sin embargo esto no debe de obsesionarnos ya que si el tamao que hemos elegidononoscausaproblemaseneldestinoquelevamosadar,enprincipioyhastaque vayamosdominandoeldiseoymanejodeimgenes,nospodemosconformar. Formatosdeimagen La extensin de los archivos identifica los formatos de la imagen. El hecho de seleccionar un tipo determinado guarda relacin con el uso que se le va a dar. Obviamente los requerimientos de una imagen cuyo destino es la web, la impresin en papelnormalolafotografaserndistintos. GIMPtrabajaconunavariedadimportantedeformatoscomolaquesevisualizaal desplegar el men Todos los archivos. De entre la relacin de formatos se comentan a continuacinlossiguientes: XFC: Se trata del formato nativo de GIMP por lo que la extensin XFC resulta la propia de GIMP. En este punto GIMP no se diferencia de otros programas de edicin por lo que respectaasusformatosnativosdemodoqueXFCpuedegestionartodoslosprocesosque
CEIP "SANTA TERESA"

Estepa (Sevilla)

CURSO:TRATAMIENTODIGITALDEIMGENESYDISEOGRFICOCONSOFTWARELIBREGIMP
JOSMIGUELDELAROSASNCHEZ SESIN1

sellevenacaboconGIMP.Deestemodolainformacinrelativaaselecciones,mscaras, trazados, capas, o canales alfa se guarda junto con el archivo. Si bien estas ventajas, un inconvenienteimportanteesqueXFCconstituyeunaextensindesconocidaparaelresto de editores grficos y es necesario exportar a otros formatos cundo se requiere trabajar con extensiones estndares o de amplia difusin. Finalmente conviene destacar como los archivos generados en XFC tienen un peso notable ya que el formato guarda todos los niveles de informacin necesarios para la edicin. Como forma de minimizar este inconveniente, GIMP permite guardar el XFC mediante un algoritmo de compresingzip obzip2. PAT:ConstituyeelformatodearchivoaptoparaguardarpatronesenGIMPypermitela creacin de una biblioteca propia. El patrn creado se guarda en Archivos de programa \ GIMP2.0\share\GIMP\2.0\patterns. TIFF.(TargedImageFileFormat)Setratadeunformatoestandarizadoenlaindustriade la impresin y presenta un nivel de aceptacin similar al JPEG. De todos modos, en la impresin no profesional, entindase aqu el mercado domstico de impresin fotogrfica)lamayoraceptacincorrespondealJPEG.Adiferenciadesteltimoformato el TIFF es formato sin prdidas. La imagen puede comprimirse sin que destruya o ni pierda informacin durante el proceso. TIFF soporta los modos RGB, CMYK. Lab y escala de grises. De todos modos GIMP no soporta ni CMYK ni Lab. Las imgenes guardadas en estosformatospuedenabrirseenGIMPperosonreconvertidasautomticamenteaRGB. Laconversindecolornoresultafiableypuedenaparecerdistorsionescromticas. JPEG. El JPEG es un formato con un uso ambivalente tanto para la web como para las cmaras digitales domsticas. Los navegadores de Internet reconocen el formato sin problemas,hechoquefacilitaunusotransparentedelmismo.Porotraparte,presentaun nivel progresivo de compresin y permite agilizar por tanto la publicacin y visualizacin de imgenes en la web. A diferencia del TIFF, el JPEG presenta un nivel de prdida de informacin proporcional a la compresin aplicada. Ya se ha comentado que es un formato solicitado en impresiones domsticas a pesar de su falta de idoneidad para esta funcin. Es conveniente aqu grabar el archivo con el mnimo nivel de compresin, y por tanto con el mximo nivel de calidad disponible. El formato JPEG soporta los siguientes modos:RGB,CMYKyescaladegrises. GIF.Esteformatoesmsapropiadoparagrficas,iconosoimgenesquecontenganelementos geomtricos(lneas,crculos,etc....)yparaimgenesanimadas PNG. La caracterstica ms notable de este formato frente a los anteriores es que guarda el fondo transparente de las imgenes que as las hemos creado, de manera que encaja perfectamente en las web al no aparecer dentro de un cuadrado que contraste conelrestodelapgina.

CEIP "SANTA TERESA"

Estepa (Sevilla)

CURSO:TRATAMIENTODIGITALDEIMGENESYDISEOGRFICOCONSOFTWARELIBREGIMP
JOSMIGUELDELAROSASNCHEZ SESIN1

3.ABRIMOSELPROGRAMA. Ventanainicial Lo primero que observamos al abrir el programa es la Ventana inicial y seguidamenteGIMP nos muestra la Caja de Herramientas y la ventana de informacin sobre trucos, (si no lo hace, para activar esta ventana vamos a: Fichero, Preferencias, Sistemadeayuda,GeneralysealaralaopcinMostrarConsejosalInicio).

Lacajadeherramientas GIMP con respecto de otros softwares de tratamiento y retoque fotogrfico no cuenta con un fondo grfico (una nica ventana) sobre el que abren archivos y mens. Presenta diversas ventanas flotantes que se despliegan directamente sobre el escritorio. Entre las diversas ventanas emergentes que se despliegan, la primera a analizar y comentar es la caja de herramientas que contiene una importante relacin de las mismas.

A partir de esta ventana bsica se abre el resto de reas que permitirn el trabajo de las imgenes abiertas. Entre los cuadros de dilogo se encuentran los de capas, canales o caminos, o bien otros como los de seleccin de colores, brochas, patrones, gradientes y paletas. Esta ventana, al igual que cualquier ventana de Guadalinex, puede ampliarse/achicarse de tamao simplemente colocando el puntero del ratn sobre cualquiera de los bordes, pinchando y sin soltar arrastrando. Igualmente podemos moverla de posicin en el escritorio pinchando sobre la barra azul superior en la que aparece el nombredelprograma. EnlapartesuperiorseencuentralaBarradeMencontres opciones:Archivo.Extensiones.Ayuda 6

CEIP "SANTA TERESA"

Estepa (Sevilla)

CURSO:TRATAMIENTODIGITALDEIMGENESYDISEOGRFICOCONSOFTWARELIBREGIMP
JOSMIGUELDELAROSASNCHEZ SESIN1

Debajo tenemos la caja de Herramientas, pulsando sobre cada una nos permitir la utilizacin de una herramienta diferente. Si pulsamos dos veces consecutivas (hacer dobleclic)abriremoslasopcionesdeherramientasdecadaunadeellas.(Algunasdeellas sonconfigurables). En la parte inferior izquierda nos encontramos con la Seleccin de color (para frente o fondo), a la derecha tenemos: Seleccin de Pinceles, Seleccin de Patrones y SeleccindeGradientes. En la parte inferior del cuadro se muestra un rea con las opciones de la herramienta que en ese momento tengamos activada (Dicha herramienta se presenta en el men de herramientas resaltada mediante un doble recuadro) que se actualiza en funcindesta.Enelejemplodeladerechalaherramientaactivaeslaprimeraarribaala izquierda seleccin rectangular y lo que aprecia en la parte inferior son todas las opcionesquenospermiteestaherramienta. Por ltimo en la parte inferior tenemos cuatro iconos que nos permiten guardar, recuperar,borrarorestaurarlosvalorespredeterminadosdelacajadeherramientas. LoscuadrosdedilogodeCapas,CanalesyCaminos Estos tres cuadros de dilogo resultan bsicos e imprescindibles en cualquier proceso programa de edicin y retoque digital. Se accede a ellos a travs del men de Dilogos/capas, Dilogos/canales y Dilogos/caminos. Bsicamentesirvenpara: Capas:lacapaocapasquecomponenlaimagen. Canales: los canales de color de la imagen y las mscaras de seleccin. Rutas: las rutas que hayas creado. Puedes convertirlas en seleccionesyviceversa. De las tres solapas (Capas, Canales y Caminos) solo podr estar activa una sola, la capa, canal o ruta activa se muestra resaltada en azul; y ser visible si se ve un icono de un ojo , pinchando sobre este icono desaparece, y la capa,canalorutanoservisible,yviceversa. El dilogo Deshacer te permite volver a un estado anterior o posteriordelamanipulacinquehacessobreunaimagen.

CEIP "SANTA TERESA"

Estepa (Sevilla)

CURSO:TRATAMIENTODIGITALDEIMGENESYDISEOGRFICOCONSOFTWARELIBREGIMP
JOSMIGUELDELAROSASNCHEZ SESIN1

LoscuadrosdedilogodeBrochas,Patrones,Degradados Esotrocuadrodedilogoempotrablecontressolapasquepermiteseleccionarlos distintostiposdisponiblesdeBrochas,PatronesyDegradados. Laventanadeimagen La ventana de imagen es el rea de trabajo principal en la que realizaremos nuestrosproyectosdeGIMP. En el interior del rea se muestra la imagen activa que se va a editar. En la parte superior de esta ventana (barra de ttulo) se muestra una serie de informaciones importantesparanuestrotrabajo: Elnombredelarchivo,enelejemplo:andatuz.jpg El nmero de veces que se ha abierto la misma imagen en la sesin y el nmero de versionesabiertasdelamisma.Enelejemplo:1.0 Elmododecoloryelnmerodecapasdelarchivo(RGBy1capa)enelejemplo Eltamaodelaimagen,enelejemplo890x988(pixel).
CEIP "SANTA TERESA"

Estepa (Sevilla)

CURSO:TRATAMIENTODIGITALDEIMGENESYDISEOGRFICOCONSOFTWARELIBREGIMP
JOSMIGUELDELAROSASNCHEZ SESIN1

Justo debajo, la barra de Men de la imagen, con dilogos desplegables con los que acceder a la mayora de las funciones que se pueden realizar sobre la imagen. Tambin se activa este Men, en columna, pinchando: sobre y, con el botn derecho delratn,sobrelaimagen(Atajodeteclado:MaysculaF10). Lasreglassirvendegua,puedespulsarsobreellasyarrastrarhacialaimagenpara crearomoverunalineaguiayhaciafueraparaborrarla.Haydosreglasunaverticalyotra horizontal.Peropuedescrearlaslineasguiasquenecesites. El icono que se encuentra al final de la regla es un interruptor que permite, si estpresionado,redimensionarlaimagenalredimensionarlaventana. queseencuentraenlaesquinainferiorizquierda,activaodesactivala Elicono Mscara Rpida (Te permite crear y manipular selecciones usando. Cuando activas la Mscara Rpida, se crea un canal que puedes ver en el Dilogo de Canales). Si pinchas sobre el icono con el botn derecho aparece un men. Tambin se activa desde Seleccionar/ActivarMscararpidayconelatajoMaysculaQ. Sipinchasymantienespulsadoelicono ,puedesnavegarporlaimagen,siesta esmsgrandequelaventana.(Vermsadelante) En la barra inferior aparecen las coordenadas del lugar en el que se encuentre el puntero (43, 31 en la imagen) y las unidades de la imagen (px, pxel), con la flecha de seleccin de unidades para cambiar a otra unidad de medida si lo deseamos. A continuacin aparece un porcentaje como una forma de alejar y acercar la

imagen. Y por ltimo muestra el consumo de memoria y partesactivasdelaimageny,temporalmente,informacinsobreoperacionesenuso. El botn Cancelar, permite parar una operacin que est en marcha. Por ejemplo, si inicias un filtro y tarda ms de lo esperado, la mejor opcin para pararlo es el botn Cancelar. Preferencias GIMP nos permite poner una serie de opciones a nuestro gusto (unidades de medida,propiedadesdeunlienzonuevo,

CEIP "SANTA TERESA"

Estepa (Sevilla)

CURSO:TRATAMIENTODIGITALDEIMGENESYDISEOGRFICOCONSOFTWARELIBREGIMP
JOSMIGUELDELAROSASNCHEZ SESIN1

Dichas opciones es recomendable ponerlas a nuestro agrado al comenzar a usar el programa, ya que con ello nos sentiremos ms cmodos a la hora de trabajar. Para acceder a modificar dichas opciones seguiremos la ruta: Archivo, Preferencia. En este men que se nos abre deberemos tener en cuenta que cambiaremos solamente aquello que sepamosseguroquequeremoscambiar, ya que cualquier cambio en otras opcionesnopuedeacarrearquebradero decabezaposteriormente. Siempre se puede recuperar la configuracin predeterminada pulsando sobre: Restaurar las posiciones de ventana guardadas a los valores predeterminados. Ennuestrocasovamosacambiar las opciones de Nueva Imagen para poner unidades de medida del sistema mtrico decimal, y en Rejilla predeterminada pondremos la apariencia en slido y el espaciado en 10 mm para ancho y alto, con lo cual cuando lo necesitemos podremos tenerunareddeayudaennuestrolienzoconesasmedidas. IMPORTANTE Cuando termines la configuracin pulsa Aceptar para guardar los cambioshechos. 3.CONCEPTOSBSICOSENGIMP. Como la mayora de programas de programas basados en Windows, y en particular como la mayora de programas de edicin fotogrfica digital GIMP presenta un conjunto de funcionalidades comunes. Si bien algunas de ellas son universales otras resultan especficas de losprogramasdeedicinfotogrfica.Acontinuacinse relacionanlasmshabitualesobsicas. Copiar,cortarypegar Un procedimiento ampliamente conocido en todos los programas informticos y que en la edicin fotogrfica coincide igualmente. Lo encontramos en el men Editar pero por comodidad es recomendable aprender la combinacin de teclas que nos permite
CEIP "SANTA TERESA"

10

Estepa (Sevilla)

CURSO:TRATAMIENTODIGITALDEIMGENESYDISEOGRFICOCONSOFTWARELIBREGIMP
JOSMIGUELDELAROSASNCHEZ SESIN1

usarlos rpidamente (Esta combinacin de teclas aparece junto a su accin correspondienteenelmenEditar).Paracopiarunreaquetengamosseleccionadactrl +c,paracortarctrl+xyparapegarctrl+v. ElaccesoalosmensenGIMP Los mens en base a los cules se modifica la imagen tienen tres vas de acceso. As es posibleactivarlosmediante: 1.Labarrademenssuperior 2.Apartirdelbotndeaccesoqueseencuentraenlaesquinasuperiorizquierda(Primer ejemplo). 3. Cliqueando con el botn izquierdo sobre cualquier parte de la imagen aparece el cuadroenformademenflotante.(Segundoejemplo). Abriryguardarimgenes En las ltimas versiones de GIMP se han introducido innovaciones en la interfaz delprogramaquehanaproximadoastasalestilogrficocaractersticodeWindows.As, enelreaizquierdadelcuadrodedilogosemuestraunarepresentacindelasunidades disponibles en el equipo informtico en el que se encuentra instalado el programa. En el ejemploseencuentraseleccionadalaunidadE. En el rea central se visualiza la estructura de la unidad seleccionada (unidad E en el ejemplo) en el rea de la izquierda. En el ejemplo se observa que nos encontramos en E:\GIMP\TutorialGIMPcomoindicanlostresbotonesexistentesenlazonasuperior.En elinteriordelreasemuestranlosarchivosdisponibles.Aquestseleccionadoelarchivo Lloro.jpg. En la zona de vista previa se muestra una miniatura del archivo y una descripcinsintticadesuscaractersticas.
CEIP "SANTA TERESA"

11

Estepa (Sevilla)

CURSO:TRATAMIENTODIGITALDEIMGENESYDISEOGRFICOCONSOFTWARELIBREGIMP
JOSMIGUELDELAROSASNCHEZ SESIN1

Abrimos el archivo mediante el botn Abrir se abrir una ventana que contiene laimagenseleccionada.

Navegarporlaimagen Cuando las dimensiones de la fotografa exceden el rea de la ventana de visualizacinpodemosnavegarporlaimagenenpantalladediferentesformasyquese puedenconcretaren: Desplazamiento Zoom Nuevavista Ventanadenavegacin Desplazamientoporlaimagen Cuando las dimensiones de la fotografa exceden de los lmites de la ventana activa, aparecen barras de desplazamiento en los mrgenes derecho e inferior de la ventana. Este mtodo, comn a prcticamente todos los programas, se complementa con un elemento en la esquina inferior derecha de la ventana de imagen de forma de icono con forma de una cruz que da acceso a una ventana de dimensiones reducidas que
CEIP "SANTA TERESA"

12

Estepa (Sevilla)

CURSO:TRATAMIENTODIGITALDEIMGENESYDISEOGRFICOCONSOFTWARELIBREGIMP
JOSMIGUELDELAROSASNCHEZ SESIN1

contiene la totalidad de la imagen y un rea en su interior que corresponde a la visualizacin que de la fotografa se realiza en cada momento. Esta rea permite el desplazamientoporlaimagen.

Zoom En la caja de herramientas se encuentra la lupa que permite diversos grados de aproximacinalaimagen.Esposibleclicarsobrelaimagenparaaumentar,oclicarconla teclacontrolactivadaparareducir.Tambindibujarunaseleccinsobrelafotografapara indicar la zona a ampliar. Finalmente indicar que dentro del men Ventana se encuentra laopcinAjustarventanaaimagenqueajustaloslmitesdelaventanaalasdimensiones actualesdelaimagen. Nuevavista Nueva vista posibilita un trabajo de precisin al permitir simultanear en pantalla unamismaimagencondiversosgradosdeaproximacin.Visualiza/Nuevavistaabreuna segundaventana. Disponerdedosimgenesactivasnoimplicadosimgenesindependientesyaque ambas son la misma versin del archivo. Cualquier modificacin que se aplique en una tieneelmismoefectoenlaotra.nicamenteelzoomesindependiente. Ventanadenavegacin
CEIP "SANTA TERESA"

13

Estepa (Sevilla)

CURSO:TRATAMIENTODIGITALDEIMGENESYDISEOGRFICOCONSOFTWARELIBREGIMP
JOSMIGUELDELAROSASNCHEZ SESIN1

La ventana de navegacin aparece en Ver/Ventana de navegacin e integra diversasdelasopcionescomentadasenlasopcionesprecedentes.

Rehacerydeshacer ComootrosprogramasGIMPpermitedeshacerorehacerlospasosdelasesinde trabajo.BienatravsdelmendeEditarbienatravsdelosatajosCTRL+ZyCTRL+R.

CEIP "SANTA TERESA"

14

Estepa (Sevilla)