introducció a la fotografia digital amb gimp

Formació Sielarts informàtica Juliol 2010

Introducció al retoc fotogràfic amb Gimp

Índex de continguts

Introducció al retoc fotogràfic amb Gimp...............................................................................................................1

GIMP..................................................................................................................................................................2

Què és Gimp?.................................................................................................................................................2

Gimp vs Photoshop........................................................................................................................................2

A qui li pot interessar aquest programa?........................................................................................................3

Què puc fer amb aquest programa?................................................................................................................3

Requisits i instal·lació....................................................................................................................................3

Enllaços d'interès...........................................................................................................................................6

Altres alternatives gratuïtes a Gimp...............................................................................................................6

Eines del programa.............................................................................................................................................7

La interfície del programa..............................................................................................................................7

Menú lateral esquerre.....................................................................................................................................8

Menú lateral dret............................................................................................................................................8

Botó dret del ratolí, menú especial.................................................................................................................9

Primers passos..................................................................................................................................................10

Crear un document nou i obrir-ne d'existents..............................................................................................10

Desar una imatge..........................................................................................................................................11

Exportació d'arxius.......................................................................................................................................12

Importació d'arxius.......................................................................................................................................15

http://www.sielarts.com 1 / 17 Carles Reig

http://www.sielarts.com/


GIMP

Què és Gimp?

És un programa de retoc fotogràfic lliure i comparable a Adobe Photoshop1, és una aplicació de disseny en 2D

que treballa amb bitmaps, ideal per al retoc de fotografies, imatges i dibuixos. Al contrari que Photoshop, un

dels programes més reconeguts del sector, Gimp és gratuït.

Va ser la primera aplicació lliure pensada per a usuaris finals2 i arran del seu èxit altres han seguit el seu camí,

com ara Open Office, Mozilla Firefox...

Gimp vs Photoshop

Els avantatges de Gimp:

✔ És un programa lliure, de manera que qualsevol persona podria modificar-lo al seu gust. Tothom pot

contribuir amb el programa afegint utilitats i noves caracterísitiques.

✔ També és gratuït, podem descarregar-lo d'Internet o copiar-ho entre els nostres amics, familiars i

companys de feina amb totes les garanties legals.

✔ Disponible per a gairebé tots els sistemes operatius actuals, Microsoft Windows XP, Vista, 7, però també

per a Linux i MacOS.

✔ Està disponible en molts idiomes, entre ells el Català.

✔ Suporta gran quantitat de formats d'imatge com ara: jpg, gif, tiff, bmp, png...

✔ També permet importar arxius d'altres programes com Photoshop (*.psd), fins i tot en format vectorial

com pdf, eps, ps, svg...

Tot i que sense cap mena de dubte, podem afirmar que la gran majoria d'usuaris mai utilitzaran totes les

possibilitats i potencial d'aquest programa si que existeixen algunes limitacions a tenir en compte:

✗ Requereix un període d'adaptació a la seva interfície d'usuari.

✗ A algunes persones familiaritzades amb Photoshop els resulta més complicat de realitzar algunes

tasques, doncs els menús i opcions son diferents.

✗ Sense suport nadiu per a imatges CMYK.

✗ Arxius d'imatge amb profunditats altes de 16 o 32 bits.

Moltes d'aquestes limitacions s'eliminaran en breu, doncs es tracta d'un programa en constant evolució i

millores per a cada nova versió que apareix.

1 Adobe photoshop - http://www.adobe.com/es/products/photoshop/photoshop/

2 http://ca.wikipedia.org/wiki/GIMP



http://ca.wikipedia.org/wiki/GIMP

http://www.adobe.com/es/products/photoshop/photoshop/


A qui li pot interessar aquest programa?

● Aficionats a la fotografia: Disposa de totes les eines per a qualsevol tasca.

● Fotògrafs professionals: Per aquelles feines que no requereixen una representació amb qualitat superior.

● Dibuixants: Permet la utilització d'una tauleta digitalitzadora3 per a realitzar dibuixos a mà alçada.

● Dissenyadors gràfics: Dissenys previs, retocs, importació i exportació entre formats d'imatge.

● Dissenyadors web: Permet separar les imatges i gràfics per capes i exportar-ho a molts formats

optimitzats per a la seva visualització a la web.

Què puc fer amb aquest programa?

Podem realitzar tasques tan simples com ara;

✔ Canviar la mida i retallar una fotografia.

✔ Afegir text amb diferents formats i estils.

✔ Creació de gràfics i logotips.

✔ Combinar imatges i capes.

✔ Conversió entre diferents formats d'imatge.

✔ Aplicar filtres i efectes.

✔ Obrir una imatge en un format i exportar-ho a un altre.

I altres de més complexes;

✔ Eliminació d'elements no desitjats en les fotografies (clonar).

✔ Executar tasques repetitives de forma autònoma amb scripts i macros.

Requisits i instal·lació

Els requisits d'aquest programa no son gaire elevats, tot i que si volem treballar amb fotografies amb una certa

qualitat o resolució o bé imatges amb moltes capes cal disposar d'un bon processador i memòria ram suficient

per a la tasca a desenvolupar. Amb una CPU superior a Pentium4 i 1Gb de ram ja podem treballar sense que el

programa es rellenteix massa en fer servir alguns filtres i efectes.

Disposar d'una pantalla de monitor de més de 17” també ajudarà a poder distribuir millor totes les finestres i

barres d'eines, fins i tot tenim la possibilitat de fer servir dos monitors al mateix moment. Una pantalla de 19” i

una resolució superior a 1024x768 hauria de ser suficient.

3 http://ca.wikipedia.org/wiki/Tauleta_gràfica



http://ca.wikipedia.org/wiki/Tauleta_gr%C3%A0fica


Com ja hem comentat, Gimp és una aplicació que està disponible de forma gratuïta, sense cap cost. Sempre és

recomanable descarregar les aplicacions des de la pàgina oficial per tal d'assegurar-ne la procedència i evitar

possibles arxius infectats per virus i malware en general.

Instal·lació en sistemes operatius Windows

Suposarem que el nostre sistema operatiu és Windows, podem descarregar el programa des de la pàgina oficial

www.gimp.org i també des de la pàgina del projecte en Català, a través del portal www.softcatala.org


Dins la pàgina web,accedirem a l'opció “rebost”

del menú central.

Després de fer clic en aquestenllaç s'obrirà una pàgina en anglèson només hem d'esperar uns segons

i iniciarà automàticament ladescàrrega del programa.


http://www.softcatala.org/

http://www.gimp.org/


Per finalitzar, procedirem a instal·lar l'arxiu que hem descarregat des d'Internet. Tan sols haurem de trobar el

fitxer a la carpeta on l'hem desat i farem doble clic sobre la icona per iniciar el procés:

Instal·lació en altres sistemes

Si volem instal·lar aquest programa en altres sistemes podem de fer servir els mètodes habituals, com ara els

instal·ladors de paquets de Linux/Ubuntu o els arxius de programa per a MacOS.


Una vegada finalitzat el procésel programa iniciarà

Next en anglèsSiguiente en castellà

Següent en català



Enllaços d'interès

http://www.gimp.org/ - Pàgina oficial del projecte (anglès).

http://www.gimp.org.es/ - Comunitat d'usuaris de Gimp en castellà.

http://www.softcatala.org/wiki/Rebost:GIMP – Per descarregar la versió traduïda al català.

http://www.softcatala.org/wiki/Projectes/Gimp – Projecte de traducció al català.

http://docs.gimp.org/ - Ajuda del programa (disponible en castellà).

http://registry.gimp.org/ - Plug-ins, filtres i afegits varis (anglès).

http://hachemuda.com/video-tutoriales-gimp/ - Vídeotutorials en castellà.

http://www.gimpusers.com/ - Noticies i guies sobre GIMP en anglès

http://gimper.net/ - Fòrums de la comunitat de Gimp en anglès.

http://www.gimptalk.com/ - Una altre comunitat anglesa de Gimp, amb algunes guies interessants.

Altres alternatives gratuïtes a Gimp

● Paint.net: Interfície més simple, semblant a Photoshop, però amb menys eines avançades. Només està

disponible per a Windows i en castellà.

◦ http://www.getpaint.net/

● Pinta: És l'adaptació de Paint.net a sistemes Linux, MacOS i també Windows.

◦ http://pinta-project.com/

● Google Picasa: Molt útil per a recollir les fotos de la càmera o targeta de memòria i passar-ho a

l'ordinador, permet la creació de CD-DVD amb les fotos i enviar-les per correu electrònic des del mateix

programa. Permet aplicar alguns filtres i retocs simples, però té poques possibilitats de retoc avançat.

Una de les eines més interessants d'aquest programa és la seva utilitat per a cercar fotografies de la

nostra col·lecció.

◦ http://picasa.google.com/



http://picasa.google.com/

http://pinta-project.com/

http://www.getpaint.net/

http://www.gimptalk.com/

http://gimper.net/

http://www.gimpusers.com/

http://hachemuda.com/video-tutoriales-gimp/

http://registry.gimp.org/

http://docs.gimp.org/

http://www.softcatala.org/wiki/Projectes/Gimp

http://www.softcatala.org/wiki/Rebost:GIMP

http://www.gimp.org.es/

http://www.gimp.org/


Eines del programa

La interfície del programa

Una de les coses que sobta més a la gent el primer cop que fan servir el Gimp és la seva interfície, doncs és

bastant diferent al què podem trobar en altres programes semblants.

La principal diferència està en la pantalla de treball del programa, separada en tres finestres, una de “central”

on tindrem la nostra imatge, fotografia o dibuix i dues finestres laterals amb els menús i barres d'eines del

programa. Aquest fet sempre ha generat una gran controvèrsia i als usuaris que volien fer-lo servir per primera

vegada els resultava una mica molest. És per això que per a la propera versió els creadors del programa han

decidit oferir la possibilitat d'integrar en una sola finestra totes les barres d'eines.

Tot i que a primera vista pot resultar menys pràctic, les múltiples finestres permeten treballar amb molta agilitat

i flexibilitat en qualsevol entorn de treball, optimitzant l'espai, sobretot en configuracions amb dues pantalles.

Dins la finestra central també hi trobem un menú totalment funcional, però també hi podrem accedir d'altres

maneres com podrem veure més endavant.

Un dels trets característics de la majoria d'aplicacions lliures és la quantitat d'idiomes disponibles per al mateix,

Gimp està disponible en català, castellà, anglès, francès i moltes altres llengües. Si no li diem el contrari en

iniciar farà servir l'idioma que tinguem configurat en el nostre sistema operatiu.

El programa pot funcionar encara que tanquem alguna de les finestres, per tant si volem restaurar-ne alguna

hauríem d'anar al menú del programa i escollir alguna de les opcions:

• Menú ventanas (finestres) → Empotrables cerrados recientemente...


menú

imatge

barra d'eines

capes



Menú lateral esquerre

La barra d'eines amb les botons principals del programa el trobem a la finestra

de l'esquerre, tot i que el podem moure i canviar de mida sense problemes com

si es tractés de qualsevol altre finestra, està separada en dues parts ben

diferenciades;

● La primera és on trobem tots els botons de les eines més habituals, com

ara el pinzell, la goma d'esborrar, afegir text, transformar la imatge,

seleccionar parts, fer zoom, pintar i omplir amb colors, moure i alinear

elements, i altres eines avançades com la clonació, selecció de color, etc

● A sota, hi trobem un menú que canvia segons l'eina que hem

seleccionat a la part superior. De manera que si hem escollit el pinzell

ens mostrarà les opcions de configuració del mateix com serien el tipus

de punta per dibuixar, la opacitat del color (la transparència), la mida del

pinzell i altres opcions. Però sempre canvia segons l'eina escollida.

La majoria d'usuaris només fan servir aquest menú lateral, doncs és on hi

trobarem les eines principals i les més habituals per a qualsevol tasca.

Si per equivocació hem amagat o tancat aquesta barra d'eines la podem fer aparèixer prement:

• Menú Finestres → Caixa d'eines (Ctrl+B)

Menú lateral dret

A la finestra d'eines de la dreta podrem treballar amb les

capes de la imatge, els canals de color, les rutes i altres

elements.

També podrem treballar amb els pinzells, textures i

gradients per aplicar a la imatge.

A través de les pestanyes ens podem moure entre els

diferents apartats i opcions disponibles.

Si per equivocació hem amagat o tancat aquesta barra d'eines la podem fer aparèixer prement:

• Menú Finestres → Capes, canals, rutes, desfer...

Les opcions que tenim disponibles en les pestanyes es poden modificar, de

manera que podem afegir o treure apartats segons els nostres gustos i

necessitats, ho podem personalitzar al màxim.




Botó dret del ratolí, menú especial

Un altre dels elements distintius d'aquest programa és la funció que té el botó dret del ratolí en tot moment,

doncs hi trobarem un menú amb totes les opcions disponibles i no només les opcions per copiar i enganxar

com és habitual en qualsevol programa.

D'aquesta manera podem minimitzar els moviments de ratolí, doncs no haurem de

moure'l fins la part superior on hi trobem el mateix menú. En qualsevol moment i en

qualsevol part de la imatge podem prémer el botó dret del ratolí i ja tindrem el menú

per a realitzar qualsevol tasca com ara:

● Crear un nou document, desar-lo o imprimir.

● Retallar, copiar i enganxar, seleccionar parts de la imatge.

● Omplir amb un color de fons, rotar la imatge.

● Modificar el contrast, balanç de colors, aplicar efectes.


Menú del programa



Primers passos

Crear un document nou i obrir-ne d'existents

Per iniciar programa podem fer-ho amb el doble clic des de la icona a l'escriptori o bé a través del menú:

• Inici → Tots els programes → Gimp

Un cop iniciat ens trobarem amb les finestres d'eines i la

finestra central sense cap imatge en el seu interior, de

manera que accedirem a crear-ne una de nova:

• Botó dret ratolí → Fitxer → Nou... (Ctrl+N)

Ens demanarà si volem fer servir alguna plantilla (tipus de

paper, format, mides...), però també podem escollir la mida

exacta que desitgem per al nostre projecte.

També podem obrir una imatge que ja existeixi i que volem modificar:

• Botó dret ratolí → Fitxer → Obre... (Ctrl+O)

Ens apareixerà una finestra on ens demana a quina carpeta es troba la imatge que volem obrir. Tan sols

haurem de buscar la carpeta a través d'aquesta finestra i seleccionar l'arxiu desitjat.




Desar una imatge

Quan ja hem finalitzat la feina o a mesura que anem avançant és convenient d'anar desant (guardant) els

progressos que fem amb el mateix. El procés és el mateix que per a qualsevol altre programa:

● Botó dret ratolí → Fitxer → Desa... (Ctrl+S)

● Escollir el nom del fitxer.

● Busquem la carpeta on volem desar-ho.

● Seleccionem el format de l'arxiu.

Amb Gimp podem desar les nostres imatges amb diferents formats, però el format natiu és XCF, i ens permet

mantenir la qualitat i propietats de l'arxiu, com ara les capes i textos que contingui, de manera que ens permet la

seva posterior modificació en cas de necessitat.

Per tant, sempre que sigui possible farem servir aquest format. Sobretot mentrestant treballem amb l'arxiu i

encara no està finalitzat. D'aquesta manera podem desar els nostres progressos i reprendre'ls més endavant

sense haver de tornar a començar.

Si desem la imatge amb qualsevol altre format perdrem totes les capes, doncs es combinen en una sola. De

manera que si posteriorment volem modificar la imatge resultarà molt més complicat.




Exportació d'arxius

Com ja hem comentat sempre treballarem amb el format natiu de Gimp, però una vegada finalitzem la feina

serà el moment d'exportar-ho a altres formats per imprimir-ho, enviar-ho per correu electrònic, etc.

Exportar un arxiu vol dir que el desarem amb un format que altres programes siguin capaços d'entendre.

➔ Cal tenir en compte: Si enviem un arxiu amb el format de Gimp qui el rebi no el podrà obrir per veure el

seu contingut a no ser que també tingui instal·lat el programa.

Cada format d'imatge posseeix unes característiques pròpies, que defineixen el seu comportament i la seva

utilitat per a cada cas. És a dir, hi ha formats d'imatge que són més vàlids per a la seva visualització per a

pàgines web i altres que donen millor resultat si volem la màxima qualitat a l'hora d'imprimir-ho.

XCF – format natiu de Gimp

Un fitxer amb format XCF sempre pesarà més que la mateixa imatge en un altre format, com ara JPG,

doncs el fitxer de tipus XCF no estarà comprimit, manté la màxima qualitat i totes les capes amb imatges i

contingut per separat. És com si fossin moltes imatges dins d'una.

En aquest exemple (fotografia de 420x220 píxels);

● La composició en format XCF pesa 580Kb.

● La fotografia resultant en format JPG tan sols 32Kb.


capes en una imatge XCF

capa en imatge JPEG

imatge resultant



JPG – format estàndard fotografies

JPG o JPEG és el format habitual per a qualsevol fotografia tan per imprimir com per a la seva visualització a

través d'Internet. Ofereix una molt bona relació de qualitat i pes, però no permet transparències ni capes;

Però permet comprimir la imatge resultant per a obtenir menys

pes sense perdre gaire qualitat ni detalls de la imatge original. A

més compressió menys qualitat i menys pes.

● + compressió = menys qualitat i pes.

● - compressió = més qualitat i pes.

Podem veure els resultats de la compressió de diferents nivells i

qualitat que s'obté amb aquesta comparativa de la mateixa

fotografia a diferents nivells de compressió:


Qualitat 100%, sense compressió, pes

arxiu 70.3Kb

Qualitat 50%, compressió 50%, pes

arxiu 17.2Kb

Qualitat 0%, compressió 100%, pes

arxiu 1.9Kb



GIF – format de gràfics i imatges planes

És un format d'imatge molt útil en gràfics i imatges sense gaires elements o colors diferents com ara gradients

de colors. Els pes dels arxius resultants és inferior sempre que es tracti de composicions amb pocs colors.

✗ No es pot fer servir en fotografies, doncs es perdria molta informació cromàtica i el resultat seria molt

diferent de l'original.

Agafem de referència la mateixa imatge anterior, en format JPG (qualitat 85%) pesa 32,3Kb, i amb GIF pesaria

61.1Kb. És a dir, requereix més informació per a donar la mateixa qualitat de colors.

✔ Es fa servir en gràfics, dibuixos i imatges amb colors plans.

✔ Permet crear imatges animades.

✔ Molts gràfics de pàgines web presenten aquest format d'imatge.

PNG – format de gràfics i imatges planes

Comparteix moltes característiques amb el GIF, però millorant la qualitat de la imatge resultant, de manera que

podem veure fotos amb aquest format, però tindran un pes superior que amb el format JPG. Amb la imatge de la

torre trobem que amb JPG pesa 32Kb i amb PNG 185Kb, no perdem qualitat ni definició, però guanyem pes.

✔ Una de les principals diferències respecte als formats GIF o JPG és la definició que obtenim si volem

representar text escrit, amb PNG obtenim millor resultat en quant a qualitat.

✔ També podem treballar amb elements transparents.

Si agafem una imatge amb colors plans (2 colors) i una altre amb un gradient de 300x200 pixels, veurem que:


JPG 85%, 1.8Kb GIF, 880 bytes PNG indexat, 227 bytes

JPG 85%, 2Kb PNG indexat, 14.7KbGIF, 31.5Kb



Altres formats d'imatge4

● TIFF: Obtenim arxius amb més pes, però també millor qualitat i més informació per al seu posterior

tractament. La mateixa foto dels exemples anteriors pesa 394Kb davant dels 32Kb en format JPG.

● RAW: Sense cap tipus de compressió, contenen tota la informació de la fotografia tal i com ha estat

captada a partir de la càmera de fotos. És el format que trobem en les càmeres professionals. Requereix

del seu tractament digital posterior. Cada marca fa servir el seu propi format (Canon, Nikon, etc). Una

fotografia amb una resolució de 3474x2314 píxels en format RAW pot pesar al voltant de 8Mb, davant

de les 2Mb que pesaria en JPG.

Importació d'arxius

Importar un arxiu vol dir que podrem obtenir imatges i formats gràfics d'altres programes per tractar-los a

través de Gimp. Tot i que no sempre podrem recuperar tota la informació d'aquests formats, com ara la

separació de capes, i altres objectes com ara el text, de manera que obtenim una imatge plana que podem

tractar, però que modificar certs aspectes de la mateixa pot resultar bastant complicat.

PDF

És un format que pot contenir gràfics vectorials5, de manera que

permet recollir una imatge amb la resolució i mida que siguin

necessaris. A més resolució més qualitat i pes de la imatge resultant.

● Podem recollir qualsevol document en format PDF, tan fa si

conté imatges en format vectorial, com imatges planes (bitmap)

o fins i tot lletra. Però una vegada recollit ho tractarem com si

tot fos una imatge plana.

● Si el document conté més d'una pàgina podem importar-ho com

a diferents capes d'un mateix arxiu o bé crear una imatge per a

cada pàgina.

● Seleccionem la qualitat de la imatge amb l'amplada i alçada

amb píxels, o bé a través de la resolució (punts per polzada). Si

escollim una resolució baixa la imatge tindrà poca qualitat.

4 http://ca.wikipedia.org/wiki/Categoria:Formats_de_fitxer_d'imatge

5 http://ca.wikipedia.org/wiki/Gràfic_vectorial



http://ca.wikipedia.org/wiki/Gr%C3%A0fic_vectorial

http://ca.wikipedia.org/wiki/Categoria:Formats_de_fitxer_d'imatge


Obtindrem una imatge on tots els gràfics i textos s'han integrat en una sola capa, de manera que han perdut les

seves propietats individuals.

A la dreta trobem l'arxiu importat d'un document PDF, podem veure els píxels (quadrats) al voltant la tota la

imatge quant l'ampliem a una certa quantitat (400% de zoom). Si volem evitar la pixelació de les imatges hem

d'assignar una resolució més alta.

PSD

PSD és el format natiu de Photoshop, un dels programes més reconeguts per els professionals del disseny, i

Gimp permet recollir aquest format per a treballar-hi, però amb algunes limitacions:

✔ Han de ser imatges en format RGB.

✔ Es perdrà la informació de les capes, com ara les carpetes, els seus efectes i màscares.

✔ També es perdrà la capacitat de modificar/editar el text.

✔ Tampoc podrem treballar amb objectes vectorials.

Però no tot son inconvenients, permet mantenir la transparència de les capes i llavors podem desar-ho amb el

format natiu de Gimp (XCF) i obtenim un arxiu menys pesant, però amb la mateixa qualitat.


Arxiu importat amb 400% de zoom Arxiu PDF original amb 400% de zoom

Imatge de 1024x768 en PSD ocupa

1.5Mb, en XCF tan sols 762Kb



SVG

SVG6 és un format obert que fan servir molts programes d'edició vectorial i Gimp permet recollir aquests arxius

i tractar-los.

De la mateixa manera que amb els documents PDF podem escollir amb quina resolució volem importar

aquests arxius, a més qualitat més pes en la imatge resultant. Haurem d'escollir segons el mitjà on volem

publicar la imatge resultant;

● Si volem imprimir-ho escollirem una resolució alta, més qualitat per evitar la pixelació.

● Per a web podem deixar-ho amb menys resolució.

6 http://ca.wikipedia.org/wiki/SVG


En format SVG pesa 17Kb, en format PNG amb una

resolució de 600x250 (web) pesa 32Kb, i amb una

resolució de 6000x2500 (imprimir) ocupa 430Kb


http://ca.wikipedia.org/wiki/SVG

introducció a la fotografia digital amb gimp

Documents