introducció a la fotografia digital amb gimp
DESCRIPTION
Breu introducció a la fotografia digital amb el programa gratuït Gimp.TRANSCRIPT
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
Formació Sielarts informàtica Juliol 2010
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://www.sielarts.com 2 / 17 Carles Reig
Formació Sielarts informàtica Juliol 2010
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://www.sielarts.com 3 / 17 Carles Reig
Formació Sielarts informàtica Juliol 2010
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
http://www.sielarts.com 4 / 17 Carles Reig
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.
Formació Sielarts informàtica Juliol 2010
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.
http://www.sielarts.com 5 / 17 Carles Reig
Una vegada finalitzat el procésel programa iniciarà
Next en anglèsSiguiente en castellà
Següent en català
Formació Sielarts informàtica Juliol 2010
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://www.sielarts.com 6 / 17 Carles Reig
Formació Sielarts informàtica Juliol 2010
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...
http://www.sielarts.com 7 / 17 Carles Reig
menú
imatge
barra d'eines
capes
Formació Sielarts informàtica Juliol 2010
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.
http://www.sielarts.com 8 / 17 Carles Reig
Formació Sielarts informàtica Juliol 2010
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.
http://www.sielarts.com 9 / 17 Carles Reig
Menú del programa
Formació Sielarts informàtica Juliol 2010
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.
http://www.sielarts.com 10 / 17 Carles Reig
Formació Sielarts informàtica Juliol 2010
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.
http://www.sielarts.com 11 / 17 Carles Reig
Formació Sielarts informàtica Juliol 2010
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.
http://www.sielarts.com 12 / 17 Carles Reig
capes en una imatge XCF
capa en imatge JPEG
imatge resultant
Formació Sielarts informàtica Juliol 2010
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ó:
http://www.sielarts.com 13 / 17 Carles Reig
Qualitat 100%, sense compressió, pes
arxiu 70.3Kb
Qualitat 50%, compressió 50%, pes
arxiu 17.2Kb
Qualitat 0%, compressió 100%, pes
arxiu 1.9Kb
Formació Sielarts informàtica Juliol 2010
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:
http://www.sielarts.com 14 / 17 Carles Reig
JPG 85%, 1.8Kb GIF, 880 bytes PNG indexat, 227 bytes
JPG 85%, 2Kb PNG indexat, 14.7KbGIF, 31.5Kb
Formació Sielarts informàtica Juliol 2010
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.
É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://www.sielarts.com 15 / 17 Carles Reig
Formació Sielarts informàtica Juliol 2010
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.
http://www.sielarts.com 16 / 17 Carles Reig
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
Formació Sielarts informàtica Juliol 2010
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
http://www.sielarts.com 17 / 17 Carles Reig
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