22
Tutorial de GIMP CREACIÓ DE GRÀFICS AMB Escola Pia de Catalunya 1/22

CREACIÓ DE GRÀFICS AMB - Escola Pia de Catalunyapl2.escolapia.cat/manual/tutorial gimp.pdf · GIMP és un programa del programari lliure. GIMP significava “General Image Manipulation

  • Upload
    others

  • View
    6

  • Download
    0

Embed Size (px)

Citation preview

Page 1: CREACIÓ DE GRÀFICS AMB - Escola Pia de Catalunyapl2.escolapia.cat/manual/tutorial gimp.pdf · GIMP és un programa del programari lliure. GIMP significava “General Image Manipulation

Tutorial de GIMP

CREACIÓ DE GRÀFICS AMB

Escola Pia de Catalunya 1/22

Page 2: CREACIÓ DE GRÀFICS AMB - Escola Pia de Catalunyapl2.escolapia.cat/manual/tutorial gimp.pdf · GIMP és un programa del programari lliure. GIMP significava “General Image Manipulation

Tutorial de GIMP

ÍNDEX

1. INTRODUCCIÓ..................................................................................................................32. COM COMENÇAR.............................................................................................................33. COM OBRIR UN DOCUMENT DESAT.............................................................................44. LA CAIXA D'EINES............................................................................................................4

4.1. EINES DE SELECCIÓ................................................................................................54.1.1 RECTANGULAR I EL·LÍPTICA............................................................................64.1.2. LLIURE................................................................................................................64.1.3. REGIÓ CONTÍNUA I PER COLOR.....................................................................64.1.4. TISORES INTEL·LIGENTS.................................................................................64.1.5. CAPTURADOR DE COLORS.............................................................................6

4.2. ELS CAMINS..............................................................................................................64.3. EINES DE MOVIMENT...............................................................................................7

4.3.1. GIRA....................................................................................................................74.3.2. ESCALA, INCLINA, PERSPECTIVA I CAPGIRA................................................7

4.4. INSERIR TEXT...........................................................................................................84.5. DEGRADATS..............................................................................................................84.6. LLAPIS, PINZELL, VAPORITZADOR I GOMA D'ESBORRAR..................................94.7. PLOMA DE TINTA......................................................................................................94.8. CUBELL DE PINTURA...............................................................................................94.9. DIFUMINA / RESSALTA I TACA AMB EL DIT............................................................94.10. FERRO ROENT......................................................................................................10

5. LA FINESTRA DE CAPES...............................................................................................105.1. LES CAPES..............................................................................................................10

6. COM DESAR UN ARXIU..................................................................................................117. PRÀCTIQUES..................................................................................................................13

7.1. EL MOSAIC..............................................................................................................137.2. COLLAGE.................................................................................................................137.3. CANVI DE COLOR D'ULLS......................................................................................147.4. TRASLLAT D'UNA SILUETA D'UNA FOTOGRAFIA A UNA ALTRA.........................147.5. CARÀTULA PER A UN DVD, VÍDEO.......................................................................157.6. CREANT TEXTOS....................................................................................................18

7.6.1. EFECTES BÀSICS............................................................................................187.6.1.1. BRISEL.......................................................................................................187.6.1.2. OMBRA......................................................................................................197.6.1.3. MIRALL......................................................................................................197.6.1.4. CONTORN DE LES LLETRES..................................................................20

7.6.2. EFECTES WEB.................................................................................................207.6.2.1. CRYSTAL WEB 2.0....................................................................................20

8. APLICACIÓ PER A FX FOUNDRY..................................................................................21

Escola Pia de Catalunya 2/22

Page 3: CREACIÓ DE GRÀFICS AMB - Escola Pia de Catalunyapl2.escolapia.cat/manual/tutorial gimp.pdf · GIMP és un programa del programari lliure. GIMP significava “General Image Manipulation

Tutorial de GIMP

1. INTRODUCCIÓ

GIMP és un programa del programari lliure. GIMP significava “General Image Manipulation Program”, però el 1997 es va canviar perquè signifiqués “GNU Image Manipulation Program”. Les utilitats més bàsiques de GIMP són manipular i crear gràfics i fotografies digitals. Principalment, GIMP és l'alter-nativa a Photoshop. El programa adopta l'idioma del sistema.

2. COM COMENÇAR

Al obrir GIMP, se'ns obriran tres finestres. La primera finestra, anomenada caixa d'eines, és la que ens permetrà desenvolupar la majoria d'utilitats de GIMP. La segona finestra, que anomenarem finestra de capes, és on es podran seleccionar el tipus de pin -zell, veure les capes que s'estan utilitzant, etc. I la tercera i última finestra, que anomena-rem a partir d'ara quadre de dibuix, és on s'obrira la fotografia, el dibuix, etc. per poder així retocar-lo. Aquesta serà la manera estàndard en què s'obrirà el programa:

Un cop obertes aquestes finestres ja podem començar a utilit-zar-lo. Primer de tot, caldrà obrir un document en blanc. Per fer-ho, caldrà anar a Fitxer / Nou o amb el teclat CTRL+N. Llavors ens sor-tirà una altra finestra on podrem posar el tipus de plantilla, si és A4, A3, 800x600 etc., o d'altra manera, podrem escriure la grandària de la imatge (alçada i l'amplada del full), expressada en píxels. Un cop escrit això, si desenvolupem el menú d'opcions avançades, troba-rem el lloc on posar-hi la resolució, l'espai de color, si el volem en color RGB o si el volem en escala de grisos; també trobem la opció

Escola Pia de Catalunya 3/22

Quadre de dibuixFinestra de capes, historial...

Caixa d'eines

Page 4: CREACIÓ DE GRÀFICS AMB - Escola Pia de Catalunyapl2.escolapia.cat/manual/tutorial gimp.pdf · GIMP és un programa del programari lliure. GIMP significava “General Image Manipulation

Tutorial de GIMP

omple amb, on podrem definir com voldrem que sigui el fons. Hi haurà les següents opci-ons:

• Color del primer pla. El color que dels dos que hi ha junts a la caixa d'eines, està a l'esquerra. Per defecte és negre.

• Color de fons. El color que dels dos que hi ha junts a la caixa d'eines, està a la dreta. Per de-fecte és blanc.

• Blanc. El color de fons és blanc.• Transparent. El color de fons és transparent,

és a dir, no hi ha cap color.

Per últim hi ha l'opció de comentari, per si es vol afegir algun comentari o una breu explicació.

Quan hàgim acabat, premem el botó on diu d'acord i apareixerà un document en blanc, o en el color que hàgim indicat, al quadre de dibuix. Ja podem començar a dibuixar.

3. COM OBRIR UN DOCUMENT DESAT

Moltes vegades voldrem obrir un document que tenim guardat en comtes de fer un document nou. Per fer-ho només caldrà que anem al quadre dibuix i un cop allà caldrà anar a Fitxer / obre o fer Ctrl+O. Ens sortirà una finestra on haurem de seleccionar la carpeta on estigui la fotografia que volem obrir.

En aquesta finestra podrem seleccionar el tipus d'imatge que és l'arxiu que volem obrir, si és .jpg, .gif, etc. A l'esquerra de la finestra tindrem les carpetes principals on po-drem anar, al centre hi haurà el que hi ha dins la carpeta on estiguem i a dalt hi haurà l'historial de les carpetes per on anirem passant.

Si a la carpeta on hi ha la imatge que volem obrir hi ha més d'una imatge i no sabem quina és la que volem obrir, només caldrà que ens posem a sobre de la imatge amb el ra-tolí i la seleccionem, llavors a la dretà ens sortirà la imatge, així podrem veure si és la que volem o no.

4. LA CAIXA D'EINES

Des de la caixa d'eines trobarem la majoria d'utilitats de GIMP. La caixa està dividi-da en dues parts: la superior i la inferior. A la part superior hi trobem tots els botons de GIMP. La part inferior canvia depenent del botó que estiguem utilitzant. Allà podrem modi-ficar els botons, per exemple, el pinzell el podrem fer mes gruixut o més prim, depenent del que vulguem fer. A continuació veiem totes les eines que podem trobar.

Eina selecció rectangular. Selecciona una re-gió rectangular.

Eina text. Crea o edita una capa de text.

Escola Pia de Catalunya 4/22

Color de fons

Color deprimer pla

Page 5: CREACIÓ DE GRÀFICS AMB - Escola Pia de Catalunyapl2.escolapia.cat/manual/tutorial gimp.pdf · GIMP és un programa del programari lliure. GIMP significava “General Image Manipulation

Tutorial de GIMP

Eina selecció el·líptica. Selecciona regions el·líptiques.

Eina cubell de pintura: omple amb un color o un patró.

Eina selecció lliure. Selecciona una regió a mà mitjançant segments arbitraris o poligo-nals.

Eina degradats. Omple amb un degradat de color.

Eina de selecció de regió contínua. Seleccio-na una regió contínua basant-se en el color.

Eina llapis. Pinta amb un pinzell sense suavit-zar les vores.

Eina de selecció per color. Selecciona regi-ons per colors semblants.

Eina pinzell. Pinta suaument amb un pinzell.

Eina tisores intel·ligents. Selecciona formes utilitzant una detecció de formes intel·ligents.

Eina goma d'esborrar. Esborra amb la goma utilitzant un pinzell, deixant-ho transparent o amb el color de fons.

Eina camins. Crea i edita camins. Vaporitzador. Permet dibuixar amb un pinzell variant-ne la pressió.

Eina capturador de colors. Captura colors dels píxels de la imatge.

Eina ploma de tinta. Dibuixa a l'estil cal·ligrà-fic.

Eina de selecció de primer pla. Selecciona la regió que conté els objectes del primer pla.

Eina clona. Copia de forma selectiva una imatge o un patró utilitzant un pinzell.

Eina compàs. Mesura distàncies i angles. Eina difumina/ressalta. Difumina o ressalta les vores utilitzant un pinzell, com si s'humite-gés amb gotes d'aigua.

Eina mou. Mou capes, seleccions i altres ob-jectes.

Eina taca amb el dit. Passa el dit damunt de la pintura utilitzant un pinzell.

Eina escapça. Elimina el marc de la imatge o de la capa.

Eina ferro roent. Aclareix o enfosqueix selecti-vament utilitzant un pinzell.

Eina gira. Gira la capa, la selecció o el camí. Eina ampliació. Ajusta el nivell d'ampliació.

Eina escala. Escala la capa, la selecció o el camí.

Eina alinea. Alinea o organitza capes i altres elements.

Eina inclina. Inclina la capa, la selecció o el camí.

Eina cicatritza. Cicatritza les irregularitats de la imatge.

Eina perspectiva. Deforma la capa, selecció o camí definint una nova capsa contenidora.

Eina clona en perspectiva. Clona a partir d'u-na imatge original després d'aplicar-hi una transformació de perspectiva.

Eina capgira. Capgira, horitzontalment o ver-ticalment, la capa, selecció o camí.

Colors de primer pla i de fons, per defecte són negre i blanc. Les fletxes canvien els co-lors.

4.1. EINES DE SELECCIÓ

Les eines de selecció ens ajudaran a seleccionar la zona que nosaltres decidim. Hi ha vàries maneres de seleccionar una zona. Un cop seleccionada una zona, es podrà co-piar, moure, etc.

Escola Pia de Catalunya 5/22

Page 6: CREACIÓ DE GRÀFICS AMB - Escola Pia de Catalunyapl2.escolapia.cat/manual/tutorial gimp.pdf · GIMP és un programa del programari lliure. GIMP significava “General Image Manipulation

Tutorial de GIMP

4.1.1 RECTANGULAR I EL LÍPTICA·

Amb aquestes dues eines podrem seleccionar la secció de la imatge que ne-cessitem amb un rectangle o una el·lipse. Per fer-ho només caldrà prémer en un punt de la pantalla i després a un altre, fent que el rectangle o la el·lipse retinguin la zona que vo-lem seleccionar.

4.1.2. LLIURE

Amb aquesta eina podrem seleccionar la zona que nosaltres necessitem de la ma-nera que preferim nosaltres, és a dir, si tenim una imatge amb un cotxe i volem seleccio-nar el cotxe per copiar-lo a una altra fotografia, podrem fer-ho gràcies a aquesta eina. Per fer-ho només caldrà anar prement amb punts la silueta de la imatge que podrem seleccio-nar.

4.1.3. REGIÓ CONTÍNUA I PER COLOR

Aquestes dues eines són molt semblants. Les dues seleccionen regions depenent del color de la regió. La diferència està en que l'eina de selecció de regió contínua ens se-lecciona una regió amb el mateix color, i en canvi, l'eina de selecció per color selecciona vàries regions amb el mateix color.

4.1.4. TISORES INTEL LIGENTS·

Aquesta és una altra eina útil per seleccionar regions seguint la forma que tenen. La diferència entre aquesta eina i les altres és que aquesta eina, el que fa amb la selecció copiar-la o eliminar-la, no es pot moure. Per utilitzar-la, només cal prémer el ratolí seguint la silueta que vulguem retallar.

4.1.5. CAPTURADOR DE COLORS

Amb aquesta eina podrem seleccionar un color determinat de la imatge amb què estiguem treballant. Un cop tinguem l'eina seleccionada, només cal prémer un punt on hi hagi el color que necessitem. Un cop fet això, se'ns guardarà aquest color i el podrem uti -litzar per pintar am el pinzell, el vaporitzador, etc.

4.2. ELS CAMINS

La tècnica dels camins és una eina molt important del GIMP. De vegades la selec-ció rectangular o el·líptica no és prou flexible, segons el que es vulgui aconseguir. L'eina camins és una eina que soluciona aquest problema, utilitzant corbes que fàcilment es po-dran 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.

Primer de tot seleccioneu l'eina i marqueu 4 punts en forma de capsa. Per tant des-prés de crear els 4 punts, premeu la tecla Control mentre feu clic al primer punt, d'aquesta manera tancareu la capsa. Naturalment, es poden crear camins de més de 4 punts.

Escola Pia de Catalunya 6/22

Page 7: CREACIÓ DE GRÀFICS AMB - Escola Pia de Catalunyapl2.escolapia.cat/manual/tutorial gimp.pdf · GIMP és un programa del programari lliure. GIMP significava “General Image Manipulation

Tutorial de GIMP

Si un cop tenim el camí fet volem fer corbes, només haurem de prémer el punt del costat que vulguem arrodonir. Després només caldrà fe la corba com millor ens convingui.

Un cop creat el camí, per pintar les línies cal anar al menú Edita / Pinta el camí. Ens sortirà una finestra on haurem de triar com volem pintar la línia. Per pintar la zona de dins, caldrà anar a Selecciona / Des de camí. Llavors el camí fet, ens sortirà com una zona seleccionada, li podrem aplicar un color, un degradat, etc.

4.3. EINES DE MOVIMENT

4.3.1. GIRA

Amb aquesta eina podrem girar les imatges. Al prémer aquest botó, haurem de seleccionar la capa que volem girar. Hi haurà dues maneres de gi-rar la imatge. La primera és girar la imatge amb el ratolí. La segona és des de la finestra que ens ha sortit al prémer l'eina gira. Allà hi haurà tres mane-res. La primera és la que està situada més amunt, consisteix en posar l'angle que es vol que giri la imatge. Es pot escriure, o moure am les fletxes que hi ha. La segona es basa en una barra de desplaçament que només cal moure a la dreta o a l'esquerra. I la tercera es basa en posar els píxels on es vol que quedi la imatge. Quan s'hagi decidit com es vol la imatge, només caldrà prémer al botó gira.

4.3.2. ESCALA, INCLINA, PERSPECTIVA I CAPGIRA

L'eina escala modifica la grandària de la capa que vulguem. El funcionament és el mateix que en la eina anterior, però quan surt la finestra, o modifiques la imatge amb el ra-tolí, o des de la finestra, s'ha de posar l'alçada i l'amplada que volem que quedi al final. Un cop modificada la capa, premem el botó escala.

L'eina inclina funciona de la mateixa manera que l'anterior, però en contes d'escriu-re l'alçada i l'amplada, s'ha d'escriure la inclinació de l'eix X i la inclinació de l'eix Y. Quan hàgim modificat la imatge, premem el botó retalla.

Escola Pia de Catalunya 7/22

Page 8: CREACIÓ DE GRÀFICS AMB - Escola Pia de Catalunyapl2.escolapia.cat/manual/tutorial gimp.pdf · GIMP és un programa del programari lliure. GIMP significava “General Image Manipulation

Tutorial de GIMP

L'eina perspectiva només es pot utilitzar seleccionant la imatge i modificant-la amb el ratolí. Un cop modificada la capa, premem el botó transforma.

L'eina capgira és la més senzilla de totes. Només cal seleccionar la capa que vo-lem que capgiri i la capa es posarà a l'inrevés de com estava.

4.4. INSERIR TEXT

L'eina text ens serveix per escriure textos en la imatge. Quan escrivim un text s'in-sereix com a una capa, per tant, se li poden aplicar totes les eines aplicables a les capes. Per escriure-hi, l'únic que hem de fer és fer clic en qualsevol punt de la nostre imatge. Ens apareixerà una finestra on haurem d'escriure el text. En la caixa d'eines, a la part inferior, haurà aparegut un menú on podrem modificar el nostre text: grandària de la lletra, color, etc.

4.5. DEGRADATS

L'eina degradats ens ajuda a passar d'un color a un altre, creant una capa que per exemple pot fer la funció de fons.

Un cop premem el boto d'eina degradats, haurem de seleccionar de quin punt a quin punt volem que es faci el degradat. Per defecte, el degradat estarà compost pels co-lors que tinguem de fons i de primer pla.

Ara bé, si volem un degradat diferent, només cal anar a la finestra de capes, a la part inferior, on hi trobarem una pestanya on s'hi veu un degradat, la pestanya que està a la dreta del tot, allà hi trobem un conjunt de degradats, els que ens agradi el podem selec-cionar i crear el degradat com ho fem normalment.

Aquests són uns exemples de degradats:

Escola Pia de Catalunya 8/22

Page 9: CREACIÓ DE GRÀFICS AMB - Escola Pia de Catalunyapl2.escolapia.cat/manual/tutorial gimp.pdf · GIMP és un programa del programari lliure. GIMP significava “General Image Manipulation

Tutorial de GIMP

4.6. LLAPIS, PINZELL, VAPORITZADOR I GOMA D'ESBORRAR

Les quatre eines són molt semblants. Començarem pel llapis, el pinzell i el vaporit-zador. Per pintar amb una d'aquestes tres eines, només cal que premem el botó de l'eina que vulguem utilitzar i ja podem començar a utilitzar-lo. El llapis, el pinzell i el vaporitzador utilitzaran el color de primer pla, que per defecte serà negre. A la part inferior de la caixa d'eines trobarem un menú on modificar el pinzell, el llapis o el vaporitzador. La diferència entre aquestes tres eines és que el llapis pinta més prim que les altres dues, però el vapo -ritzador pinta amb menys pressió que el pinzell.

L'eina goma d'esborrar té les mateixes funcions que el llapis i el pinzell amb l'ex-cepció de que la goma utilitza el color de fons per pintar, mentre que el llapis o el pinzell utilitzen el color de primer pla. Una altra diferència és que el mode, és a dir, la manera de pintar del pinzell o el llapis, no es pot canviar.

4.7. PLOMA DE TINTA

Aquesta eina la utilitzarem de la mateixa manera que si estiguéssim dibuixant amb una ploma. La utilitat d'aquesta eina és la mateixa que la del pinzell. Pinta amb el color de primer pla. La diferència entre el pinzell i la ploma de tinta, és que la ploma de tinta, com més ràpid pintes sobre la imatge, més prim farà la línia, per tant, si pintes més lent, pintarà més gruixut. A més, a sota de la caixa d'eines ens apareixerà un menú on poder modificar la ploma.

4.8. CUBELL DE PINTURA

Amb aquesta eina podrem pintar grans espais de la imatge. Per utilitzar-lo, només cal seleccionar l'eina i prémer sobre la zona que es vol pintar. Per defecte pintarà negre, però per canviar el color, només caldrà canviar el color de primer pla.

4.9. DIFUMINA / RESSALTA I TACA AMB EL DIT

L'eina difumina/ressalta ens difuminarà o ressaltarà qualsevol capa. Per utilitzar-la, només cal prémer el botó de l'eina i arrossegar el ratolí per la part que volem difuminar o ressaltar.

L'eina taca amb el dit serveix per deformar el dibuix de la imatge. Per fer-ho només cal prémer el botó de taca amb el dit i arrossegar el ratolí per la imatge. Aquí tenim un exemple de com fer-ho.

Escola Pia de Catalunya 9/22

Page 10: CREACIÓ DE GRÀFICS AMB - Escola Pia de Catalunyapl2.escolapia.cat/manual/tutorial gimp.pdf · GIMP és un programa del programari lliure. GIMP significava “General Image Manipulation

Tutorial de GIMP

4.10. FERRO ROENT

Aquesta és una eina amb la qual podrem en-fosquir o aclarir la imatge. Funciona com un pinzell. Per aclarir la imatge, només cal utilitzar aquesta eina com el pinzell. Per fer l'acció contrària, només cal prémer la tecla CTRL i pintar sobre la imatge, d'aquesta manera se'ns enfosquirà.

5. LA FINESTRA DE CAPES

A dalt de tot, hi trobarem 4 pestanyes, les quals d'esquerra a dreta són: capes, ca-nals, camins i historial de desfer. Capes ens mostrarà la llista de capes que tenim, a ca-nals veurem els colors vermell verd i blau, ens permetrà canviar el color de la capa. Camins ens mostrarà els camins que tinguem fets. I l'historial de desfer ens mostrarà tots els passos que hem desfet.

5.1. LES CAPES

Les capes són cada imatge, text, etc. que es posi en un do-cument. La capa inicial és el fons. La majoria d'eines s'utilitzen no-més en una capa, per tant, abans d'utilitzar una eina, cal seleccionar la capa que volem utilitzar. Per seleccionar-la, només cal anar a la finestra de capes, a la part superior de la finestra, i seleccionar la capa que volem.

La primera capa que tindrem, que la crearem al obrir o crear un document, s'anomenarà fons. Per crear una altra capa, només caldrà prémer amb el botó dret sobre la capa ja creada, a la fines-tra de capes i seleccionar nova capa. Per suprimir-la caldrà fer el mateix, però en comptes de nova capa, haurem de seleccionar suprimeix la capa.

Hi ha dues funcions que cal comentar. La primera és la fun-ció de bloquejar la capa. Per fer-ho, a l'esquerra del nom de la capa, hi trobarem un quadrat petit blanc. Si fem clic allà, ens blo-quejarà la capa, de manera que de cap manera es podrà modificar aquella capa.

L'altre funció que trobem és la capacitat de reduir o aug-mentar la opacitat de la capa. Com menys opacitat tingui aquella capa, menys es veurà, serà més transparent. Per canviar la opacitat, només caldrà anar més amunt de la llista de capes. Hi trobarem una barra de desplaçament. Aquesta, com més a l'esquerra estigui, menys opacitat tindrà la capa seleccionada anteriorment. Per veure-la completament i bé la barra haurà d'estar el més a la dreta possible.

Escola Pia de Catalunya 10/22

Page 11: CREACIÓ DE GRÀFICS AMB - Escola Pia de Catalunyapl2.escolapia.cat/manual/tutorial gimp.pdf · GIMP és un programa del programari lliure. GIMP significava “General Image Manipulation

Tutorial de GIMP

6. COM DESAR UN ARXIU

Sempre que acabem una imatge, serà important guardar-la per tal de de no perdre la feina feta. Per guardar un arxiu només caldrà anar a Fitxer / Anomena i desa, o direc-tament fer MAJÚS+CTRL+S, si és el primer cop que guardem l'arxiu, si ja l'hem guardat abans, només anant a Fitxer / Desa, o prement CTRL+S, ja se'ns guardaran els canvis fets. Al fer una d'aquestes dues opcions, s'obrirà una finestra on podrem posar el nom de l'arxiu, la carpeta on el volem desar i a baix de tot, el tipus d'arxiu amb el que el volem desar, per defecte serà .xcf.

Tot i així, també es pot desar l'arxiu en altres formats. El format amb què vulguem guardar l'arxiu dependrà de la utilitat que li vulguem donar. Per exemple, si tenim un pro-jecte del GIMP no acabat, serà ideal guardar el document en .xcf per seguir-hi treballant després. Per altra banda, si ja hem acabat el projecte i la utilitat que li volem donar és la de una simple imatge, podrem guardar l'arxiu en .jpg. A continuació trobem els diferents formats amb què es pot guardar un arxiu:

Tipus de fitxer Extensions Tipus de fitxer ExtensionsImatge XCF del GIMP xcf Animació FLIC d'Autodesk fli, flcAnimació MNG mng Bolcat de la finestra X xwdCapçalera del codi font C h Codi font C cDades d'imatge sense format Document PostScript ps

Fitxer bzip xcf.gz, gz, xcfgz Icona del Microsoft Win-dows ico

Imatge Alias Pix pix, matte, mask, aplha, als Imatge BMP del Windows bmp

Imatge de trama de SUN im1, im8, im24, im32, rs, ras Imatge del Photoshop psd

Imatge GIF gif Imatge IRIS de Silicon Graphics

sgi, rgb, bw, icon

Imatge JPEG jpg, jpeg, jpe Imatge PBM pbmImatge PCX de ZSoft pcx, pcc Imatge PGM pgmImatge PNG png Imatge PNM pnm

Escola Pia de Catalunya 11/22

Page 12: CREACIÓ DE GRÀFICS AMB - Escola Pia de Catalunyapl2.escolapia.cat/manual/tutorial gimp.pdf · GIMP és un programa del programari lliure. GIMP significava “General Image Manipulation

Tutorial de GIMP

Imatge PostScript encap-sulada eps Imatge PPM ppm

Imatge TarGA tga Imatge TIGG tif, tiff

Imatge X PixMap xpm Imatge digitals i comunica-cions en medicina dcm, dicom

KISS CEL cel Mapa de bits d'X xbm, icon, bit-map

Patró del GIMP pat Pinzell del GIMP gbr

Pinxell del GIMP (animat) gih Sistema de transport d'i-matge flexible fit, fits

Taula HTML html, htm

És recomanable guardar l'arxiu abans d'acabar-lo, és a dir, a la que portem feta una mica de feina, ja és recomanable guardar-lo ja que si se'ns penja el programa o se'ns blo-queja l'ordinador i s'ha de reiniciar, no es perdrà. D'aquesta manera, també és recomana-ble anar guardant l'arxiu, anant a Fitxer / Desa o fent CTRL+S.

Escola Pia de Catalunya 12/22

Page 13: CREACIÓ DE GRÀFICS AMB - Escola Pia de Catalunyapl2.escolapia.cat/manual/tutorial gimp.pdf · GIMP és un programa del programari lliure. GIMP significava “General Image Manipulation

Tutorial de GIMP

7. PRÀCTIQUES

7.1. EL MOSAIC

Aquesta pràctica consistirà en fer un mosaic de colors. El mosaic es podrà fer en diferents co-lors o en tons diferents d'un mateix color.

Aquesta pràctica ens ajudarà bàsicament a utilitzar eines com el pinzell, el cubell de pintura i la paleta de colors.

El vídeo adjunt en el marc, ens ensenyarà com fer un mosaic.

7.2. COLLAGE

Aquesta pràctica consistirà en posar fotografies diferents en un mateix document i creant així un collage. La pràctica ens ajudarà a practicar amb eines com la mou, perspec-tiva, inclina, escala, etc. També ens ajudarà a familiaritzar-nos amb les capes i totes les funcions que tenen.

Per començar només caldrà crear un document nou. Cada cop que hàgim d'obrir una imatge per po-sar-la en el collage, és important anar a Fitxer / Obre com a capes o prémer CTRL+ALT+O. D'aquesta ma-nera, la fotografia que volem posar en el document, se'ns obrirà com una nova capa i serà més fàcil de trac-tar.

Aquest és un exemple de collage. Aquesta imatge es basa en 6 fotografies de llocs importants d'Europa. Al centre hi ha una fotografia del mapa d'Europa amb l'opacitat reduïda de manera que es puguin veure les altres fotografies.

Totes les fotografies han estat inserides fent Fitxer / Obre com a capes. El mapa ha estat la última fotografia

inserida. En el cas de que el mapa surti per sota de les altres fotografies el que cal fer és esborrar la capa del mapa, i a les altres, en la caixa de capes, a la llista, cal prémer-les amb el botó dret per després prémer l'opció Fusiona amb la capa inferior. Al fer això, cada cop hi haurà menys capes fins que només quedi la capa fons. Un cop fet això, ja podem inserir el mapa i retocar-lo.

Escola Pia de Catalunya 13/22

Page 14: CREACIÓ DE GRÀFICS AMB - Escola Pia de Catalunyapl2.escolapia.cat/manual/tutorial gimp.pdf · GIMP és un programa del programari lliure. GIMP significava “General Image Manipulation

Tutorial de GIMP

7.3. CANVI DE COLOR D'ULLS

En aquesta pràctica aprendrem a canviar el color dels ulls, de qualsevol part del cos, o de qualsevol cosa. Per poder realitzar la pràctica caldrà tenir la imatge d'un ull. En el cas de que els ulls apareguessin molt lluny, podríem utilitzar l'eina zoom per tal de tenir-los més aprop. El vídeo adjunt en el marc ens ensenyarà a realitzar el canvi de color d'ulls.

Aquesta pràctica també ens servirà en el cas de que vulguem canviar el color d'al -guna altra cosa diferent. Un exemple de com pot quedar és aquest:

7.4. TRASLLAT D'UNA SILUETA D'UNA FOTOGRAFIA A UNA ALTRA

En aquesta pràctica aprendrem a moure una figura o part d'una fotografia, a una al-tra imatge. Per fer-ho, només caldrà tenir dues fotografies, una d'on poder agafar la figura o una part de la fotografia, i l'altre que ens servirà de fons. Per realitzar aquesta pràctica s'hauran de seguir els següents passos:

1r- Seleccionar el cel de la fotografia amb l'eina de selecció de regió contínua.

2n- Un cop seleccionat, caldrà que anem al menú Selecció / Inverteix, així, selec-cionarem la ciutat.

3r- Copiar la selecció fent CTRL+C o Edita / Copia i enganxar-la a l'altra fotografia, fent CTRL+V o Edita / Enganxa.

Escola Pia de Catalunya 14/22

Page 15: CREACIÓ DE GRÀFICS AMB - Escola Pia de Catalunyapl2.escolapia.cat/manual/tutorial gimp.pdf · GIMP és un programa del programari lliure. GIMP significava “General Image Manipulation

Tutorial de GIMP

4t- Modificar la grandària de la selecció que hem enganxat per tal de que surti a mida amb el fons.

5è- Sense haver desfet la selecció, podem anar a Color / Corbes de color per mo-dificar la brillantor de la zona que hem enganxat.

6è- Podrem utilitzar l'eina Difumina per tal de difuminar els extrems de la selecció enganxada perquè quedi millor amb el fons. Aquest és un resultat que en podríem obtenir:

7.5. CARÀTULA PER A UN DVD, VÍDEO...

Aquesta pràctica consistirà en fer una caràtula per a un DVD. La pràctica ens aju-darà a treballar amb capes, amb l'eina text, etc. Per realitzar la pràctica haurem de seguir els següents passos:

1r - Primer haurem d'obrir un document a Fitxer / Nou. Un cop fet això, a Amplada hi posarem un valor de 3224 píxels, mentre que a l'Alçada serà de 2160 píxels. A més, haurem de canviar la resolució. Per fer-ho, caldrà anar a Opcions avançades i a Resolució, caldrà posar 300 ppp, tant a X com a Y. A Omple amb haurem d'es-collir la opció Blanc.

2n - El que farem a continuació serà delimitar les parts de la caràtula, és a dir, crea-rem el perfil, de manera que quedi la portada a la dreta i la contra portada a l'es-querra. Per fer això, creem una nova capa, li podrem posar el nom de perfil. Li haurem de posar 177 píxels d'amplada i 2160 píxels d'alçada. Haurem d'escollir el color de primer pla, que per defecte serà negre. Un cop fet això, heurem de situar la capa al mig de la caràtula, per fer-ho, haurem d'utilitzar l'eina alinea i posar-la al mig.

Escola Pia de Catalunya 15/22

Page 16: CREACIÓ DE GRÀFICS AMB - Escola Pia de Catalunyapl2.escolapia.cat/manual/tutorial gimp.pdf · GIMP és un programa del programari lliure. GIMP significava “General Image Manipulation

Tutorial de GIMP

3r - Ara és hora de crear la portada. Per fer-ho, primer caldrà inserir una imatge a la part de la dreta. Anirem a Fitxer / Obre com a capes i obrirem una imatge que se-rà la portada de la caràtula. Fet això, caldrà modificar la mida de la imatge per tal d'adaptar-la. Per fer-ho haurem d'utilitzar l'eina escala.

4t - Ara serà l'hora de posar-li un títol al text. Aquest pas només caldrà fer-lo si en la foto que hem posat de portada no es veu el títol de la pel·lícula o de la sèrie. No-més haurem de posar el títol de la sèrie o de la pel·lícula utilitzant l'eina text. Cal-drà posar una mida grossa de lletra i un color que es vegi clarament.

Escola Pia de Catalunya 16/22

Perfil

Portada

Contraportada

Page 17: CREACIÓ DE GRÀFICS AMB - Escola Pia de Catalunyapl2.escolapia.cat/manual/tutorial gimp.pdf · GIMP és un programa del programari lliure. GIMP significava “General Image Manipulation

Tutorial de GIMP

5è - En aquest cinquè pas crearem la contraportada. Primer haurem de fer el ma-teix que en el tercer pas, amb la mateixa imatge, tot i que podríem utilitzar una altra fotografia. Després, caldrà reduir la opacitat a un valor aprop del 30.

6è - En aquest sisè pas, acabarem de fer la contraportada. El primer que haurem de fer serà buscar 3 fotografies de la pel·lícula o sèrie i, després, haurem d'inserir-les com hem fet en el pas 3. També caldrà modificar la mida de les fotografies per tal de que hi puguem posar el text. Utilitzant l'eina text haurem d'inserir el resum de la pel·lícula.

7è - En aquest últim pas, retocarem el perfil. Per retocar-lo, en aquesta pràctica hi posarem el títol i una imatge petita. Primer posarem el títol utilitzant l'eina text. És recomanable posar el títol en color blanc, ja que d'aquesta manera ressaltarà més. Un cop fet això, amb l'eina gira rotarem el text 90º, de manera que quedi vertical-ment. Ara només quedarà retocar la mida del text i posar-lo en el lloc on vulguem del perfil.

Escola Pia de Catalunya 17/22

Page 18: CREACIÓ DE GRÀFICS AMB - Escola Pia de Catalunyapl2.escolapia.cat/manual/tutorial gimp.pdf · GIMP és un programa del programari lliure. GIMP significava “General Image Manipulation

Tutorial de GIMP

En el perfil, si no volem tenir un fons negre, també hi podrem utilitzar una fotografia de fons, copiant primer la fotografia que volem, després seleccionant la capa del perfil i enganxant-la allà.

Aquests són alguns exemples de caràtules per a pel·lícules o per a discs de músi-ca:

7.6. CREANT TEXTOS

En aquesta pràctica aprendrem a crear diferents estils per a textos. Per fer això pri -mer haurem de crear un text base. Per fer aquesta pràctica, utilitzarem com a text “efectes de text”, en Sans Bold en mida de 47.

A continuació haurem de posar la capa a la mida del text. Per fer això, caldrà prémer am el botó dret del rato-lí a la capa del text i després a Capa a mida de la imatge. Això es fa perquè al fer els efectes no faltarà espai a la capa. Un cop fet això ja podrem començar a posar efectes al text.

7.6.1. EFECTES BÀSICS

7.6.1.1. BRISEL

El Brisel és un dels efectes més bàsics. Primer caldrà duplicar la capa. Llavors hau-rem de posar en no visible la capa duplicada. A continuació s'haurà de pintar el text de la capa que veiem d'un color, així:

Escola Pia de Catalunya 18/22

Page 19: CREACIÓ DE GRÀFICS AMB - Escola Pia de Catalunyapl2.escolapia.cat/manual/tutorial gimp.pdf · GIMP és un programa del programari lliure. GIMP significava “General Image Manipulation

Tutorial de GIMP

Un cop fet això, caldrà fer un difuminat gaussià (Filtres / Difumina / Difuminació Gaussiana). Caldrà seleccionar més píxels o menys depenent de com vulguem que s'es-tengui el difuminat, així:

Per acabar, podrem tornar a posar visible la capa que hem duplicat al comença-ment. Ja haurem acabat l'efecte Brisel, quedarà quelcom semblant a això:

7.6.1.2. OMBRA

Aquí aprendrem a posar ombra en el text. Per fer-ho, primer hem de seguir els ma-teixos passos que hem seguit per fer un Brisel, i després només caldrà moure la capa du-plicada, que tindrà el text negre, així:

7.6.1.3. MIRALL

El primer que haurem de fer aquí és crear un text, duplicar la capa del text i apli-car-li un gir de 180º amb l'eina gira. Així:

Un cop fet això, amb l'eina capgira, girarem les lletres de manera que quedi la E sota la E, la F a sota la F, etc. Després caldrà baixar la opacitat de la capa i quedarà quel-com així:

Escola Pia de Catalunya 19/22

Page 20: CREACIÓ DE GRÀFICS AMB - Escola Pia de Catalunyapl2.escolapia.cat/manual/tutorial gimp.pdf · GIMP és un programa del programari lliure. GIMP significava “General Image Manipulation

Tutorial de GIMP

7.6.1.4. CONTORN DE LES LLETRES

Posar un contorn a les lletres no és gaire més difícil que fer un Brisel. Primer, hau-rem de crear un text, i amb la eina de selecció per color seleccionem les lletres. Llavors caldrà anar a Selecciona / Augmenta per tal de fer més gran la selecció. Per acabar hau-rem de pintar la selecció i quedarà quelcom semblant a això:

Per complicar-ho més, podem tornar a seleccionar les lletres i afegir-hi un degra-dat. D'aquesta manera, també guanyarà un millor aspecte. Per exemple així:

7.6.2. EFECTES WEB

7.6.2.1. CRYSTAL WEB 2.0

Per fer fer aquest efecte, primer haurem de crear una fons de color negre. A conti-nuació haurem de crear un text i, seleccionant abans les lletres del text, fer-li un degradat, així:

A continuació, podrem aplicar-li un altre text en un altre color i una altra font, així ressaltarà més.

Per acabar, podrem aplicar l'efecte mirall per tal de que tingui una millor presenta-ció. Finalment, quedarà alguna cosa així:

Escola Pia de Catalunya 20/22

Page 21: CREACIÓ DE GRÀFICS AMB - Escola Pia de Catalunyapl2.escolapia.cat/manual/tutorial gimp.pdf · GIMP és un programa del programari lliure. GIMP significava “General Image Manipulation

Tutorial de GIMP

8. APLICACIÓ PER A FX FOUNDRY

FX Foundry és una aplicació per a GIMP. Aquesta aplicació ens permetrà fer més efectes a les fotografies, fent-les més antigues, o com si la fotografia l'haguéssim pintat amb aquarel·les, etc.

Per instal·lar l'aplicació, només cal descarregar-se aquesta col·lecció de scripts del següent web:

gimpfx-foundry.sourceforge.net

Un cop descarregat, només haurem de descomprimir el fitxer ZIP a la carpeta C:\Archivos de programa\GIMP-2.0\share\gimp\2.0\scripts.

Un cop hàgim instal·lat FX Foundry, ens apareixerà en el menú del quadre de di -buix.

Escola Pia de Catalunya 21/22

Page 22: CREACIÓ DE GRÀFICS AMB - Escola Pia de Catalunyapl2.escolapia.cat/manual/tutorial gimp.pdf · GIMP és un programa del programari lliure. GIMP significava “General Image Manipulation

Tutorial de GIMP

● Les captures d'imatge s'han fet amb Lightscreen.

● El manual ha estat redactat amb l'OpenOffice.org Writer.

● Les imatges, les pràctiques i el tractament de les imatges s'han fet amb el GIMP.

Marc Cladellas

Escola Pia de Catalunya 22/22