la imatge fixa digital. l’editor d’imatges gimp · informàtica 1r eso l’editor d’imatges....

La imatge fixa digital. L’editor d’imatges Gimp

La imatge fixa digital ............................................................................................................................ 2 El editor d’imatges – Gimp ................................................................................................................... 3 Finestra El Gimp .................................................................................................................................. 4 Finestra d’imatge ................................................................................................................................. 6 Eines del Gimp .................................................................................................................................... 7 Treballar amb capes ...........................................................................................................................16 Pràctiques diverses amb l’eina text .....................................................................................................21 Canviar les mides de les imatges........................................................................................................27 El collage ...........................................................................................................................................29 Eina Camins .......................................................................................................................................30 Creació de Gifs animats .....................................................................................................................34 Bibliografia .........................................................................................................................................37

Informàtica 1r ESO L’editor d’imatges. El Gimp.

IES Pius Font i Quer 2

La imatge fixa digital El format de la imatge El format de la imatge és la manera com es codifica la informació de la imatge en un fitxer. Hi ha dues grans famílies d'imatges: els gràfics vectorials i els mapes de bits. Els fitxers amb gràfics vectorials (els trobareu amb extensions *.CDR, *.DFX, *.WMF...) contenen instruccions (vectors) amb informació sobre les línies i corbes que contenen les imatges; o sigui, descriuen les imatges a partir de les seves característiques geomètriques. La representació de la imatge que ens fa un programa d'edició de gràfics vectorials (Illustrator, Corel Draw, Freehand, iGraphx Designer...) es basa en el càlcul d'aquests vectors. Les imatges vectorials resultants tenen l'avantatge que són independents de la resolució, és a dir, s'escalen automàticament per aparèixer nítides, independentment de les dimensions o del color. Tenen l'inconvenient que quan més complexes són, l'ordinador triga més a calcular-les i a representar-les. Els fitxers de mapes de bits, o de trama (els trobareu com a *.BMP, *JPG, *.GIF, *.PCX, *.TIF, *.PSP...) utilitzen uns punts (píxels) que tenen assignada una determinada posició i un determinat color. La representació del gràfic que ens fa un programa editor de mapes de bits (Gimp, Paint Shop Pro, Photoshop, Corel Photo-Paint...) és doncs un mosaic format per peces de colors diferents. Aquestes imatges tenen l'avantatge de reproduir ràpidament i amb molta fidelitat gradacions subtils d'ombres i colors. El seu principal inconvenient és que en escalar-les perden definició. Un cop digitalitzada, la imatge es converteix en un fitxer. Depenent del tipus de fitxer amb què la deseu conservarà característiques més o menys fidels a la seva font, tindrà més o menys qualitat, serà més o menys fàcil retocar-la sense que perdi qualitat, serà més o menys fàcil d'interpretar per qualsevol ordinador o programa... Tots aquests factors vindran determinats per 4 paràmetres diferents: el format de la imatge, la profunditat de color, la resolució, la mida i el pes del fitxer d'imatge. Formats d’imatge més comuns .bmp Mapa de bits. Pot tenir una profunditat de 24 bits (16,7 milions de colors). No se sol utilitzar

al web perquè ocupa molta memòria. .gif Són els formats més usats al web. Es pot comprimir sense pèrdues. No és recomanable per

a fotografies, ja que té una profunditat de color de 8 bits (256 colors). .jpg És el format més utilitzat per a fotografies. Té 24 bits de profunditat (16,7 milions de colors).

Permet escollir un determinat grau de compressió amb pèrdues. .tif És un format de transport de mapa de bits molt utilitzat. No té pèrdues i es pot llegir des de

qualsevol ordinador. Profunditat de color Nombre de colors que té pot tenir la imatge (16, 256, 16,7 milions). Resolució S’expressa en píxels/pulgada. Són el nombre de punts de color que hi ha a cada pulgada. Mida L’alçada i l’amplada d’una imatge. Pes del fitxer d’imatge L'espai que ocupa una imatge a la memòria RAM o a l'espai que ocupa el fitxer d'imatge al disc.



El editor d’imatges – Gimp El GIMP (GNU Image Manipulation Program on GNU es l'acrònim recursiu de « GNU's Not Unix ») és un programari lliure i gratuït, per a la creació i manipulació d'imatges de “mapa de bits”. S’ofereix en versions diferents per als diversos sistemes operatius. Per això l’hem escollit. Veieu aquí les finestres del GIMP després de la primera execució del programa:

La finestra Consell del dia del GIMP us presenta, a l'atzar, una idea que us pot fer servei en el vostre treball diari amb el GIMP. Si no voleu que us la torni a mostrar, desmarqueu Mostra un consell la propera vegada que s'iniciï el GIMP, i cliqueu a Tanca.

Com heu pogut observar, l'entorn de treball del GIMP presenta unes característiques que l'allunyen de la interfície habitual de les aplicacions Windows. Habitualment, treballareu amb tres finestres:

El GIMP Capes, Canals, Camins... La finestra d'imatge

S'aconsella disposar de les dues primeres finestres, una a cada banda de l'escriptori.



Finestra El Gimp Aquesta finestra és pròpiament el programa. Quan la tanqueu, tancareu el programa. Conté pràcticament totes les eines que necessiteu a l'hora de treballar amb el GIMP. Moltes d'aquestes eines són accessibles a través d'altres itineraris.

Menús desplegables Fitxer

Permet recuperar una imatge ja existent. Surt del programa.

S’obre una finestra amb una nova imatge amb les mides especificades. Aquesta finestra s’anomena finestra de la imatge.

Color de 1r pla

Color de fons



Paleta de colors

La paleta de colors permet de seleccionar els colors de primer i segon pla intercanviar-los amb la icona , i retornar de nou al blanc i negre clicant a .

Aquesta paleta informa del tipus de pinzell i del patró seleccionats i del gradient que teniu configurat.

Paleta d’eines

Paràmetres de l’eina activa En aquesta part de la finestra, podeu veure i modificar els paràmetres de l'eina que teniu seleccionada. En funció de l’eina, els paràmetres canvien.



Finestra d’imatge És la finestra de treball del GIMP. Hi podeu veure la barra de títol amb el nom de la imatge, la capa seleccionada i la mida en píxels. També teniu accés a la barra de menús i als regles horitzontal i vertical.

Menús desplegables

Fitxer: ofereix les típiques opcions de crear, obrir, desar, configurar la pàgina de cara a la impressió, impressió, tancar el fitxer que s'estigui tractant, o bé directament tancar l'aplicació.

Edita: permet desfer, retallar, copiar, enganxar, omplir amb el color de primer plànol, amb el color de fons, amb un farciment de patró, i netejar la zona o regió seleccionada.

Selecciona: permet les operacions relacionades amb la selecció: tot, res, invertir selecció... Visualitza: permet configurar l'aspecte de l'entorn de la finestra d'imatge: zoom, regles, guies,

barra de menús, barra d'estat... Imatge: ofereix les opcions necessàries per transformar el nombre de colors, les mides de la

imatge, escalar-la, escapçar-la, etc. Capes: com indica el seu nom, permet gestionar tot el tema de les capes: creació, eliminació,

fusió, colors, transparència... Eines: permet gestionar la finestra de les eines (finestra GIMP), la seva personalització i els

colors de primer plànol i de fons. Diàlegs: permet personalitzar l'entorn de treball amb la visualització de les diferents finestres. Filtres: permet fer tot un seguit de modificacions a la imatge que s'està tractant: difumina, colors,

efectes de vidre, efectes de llum... Funcions: permet l'execució de petits paquets d'operacions seqüenciades (petits programes

inclosos al si del GIMP), anomenats plug-in, que permeten, en cada cas, obtenir resultats diferents.



Eines del Gimp Eines per pintar

El llapis: Permet dibuixar de la forma normal. Es pot utilitzar qualsevol pinzell o un degradat per pintar. També esvair la pintura com si fos una aquarel·la, o fer-lo mig transparent mig opac.

El pinzell: És com un llapis, de fet té les mateixes opcions, però amb la diferència que les vores són més perfectes, eliminant l'efecte pixelat.

La goma d'esborrar: és comporta com un llapis que en comptes de pintar esborra.

El vaporitzador: Es pot fer servir per simular un rotulador o per fer grafitis.

La tinta: Simula una ploma amb tinta, on les gotes de tinta es van fent més grosses a mesura que es pinta.

Clona o tampó: Serveix per pintar amb patrons com si s'estampessin segells. Cal seleccionar un pinzell que defineix la forma del segell, i un patró que seria on se suca la tinta. Si es vol en comptes d'un patró també es pot seleccionar una altre imatge com a origen (click amb la tecla control).

Text: Serveix per escriure text em qualsevol punt de la imatge

La tecla majúscules: Qualsevol eina per dibuixar permet dibuixar qualsevol forma. Però si es vol dibuixar línies rectes aleshores cal fer un clic a un punt inicial, prémer la tecla majúscules i arrossegar-se fins al punt final del segment.

Eines per retocar parts pintades

Difumina o desenfoca: Permet difuminar les vores com si es passés cotó fluix damunt del llapis de carbó.

Taca: Permet simular l'efecte de passar el dit damunt d'una pintura, barrejant el primer pla i el fons.

Esvaeix/crema: Modifica la tonalitat dels colors, fent-los més vius o enfosquint-los com si es cremés amb un ferro roent.



Taller 1 – La primera imatge Dissenyarem un dibuix similar al que tens a la dreta.

1. Crea una imatge nova (Fitxer – Nou) de 640 x 480 píxels.

2. Selecciona com a color de 1r pla el color groc.

3. Dibuixa un sol de color groc amb la eina pinzell .

4. Dibuixa el terra amb l’eina clona . Per fer-ho cal configurar els paràmetres tal com tens a la dreta.

5. Dibuixa el tronc de l’arbre amb l’eina tampó . Per fer-ho cal seleccionar el patró Wood #1.

6. Dibuixa les branques de l’arbre, amb l’eina vaporitzador

. Per fer-ho configura els paràmetres tal com tens a la dreta i selecciona el color verd com a color de primer pla.

7. Exporta el resultat a la teva carpeta personal. Per fer-ho

segueix els següents passos. Ves a Fitxer - Exporta. Escriu al camp nom gimp1. Selecciona la carpeta on ho vols guardar fent

clic sobre Navega per unes altres carpetes. Selecciona el tipus de fitxer clicant sobre Tipus

de fitxer . Selecciona l’extensió jpg.

Taller 2 – Dibuix lliure Dissenya un dibuix al teu gust amb les eines que ja coneixes però modificant-ne els paràmetres per veure com responen. Exporta el resultat a la teva carpeta personal amb el nom gimp2.gif



Eines de selecció

Selecció rectangular: Es fa un clic a un punt inicial i s'arrossega, per ampliar la selecció d'una àrea rectangular. Si després de seleccionar el punt inicial, mentre s'arrossega, es prem la tecla Control, aleshores el punt inicial en comptes d'un vèrtex de l'àrea de selecció serà el punt central. De la mateixa manera que si es mentre s'arrossega es prem la tecla Majúscules, aleshores el rectangle serà un quadrat perfecte o bé l'el·lipse serà un cercle amb un radi determinat.

Selecció el·líptica: Es fa un clic a un punt inicial i s'arrossega, per ampliar la selecció d'una àrea el·líptica. Tant amb la selecció de rectangles com d'el·lipses si després de seleccionar el punt inicial, mentre s'arrossega, es prem la tecla Control, aleshores el punt inicial en comptes d'un vèrtex de l'àrea de selecció serà el punt central. De la mateixa manera que si es mentre s'arrossega es prem la tecla Majúscules, aleshores el rectangle serà un quadrat perfecte o bé l'el·lipse serà un cercle amb un radi determinat.

Selecció lliure: Permet dibuixar a mà alçada el contorn de l'àrea que es vol seleccionar. Cal dibuixar una figura tancada.

Selecció difosa o de regions contínues: Fent un clic a una punt de l'àrea a seleccionar, se seleccionarà tots els punts veïns que tinguin el mateix color.

Selecció de regions del mateix color: Fent a un punt del color que es vol seleccionar, selecciona totes les àrees pintades amb aquell color.

Selecció de contorn amb les tisores intel·ligents: És semblant al llaç i semblant a les regions contínues, permet seleccionar regions contínues de colors diferents. Funciona seleccionant punts del contorn de l'àrea que es vol seleccionar fins que el Gimp pugui deduir què és el que es vol seleccionar de forma intel·ligent.

Totes les eines de selecció, tenen un diàleg d'opcions de l'eina semblant que permet treballar amb seleccions amb quatre modes:

Canvia la selecció actual: cancel·la la selecció anterior, i en comença una de nova.

Unió: la selecció s'afegeix a la selecció anterior.

Subtracció: la selecció actual restarà de la selecció anterior.

Intersecció: Només quedarà seleccionada l'àrea d'intersecció de la selecció que es faci amb la selecció anterior.



Les eines de selecció en el Gimp són molt importants, un cop seleccionada una àrea es poden fer moltes coses:

Moure: Si s'arrossega una part seleccionada, es deixarà un forat i es podrà moure la selecció a una altra banda de la imatge.

Copiar: Amb les tecles Control + C, es memoritza l'àrea seleccionada. Amb les tecles Control + V, s'enganxa la part memoritzada com una semi-capa més, que després es pot posar en el lloc de destinació. Finalment amb Control + H s'estampa la semi capa en la imatge de fons.

Pintar el contorn seleccionat: La opció del menú Edita - Pinta la selecció permet pintar el contorn de la selecció amb un color, una eina o un patró determinat. D'aquesta forma no és necessari tenir pols per dibuixar, es pot treballar amb seleccions fins aconseguir la forma desitjada i finalment pintar-la.

Pintar l'àrea seleccionada: Hi ha diverses formes de pintar l'interior de l'àrea. Es pot fer servir les opcions del menú Edita, Es pot utilitzar l'eina pot de pintura, per pintar l'interior amb un color o amb un patró. Cal modificar les opcions de l'eina, i finalment fer un simple clic en l'interior de l'àrea seleccionada. Es pot utilitzar l'eina de degradats. Funciona de manera semblant a l'anterior, però cal fer un clic i arrossegar en la direcció que es vulgui el degradat.

Girar

escalar

inclinar

deformar

reflexar

Invertir la selecció: Amb l'opció del menú Selecciona - Invertir, es pot canviar l'àrea seleccionada per l'àrea no seleccionada.

Definir un camí: Des del menú Selecciona, es pot escollir la opció “A camí” per transformar la selecció en un camí.

Treballar amb màscares de selecció: Convertint la selecció en una màscara (Menú Edita - Commuta màscara ràpida), es podrà treballar amb l'àrea seleccionada com si fos un canal més. Damunt d'una màscara es pot pintar i aplicar filtres, com si d'una pintura es tractés, però en comptes de pintar, el que s'estarà fent és modificant l'àrea de la màscara.

imatge girada

imatge escalada

imatge deformada

imatge inclinada

imatge reflexada



Taller 3 – Enquadrar

1. Obre la imatge Gimp_Cotxe.jpg que trobaràs a la unitat S: (Fitxer – Obre)

2. Amb l’eina selecció elíptica selecciona la matrícula.

3. Crea una imatge nova només amb la matrícula anant a Edita – Copia i després Edita – Enganxa com a nou.

4. Exporta el resultat a la teva carpeta personal amb el nom de Gimp3.bmp. Ens demanarà si

volem exportar i direm que sí.

Taller 4 – Arrodoneix els vèrtex d’una imatge

1. Obre la imatge Gimp_Arbres.bmp que trobaràs a la unitat S: (Fitxer – Obre) 2. Ves al menú Selecciona | Rectangle arrodonit.

3. S’obre una finestra anomenada Funció: rectangle arrodonit. En aquesta finestra indica el radi

dels extrems (pots deixar el valor per defecte). També pots indicar que els vèrtexs siguin còncaus.

4. Crea una imatge nova amb els vèrtex arrodonits anant a Edita – Copia i després Edita –

Enganxa com a nou.

5. Exporta el resultat a la teva carpeta personal amb el nom de Gimp4.jpg. Ens demanarà si volem exportar i direm que sí.



Taller 5 – Arrodoneix els vèrtex d’una imatge i ombreja

1. Obre la imatge Gimp_Geotermica.bmp que trobaràs a la unitat S: (Fitxer – Obre)

2. Selecciona l’eina selecció rectangular , i configura els paràmetres tal com tens a la dreta.

3. Crea una imatge nova amb les vores arrodonides anant a Edita –

Copia i després Edita – Enganxa com a nou.

4. Exporta el resultat a la teva carpeta personal amb el nom de Gimp5.jpg. Ens demanarà si volem exportar i direm que sí.

Dona un contorn fusionat a la selecció

Indiquem el grau de fusionat que volem



Taller 6 – Selecció lliure d’una part d’una d’imatge

1. Obre la imatge Gimp_Bici.bmp que trobaràs a la unitat S: (Fitxer – Obre)

2. Selecciona l’eina selecció lliure , i configura els paràmetres tal com tens a la dreta.

3. Selecciona la noia amb bicicleta. Convé començar i

acabar la selecció en el mateix punt, si deixes anar el botó esquerre, la selecció es tanca automàticament amb una línia recta.

4. Selecciona com a color de fons el color blau 397bcd tal

com indica la imatge de la dreta, de manera que quedi:

5. Crea una imatge nova (Fitxer – Nou) de 200 x 200 píxels que s’ompli amb el color de fons. Tal com t’indica la imatge de la dreta. Fixa’t que cal prémer opcions avançades per configurar totes les opcions.

6. Torna a la imatge de la noia, prem Control+C, ves a la

imatge blava i prem Control+V. Situa la noia on vulguis.

7. Deselecciona la noia fent doble clic en qualsevol punt extern a la selecció o prement Control+H o l’opció Selecciona - No seleccionis res.

8. Selecciona com a color de 1r pla el color vermell.

9. Amb l’eina text escriu “Anar amb bicicleta és molt saludable”. Configura-ho tal com tens indicat a la dreta.

5. Exporta el resultat a la teva carpeta personal amb el

nom de Gimp6.bmp. Ens demanarà si volem exportar i direm que sí.

Color blau (397bcd)



Taller 7 – Selecció d’una imatge amb les tisores intel·ligents

1. Obre la imatge Gimp_Nens.bmp que trobaràs a la unitat S: (Fitxer – Obre)

2. Amb l’eina tisores intel·ligents retalla la nena de amb la samarreta lila. Per fer-ho cal anar marcat punts del contorn de la nena. A través dels punts que vas indicant, aquesta eina busca els contorns d'una zona de la imatge i automàticament s'hi adapta. Per acabar la selecció, has de tancar en el mateix punt on has començat. Per ajustar la selecció, pots moure els punts de control i també crear-ne de nous.

3. Finalment, fes un doble clic dins la zona marcada amb els punts i ja tindràs l'àrea seleccionada.

4. Selecciona com a color de fons el color vermell.

5. Crea una imatge nova (Fitxer – Nou) de 100 x 100 píxels que s’ompli amb el color de fons. Recorda que cal prémer opcions avançades per configurar totes les opcions.

6. Torna a la imatge de la nena, prem Control+C, ves a la imatge vermella i prem Control+V. Situa

la nena on vulguis.

7. Exporta el resultat a la teva carpeta personal amb el nom de Gimp7.bmp.

Taller 8 – Pintem

Pintarem el dibuix de les tres bessones amb l’eina inundar .

1. Obre la imatge Gimp_Bessones.gif que trobaràs a la unitat S: (Fitxer – Obre)

2. El format gif no treballar amb gaires colors, per ampliar-ne la quantitat anirem a Imatge – Mode – RGB.

3. Per pintar una zona, cal seleccionar, en primer lloc, el color de 1r pla,

que serà el color amb el que pintarem. Seguidament amb l’eina inundar clica dins d’un punt interior de la zona que vols inundar.

4. Una vegada ho tens tot pintat, guarda el resultat a la teva carpeta

personal amb el nom de Gimp8.bmp.



Eines vàries

Camins: L'eina camins permet dibuixar o alterar formes, manipulant els seus vèrtexs. L'eina camins té tres estats:

- Disseny: Permet afegir vèrtexs nous, o moure els que ja existeixen. - Edita: Permet dibuixar corbes, alterant les tangents dels vèrtexs. Cada vèrtex té dos

tangents. - Mou: Permet moure tota la figura com si fos un bloc. - Per controlar el camins també es necessita el diàleg de camins (Diàlegs- Camins), amb el

qual es pot convertir una selecció amb un camí o al revés, crear nous camins, duplicar-ne o eliminar-ne.

Selecció de colors: Donat un punt de la imatge, dóna informació sobre el color del punt.

La lupa: Permet ampliar o reduir, amb la tecla control, la imatge.

El compàs: Fent un clic en la imatge i arrossegant, mostra informació sobre distàncies i angles.

Moure: Permet desplaçar la imatge o la capa.

El bisturí: permet retallar una secció rectangular de la imatge. Un cop seleccionada la secció la imatge se substituirà per la part escapçada. També es pot aconseguir seleccionant una àrea rectangular i anant al menú Imatge Escapça.

Taller 9 – Dibuix lliure II Amb les eines treballades fins ara, realitza un dibuix lliure. Exporta el resultat a la teva carpeta personal amb el nom de Gimp9.bmp.



Treballar amb capes Les capes us proporcionen molta llibertat i comoditat quan treballeu amb imatges. Es pot comparar les capes amb una pila de fulls transparents o semitransparents, cadascun dels quals conté un element. El conjunt de totes les capes forma una imatge.

Cada element nou que incorporeu a una imatge el podeu ubicar a una capa nova. Això us permetrà poder modificar cada capa sense danyar els elements de la imatge que es troben a altres capes.

Si treballeu amb una sola capa, resulta força complicat fer determinades accions sobre un element concret (canviar les mides, moure'l, canviar colors, eliminar-lo...), i, possiblement, el conjunt de la imatge es veurà deteriorat. Les capes us permeten actuar per separat sobre els diferents elements d'una imatge.

El quadre de diàleg de les capes Per treballar amb capes, cal tenir visible el diàleg de capes que podeu activar des de Diàlegs | Capes, o bé des de Diàlegs | Crea un nou desplegable | Capes, Canals, Camins i Desfés.

Al diàleg de capes, cada capa ocupa una línia amb les possibilitats següents:

A l'esquerra, un ull indica que la capa és visible. Fent un clic a sobre de l'ull, la capa es torna no visible. Si premeu la tecla de majúscules i feu clic a sobre de l'ull, amagueu totes les capes menys una. Tornant a fer majúscules + clic les mostreu totes.

Clicant a la dreta de l'ull, activeu un cadenat . Activant el cadenat a diverses capes, podeu moure-les juntes.

A continuació, el GIMP posa un nom per defecte a cada capa. Per canviar el nom, feu un doble clic al nom per defecte i podeu escriure un nom nou que us ajudi a localitzar ràpidament la capa. També podeu canviar el nom de la capa des del menú contextual que s'activa seleccionant una capa i fent un clic amb el botó dret del ratolí, a Edita atributs de la capa .

Diàleg de capes amb la capa Text seleccionada

Per treballar amb una capa a la finestra de la imatge, primer cal seleccionar-la al diàleg de capes.

Amb l'opció mode, definiu la manera com es barrejaran els colors d'una capa amb els colors de les capes de sota. Cada píxel es fusionarà amb el píxel corresponent de la capa inferior en funció del mode indicat.

Per suprimir una capa, feu clic al botó Suprimeix la capa .

Per suprimir un element d'una capa, primer cal seleccionar-lo i, a continuació, anar al menú de la finestra de la imatge, a Edita | Neteja .



Les capes a la finestra de la imatge

A la finestra de la imatge, cada capa està emmarcada per uns guionets grocs. Des del menú Visualitza | Mostra el marc de capa podeu configurar que es vegin o no els guionets.

Cada capa pot tenir una amplada i una alçada diferent de les altres capes de la imatge. En aquest cas, veureu que els guionets grocs marquen una àrea més petita a dins de la imatge o una àrea més gran que sobrepassa la imatge. L'àrea d'una capa que queda fora del marc de la imatge no es veu.

Per moure una capa, utilitzeu l'eina Mou amb l'opció del quadre de control Mou la capa actual.

Exemple d'imatge creada amb capes

La imatge superior està formada per uns elements que se superposen: una capa de fons de color blanc i cadascun dels objectes situat en una capa transparent. Els quadrats grisos indiquen que la capa és transparent. A continuació, podeu veure algunes de les capes de la imatge:

1.Capa de fons 2.Capa amb un objecte

3.Capa amb un objecte 4.Capa amb un objecte

5.Capa amb ombra 6.Capa amb text

Amb el format propi del GIMP, XCF, podeu desar les imatges i alhora conservar les capes.



Taller 10 – Analitzem un arxiu fet amb capes

1. Obre la imatge Gimp_Capes1.xcf que trobaràs a la unitat S: (Fitxer – Obre)

2. Per visualitzar el menú de Capes, selecciona Diàlegs - Capes.

3. Observa que hi ha una llista de totes les capes que composen

aquesta imatge.

4. Anem a veure només una sola capa, per exemple la capa Text, per fer-ho cal que treguis l’ull a la resta de capes. Ho pots fer de

cop prement i clicant sobre l’ull de la capa que vols veure. Però en aquest cas ho farem d’un en un per que vegis com van desapareixent les diferents capes.

5. Crea una nova capa prement el botó Nova capa de 100 x 50 transparent.

6. Amb l’eina degradat , s’ha fet un degradat en espiral amb els colors que prèviament s’ha triat com a colors de primer pla i de fons.

7. Amb l’eina girar , s’ha fet girar la capa.

8. Amb l’eina moure , s’ha desplaçat la capa on hem volgut.

9. Guarda el resultat a la teva carpeta personal amb el nom de Gimp10.xcf. *

* Fixa’t que ho guardem amb extensió xcf per què és el format de dibuix de Gimp i d’aquesta manera se’ns conserven les capes.



Taller 11 – L’opacitat de les capes

1. Obre la imatge Gimp_Planta.jpg que trobaràs a la unitat S: (Fitxer – Obre)


3. Observa que la imatge s’ha situat a la capa de fons.

4. Crea una nova capa prement el botó Nova capa de 1000 x 250 amb color d’ompliment blanc.

5. Seleccionarem la opacitat d’aquesta capa al 62%.

6. Triarem el color negre com a color de 1r pla.

7. Dins de rectangle creat hi escriurem “Planta siderúrgica” amb

l’eina Text . Configura el text tal com tens a quadre de diàleg.

8. Encadena la capa lliure i la planta siderúrgica.

9. Amb l’eina moure desplaça el requadre a l’extrem inferior dret de la imatge.

10. Guarda el resultat a la teva carpeta personal amb el nom de

Gimp11.xcf * * Fixa’t que ho guardem amb extensió xcf per què és el format de dibuix de Gimp i d’aquesta manera se’ns conserven les capes.



Taller 12 – L’eina màscara de capa

1. Obre la imatge Gimp_paisatge1.jpg que trobaràs a la unitat S: (Fitxer – Obre)


3. Observa que la imatge s’ha situat a la capa de fons.

4. Situa el ratolí sobre aquesta capa i clica el botó dret. S’obre un

diàleg de capes, escull l'opció Afegeix màscara de capa. S'obrirà la finestra Afegeix una màscara de capa*. Marca l'opció Blanc (opac del tot).

5. Selecciona els colors de 1r pla i el de fons, negre i blanc

respectivament.

6. Selecciona l’eina degradat , selecciona les opcions i marca el degradat tal com ho tens a les imatges de la dreta.

7. Aplica el degradat.

8. La finestra de capes ens indica que hem aplicat un degradat.

9. Fent un clic amb el botó dret, podeu accedir al menú contextual

amb les opcions d'edició de la màscara de capa. Escolliu l'opció Aplica màscara de capa.

10. A la finestra de la imatge, aneu al menú Imatge | Aplana la

imatge. Obtindreu un resultat similar a la imatge de sota.

11. Guarda el resultat a la teva carpeta personal amb el nom de Gimp12.xcf.

* Les possibilitats de les màscares de capa són múltiples. Com a exemple, apliqueu una màscara de capa amb un degradat en blanc i negre. Obtindreu un efecte de transició entre opacitat i transparència. El color blanc de la màscara serà transparent i deixarà veure l'àrea corresponent de la imatge de sota. El color negre serà opac del tot i no deixarà veure l'àrea corresponent de la imatge de sota. Els grisos formaran una transició amb diferents graus d'opacitat/transparència..



Pràctiques diverses amb l’eina text Taller 13 – Treballem amb l’eina Text. Ombres.

1. Crea una imatge nova (Fitxer – Nou) de 420 x 300 píxels. 2. Escriu un text amb la font, la mida i el color que desitgis, per

exemple el que tens a la dreta.

3. Escriu “Ombra” o el que vulguis.

4. A la finestra de la imatge, ves al menú Filtres | Llums i ombres Ombra. Deixa els paràmetres per defecte i prem D’acord.


Gimp13.xcf.

*Per modificar un text, a la finestra de la imatge, feu un clic sobre el text o, al diàleg de capes, feu un doble clic sobre la capa de text. S'obrirà de nou l'editor de text del GIMP amb el text que heu introduït abans, i ja podeu editar-lo.

Per modificar la font, la mida de la lletra, el color, el justificat... comproveu que la capa de text estigui seleccionada i, a continuació, feu els canvis des del quadre de control de l'eina Text.

També podeu canviar el color del text arrossegant el color de primer pla o el color de fons fins al text. Una altra opció és activar una paleta des del menú Diàlegs | Paletes, escollir un color i arrossegar-lo fins al text.



Taller 14 – Treballem amb l’eina Text. Línia de contorn.

1. Crea una imatge nova (Fitxer – Nou) de 300 x 200 píxels. 2. Escriu un text amb la font, la mida i el color que desitgis, per

exemple el que tens a la dreta.

3. Escriu “Línia de contorn” o el que vulguis.

4. Ara cal que el Gimp memoritzi el contorn (camí) del text. En funció de la versió del Gimp es fa de manera diferent:

a. Versió antiga a la 2.8: Prem el botó Camí a partir d’un text del quadre de control de l'eina Text.

b. Versió 2.8 i posteriors: Seleccionem el text i cliquem el botó dret. Se’ns desplega un menú. Triem l’opció Camí a partir d’un text.

5. Selecciona un color de primer pla diferent del que hem

escrit el text, per exemple blau.

6. A la finestra de la imatge, ves a Edita | Pinta el camí i escull línia de traçat “color sòlid” amb amplada de la línia 2 píxels. Clica sobre Pinta el traçat. El color del contorn del text serà el color de primer pla.

7. Ara farem el mateix, però el contorn el pintarem amb un

patró. Per fer-ho cal que triem el patró que desitgem anant a Diàlegs – Patrons i seleccionant el patró Electric Blue.

8. Torna a escriure una altra línia de text i segueix el mateix procés

(Edita | Pinta el camí), però ara selecciona línia de traçat “patró”. La textura del patró actiu queda aplicada al contorn del text.

9. Tornarem a repetir el procés, però ara seleccionant l’opció Traça

amb una eina de pintar. Aquesta opció aplica a la línia del contorn els paràmetres del quadre de control de l'eina escollida, per exemple el pinzell. Per fer-ho, selecciona l’eina pinzell i configura les seves opcions tal com tens a la imatge de la dreta.

10. Torna a escriure una altra línia de text i segueix el mateix

procés (Edita | Pinta el camí), però ara selecciona Traça amb una eina de pintar i selecciona pinzell.


Gimp14.xcf.



Taller 15 – Treballem amb l’eina Text. Omplir amb un degradat.

1. Crea una imatge nova (Fitxer – Nou) de 300 x 200 píxels.

2. Escriu un text, ha de ser de color negre. Escull la font, la mida de la lletra... que vulguis.

3. Escriu “Omple amb un degradat” o el que vulguis.

4. Al diàleg de capes, a sobre de la capa de text, crea una capa nova transparent. Posa-li de nom degradat.

5. Al diàleg de capes, escull Mode Pantalla per a la capa degradat.

6. A la caixa d'eines, activa l'eina degradat de color , escull un degradat, a l’exemple s’ha triat el Full saturation spectro.

7. Aplica el degradat a la capa. Veuràs com el text es mostra pintat amb el degradat que has escollit. Pots repetir l'acció d'omplir la capa provant diferents degradats totes les vegades que necessitis, fins a obtenir el resultat desitjat.


aplicació del degrat



Taller 16 – Treballem amb l’eina Text. Omplir amb un patró.

1. Crea una imatge nova (Fitxer – Nou) de 300 x 200 píxels. 2. Escriu un text, ha de ser de color negre. Escull la font, la

mida de la lletra... que vulguis, per exemple, com tens a la dreta.

3. Escriu “Omple amb un patró” o el que vulguis.

4. Al diàleg de capes, selecciona la capa de text, amb el botó

dret del ratolí obre el menú contextual i indica l'opció Alfa a selecció . Veuràs que tot el text s'ha seleccionat.

5. A la caixa d'eines, activa el pot de pintura . Al quadre amb els controls de l'eina, indica les opcions Omple amb el patró i Omple tota la selecció. Pinta l'interior de la selecció.

6. Ara, si tot ha anat bé, ja tens el text pintat amb el patró. A

continuació, pots aplicar una ombra des de Filtres | Llums i ombres | Ombra (o Sombra arrojada) | D’acord.

7. A la finestra de la imatge, al menú Selecciona, indiqueu No

seleccionis res.

8. Finalment, aneu a la finestra de la imatge, a Imatge | Aplana la imatge per unificar totes les capes en una de sola.

9. Des d'Imatge | Escapça la imatge, automàtic, podeu treure

automàticament tots els contorns buits.




Taller 17 – Omple el text amb la textura d’una imatge.

1. Crea una imatge nova (Fitxer – Nou) de 300 x 200 píxels. 2. Escriu un text, ha de ser de color negre. Escull la font, la

mida de la lletra... que vulguis, per exemple, com tens a la dreta.

3. Escriu “Omple amb una imatge” o el que vulguis.

4. A la finestra de la imatge, aneu a Fitxer | Obre com a

capes i obriu la imatge que voleu com a textura, per exemple, Gimp_Flor.bmp. Al diàleg de capes, poseu-li el nom de textura (botó dret, Edita atributs de la capa).

5. Al diàleg de capes, seleccioneu la capa textura i, al menú

Mode, indiqueu Pantalla. El text es mostra pintat amb la textura de la fotografia. Amb l'eina de moure , podeu desplaçar la capa textura per escollir l'àrea de la fotografia que es mostrarà al text.

6. Ara ja teniu les lletres amb la textura de la imatge.

7. Finalment, aneu a la finestra de la imatge, a Imatge |

Aplana la imatge per unificar totes les capes en una de sola. Des d'Imatge | Escapça automàticament la imatge, podeu treure automàticament tots els contorns buits.

8. Guarda el resultat a la teva carpeta personal amb el nom

de Gimp17.xcf.



Taller 18 – Text amb corbes.

1. Crea una imatge nova (Fitxer – Nou) de 600 x 200 píxels. 2. Escriu un text. Escull la font, la mida de la lletra... que vulguis.

3. Escriu “Aquest text és ple de corbes” o el que vulguis.

4. Aneu al menú Filtres | Distorsions | Distorsiona segons la

corba.

5. A la finestra Distorsiona segons la corba, aneu configurant la corba superior i la corba inferior. Marqueu la previsualització i veureu com les corbes donen forma al text. Quan us sembli bé, premeu d'Acord.

6. Si vols, pots acabar de donar-hi efectes treballats en pràctiques

anteriors o d’altres que puguis trobar a l’opció Filtres.




Canviar les mides de les imatges Taller 19 – Escalar una imatge La funció escalar ens permet canviar la mida d’una imatge, fent-la més gran o més petita i respectant o no les proporcions, segons convingui. A vegades volem enviar fotos per Internet, però com que pesen molt (ocupen molta memòria), tarden molt a enviar-se, fins i tot, se’ns fa impossible d’enviar. Una manera de solucionar-ho és precisament escalar la imatge fent-la més petita. Si la fem més petit, pesarà menys, ocupant menys memòria, i, per tant, l’enviament serà més ràpid.

1. Obre la imatge gim11.xcf que tens a la teva carpeta personal.

2. Al menú Imatge | , pots modificar les mides d'una imatge i la seva resolució. Quan més gran sigui la imatge i quanta més resolució, més espai ocupa aquesta en el disc dur. En aquest cas la imatge és força gran i la resolució, també. Si vas a la carpeta on tens la imatge observaràs que ocupa 13MB, aproximadament. Anem a fer que ocupi menys, evidentment amb la conseqüent pèrdua de qualitat.*

3. Configura l’escalat tal com tens a sota.

4. Guarda el resultat a la teva carpeta personal amb el nom de Gimp19.xcf. 5. Fixa’t que ara ocupa molt menys 0,5MB (500KB).

* Sempre que necessitis reduir el pes d'una imatge hauràs de renunciar a alguna característica de la imatge original: hauràs de prescindir d'algunes dades (compressió amb pèrdua), o desar-la amb menys colors dels que té en realitat (baixar la profunditat de color), o fer que es composi de menys punts de color que l'original (baixar la resolució), o fer-la més petita (baixar els valors de les dimensions d'amplada i/o alçada).



Taller 20 – Escapçar una imatge La funció escalar ens permet retallar i suprimir tot el que queda fora de l'àrea seleccionada d'una imatge.

1. Obre la imatge Gimp_Veler.bmp.

2. Selecciona, a la caixa d'eines, l'opció Escapça o canvia la mida d'una imatge,

3. A les opcions de l’eina pots introduir uns valors per als eixos X/Y i uns valors per a l'amplada i l'alçada. Fent això, defineixes l'àrea que es mostrarà després d'escapçar. També pots fer aquesta acció directament sobre la imatge fent un clic sobre la imatge i estirant per seleccionar. Des dels punts de control, pots canviar les mides de la selecció i moure-la. L'àrea que s'eliminarà es mostra més fosca, i l'àrea que es veurà a la imatge desprès d'escapçar està més il·luminada.

4. Clica la tecla “retorn” per escapçar.

5. Exporta el resultat a la teva carpeta personal amb el nom de Gimp20.bmp. 6. Fixa’t que ara ocupa molt menys 0,5MB (500KB).



El collage Fer un collage és crear una composició a partir de diverses imatges ubicant-les a un suport comú. Hi ha moltes maneres diferents de fer un collage. A l'exemple que podeu veure a sota, s'han utilitzat els recursos següents:

Una fotografia de base, sobre la qual s'ha anat incorporant elements ubicant-los a diferents capes.

S'ha escalat i escapçat les capes per proporcionar les mides de les diferents fotografies.

S'ha seleccionat àrees de diverses fotografies amb les eines de selecció lliure i tisores

intel·ligents . En la selecció, s'han suavitzat les vores. S'han aplicat les eines de color Nivells i Brillantor - Contrast.

Amb l'eina clona , s'ha tapat els detalls molestos. Amb l'eina difumina/ressalta , s'ha

difuminat contorns després de clonar o enganxar. Amb la goma d'esborrar , s'ha fet transparent la finestra del campanar.

S'ha canviat l'ordre de les capes , s'han mogut i s'han girat .

S'ha afegit un text i se li ha posat ombra.

Taller 21 – Collage Crea el teu propi collage i guarda’l amb el nom de Gimp21.xcf Pots trobar imatges a http://recursostic.educacion.es/bancoimagenes/web/



Eina Camins

L'eina Camins o corbes Bézier és una eina molt potent del GIMP que permet dibuixar i seleccionar. Utilitzar aquesta eina requereix tenir un bon coneixement de la finestra de diàleg Camins, que aquí s'explica.

En els controls de l'eina Camins , a Edita mode heu d'indicar si voleu: dissenyar, fer un dibuix editar, modificar el dibuix moure el dibuix

Quadre de control de l'eina Camins

Quan dibuixeu, necessiteu tenir a la vista el diàleg Camins, que us permet crear i editar un camí nou per a cada element que dibuixeu. Per obrir-lo, aneu al menú Diàlegs | Camins.

Finestra del diàleg Camins



Taller 1A – Eina camins

Ara dibuixeu un cotxe.

A la finestra de la imatge, comenceu dibuixant la carrosseria amb el mode Dissenya activat. Amb l'eina Camins , aneu marcant els punts de control de l'element que voleu dibuixar. D'entrada, es creen línies rectes.

Podeu moure i canviar de lloc els punts de control, també anomenats àncores, situats als extrems d'una línia.

Quan feu un clic sobre un punt d'una línia, veureu que podeu arrossegar-la, i la seva forma canvia a una corba. També podeu canviar la forma de la línia estirant dels tiradors, també anomenats nanses, que s'activen fent clic sobre la línia.

Amb el mode Edita no podeu crear un camí nou, però sí que podeu modificar un camí existent creant àncores noves sobre la línia.

Amb el mode Mou podeu arrossegar tot l'element dibuixat per canviar-lo de lloc.

Element d'un dibuix creat amb l'eina Camins

Un cop heu dibuixat un camí, en funció d'allò que voleu fer, podeu traçar-lo o convertir-lo a selecció.

Traçar un camí

Traçar un camí vol dir resseguir-lo i escollir un color, un gruix...

Per traçar un camí, cal tenir-lo seleccionat al diàleg Camins. Als controls de l'eina Camins , premeu el botó Traça el camí. També podeu accedir a aquesta opció des de la finestra de la imatge, a Edita | Traça el camí , i des del diàleg Camins, al menú contextual que s'activa posant el ratolí sobre un camí, prement amb el botó dret i escollint l'opció Traça el camí .

Crear una selecció des d'un camí

Convertir un camí a selecció permet poder actuar dins l'àrea seleccionada. Per crear una selecció a partir d'un camí, és preferible que el camí comenci i acabi al mateix punt, en cas contrari, es tancarà automàticament amb una línia recta.

Per crear una selecció des d'un camí, als controls de l'eina Camins , premeu el botó Crea selecció des de camí. També podeu accedir a aquesta opció des del diàleg Camins, al menú contextual que s'activa posant el ratolí sobre un camí i prement el botó dret, i escollint l'opció Camí a selecció .

Podeu resseguir el contorn d'un camí o d'una selecció des de les finestres Traça el camí i Traça la selecció.

Fets aquests aclariments, continueu dibuixant el vostre cotxe. Al diàleg Camins, amb l'element dibuixat



seleccionat, obriu el menú contextual amb el botó dret del ratolí i escolliu l'opció Camí a selecció. Recordeu que també teniu aquesta opció als controls de l'eina, a Crea selecció des de camí.

A continuació, traceu el contorn de la selecció amb un color anant a l'opció Edita | Traça la selecció de la finestra de la imatge.

Resseguir amb un traç la selecció

Amb el mateix procediment, continueu dibuixant més elements situant cadascun d'ells a un camí nou

del diàleg Camins.

Tot i que no és imprescindible, podeu tenir un major control sobre el dibuix si aneu situant cadascun dels elements a diferents capes. També, si s'escau, podeu utilitzar les eines de selecció d'el·lipse i selecció de rectangle.

Dibuixar diferents elements del dibuix

A la finestra del diàleg Camins poseu un nom a cada element que aneu dibuixant fent un doble clic al nom que el GIMP ha posat per defecte i canviant-lo. Quan teniu diversos camins dibuixats, el nom ajuda a trobar-los més ràpidament. Per poder veure un camí a la finestra de la imatge, cal tenir-lo seleccionat al diàleg Camins.



Diàleg Camins amb diferents camins

Un cop creada una selecció a partir d'un camí, podeu pintar-la amb les diferents eines de pintar, li podeu aplicar filtres i efectes...

Aquest és el resultat del vostre dibuix un cop pintades les diferents seleccions:

Les eines del GIMP per dibuixar i pintar

Per crear dibuixos complexos, pot ser útil fer primer el dibuix en un paper i, a continuació, escanejar-lo. Un cop tingueu el dibuix al GIMP, al diàleg de capes, creeu a sobre del dibuix una nova capa transparent. Tindreu el dibuix a sota, que podreu eliminar quan hàgiu acabat, i podeu calcar-lo a la capa transparent de sobre amb l'eina Camins.



Creació de Gifs animats Taller 2A – Creació d’un gif animat

Començareu creant una animació predissenyada del GIMP.

1. Creeu una imatge nova amb un fons transparent i escriviu un text. A continuació, a la finestra de la imatge, aneu a Imatge | Fusiona les capes visibles. Aquesta opció unifica les capes sense perdre la transparència.

Imatge transparent amb text

2. Aneu a Funcions | Animacions i escolliu una opció, per exemple, Ones. A la finestra, configureu els valors: com més marcs indiqueu, més pesarà l'animació. En aquest exemple en seleccionarem 6. Finalment, cliqueu a D'acord. En una finestra nova, es mostra la imatge de l'animació. Al diàleg de capes podeu observar tots els fotogrames, també anomenats marcs, de l'animació. Cada capa de la imatge és un fotograma.

Tots els marcs de l'animació superposats

3. A la finestra de l'animació, aneu a Filtres | Animació | Optimitza (per a GIF), que redueix automàticament el pes de l'animació. En concret, l'animació que esteu fent pesa 4 Kb.

4. A continuació, aneu a Filtres | Animació | Reprodueix.

5. A la finestra nova que s'obre, podeu visualitzar l'animació clicant al botó Reprodueix/Atura.

6. Si el resultat us satisfà, ja podeu desar l'animació seleccionant Fitxer – Anomena i desa i escrivint el nom gimp2A.gif. A la finestra Exporta el fitxer, escolliu l'opció Anomena i desa com a animació.

Com heu vist, el procediment consisteix a col·locar a cada capa un fotograma o marc de l'animació. En el diàleg de capes, a continuació del nom de la capa, entre parèntesis consta el temps, en mil·lèsimes de segon, de durada de cada marc. Finalment, cal desar com a gif animat.



Taller 3A – Creació d’un gif animat (II) Creeu una animació menys automàtica que l'anterior. En aquest cas, els elements de l'animació s'aniran mostrant progressivament.

1. Comenceu dissenyant la imatge sencera, la imatge que veureu al final de l'animació. Aquesta imatge té una capa de fons de color ataronjat, tres capes de text, una capa amb la mascota del GIMP i una altra capa amb una línia blava.

Marc de l'animació

Diàleg de capes amb les capes de la imatge

2. Aplaneu la imatge (Imatge | Aplana la imatge) i deseu-la com a marc1.xcf. Observació: en aquest cas, es fa una animació que no té un fons transparent. Si volguéssiu fer una animació amb un fons transparent, en lloc d'aplanar, escolliríeu l'opció Imatge | Fusiona les capes visibles per mantenir la transparència.

3. A la finestra de la imatge, desfeu l'acció d'aplanar la imatge (Edita | Desfés Aplana la imatge) i suprimiu l'últim element que heu incorporat a la imatge, en aquest cas, la línia.

Marc de l'animació

Aplaneu la imatge i deseu-la com a marc2.xcf.

4. Desfeu l'acció d'aplanar la imatge i comenceu a suprimir el text, en aquest cas, elimineu la lletra P de GIMP i moveu una mica cap a l'esquerra la capa on es troba la mascota. Aplaneu la imatge i deseu-la com a marc3.xcf.



Marc de l'animació

5. Torneu a desfer l'acció d'aplanar la imatge i progressivament aneu creant les imatges noves, que seran els marcs de l'animació.

Marc de l'animació

6. Quan tingueu totes les imatges preparades, des de la finestra de la imatge, a Fitxer | Obre com a capa, les aneu obrint totes a la mateixa finestra. Deseu aquest fitxer “capes d’animació.xcf per si voleu fer alguna modificació posterior a l'animació.

Diàleg de capes amb capes de l'animació

7. Ja només queda activar a Filtres | Animació | Optimitza per a Gif, i el resultat d'optimitzar (reduir el pes) es mostrarà a una finestra nova.

Diàleg de capes després d'optimitzar l'animació

8. Des de la finestra nova, podeu comprovar el resultat de l'animació anant a Filtres | Animació | Reprodueix.

9. Per ajustar el temps que s'ha de veure cada marc a l'animació, aneu a la finestra del diàleg de capes i, fent un doble clic a sobre del text, canvieu la durada del marc.

10. Finalment, deseu-la amb el nom gimp3A.gif. A la finestra Exporta el fitxer, heu d'escollir l'opció Anomena i desa com a animació.



Bibliografia http://www.softcatala.cat/projectes/gimp/tutorial/index.htm http://jasper.xtec.net:7451/cdweb/CDpaquet.GeneralServlet Introducció al programari lliure http://bancoimagenes.isftic.mepsyd.es/

la imatge fixa digital. l’editor d’imatges gimp · informàtica 1r eso l’editor d’imatges....

Documents