You are on page 1of 35

Departament Tecnologia IES Felanitx

Activitat 1. Línies rectes


A l'obrir el GIMP apareixen dues finestres.

A diferència d'altres programes no tenim directament la finestra on dibuixar, haurem de obrir una
imatge o crear-ne una nova per poder treballar.

En aquesta pràctica sols utilitzarem les eines de la primera finestra (la titolada EL GIMP).

Feu el recorregut amb el ratolí per sobre de totes les icones d'aquesta finestra. Al passar per sobre el
ratolí apareix un rectangle amb l'explicació de la seva utilitat.

Al fer clic sobre una icona apareix a la part inferior de la finestra les opcions de l'eina seleccionada.

Si no heu treballat mai amb el GIMP, feu Arxiu | Nou i creeu un arxiu de 400 x 400 pixels. Aneu
provant les diferents eines de dibuix: (llapis, pinzell, ploma, aerògraf, pot de pintura, goma, dit per
emborronar, etc. ).

Investigueu com es canvia de color, i com es canvia de de mida de brotxa.

4t ESO curs2009-2010
Departament Tecnologia IES Felanitx

Per dibuixar línies rectes cal mantenir apretada la tecla de majuscules. Feu la prova.

Per acabar heu de dibuixar en un arxiu 400 X 400, tres dels següents dibuixos impossibles. Ho heu
de fer utilitzant uns altres colors i mides d'aquests.

Heu de posar també nom al dibuix i guarda-ho a la vostra carpeta amb format JPG i amb el nom
IMPOSSIBLE.JPG

4t ESO curs2009-2010
Departament Tecnologia IES Felanitx

Activitat 2. Utilitza els camins per crear corbes


(Selecció Bezier)
Objectiu
La tècnica dels camins (que abans es coneixia com la selecció Bezier) és una eina molt potent del
GIMP. Com que molts de nosaltres, usuaris del GIMP, no tenim una taula de dibuix, ens costa molt
de fer córrer el ratolí pel lloc exacte on volem traçar. El camins és una eina que soluciona aquest
problema, utilitzant corbes que fàcilment podràs controlar-ne la forma. Apart els camins també és
una eina molt útil quan s'utilitza juntament amb l'eina d'omplir l'àrea amb un gradient de colors.

Què són els camins?

L'eina per crear camins serveix per crear seleccions complexes, especificant
alguns punts concrets de la corba que es vol dibuixar.

Primer de tot seleccioneu l'eina i marqueu 4 punts en forma de capsa. Tal com es mostra en la
imatge superior. En les versions del GIMP 1.x només et deixava crear camins tancats, i per tant
l'últim punt sempre havia de coincidir amb el primer. A partir de la versió GIMP 2.0 es poden crear
corbes sense tancar.

Per tant després de crear els 4 punts, premeu la tecla Control mentre feu clic al primer punt,
d'aquesta manera tancareu la capsa. Naturalment, podeu crear camins de més de 4 punts.

Finalment feu clic al botó “Traça el camí” del diàleg de camins (menú “Diàlegs > Camins”) o bé
utilitzeu l'opció de menú “Edita > Traça el camí”. Per altra banda també podeu convertir el camí en
una selecció si voleu aconseguir una àrea que podeu omplir amb algun color o gradient.

Modificant les corbes


Els camins per crear figures fetes de línies rectes ja està bé, però això no
és tot. Realment les línies rectes dibuixades no són rectes sinó corbes. Són
corbes suaus estilitzades i sense aliasing. Les corbes es poden modificar de
forma bastant flexible, retocant-ne els vèrtexs. Quins vèrtexs us preguntareu,
doncs els punts rodons que heu marcat en el pas anterior, tal i com es mostra en
la figura de sobre aquestes línies. Els controls, no són visibles inicialment.
Per veure'ls 1) feu un clic damunt d'un dels cercles negres, 2) feu clic mentre
premeu la tecla Control i 3) agafeu i estireu un dels dos controls quadrats
que us han aparegut. Fixeu-vos que les línies rectes es converteixen ara en
línies corbes, i que amb aquest control podeu definir la forma de la corba.

4t ESO curs2009-2010
Departament Tecnologia IES Felanitx

Amb les corves Bezier es pot tenir el control total de la corva que dibuixem i no depenem del nostre
pols per tal que ens quedi com volem.

Aquesta figura mostra una corva Bezier amb els seus 7 punts de control. En aquest cas és una corva
tancada pero també es pot fer oberta.
El punt 1 que és el que està actiu mostra a més dos segments que indiquen les direccions de sortida
de la corva. Com més llarg és el segment, més s'apropa la corva al seu segment.
Si la voleu tancar feu clic sobre el primer punt mantenint apretada la tecla control.
Si apreteu majúscules s'inicia una altra corva Bezier.
Un cop dibuixada és pot modificar per ajustar-la. Us heu d'acostar a la corva dibuixada amb el
punter del ratolí de manera que apareixi la fletxa de moure amb les 4 direccions al seu costat.
Llavors, si us poseu sobre els punts de control els podeu desplaçar. Si us poseu sobre els
segments els podeu corvar.
Si activeu un punt de control apareixen els segments tangents a la corva i els podeu ajustar. Si
apreteu majuscules els dos segments es modifiquen simètricament.
Les corves Bezier dibuixades s'enmagatzemen i es poden veure a la finestra Camins (Si no la teniu
activeu el menú Diàlegs|Camins )

En aquesta captura de la finestra camins de la versió en castellà, es veu que hi ha 4 camins.

4t ESO curs2009-2010
Departament Tecnologia IES Felanitx

Observeu com a l'esquerra de cada corva hi ha els botons per fer-la visible i per bloquejar-la.

Un cop dibuixada la
corva es pot fer un traç sobre seu amb el botó o amb el menú Edita|Traça el camí.
L'exercici d'aquesta pràctica consisteix en dibuixar la silueta d'un dels animals següents.

Heu de crear un arxiu nou de 400x400 pixels. Dibuixeu la silueta sense omplir-la. Guardeu la feina
a la vostra carpeta amb el nom BEZIER.JPG

Uns quants consells


● Abans de modificar qualsevol punt o control, feu un clic al damunt per activar-lo.

● Si voleu que les corbes siguin suaus i no es vegin punts de ruptura, els dos controls quadrats
han d'estat alineats amb el punt de control. Si premeu la tecla Majúscules mentre modifiqueu
un control, el GIMP alinearà l'altre automàticament.

● Un camí pot tenir diverses component inconnexes. Si heu fet un camí tancat, podeu crear
una nova component del camí tornant a fer un clic on voleu començar la nova component.

● Si voleu crear un camí amb diverses components sense tancar, premeu la tecla Majúscules
mentre feu clic per seleccionar un nou punt on començar la nova component..

● Quan estigueu satisfets de la figura creada, premeu el botó vora o fes del camí una selecció.

4t ESO curs2009-2010
Departament Tecnologia IES Felanitx

Activitat 3. Retoc Fotogràfic molt bàsic


3.1.Canvia la mida de les imatges
Problema: Teniu un imatge molt gran i la voleu posar, que quedi bé, en una pàgina web?

El GIMP és una solució ràpida. Mireu el següent exemple, és una imatge de la galàxia

Primer de tot cal destacar que el GIMP quan


obra la imatge, automàticament la fa més
petita, per tal que ocupi només l'espai d'una
finestra. Realment la imatge no ha canviat de
mida, només s'ha canviat la resolució de la
vista. El GIMP fa un zoom per així poder
veure tota la imatge. En la capçalera de la
finestra es mostra la mida real de l'imatge
(1008x720 píxels).

En la capçalera també es pot veure el mode. Sempre que es treballin amb imatges, veureu que el
mode és RGB. Si posa una cosa diferent (Indexat, o escala de grisos), aleshores cal que llegiu el
capítol Canvia el mode i feu que el mode sigui RGB. Amb això trobareu una diferència en la
qualitat de les vostres imatges.

Per escalar la imatge heu d'anar al menú “Imatge” i


seleccionar l'opció “Escala la imatge ...”. Cada cop que
feu clic en una opció de menú que tingui “...”darrera el
seu nom, us apareixerà un finestra diàleg. En aquest cas
el diàleg per escalar la imatge.

Si ja sabeu quina amplada ha de fer la imatge, poseu-la


a dalt de tot del diàleg on posa “Amplada”. 300 píxels
és una bona mida per una imatge en una pàgina web.
Després de posar 300 en la casella corresponent a
l'amplada, veureu que la casella alçada també canvia
automàticament, en la imatge d'exemple us ha de donar
214 píxels. Normalment és millor que només doneu
una alçada o bé una amplada, i que el GIMP us calculi
l'altre mida, ja que sinó la imatge se us distorcionarà (més allargada en una dimensió que en l'altre).
Un cop fet l'escalat en l'exemple us ha de sortir això.

Pot ser voleu precisar centímetres en comptes de píxels. Per


exemple voleu una imatge de 4 x 6 centímetres. Aleshores cal
que seleccioneu centímetres en el selector de les unitats i poseu
un 4 en la casella de l'amplada.

Però si voleu que la imatge tingui una mida exacta tant en

4t ESO curs2009-2010
Departament Tecnologia IES Felanitx

alçada com en amplada, suposem en aquest cas 200x200 píxels. Poseu 200 píxels en la casella de
l'amplada, i obtindreu una imatge de 200 X 280 píxels, .
Podeu veure la diferència entre escalar i escapçar, comparant la imatge anterior amb la següent
escapçada de 200x200 píxels. Per aprendre a escapçar cal veure el capítol Escapça una part de la
imatge .

Si voleu escalar la imatge a 200x200 exactament, en comptes de 200x280. Heu de desactivar el


càlcul automàtic de l'alçada. Per fer-ho cal de feu clic damunt del cadenat . Veureu que el cadenat
queda obert. Ara us permet entrar qualsevol valor tant a l'amplada com a l'alçada.

Fes el mateix amb una imatge teva

3.2.Fes els JPGs més petits


Problema: Teniu vàries imatges en format JPG en la vostra pàgina web i necessiteu que es carreguin
més ràpidament.
Hi han imatges que tenen massa definició i això fa que alhora de baixar-se per internet vagin
lentes, sobretot per aquelles persones que no disposen de banda
ample. Hi ha una manera de reduir el pes de la imatge JPG sense
reduir la mida en píxels.

Actualment la capacitat de compressió dels JPG és


impressionant; en aquest exemple farem servir una bonica imatge
(i enorme) de Saturn

L'objectiu és posar aquesta imatge en una pàgina web, per tant el


primer pas serà escalar la imatge a una amplada de 600 píxels. Si
mireu la Informació de la imatge veureu que el pes total de la
imatge és 18,7 MB. Per tant el següent pas serà reduir-ne el pes
utilitzant l'opció “Anomena i desa ...” del menú “Fitxer”.

Quan apareixi el diàleg escriviu un nom


de fitxer que acabi amb l'extensió “.jpg” o
bé “.jpeg”, per exemple podeu posar
“saturn.jpg”.

Si tot ha anat bé, ha d'aparèixer el diàleg


“Desa com a JPEG”. Si en comptes
d'aquest veieu el diàleg "Exporta el
fitxer" aleshores us caldrà canviar el
Mode de la imatge. Qualsevol altre
tipus d'error voldrà dir que li heu donat
un nom de fitxer amb l'extensió “.jpg”mal
escrita.

En el diàleg “Desa com a JPEG” veureu una control de qualitat. Un valor de 85 significarà que es

4t ESO curs2009-2010
Departament Tecnologia IES Felanitx

desarà la imatge amb només el 85 % de la qualitat original. Al prop d'aquest control veureu la mida
en bytes amb què es desarà el JPG si accepteu desar-ho amb aquesta qualitat.

Sota d'aquest control també hi ha una casella de “Visualització prèvia (en la finestra de la imatge)”.
Quan està marcada aquesta casella aleshores a
mesura que toqueu el control de qualitat, en la
finestra de la imatge podreu veure com va perdent
o guanyant qualitat.

En l'exemple proposat, podeu reduir la qualitat de


la imatge fins al 3%. Com podeu veure la imatge
ara pesa només 21 Kb dels 18700 Kb inicials,
però per contra la imatge no es veu gens bé.

Com podeu veure hi ha un compromís entre


qualitat i pes, que heu d'escollir vosaltres, i si pot ser amb l'opinió d'altres persones.

Podeu comparar diverses altres opcions en aquesta pàgina.

3.3.Escapça una imatge


Problema: Teniu una imatge de rectangular i la voleu fer quadrada, no la podeu encongir perquè
quedaria distorsionada, per tant és millor eliminar les parts buides.

Hi ha dues maneres d'escapçar una imatge. Podeu utilitzar l'eina d'escapçar


del plafó d'eines o bé podeu anar al menú “Eines > Eines de transformació >
Espaça i canvia la mida”.

Per aquest exemple es farà servir la següent fotografia La Petita Nuvolosa


Fantasma.

Un cop seleccionada l'eina d'escapçar del plafó d'eines, heu de fer un clic allà
on voleu escapçar i sense deixar el botó del ratolí estirar la selecció fins
arribar a l'altre extrem. Veureu que s'enfosqueix la part de la imatge que
queda fora de la selecció, i que a part apareix el diàleg d'escapçat i canvi de
mida.

En aquest diàleg podeu introduir directament la posició i les dimensions de l'àrea a retallar, o bé
amb el ratolí podeu modificar els extrems de l'àrea directament sobre la finestra de la imatge.

4t ESO curs2009-2010
Departament Tecnologia IES Felanitx

Com que l'objectiu de l'exemple és fer un


quadrat, utilitzeu el diàleg per posar que
l'amplada i l'alçada és de 900 píxels. Un
cop fet això veureu això .

Tal com es veu en l'exemple, cal centrar


millor la part a retallar. Per això cal
arrossegueu els extrems inferior esquerra o
bé superior dret, així podreu moure la
selecció sense que li canvii la mida.

En canvi si arrossegueu els extrems superior


esquerra o bé l'inferior dret el que fareu és
canviar la mida de la selecció, que ara no
interessa.

Un cop trobeu el lloc perfecte feu clic al botó “Escapça”del diàleg i veureu
finalment la imatge sense les parts que no interessaven.

Fes el mateix amb una fotografia teva

3.4.Volteja respecte un eix de simetria


Problema: Voleu fer que una persona o objecte miri cap a la direcció
oposada.
Ho farem amb la imatge foc

Seleccioneu l'eina “Volteja” del plafó d'eines o bé seleccioneu


“Volteja” en el menú “Eines > Eines de transformació”.

Si ara feu un clic damunt de la imatge veureu com la imatge volteja


horitzontalment. Si voleu que ho faci verticalment heu de fer clic mentre

4t ESO curs2009-2010
Departament Tecnologia IES Felanitx

premeu la tecla Control.

Per tal que voltegi verticalment, també ho podeu especificar en les opcions de l'eina. Si no teniu
aquest plafó a la vista, el podeu engegar seleccionant “Opcions de l'eina” en el menú “Diàlegs”.

Per cert que és un bon consell que tingueu sempre visible aquest diàleg “Opcions de l'eina” ja que
com més utilitzeu el GIMP se us farà més imprescindible.

Fes el mateix amb una imatge teva

3.5.Gira la imatge
Problema: Quan vas fer la foto la vas tirar amb la càmera girada verticalment, i ara vols girar 90
graus la fotografia.

Obri la imatge anell

Amb el GIMP això ho podeu fer simplement seleccionant l'opció “Gira 90 graus” del menú
“Imatge > Transforma”.

Fixeu-vos que sempre es gira en el sentit del rellotge, i que fer una rotació de 180 graus és el mateix
que voltejar verticalment.
Fes-ho amb una fotografia teva

3.6.Obté informació de la imatge


Problema: Voleu obtenir informació de la imatge: mida, pes, etc... de la imatge galaxies
desordenades

4t ESO curs2009-2010
Departament Tecnologia IES Felanitx

Obriu el menú “Visualitza > Finestra d'informació.

Per tal que us surti el diàleg amb tota la informació sobre la imatge.

Molta d'aquesta informació ja apareix en altres llocs, però amb aquesta opció la teniu tota
recopilada.

Els usuaris novells podeu ignorar simplement tot el que fa referència a la “Mida d'impressió” i a la

“Resolució”, ja que aquesta informació es grava en la


imatge per tal que les impressores en facin cas, però la
majoria d'impressores no n'hi fan, per tant vosaltres
també podeu fer el mateix.

Tot i així, com més treballeu en gràfics per ordinador,


més útil trobareu tota aquesta informació.

4t ESO curs2009-2010
Departament Tecnologia IES Felanitx

Activitat 4. Eines de selecció

En aquesta pràctica es tracta de que practiqueu les eines de selecció. Amb aquestes eines retallareu
una fotografia vostre i l'enganxareu sobre una fotografia d'un país llunyà.

Les eines de selecció


Les eines de selecció permeten seleccionar una part d'una imatge, de manera que, després, podreu
actuar-hi a sobre: retallar-la, copiar-la, moure-la, pintar-la, aplicar-hi un filtre...

Les eines de selecció a la caixa d'eines

En primer lloc, heu d'escollir quina eina de selecció voleu utilitzar:

selecció de rectangle

selecció d'el·lipse

selecció lliure

selecció difosa

selecció per color

tisores intel·ligents

Per fer seleccions rectangulars o el·líptiques, premeu el botó corresponent , o bé . A continuació,


poseu el punter sobre la imatge. La selecció s'inicia a l'extrem on teniu el punter. Sense deixar de
prémer el botó esquerre del ratolí, estireu la selecció fins a completar-la. Quan deixeu anar el botó
esquerre del ratolí, haurà finalitzat la selecció. L'àrea seleccionada es mostra envoltada d'unes línies
discontínues que es van movent. Les línies discontínues, que es mouen com si fossin formigues,
indiquen la selecció

4t ESO curs2009-2010
Departament Tecnologia IES Felanitx

Selecció rectangular Selecció d'el·lipse

Si voleu que l'eina Selecció de rectangle faci un quadrat, o l'eina Selecció d'el·lipse faci un cercle,
premeu la tecla de majúscules ( Maj ) mentre feu la selecció.

Si voleu que l'àrea de la selecció rectangular o el·líptica estigui centrada en un punt, situeu el punter
del ratolí al punt central que heu escollit i feu un clic amb el botó esquerre. Sense deixar de prémer
el botó esquerre, premeu la tecla Control i feu la selecció. La selecció començarà pel mig en lloc
d'iniciar-se per defecte en un extrem.

Per fer un cercle o un quadrat centrats en un punt, primer premeu amb el botó esquerre el punt
central on ha de començar la selecció, a continuació, premeu simultàniament les tecles de
majúscules i Control , i feu la selecció.

Per deixar de seleccionar, feu un clic fora de la selecció, o bé aneu a la finestra de la imatge, al
menú Selecciona | Res .

4t ESO curs2009-2010
Departament Tecnologia IES Felanitx

Per defecte, quan comenceu una selecció nova, desapareix una selecció anterior.

Des del quadre de control de les eines selecció de rectangle o selecció


d'el·lipse, a l'apartat Mode , prement el botó corresponent, podeu indicar el tipus de selecció que
voleu fer:

la selecció nova fa desaparèixer la selecció anterior

suma seleccions

resta seleccions

creua seleccions

Si acosteu el punter del ratolí, el GIMP us informa d'una manera gràfica sobre el tipus d'acció que
aneu a fer.

Quan al costat del punter del ratolí es mostra l'opció de moure la selecció , podeu desplaçar la
selecció per situar-la al lloc on vulgueu. Com podeu veure en la finestra de capes, la selecció
queda ubicada en una capa flotant (selecció flotant o temporal) en la qual també podeu fer accions
com pintar, moure, posar-hi efectes... Quan acabeu, per continuar treballant, cal ancorar o fixar la
selecció. Ho podeu fer de diferents maneres:

Al diàleg de capes, feu un clic al botó Ancora la capa flotant .


Al diàleg de capes, feu un clic al botó Nova capa .

Si voleu afegir diverses seleccions, al quadre de control premeu el botó de suma


seleccions .
La tecla de majúscules permet sumar a una selecció un quadrat o un cercle. Les seleccions afegides
poden estar o no unides. Si les seleccions que sumeu es toquen, les unifiqueu en una sola selecció.

Sumar diverses seleccions Sumar diverses seleccions


en una de sola

Si voleu treure zones seleccionades, premeu el botó resta seleccions del quadre de control. També
la tecla Control permet anar-les restant. En l'exemple següent, veureu una selecció d'el·lipse i una
segona selecció d'el·lipse (de color groc, a l'exemple de sota) que retalla i suprimeix tot el que hi ha

4t ESO curs2009-2010
Departament Tecnologia IES Felanitx

dins la seva àrea.

La segona selecció (de color groc)


resta de la primera Resultat de restar la selecció

Segons sobre quina àrea de la imatge vulgueu actuar, caldrà o no invertir la selecció. Per seleccionar
la part oposada, aneu al menú Selecciona | Inverteix .

Selecció Omplir de color la selecció Invertir una selecció i omplir-la de color

Per moure una selecció juntament amb el seu contingut, premeu amb el botó esquerre del ratolí i
arrossegueu. Si voleu moure una selecció sense el seu contingut per ajustar la zona que voleu
seleccionar, premeu la tecla Alt i arrossegueu-la amb el botó esquerre del ratolí.

L'eina selecció lliure permet fer una selecció a mà alçada. Convé començar-la i acabar-la en el
mateix punt, si deixeu anar el botó esquerre, la selecció es tanca automàticament amb una
línia recta.
Com totes les eines de selecció, podeu afegir, treure i creuar seleccions. Per suavitzar les vores de
l'eina, marqueu l'opció Suavitza vores al quadre de control i introduïu un valor per al radi. Fent un
clic fora de la selecció, deixeu de seleccionar-la.

4t ESO curs2009-2010
Departament Tecnologia IES Felanitx

Selecció lliure Enganxar la selecció


en una imatge nova.

L'eina selecció difosa selecciona les regions contínues pel color, fent un clic, se selecciona, en el
lloc on heu fet el clic, tota una àrea delimitada del mateix color.

L'eina selecciona per color selecciona totes les zones d'una capa que tenen el mateix color.

Prement la tecla de majúscules i fent clic, sumeu zones de selecció. Prement la tecla Control i fent
clic, resteu zones de selecció.

L'eina tisores intel·ligents , a través dels punts que aneu indicant, busca els contorns d'una zona
de la imatge i automàticament s'hi adapta.

Per acabar la selecció, heu de tancar en el mateix punt on heu començat. Per ajustar la selecció,
podeu moure els punts de control i també crear-ne de nous. Finalment, feu un doble clic dins la zona
marcada amb els punts i ja tindreu l'àrea seleccionada.

Imatge original Selecció amb tisores Enganxar a una imatge nova

Retallar la nostre imatge

Un cop tingueu la vostre fotografia, copieu-la a la vostra carpeta amb el nom


imatge1.jpg Fent ús de les eines de seleció retalleu el cap o el cos sencer de manera que quant feu

4t ESO curs2009-2010
Departament Tecnologia IES Felanitx

copiar Ctrl-C i Enganxar Ctrl-V s'obtingui sols la part desitjada.

Guardeu-la a la vostra carpeta amb el nom imatge2.jpg

Aconseguir una fotografia d'un país llunyà


Aneu a la web www.flickr.com/maps on tothom pot deixar-hi fotografies georeferenciades (amb les
coordenades del lloc on s'ha fet la fotografia obtingudes amb un aparell GPS)

Per exemple a Nigèria s'ha trobat (el 12-2-2007)


aquesta fotografia

Copieu-la a la vostra carpeta amb el nom


viatge1.jpg

Copiar la nostra imatge dins la fotografia


I per acabar amb copiar i enganxar poseu la vostre imatge dins la fotografia. Un cop enganxada amb
l'eina de moure o amb el boto dret eines | eines de transformació | Gira o Escala la situeu al seu
lloc.

4t ESO curs2009-2010
Departament Tecnologia IES Felanitx

4t ESO curs2009-2010
Departament Tecnologia IES Felanitx

5. Màscares
Objectiu
Aquest tutorial us ensenyarà com podeu fer efectes de vinyetes utilitzant les màscares del GIMP.
Les màscares és la millor forma de modificar les parts seleccionades utilitzant eines d'intercanvi de
colors a nivell píxel, tals com el pinzell de traç difús, l'eina d'esborrar, o qualsevol de les extensions.

Pas 1

Carregueu una imatge i feu clic al botó de selecció ràpida, que trobareu a la part inferior-esquerra de
la finestra de la imatge.

Pas 2

Aleshores seleccioneu una regió rectangular de la imatge.


A la punta inferior-esquerra de la finestra de la imatge, al costat del botó de selecció ràpida, que heu
utilitzat, hi ha un altre botó amb una icona en forma de quadrat vermell. Aquest botó és el botó de
màscares.

4t ESO curs2009-2010
Departament Tecnologia IES Felanitx

Pas 3

Després de fer
clic al botó de màscares, veureu que la part exterior de la vostra selecció es torna vermellosa.
Podeu tornar a fer clic al botó ràpid de selecció per tal que la part vermellosa torni a ser tal
com era abans. Si us fixeu en el diàleg de canals veureu que cada cop que activeu la màscara es crea
un nou canal a part dels canals vermell, verd i blau, i a part aquest nou canal queda seleccionat
automàticament.
Així doncs ara que teniu la màscara feta i la veieu com una àrea vermellosa, ja podeu
començar a aplicar-hi efectes. Aneu al menú “Filtres > Distorcions > Ones circumcèntriques ” i feu
clic al botó d'acord.

Pas 4

Si ho heu fet aleshores


veureu que la mascara ara té una forma d'ona en comptes d'una forma quadrada. Ara apliqueu un
altre efecte, seleccioneu l'opció “Difuminació gaussiana ” que es troba al menú “Filtres >
Difumina”.

4t ESO curs2009-2010
Departament Tecnologia IES Felanitx

Pas 5

Ara les vores de la


màscara s'han difós amb la imatge de sota. A continuació feu clic desactiveu la màscara i torneu al
mode de selecció, fent un clic al botó de la punta inferior-esquerra de la finestra de la imatge.

Pas 6

Fent això veureu que la selecció ha agafat la forma d'ona de la màscara. Aquesta és la
potència de les màscares, us permeten fer servir els efectes per a crear figures ben complexes.
Com que ara el que ha quedat seleccionat és la part interior, cal invertir la selecció, perquè el
que quedi seleccionat és la part exterior de la imatge. Per fer-ho aneu al menú “Selecciona >
Inverteix”.

4t ESO curs2009-2010
Departament Tecnologia IES Felanitx

Últim pas

I finalment pinteu l'exterior fent “Edita > Omple amb el color de fons”.

Ja ho teniu. Amb aquest tècnica tant senzilla podeu aconseguir encara moltes més coses. A
continuació en veureu més exemples.

Aquesta imatge s'ha fet utilitzant l'opció


“Filtres > Soroll > Escampa”, i configurant el
filtre amb una dispersió horitzontal i vertical
de 11, per fer més efecte.

Aquest altre exemple s'ha fet utilitzant el


“Filtres > Distorcions > Foto de diari”.

4t ESO curs2009-2010
Departament Tecnologia IES Felanitx

Si en els passos del tutorial en


comptes d'utilitzar les ones ho
difomineu amb “Filtres >
Difumina > Pixelitza ”
aconseguireu aquest efecte.

A continuació crea tu diferents màscares a dues fotografies teves

4t ESO curs2009-2010
Departament Tecnologia IES Felanitx

6. CAPES
En aquesta pràctica, es mostrarà el funcionament de les capes amb el GIMP: el diàleg de capes,
crear un gif animat... També es mostrarà el funcionament de les eines de transformació d'una capa o
selecció.

6.1 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 diàleg de 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.

Més a la dreta veieu una vista reduïda de la capa, també


anomenada thumbneil.

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 escriviure un nom nou que us ajudi a localitzar ràpidament la capa.
Diàleg de capes amb la capa Text seleccionada
També podeu canviar el nom de la capa des del menú contextual que s'activa seleccionant una capa

4t ESO curs2009-2010
Departament Tecnologia IES Felanitx

i fent un clic amb el botó dret del ratolí, a


Edita atributs de la capa .

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 .

6.2 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

4t ESO curs2009-2010
Departament Tecnologia IES Felanitx

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.

6.3 La capa de fons


Quan creeu una imatge nova, al menú Fitxer | Nou , d'entrada, només conté la capa de fons, el
seu nom per defecte és Fons. La capa de fons és l'equivalent al llenç o tela sobre la qual un pintor
incorpora els elements que va dibuixant i pintant.

Vista de la capa de fons al diàleg de capes

Per defecte, el color de la capa de fons és el color de fons. A la finestra Crea una nova imatge, a
Opcions avançades, podeu escollir que la capa de fons s'ompli amb el color blanc, el color de
primer pla, el color de fons, transparent... Treballant amb capes, aquest color podeu modificar-lo
sempre que vulgueu.

Si creeu una imatge per a la web, quan la capa de fons és transparent i deseu la imatge en format
GIF, un cop inserida a la web, les àrees transparents mostraran el color de fons que tingui la pàgina.

Si obriu una imatge ja creada i que teniu desada, se situa a la capa de fons.

4t ESO curs2009-2010
Departament Tecnologia IES Felanitx

Si

obriu una imatge, se situa a la capa de fons Vista de la capa de fons al diàleg de capes

6.4 Crear capes noves


Per crear una capa nova, premeu el botó Nova capa del diàleg de capes. Cada capa nova que
creeu serà per defecte transparent, de manera que podeu veure els elements que hi ha a les capes de
sota. Quan creeu una capa nova, se situa a sobre de la capa que teniu seleccionada.

Podeu canviar l'ordre de les capes amb les fletxes del diàleg de capes que apunten cap amunt i cap
avall .

El botó Duplica la capa situa a sobre una còpia de la capa seleccionada.

Arrossegant una capa des del diàleg de capes fins a la caixa d'eines, la convertiu en una imatge
nova.

6.5 Opacitat d'una capa

Al diàleg de capes, amb el botó Opacitat, que podeu fer


lliscar a esquerra i dreta, modifiqueu l'opacitat d'una capa.

Abans s'ha explicat que una capa consta d'una part


transparent i els objectes formen la part opaca. L'opacitat
màxima és del 100%.

Si baixeu aquest percentatge, feu que els elements que


conté la capa tinguin un percentatge de transparència i, per
tant, deixin veure els elements de les capes de sota.
Configurar l'opacitat d'una capa

4t ESO curs2009-2010
Departament Tecnologia IES Felanitx

Sobre la fotografia, capa amb opacitat del 60%

6.6Desar una imatge amb capes


El format propi del GIMP és XCF, l'únic amb què el GIMP pot desar una imatge amb les seves
capes. Si voleu desar un treball per continuar-lo en un altre moment, aquest format conserva les
capes, camins... amb què estàveu treballant.

Per desar una imatge en altres formats, cal abans haver aplanat la imatge, és a dir, unificar totes les
capes en una de sola. Quan hàgiu finalitzat un treball, cal que aneu a la finestra de la imatge, a
Imatge | Aplana la imatge. Una imatge amb transparència, la perd quan s'aplana.

Si us heu oblidat d'aplanar la imatge, el GIMP ho detecta i obre la finestra Exporta un fitxer per
informar-vos que cal exportar la imatge, és a dir, convertir-la en una sola capa per poder-la desar. Si
confirmeu fent un clic a Exporta, el GIMP aplana la imatge. A la imatge que conserveu oberta a la
finestra de la imatge, no s'hauran aplanat les capes, només a la imatge desada.

Finestra Exporta un fitxer


Quan deseu en format GIF, el GIMP detecta si la imatge que voleu desar no està aplanada i té

4t ESO curs2009-2010
Departament Tecnologia IES Felanitx

diverses capes. Aleshores, a la finestra Exporta un fitxer, us pregunta si voleu fusionar les capes en
una de sola, o bé si voleu crear una animació. Per desar un gif animat, heu d'escollir, per tant,
l'opció Anomena i desa com animació.

Exporta un fitxer amb l'opció Anomena i desa com a animació

6.7Crear 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ó. 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.

4t ESO curs2009-2010
Departament Tecnologia IES Felanitx

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ó amb l'extensió GIF.

7. 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.

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.

4t ESO curs2009-2010
Departament Tecnologia IES Felanitx

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_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.

4t ESO curs2009-2010
Departament Tecnologia IES Felanitx

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.

Exemple d'animació creada amb el GIMP

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. A la finestra Exporta el fitxer, heu d'escollir l'opció Anomena i desa com a
animació.

6.8 Les eines de transformació d'una capa o selecció


A la caixa d'eines, trobeu cinc eines que permeten transformar una capa o selecció:

girar
escalar
retallar
canviar perspectiva
voltejar
Aquestes eines actuen sobre una capa o selecció, no sobre el
conjunt de la imatge.

Eines de transformació d'una capa o selecció

Gira la capa o selecció. Podeu introduir uns valors per a l'angle de gir a la finestra Informació
de la rotació, o bé podeu girar la capa o selecció manualment, prement i desplaçant el botó
esquerre del ratolí. Finalment, confirmeu amb el botó Gira.

4t ESO curs2009-2010
Departament Tecnologia IES Felanitx

Imatge original Gira una capa o selecció

Escala la capa o selecció. Aquesta eina canvia les mides d'una capa o selecció de manera no
proporcional. Per canviar les mides de manera proporcional, des del diàleg de capes, seleccioneu
una capa i cliqueu al botó dret, en el menú contextual, escolliu l'opció Escala la capa.

Imatge original Escala una capa o selecció

Retalla la capa o selecció. Introduïu uns valors positius o negatius per als eixos X/Y. La capa o
selecció s'inclina i retalla les zones que queden fora.

Imatge original Retalla una capa o selecció

Canvia perspectiva de la capa o selecció. Des de quatre punts de control situats als vèrtexs del
marc de la capa, podeu estirar la imatge per transformar-ne la perspectiva.

Imatge original Canvia perspectiva de la capa o selecció


Volteja la capa o selecció. Amb aquesta eina, la capa o selecció volteja horitzontalment i es
mostra com a mirall de l'original.

4t ESO curs2009-2010
Departament Tecnologia IES Felanitx

Imatge original Volteja una capa o selecció

4t ESO curs2009-2010
Departament Tecnologia IES Felanitx

7. Més fotografia

4t ESO curs2009-2010

You might also like