31
Materials de formació Edició digital d'imatges amb el GIMP Mòdul de: Edició digital d'imatges amb el GIMP (3) Jesús Arbués Adaptació per a GIMP: Guillem A. Suñer Desembre 2008

Mòdul de: Edició digital d'imatges amb el GIMP (3)weib.caib.es/formacio/distancia/material/ed_digit/ed_digit3.pdf · 1.2. FILTRES El programa GIMP ofereix una col·lecció veritablement

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Mòdul de: Edició digital d'imatges amb el GIMP (3)weib.caib.es/formacio/distancia/material/ed_digit/ed_digit3.pdf · 1.2. FILTRES El programa GIMP ofereix una col·lecció veritablement

Materials de formació

Edició digital d'imatges amb el GIMP

Mòdul de:

Edició digital d'imatges amb el GIMP (3)

Jesús Arbués

Adaptació per a GIMP: Guillem A. Suñer

Desembre 2008

Page 2: Mòdul de: Edició digital d'imatges amb el GIMP (3)weib.caib.es/formacio/distancia/material/ed_digit/ed_digit3.pdf · 1.2. FILTRES El programa GIMP ofereix una col·lecció veritablement

2

Tractament digital d'imatges amb el GIMP Autor: Jesús Arbués Garcia del Moral Adaptació per a GIMP: Guillem A. Suñer Sabater Servei de Formació Permanent del Professorat Direcció General d’Ordenació, Innovació i Formació del Professorat Govern de les Illes Balears Conselleria d’Educació i Cultura Desembre 2008

obra de Jesús Arbués i Guillem A. Suñer està subjecta a una llicència de Reconeixement-No comercial-Compartir amb la mateixa llicència 3.0 Espanya de Creative Commons

Page 3: Mòdul de: Edició digital d'imatges amb el GIMP (3)weib.caib.es/formacio/distancia/material/ed_digit/ed_digit3.pdf · 1.2. FILTRES El programa GIMP ofereix una col·lecció veritablement

1. EFECTES, FILTRES I SCRIPTS ............................................................................................................... 2

1.1. EFECTES ................................................................................................................................................... 2 1.2. FILTRES ................................................................................................................................................. 4 1.3. SCRIPTS ................................................................................................................................................. 7

2. TREBALLAR AMB L'EINA DE CLONACIÓ ........................................................................................ 14

3. AJUTS A LA FEINA................................................................................................................................... 20

3.1. REGLES I GUIES ................................................................................................................................. 20 3.2. L’EINA DE MESURAR .............................................................................................................................. 23 3.3. CAPTURES DE PANTALLA ............................................................................................................... 23 3.4. PREFERÈNCIES GENERALS ............................................................................................................. 25

Page 4: Mòdul de: Edició digital d'imatges amb el GIMP (3)weib.caib.es/formacio/distancia/material/ed_digit/ed_digit3.pdf · 1.2. FILTRES El programa GIMP ofereix una col·lecció veritablement

Informàtica educativa: Edició digital d’imatges amb GIMP

Jesús Arbués i Guillem A. Suñer Pàgina 1

Convencions Els símbols utilitzats en aquest text són:

Activitats d'introducció Activitats completament guiades amb exposició gradual de continguts, que permetin assegurar els continguts mínims de la programació del mòdul de formació.

Activitats de consolidació i reforç: Aquestes activitats presenten una dificultat un poc superior ja que no són tan guiades i permetran un millor domini dels temes estudiats.

Activitats d’entrega obligada Les activitats que vénen marcades per aquesta icona s'hauran d'entregar obligatòriament per tal de superar el curs de formació.

Activitats opcionals Activitats d'ampliació de coneixements que permetran aprofundir en la temàtica tractada.

Recomanacions o comentaris Recomanacions o comentaris que permetran una millor realització de les activitats encomanades

Ajuda Per a algunes activitats, si la seva resolució presenta problemes, es podrà consultar l'ajuda que donarà pistes per facilitar-ne la realització.

Recursos addicionals Per poder ampliar els coneixements, es posa a la disposició dels alumnes una documentació complementària de consulta o d'ampliació.

Page 5: Mòdul de: Edició digital d'imatges amb el GIMP (3)weib.caib.es/formacio/distancia/material/ed_digit/ed_digit3.pdf · 1.2. FILTRES El programa GIMP ofereix una col·lecció veritablement

Informàtica educativa: Edició digital d’imatges amb GIMP

Jesús Arbués i Guillem A. Suñer Pàgina 2

1. EFECTES, FILTRES I SCRIPTS Què podem fer quan tenim una imatge? Quines possibilitats ens ofereixen els programes? Doncs, pràcticament, podem fer tot allò que també fóra possible amb una imatge real: copiar-la, retallar-la, escollir-ne un tros, girar-la, deformar-la, etc. Aquestes opcions s'han vist en els mòduls anteriors. Ara bé, podem transformar més una imatge si li apliquem els anomenats "filtres". També existeixen d’altres opcions —que no s’entenen com a filtres— que ens permetran obtenir efectes diversos.

1.1. EFECTES El programa GIMP ens ofereix a la caixa d'eines unes senzilles eines per a produir efectes. Aquestes són:

Taca amb el dit , Ferro roent (Esvaeix / Crema) , Difumina / Ressalta i l'eina

clona . (Aquesta darrera eina s'estudiarà més endavant). La característica comuna a totes és que la seva aplicació es realitza passant el cursor —amb el botó esquerre pitjat— com si fos un pinzell per les àrees de la imatge que volem retocar, i que aquest depèn de la punta de pinzell activa.

Taca amb el dit Aquesta eina taca o esborrona les regions per a on passa el cursor, i es basa en els colors que troba per aquelles regions. A la seva finestra d'Opcions d'eina es pot modificar l'opacitat, així com la sensibilitat de la pressió. A la petita imatge de mostra, hem esborronat lleugerament l'hèlix de l'avionet, donant-li una sensació de moviment.

Ferro roent Aquesta eina permet esvair o aclarir els colors, mentre que si mantenim pitjada la tecla CONTROL podem cremar o enfosquir els colors. A la finestra d'Opcions d'eines es pot escollir l'opacitat o el mode de modificar els colors: ressaltar, tons mitjans o ombres. Exemple:

Esvaït

Original

Cremat

Page 6: Mòdul de: Edició digital d'imatges amb el GIMP (3)weib.caib.es/formacio/distancia/material/ed_digit/ed_digit3.pdf · 1.2. FILTRES El programa GIMP ofereix una col·lecció veritablement

Informàtica educativa: Edició digital d’imatges amb GIMP

Jesús Arbués i Guillem A. Suñer Pàgina 3

Difumina / Ressalta Aquesta eina permet difuminar parts de la imatge, i pot ser d'utilitat per desenfocar les vores d'una imatge. Exemple de la dreta: El procés contrari —afinar— ens permet obtenir més detall d'una imatge:

Aquestes eines d'efectes també es poden aplicar sobre seleccions fetes a la imatge. La transformació només es donarà així dins la selecció activa.

Activitat opcional 1

Obriu la imatge valldemossa.jpg de la carpeta arxius.

Amb l'eina de selecció rectangular , marqueu una selecció quadrada al voltant

de la torre de l'església. Trieu l'eina Ferro roent , amb el tipus = Crema i una punta de pinzell gros (Circle 19). Amb el botó esquerre pitjat, feu una sèrie de passades sobre la selecció. No us preocupeu per les vores, veureu que obteniu una imatge semblant a aquesta:

Deseu la imatge com a valldemosa1.jpg. Torneu a obrir valldemossa.jpg. Ara marcareu una el·lipse amb l'eina de selecció

el·líptica al voltant de la torre, i a la finestra d’imatge: Selecciona > Inverteix.

Trieu l'eina Difumina / Ressalta , una punta de pinzell gros (Circle 19) amb l’estil de la gota = Difumina. Amb el botó esquerre pitjat, feu una sèrie de passades per l'exterior de l'el·lipse. Obtindreu una imatge semblant a aquesta:

Deseu la imatge com a valldemossa2.jpg. Sobre la mateixa imatge original, aneu provant altres possibilitats, utilitzant diferents seleccions i diferents eines d'efectes.

Page 7: Mòdul de: Edició digital d'imatges amb el GIMP (3)weib.caib.es/formacio/distancia/material/ed_digit/ed_digit3.pdf · 1.2. FILTRES El programa GIMP ofereix una col·lecció veritablement

Informàtica educativa: Edició digital d’imatges amb GIMP

Jesús Arbués i Guillem A. Suñer Pàgina 4

1.2. FILTRES El programa GIMP ofereix una col·lecció veritablement impressionant de filtres, a l'alçada de qualsevol programa professional d'edició digital d'imatges. A diferència dels efectes —en què s'utilitzava el cursor com un pinzell per a la seva aplicació— els filtres s'aplicaran amb una finestra d'opcions a on es modificaran diversos paràmetres.

Els filtres, a semblança amb els efectes, també es poden aplicar sobre seleccions fetes a la imatge. La transformació només es donarà així dins la selecció activa.

Evidentment, la millor manera per treballar amb filtres és anar-hi experimentant; aquí se’n mostraran uns models.

Activitat d’introducció 1

Aplicar filtres a una imatge Obriu la imatge angel1.jpg de la carpeta arxius.

i seguiu el procediment indicat a continuació:

A continuació, anirem a la finestra d’imatge: Filtres > Distorsions. Apareixerà un menú amb múltiples opcions (imatge següent):

Page 8: Mòdul de: Edició digital d'imatges amb el GIMP (3)weib.caib.es/formacio/distancia/material/ed_digit/ed_digit3.pdf · 1.2. FILTRES El programa GIMP ofereix una col·lecció veritablement

Informàtica educativa: Edició digital d’imatges amb GIMP

Jesús Arbués i Guillem A. Suñer Pàgina 5

La primera opció que podem provar és Gira i contrau… S’obrirà la finestra d'opcions del filtre. L'important és que cada filtre té uns paràmetres a configurar (basta arrossegar les barres de desplaçament per a canviar els valors) i una visualització prèvia a on es veuen els efectes del filtre a la imatge. Clicarem D'acord per a aplicar el filtre a la finestra de la imatge. Amb <Ctrl> + <Z> eliminem el filtre aplicat.

Amb el menú: Filtres > Compon > Ratllat radial.... podem obtenir una imatge com la següent:

Page 9: Mòdul de: Edició digital d'imatges amb el GIMP (3)weib.caib.es/formacio/distancia/material/ed_digit/ed_digit3.pdf · 1.2. FILTRES El programa GIMP ofereix una col·lecció veritablement

Informàtica educativa: Edició digital d’imatges amb GIMP

Jesús Arbués i Guillem A. Suñer Pàgina 6

Recordeu que també podem treballar amb seleccions. Per fer això, primer cal marcar la selecció, i després aplicar-li el filtre. Aquí teniu dos exemples:

Exemple A: Marquem una selecció

rectangular amb

Filtres > Difumina > Pitxelitza... Amplada i alçada del píxel = 10

Selecciona > No seleccionis res Resultat del filtre, només aplicat a la selecció rectangular:

Exemple B: Marquem una selecció circular

amb . Ajustem la posició i la mida per a que sigui circular:

1er

Selecciona > Inverteix 2

n Filtres > Difumina >

Difuminació gaussiana Radi de difuminació = 15

3r Selecciona > No seleccionis res

Resultat del filtre, aplicat a tota la imatge, excepte la selecció circular (per aquest motiu hem invertit la selecció):

Si la nostra imatge conté capes, l'aplicació d'un filtre només es realitzarà sobre la capa activa. Es poden aplicar filtres, de manera successiva, a una imatge, capa o selecció.

Page 10: Mòdul de: Edició digital d'imatges amb el GIMP (3)weib.caib.es/formacio/distancia/material/ed_digit/ed_digit3.pdf · 1.2. FILTRES El programa GIMP ofereix una col·lecció veritablement

Informàtica educativa: Edició digital d’imatges amb GIMP

Jesús Arbués i Guillem A. Suñer Pàgina 7

De manera semblant als filtres funcionen algunes de les opcions del menú de la finestra d’imatge: Colors i hi podrem trobar aplicacions molt interessants. 1) Color > Inverteix

Opció per defecte.

2) Color > Acoloreix…

Als colors per defecte del diàleg, s'ha escollit aquest color blau del cercle. Podem triar qualsevol color del cercle cromàtic.

3) Color > RGB màxim…

Paràmetre: Retén els canals màxims.

4) Color > Mapa > Acoloreix la mostra…

L'opció per defecte (sense haver de canviar cap paràmetre) dóna la imatge en B/N.

1.3. SCRIPTS El programa GIMP conté una sèrie d'extensions —scripts, plugins o connectors— que afegeixen un món de possibilitats al disseny i retoc fotogràfic. Totes aquestes extensions estan recollides al menú de la finestra d’imatge a l’apartat Filtres.

Contínuament es van produint aquests tipus de connectors que es poden anar davallant de la xarxa per poder ampliar. A la dreta es veu com accedir al Gestor de connectors, que ens informa del connectors instal·lats. A l’hora de davallar aquests connectors és recomanable anar amb la màxima precaució i fer-ho des de la pàgina oficial del projecte http://registry.gimp.org/ O millor encara, esperar a les noves versions del programa, que els incorpora quan estan validats.

Page 11: Mòdul de: Edició digital d'imatges amb el GIMP (3)weib.caib.es/formacio/distancia/material/ed_digit/ed_digit3.pdf · 1.2. FILTRES El programa GIMP ofereix una col·lecció veritablement

Informàtica educativa: Edició digital d’imatges amb GIMP

Jesús Arbués i Guillem A. Suñer Pàgina 8

En qualsevol cas, recordeu que per accedir a aquests scripts només ho podem fer mitjançant l’opció dels filtres:

Finestra de la imatge > Filtres > Uns exemple d’aquests tipus de connectors són els que es poden trobar a Filtres > Capa transparent a Logotips i rètols > Ena ambdós casos, primer s’ha d’afegir una canal alfa a la capa de fons (es pot fer directament des de la finestra d’imatge: Capes > Transparència > Afegeix canal alfa). > Escrit amb guix...

> Difuminat...

Activitat d’introducció 2

Aplicar scripts de retoc a una imatge Obriu cada vegada la imatge valldemossa.jpg de la carpeta arxius, i apliqueu-li un dels següents scripts, a partir de la finestra d’imatge: Filtres

Filtres > Decora > Emmarca… A una imatge li podem afegir una vora que pot ser simètrica o asimètrica (si un dels paràmetres d'X o Y és 0):

Page 12: Mòdul de: Edició digital d'imatges amb el GIMP (3)weib.caib.es/formacio/distancia/material/ed_digit/ed_digit3.pdf · 1.2. FILTRES El programa GIMP ofereix una col·lecció veritablement

Informàtica educativa: Edició digital d’imatges amb GIMP

Jesús Arbués i Guillem A. Suñer Pàgina 9

Filtres > Decora > Arrodoneix les vores… Si acceptem els valors per defecte de la finestra d'opcions:

Filtres > Decora > Foto antiga... Si acceptem els valors per defecte de la finestra d'opcions:

Filtres > Decora > Marc difuminat...

Page 13: Mòdul de: Edició digital d'imatges amb el GIMP (3)weib.caib.es/formacio/distancia/material/ed_digit/ed_digit3.pdf · 1.2. FILTRES El programa GIMP ofereix una col·lecció veritablement

Informàtica educativa: Edició digital d’imatges amb GIMP

Jesús Arbués i Guillem A. Suñer Pàgina 10

Filtres > Artístic > Pintura a l’oli...

Hi ha molts més scripts que es poden anar provant. Particularment interessant trobem el que optimitza per a GIF una imatge ja que permet ubicar imatges a Internet amb una bona qualitat i un pes més reduït i els que ens permeten fer GIFs animats. També hi ha moltes possibilitats per crear patrons que desprès podrem utilitzar com a fons de pàgines web o qualsevol altre document.

Activitat d’introducció 3

Aplicar scripts de retoc a una selecció Hi ha casos en què és convenient aplicar un script de retoc a una selecció. Obriu la imatge angel1.jpg de la carpeta arxius i seguiu el procediment indicat a continuació:

Escolliu l'eina de selecció de regions contínues , obriu amb dos clic la seva finestra d'Opcions d'eina i modifiqueu els paràmetres, tal com s’indiquen a la imatge següent:

Page 14: Mòdul de: Edició digital d'imatges amb el GIMP (3)weib.caib.es/formacio/distancia/material/ed_digit/ed_digit3.pdf · 1.2. FILTRES El programa GIMP ofereix una col·lecció veritablement

Informàtica educativa: Edició digital d’imatges amb GIMP

Jesús Arbués i Guillem A. Suñer Pàgina 11

Amb la vareta màgica, feu un clic en el fons blanc de la imatge. Aneu a la finestra d’imatge: Selecciona > Inverteix. El contorn de l'àngel queda així seleccionat:

Aneu a Filtres> Llums i ombra> Ombra... i modifiqueu els paràmetres:

Una vegada heu clicat el botó D'acord (i amb Selecciona > No seleccionis res lleveu l’àrea seleccionada) obtindreu una imatge amb ombra de fons descendent a la dreta:

Page 15: Mòdul de: Edició digital d'imatges amb el GIMP (3)weib.caib.es/formacio/distancia/material/ed_digit/ed_digit3.pdf · 1.2. FILTRES El programa GIMP ofereix una col·lecció veritablement

Informàtica educativa: Edició digital d’imatges amb GIMP

Jesús Arbués i Guillem A. Suñer Pàgina 12

Activitat opcional 2

El nombre de filtres i scripts del GIMP és enorme. Aneu provant i podreu aconseguir resultats espectaculars com aquests:

Extensions de generació de logotips Aquests scripts són petites aplicacions de generació de logotips, a partir d’un text que hem introduït dins una imatge.

Activitat opcional 3

Crear logotips

Obriu un full en blanc. amb l’eina de text , primer trieu un tipus de lletra, el color i una mida gran. Feu un clic a sobre del full en blanc, per a obrir la finestra Editor del text del GIMP. Escriviu el vostre text, per exemple:

Triem de la finestra d’imatge: Filtres > Capa transparent a logotip > Vora 3D... amb els valors per defecte. el resultat és:

De manera anàloga, amb Filtres > Capa transparent a logotip > Llums de neó estil Àlien...

I amb Filtres > Capa transparent a logotip > Roca esbocinada...

Page 16: Mòdul de: Edició digital d'imatges amb el GIMP (3)weib.caib.es/formacio/distancia/material/ed_digit/ed_digit3.pdf · 1.2. FILTRES El programa GIMP ofereix una col·lecció veritablement

Informàtica educativa: Edició digital d’imatges amb GIMP

Jesús Arbués i Guillem A. Suñer Pàgina 13

Activitat de lliurament obligatori 1

A partir d'una imatge d’una foto en la qual tu hi apareixes, has de crear una altra amb una ombra de fons. Obre la imatge, fes una selecció del contorn de la teva silueta per separar-la del fons i crea un efecte d'ombra (Filtres > Llums i Ombra > Ombra...) sobre un fons blanc. Guardeu-la amb el nom jo1.jpg. A partir de la imatge original d’una foto en la qual tu hi apareixes, has de crear imatges noves aplicant els filtres i scripts següents: a) Colors > Inversió de valor b) Colors > Acoloreix… (de color vermell) c) Filtres > Decora > Arrodoneix les vores… d) Filtres > Decora > Foto antiga… Cadascuna d'aquestes imatges tindrà el nom jo2.jpg, jo3.jpg, etc. Obre la imatge cotxe144.jpg de la carpeta arxius. Fes una selecció de la meitat posterior del cotxe —amb un rectangle ja estarà bé—, aplica una distorsió de vent (finestra d'imatge: Filtres > Distorsions > Vent…) per aconseguir que la part posterior del vehicle quedi com moguda. Modifica els paràmetres de la finestra Vent fins que obtinguis el resultat més idoni (per això hi ha la finestra de visualització prèvia). Guarda aquest arxiu com a cotxe1.jpg. A partir de la imatge original d’una foto en la qual tu hi apareixes, prova un filtre o script que no s'hagi comentat en aquest tutorial, i crea una imatge nova amb el nom jo_experimento.jpg. Explica al tutor quin filtre o script has utilitzat, i quins paràmetres has modificat (si n'és el cas). Comprimeix les imatges creades dins un arxiu .zip i envieu-lo a la tutoria. Un cop enviat l'arxiu, avisa al teu tutor o tutora del lliurament de l'activitat amb un missatge de correu intern.

Page 17: Mòdul de: Edició digital d'imatges amb el GIMP (3)weib.caib.es/formacio/distancia/material/ed_digit/ed_digit3.pdf · 1.2. FILTRES El programa GIMP ofereix una col·lecció veritablement

Informàtica educativa: Edició digital d’imatges amb GIMP

Jesús Arbués i Guillem A. Suñer Pàgina 14

2. TREBALLAR AMB L'EINA DE CLONACIÓ

L'eina clona o de pintar utilitzant patrons o regions de la imatge i que pertany al grup de les eines d'efectes, és molt útil i senzilla de fer anar. Serveix per copiar imatges —des d’un fragment fins a una de sencera— dins d'una mateixa imatge, en una altra imatge o en un full en blanc. És una eina molt útil per retocar treballs, per esborrar petits errors, o, senzillament, per intentar ser una mica més creatius. Bàsicament consisteix a fer passar un pinzell —de la mida desitjada— sobre una imatge: tot el que toquem es reproduirà en una altra part.

Activitat d’introducció 4

Utilitzar l'eina de clonació (I) A partir de la imatge següent, farem aparèixer una segona estàtua a la dreta de l'original:

tal com:

Seguiu el procediment indicat a continuació:

Obriu l'arxiu trafalgarsquare.jpg de la carpeta arxius. Si apareix al 50 %, augmenteu amb el zoom al 100 %.Per tenir la imatge sencera a la pantalla, utilitzem la finestra d’imatge: Visualitza > Ajusta a la finestra (<Ctrl> + <E>).

Page 18: Mòdul de: Edició digital d'imatges amb el GIMP (3)weib.caib.es/formacio/distancia/material/ed_digit/ed_digit3.pdf · 1.2. FILTRES El programa GIMP ofereix una col·lecció veritablement

Informàtica educativa: Edició digital d’imatges amb GIMP

Jesús Arbués i Guillem A. Suñer Pàgina 15

Abans de començar a treballar, és convenient guardar una còpia de la imatge original —normalment amb un altre nom— com a mesura de seguretat.

Primer, de la caixa d’opcions de l’eina Pinzell , triem una punta de pinzell, tal com Circle (05):

Després escollim l'eina de clonació de la caixa d'eines del GIMP , i ens fixarem en la forma que

té el cursor dins de la imatge: . Ens indica que l'eina encara no és activa. Si mantenim pitjada la tecla Control, i veurem com ara el cursor és una creu petita:

Ara posem el cursor sobre una part de l'estàtua, per exemple sobre la base, i a l'hora que continuem amb la tecla Control pitjada, cliquem una vegada amb el botó esquerre del ratolí, i alliberem tant el cursor com la tecla Control. L'eina de clonació s'ha activada, ja que el cursor pren la forma:

A més, una petita creu verda indica el lloc a on hem fet el clic. Sense pitjar cap botó, desplacem el cursor sobre la part de la imatge a on volem fer aparèixer l'estàtua. Hem de tenir molt en compte que l'estàtua es "reproduirà" a partir del punt a on hem assenyalat abans (la petita creu verda, a la base de l'estàtua). Per tant, posem el cursor a on pensem que podem posar la base, i cliquem el botó esquerre del ratolí, I MANTENIM PITJAT EL MATEIX TOT EL TEMPS. No ho hem d'amollar fins acabar tota la clonació!

Fixeu-vos com de seguida que movem el ratolí, la petita creu verda també es mou, amb el mateix desplaçament. A mesura què movem el cursor per la zona nova (esquerra de la imatge superior), aquesta es va omplint dels colors de la zona de la petita creu (dreta de la imatge superior).

Page 19: Mòdul de: Edició digital d'imatges amb el GIMP (3)weib.caib.es/formacio/distancia/material/ed_digit/ed_digit3.pdf · 1.2. FILTRES El programa GIMP ofereix una col·lecció veritablement

Informàtica educativa: Edició digital d’imatges amb GIMP

Jesús Arbués i Guillem A. Suñer Pàgina 16

De fet, ara tenim dos cursors que es mouen sincronitzats, i tant ens podem fixar amb un o en l'altre per fer la clonació. La petita creu ens serveix per a perfilar la regió a clonar —l'estàtua en aquest cas—. A la imatge inferior veiem com s'han perfilat les vores de l'estàtua, i que ara només cal anar emplenant la zona interior, simplement fent passades amb el cursor. (Comproveu el resultat final: arxiu trafalgarsquare2.jpg, a la carpeta arxius).

L’eina clona també ens pot servir per a arreglar detalls o fer "desaparèixer" motius. En l’exemple de la dreta (albertmemorial1.jpg), hem eliminat l'estàtua de l'arxiu anomenat albertmemorial.jpg, utilitzant una regió del cel com a punt inicial de la clonació.

No és necessari fer la feina de clonació en una mateixa imatge. Es pot fer en dues imatges diferents o amb una imatge sense res. Aquesta imatge de la dreta prové de dues imatges independents. És la barreja d’una foto i d’un fons; sobre aquest darrer s’ha anat pintant, amb l’eina de clonació, la cara del nen. S'ha activat l'eina clonació sobre la cara del nen i es pinta sobre el fons, amb una punta de pinzell de traç difús. Els efectes de l'eina de clonació poden arribar a ser molt espectaculars.

Activitat d’introducció 5

Utilitzar l'eina de clonació (II) Ara utilitzarem dues imatges per a fer aparèixer un motiu determinat d'una dins una regió de l'altra. Seguiu el procediment indicat a continuació:

Page 20: Mòdul de: Edició digital d'imatges amb el GIMP (3)weib.caib.es/formacio/distancia/material/ed_digit/ed_digit3.pdf · 1.2. FILTRES El programa GIMP ofereix una col·lecció veritablement

Informàtica educativa: Edició digital d’imatges amb GIMP

Jesús Arbués i Guillem A. Suñer Pàgina 17

Obriu els arxius londoneye.jpg i albertmemorial.jpg de la carpeta arxius. Si apareixen al 50 %, augmenteu amb el zoom al 100 %. Per tenir les imatges senceres a la pantalla, utilitzem la finestra d'imatges: Visualitza > Ajusta a la finestra (<Ctrl> + <E>). Procurem col·locar les dues finestres una al costat de l'altre. Escollim una punta de pinzell: Circle (09).

Després triem l’eina clona: Situem el cursor sobre la part superior de la roda gegant, pitgem la tecla Control i la mantenim pitjada. El cursor adoptarà la forma d'una creu:

Fem un sol clic amb el botó esquerre del ratolí, i l'alliberem, així com la tecla Control.

El cursor pren la forma: El situem sobre l'altra imatge, en una regió que creiem que hauria d'aparèixer la part superior de la roda. Cliquem i comencem a "dibuixar" la roda, a l'hora que mantenim pitjat el botó del ratolí:

Seguim dibuixant… Recordeu que a l'altra imatge, la de la roda gegant, hi apareix la petita creu verda, que es mou de manera sincronitzada amb el cursor de clonació. Els colors (píxels) per a on passa la creu són els que es dibuixen a l'altra imatge. Aprofitem la creu per a perfilar el motiu que volem clonar:

Page 21: Mòdul de: Edició digital d'imatges amb el GIMP (3)weib.caib.es/formacio/distancia/material/ed_digit/ed_digit3.pdf · 1.2. FILTRES El programa GIMP ofereix una col·lecció veritablement

Informàtica educativa: Edició digital d’imatges amb GIMP

Jesús Arbués i Guillem A. Suñer Pàgina 18

Seguim dibuixant, perfilant el motiu i omplint l'interior, sense amollar el botó esquerre del ratolí. Ha d'estar pitjat tota l'estona! Si no, en tornar a pitjar, començaríem de nou una altra clonació a un lloc distint.

Hem acabat la clonació! Desem l'arxiu modificat. (Podeu comprovar el resultat a l'arxiu albertmemorial2.jpg de la carpeta arxius.)

L’eina Cicatritza funciona de manera anàloga a l’eina clona, i serveix per a arreglar o fer aparèixer petits detalls, sempre a partir d’una imatge d’origen i amb un traç difuminat. Exemple:

A partir de l’original: , fem aparèixer més gent:

Page 22: Mòdul de: Edició digital d'imatges amb el GIMP (3)weib.caib.es/formacio/distancia/material/ed_digit/ed_digit3.pdf · 1.2. FILTRES El programa GIMP ofereix una col·lecció veritablement

Informàtica educativa: Edició digital d’imatges amb GIMP

Jesús Arbués i Guillem A. Suñer Pàgina 19

Activitat de lliurament obligatori 2

Utilitzeu l’eina de clonació per fer aparèixer una segona església (la famosa Cartoixa de Valldemossa) dins del poble, a la imatge valldemossa.jpg. Vegeu un exemple en valldemossa2.jpg de la carpeta arxius. Guardeu-la amb el nom de clon1.jpg. A la imatge d’Eivissa.jpg, feu aparèixer el “moulin rouge” de la imatge de Paris144.jpg. Vegeu un exemple en eivissa2.jpg de la carpeta arxius. Guardeu-la amb el nom de clon2.jpg. Amb la mateixa tècnica feu una composició. Heu de fer aparèixer la vostra cara en un fons concret: paisatge, núvols, carrer, etc. Utilitzeu una punta de pinzell difuminat, com per exemple Circle Fuzzy (19). Guardeu-la amb el nom de clon3.jpg. A partir d'una imatge d’un personatge famós i una de vostra, feu una nova imatge on inclogueu les vostres faccions en la cara del famós. Guardeu-la amb el nom de clon4.jpg. Envieu les imatges creades a la tutoria. Un cop enviat l'arxiu, avisa al teu tutor o tutora del lliurament de l'activitat amb un missatge de correu intern.

Page 23: Mòdul de: Edició digital d'imatges amb el GIMP (3)weib.caib.es/formacio/distancia/material/ed_digit/ed_digit3.pdf · 1.2. FILTRES El programa GIMP ofereix una col·lecció veritablement

Informàtica educativa: Edició digital d’imatges amb GIMP

Jesús Arbués i Guillem A. Suñer Pàgina 20

3. AJUTS A LA FEINA

3.1. REGLES I GUIES La finestra d'imatge del GIMP ens permet tenir uns regles just al marge esquerre i superior de la imatge, així com una barra d'estat a la part inferior de la finestra. A partir dels regles podem incorporar totes les guies —línies horitzontals i verticals— que necessitem com ajut per a un millor treball; així com una graella si ens cal:

Les preferències de la graella les trobarem a la finestra d’imatge: Edita > Preferències:

Page 24: Mòdul de: Edició digital d'imatges amb el GIMP (3)weib.caib.es/formacio/distancia/material/ed_digit/ed_digit3.pdf · 1.2. FILTRES El programa GIMP ofereix una col·lecció veritablement

Informàtica educativa: Edició digital d’imatges amb GIMP

Jesús Arbués i Guillem A. Suñer Pàgina 21

Els regles, la graella, la barra d'estat i les guies es poden activar i desactivar (mostrar i amagar) a la finestra d’imatge: Visualitza També tenim l’opció d’obrir una finestra amb la informació del punter, anant a la finestra d’imatge: Finestres > Diàlegs encastables > Punter. Aquesta finestra ens informa de la posició del cursor a la imatge i el color del píxel que el punter assenyala.

Activitat d’introducció 6

Utilitzar les regles i les guies Obriu l'arxiu avionet.jpg de la carpeta arxius. Comproveu en primer lloc que us apareix a la finestra d'imatges els regles i la barra d'estat. En cas contrari, els activeu a la finestra d’imatge: Visualitza. Seguiu el procediment indicat a continuació:

En moure el cursor per dins de la imatge, uns petits triangles negres es desplacen pels regles, indicant la posició del cursor. Veieu els triangles si col·loquem el cursor a l'extrem de l'ala. En tot, moment, a la barra d'estat apareixen les coordenades X i Y (en píxels) del cursor, així com al diàleg del Punter si és que ho tenim obert. Ens adonem què el cursor ara està situat a les coordenades X = 8 i Y = 38 píxels.

L'origen (0, 0) és el cantell superior esquerre. Tenim l’opció de triar entre veure la informació en píxels o en qualsevol de les altres unitats mètriques que podem triar a la finestreta de la dreta.

Page 25: Mòdul de: Edició digital d'imatges amb el GIMP (3)weib.caib.es/formacio/distancia/material/ed_digit/ed_digit3.pdf · 1.2. FILTRES El programa GIMP ofereix una col·lecció veritablement

Informàtica educativa: Edició digital d’imatges amb GIMP

Jesús Arbués i Guillem A. Suñer Pàgina 22

Si amb l’ajut de l’eina de seleccions rectangulars marquem un rectangle al voltant de les rodes, la barra d'estat ens informarà de les mides de la selecció rectangular (146 x 77 píxels a l'exemple inferior).

Si la selecció que fem és circular, se’ns informarà de les mides del rectangle en què s’inscriu i si movem la selecció, se’ns informa del desplaçament que fem. Per a col·locar guies a la imatge, cal situar el cursor sobre una de les regles. El cursor pren la forma d'una fletxa de color blanc. Cliquem, i mantenint pitjat el botó esquerre del ratolí, arrosseguem el cursor cap a la imatge. Ens apareixerà una línia —la guia—, arrossegada pel cursor. Quan trobem la posició desitjada de la guia, alliberem el botó. La guia quedarà fixada a la imatge. Repetint l'operació, podem tenir les que vulguem.

Podem ocultar les guies que utilitzem a la finestra d’imatge: Visualitza > Mostra les guies. Les guies tenen una particularitat: si marquem una selecció a partir d'una guia (o intersecció d'elles), les vores de la selecció "s'aferraran" a la/les guia/es. Això ens permetrà un major control sobre les seleccions:

Page 26: Mòdul de: Edició digital d'imatges amb el GIMP (3)weib.caib.es/formacio/distancia/material/ed_digit/ed_digit3.pdf · 1.2. FILTRES El programa GIMP ofereix una col·lecció veritablement

Informàtica educativa: Edició digital d’imatges amb GIMP

Jesús Arbués i Guillem A. Suñer Pàgina 23

3.2. L’EINA DE MESURAR

A la caixa d'eines del GIMP hi trobem l'eina compàs: mesura distàncies i angles

Una vegada seleccionada, cal clicar sobre el punt d'origen, i mantenint pitjat el botó esquerre del ratolí, moure el cursor fins al punt final, i alliberar el botó. Queda dibuixat (temporalment) una línia recta entre el punt inicial i final, assenyalats amb dues creus, com també l'angle respecte a l'horitzontal. A la barra d'estat s'indica la distància en píxels entre les creus i el valor de l’angle respecte a l’horitzontal:

Altres opcions: Amb la tecla Control: Forcem a que la línia recta de mesurar sigui horitzontal.

Amb la tecla Alt: Desplacem la línia recta dibuixada a una altra posició.

Amb la tecla MAJ: En dibuixar la primera línia, pitgem MAJ i fem dos clic, podem dibuixar una segona línia, formant angle.

3.3. CAPTURES DE PANTALLA

De vegades ens agradaria tenir una imatge digital (total o parcial) del que veiem per la pantalla de l'ordinador —una carpeta, un document, una pàgina web, una finestra, etc.— per així poder incorporar-la als nostres documents de text, presentacions, correu electrònic lloc web, etc. El GIMP pot fer captures de pantalla, si anem a la finestra d’imatge: Fitxer > Crea > Captura de pantalla... S’obrirà la finestra Winsnap.

Les opcions són:

Page 27: Mòdul de: Edició digital d'imatges amb el GIMP (3)weib.caib.es/formacio/distancia/material/ed_digit/ed_digit3.pdf · 1.2. FILTRES El programa GIMP ofereix una col·lecció veritablement

Informàtica educativa: Edició digital d’imatges amb GIMP

Jesús Arbués i Guillem A. Suñer Pàgina 24

(a) Captura una única finestra. Quan pitgem la tecla Adquisició apareix una finestra Select Window, amb el missatge Drag crosshair to select window, i una creu. El que hem de fer és posar el cursor sobre la creu, clicar i arrossegar la creu mentre mantenim pitjat el botó esquerre del ratolí, dur-la damunt la finestra que volem capturar i alliberar el botó. A la finestra seleccionada apareix una vora de color negre, i un cop ha passat el temps de retard, apareixerà una imatge nova —la captura, a mida real— dins de la finestra d’imatge. (b) Captura la pantalla sencera Ambdues opcions permeten retardar la captura, però en aquesta opció és molt important per tenir temps d’amagar aquelles finestres que no ens interessen. Basta afegir els segons que calguin, per així tenir temps de col·locar les finestres de la manera que vulguem. Després pitjarem el botó Adquisició. L’opció (b) és automàtica, ja que un cop ha passat el temps de retard, apareixerà una imatge nova: la captura, a mida real de tota la pantalla:

La imatge tindrà la mateixa mida que la resolució de la nostra pantalla. Si tenim una resolució de 800 x 600 píxels, aquestes seran les mides de la imatge. Amb l'eina d'escapçar podrem retallar fàcilment el que volem, o bé escalar (reduir) la imatge.

Page 28: Mòdul de: Edició digital d'imatges amb el GIMP (3)weib.caib.es/formacio/distancia/material/ed_digit/ed_digit3.pdf · 1.2. FILTRES El programa GIMP ofereix una col·lecció veritablement

Informàtica educativa: Edició digital d’imatges amb GIMP

Jesús Arbués i Guillem A. Suñer Pàgina 25

Els sistemes Windows permeten fer una captura de pantalla sencera, amb la tecla Impr Pant, o bé de la finestra activa amb les tecles Alt + Impr Pant. Les captures així realitzades es guarden en una memòria intermèdia, anomenada porta-retalls (portapapeles o clipboard). El GIMP pot llegir aquestes captures desades (temporalment) en el porta-retalls, si anem a la finestra d’imatge: Fitxer > Crea > Del porta-retalls.

3.4. PREFERÈNCIES GENERALS Moltes de les opcions per defecte que presenta el programa GIMP es poden modificar, per adaptar-les a les nostres preferències. Anem a la finestra d’imatge i seleccionem Edita > Preferències. S’obrirà la finestra Preferències:

En el marc esquerre hi ha les categories o temes. Clicant a sobre, tindrem al marc dret els camps de les preferències que es poden modificar, o activar/desactivar.

Page 29: Mòdul de: Edició digital d'imatges amb el GIMP (3)weib.caib.es/formacio/distancia/material/ed_digit/ed_digit3.pdf · 1.2. FILTRES El programa GIMP ofereix una col·lecció veritablement

Informàtica educativa: Edició digital d’imatges amb GIMP

Jesús Arbués i Guillem A. Suñer Pàgina 26

Destaquem:

Imatge predeterminada: Es pot canviar la mida, resolució i tipus d'imatge quan s'obri un full nou. Per defecte apareix 640 x 400 píxels, 72 píxels de resolució, tipus RGB. Si canvien els paràmetres haurem de pitjar D’acord. Hi ha moltes altres opcions que es poden configurar com la llista dels fitxers recents, les eines que mostrarà per defecte la consola (per defecte tan sols mostra els colors de primer pla i fons) i es podem afegir pinzell, patró i degradat actiu i la miniatura de la imatge activa, l’aparença de la finestra d’imatge, etcètera

Activitat opcional 4

Obriu la finestra Imatge nova, anant a la finestra d’imatge del GIMP: Fitxer > Nou… Cliqueu el botó Recupera per a obtenir els paràmetres per defecte. Apunteu els valors. Aneu ara a Fitxer > Preferències > Imatge predeterminada. Comproveu que els valors que hi apareixen són els mateixos que heu apuntat abans.

Page 30: Mòdul de: Edició digital d'imatges amb el GIMP (3)weib.caib.es/formacio/distancia/material/ed_digit/ed_digit3.pdf · 1.2. FILTRES El programa GIMP ofereix una col·lecció veritablement

Informàtica educativa: Edició digital d’imatges amb GIMP

Jesús Arbués i Guillem A. Suñer Pàgina 27

Activitat de lliurament obligatori FINAL

Aquesta és una activitat d’avaluació final, per a la realització de la qual necessitareu:

Una imatge d’un paisatge.

Una imatge d’una persona.

Una imatge d’un animal o d’un objecte. Convindria que obtinguéssiu aquestes imatges d’Internet. També necessitareu demostrar els vostres coneixements sobre:

Aconseguir imatges d’Internet.

Canvis de mides d’imatges.

Treball en capes.

Utilització de seleccions.

Utilitzar eines (cubell de pintura, gradients, etc.)

Guardar en diferents formats. Amb aquestes imatges heu de fer una composició de:

Mides: 300 píxels d’amplada per 200 d’alçada. Per aconseguir-ho caldrà que utilitzeu l’eina d'escapçar i/o escalar la imatge.

Capa Fons: heu d’anomenar-la "Paisatge" i hi col·locareu el paisatge.

Segona Capa: l’anomenareu "Persona", i hi incorporareu la imatge d’una persona que prèviament haureu separat del fons; si fos necessari, haureu de canviar-ne les mides.

Tercera Capa: heu d’anomenar-la "Gradient" i ha de tenir una opacitat del 40% aproximadament. Haureu d’omplir aquesta capa amb un degradat, de forma cònic (simètric) i amb una mescla del colors de primer pla i de fons. El color de primer pla estarà format a partir de vermell 254 verd 40 blau 216 (codi HTML FE28D8) i el color del fons serà vermell 118 verd 17 i blau 255 (codi HTML 7611FF). Feu una selecció circular i retalleu-la. Aquesta “finestra“ ens ha de permetre veure un fragment de la persona.

Quarta Capa: l’anomenareu "Objecte", i hi incorporareu la imatge d’un animal o d’un objecte que prèviament haureu separat del seu fons; si fos necessari, haureu de canviar-ne les mides. Abans d'incorporar-lo, afegiu un efecte d'ombra de color negre i una transformació (rotació, perspectiva, etc.). [Convé fer aquests efectes en una imatge nova, aplanar les capes, i posteriorment incorporar-la a la composició final.]

Cinquena Capa: l'anomenareu "Text". Utilitzant l’eina de text, proveu de posar el vostre nom o qualsevol altre text.

Guardeu el resultat amb el nom final en els següents formats: xcf, jpg i gif. L’arxiu .xcf ha de contenir les capes sense aplanar. Envieu les imatges originals a partir de les quals heu fet aquest treball final, així com els arxius final.xcf, final.jpg i final.gif a la tutoria. Un cop enviat l'arxiu, avisa al teu tutor o tutora del lliurament de l'activitat amb un missatge de correu intern.

Page 31: Mòdul de: Edició digital d'imatges amb el GIMP (3)weib.caib.es/formacio/distancia/material/ed_digit/ed_digit3.pdf · 1.2. FILTRES El programa GIMP ofereix una col·lecció veritablement

Informàtica educativa: Edició digital d’imatges amb GIMP

Jesús Arbués i Guillem A. Suñer Pàgina 28

Per aclarir el que esperem com a treball final, adjuntem la imatge següent:

A partir de:

Ho podeu comprovar si obriu l'arxiu final.xcf i final.jpg de la carpeta arxius.