Inici 
Apunts que emprarem al taller d'Edició d'Imatge Digital, Nivell I (Bàsic)
IMDIG-I-Apunts
Apunts que emprarem al taller d'Edició d'Imatge Digital, Nivell I (Bàsic)
A. Introducció
El Gimp (de GNU Image Manipulation Program), és una excel·lent aplicació de programari lliure que ens permet la edició d'imatges "pixelades" utilitzant un còmode entorn gràfic, en els principals sistemes operatius (GNU/Linux, Mac, Window$). 
"Píxel"? El vídeo digital, les fotografies, els icones del nostre escriptori,... són imatges pixelades o de mapa de bits. Les imatges estan formades per píxels (Picture Element, amb forma quadrada). Cada píxel conté la informació d'un sol color i l'agrupació de varis píxels formen la imatge. 
L'alternativa a les imatges pixelades són les imatges vectorials, que es poden fer més grans sense perdre qualitat (les imatges pixelades perden qualitat), i solen ocupar molt menys espai de disc. L'eina recomanada de programari lliure multiplataforma per treballar amb imatges vectorials és l'Inkscape, que treballa per defecte amb el format .svg, però n'hi ha molts altres programes i formats per imatges vectorials (Corel Draw, Free Hand, Il·lustrator, ...), la majoria de pagament i programari propietari. Amb el Gimp podem treballar les imatges pixelades o de mapa de bits. El Gimp té moltíssimes opcions pre-instal·lades, i moltíssimes més afegibles com a mòduls, connectors (plugins), funcions, etc.; la gestió de totes elles es fa des del menú desplegable d'Extensions: 
Un cop oberta una imatge, podem accedir sempre a totes les opcions del Gimp clicant amb el botó contrari del ratolí a sobre de la imatge. A.1. Formats d'arxiusEl Gimp pot treballar amb molts arxius d'imatge, incloent fins i tot alguns arxius típics de programes propietaris com Adobe Photoshop, Paint Shop Pro i Corel Photo Paint. A.2. Mides dels arxius d'ordinadorA l'hora de treballar amb imatges, és molt important tenir present que volen dir les diferents unitats de mida del pes de les imatges (la quantitat d'informació que contenen). Equivalències: 0.001 Gb = 1 Mb = 1.000 Kb = 1.000.000 bytes Exemples de capacitat: Disquet de 3.5 polsades: 1.44 Mb Llapis de memòria: 128 Mb, 256 Mb, 512 Mb, 1 Gb ... fins a 8 Gb. CD: 700 Mb DVD: 4.5 Gb Les fotos o imatges per a un document estàndard que ocupin tota l'amplada d'un full DINA4 no cal que "pesin" més de 200 Kb, com a referència, sense que es noti mala qualitat de la imatge en una impressora estàndard (imatges amb 72 dpi de definició - dpi = punts per polsada, en anglès -). Les fotos per al perfil de l'usuari d'aquest campus virtual poden pesar menys de 10 kb fàcilment, sense que es noti a la mida a la que es mostra la imatge tant en mida petita als fòrums, per exemple, com a la pàgina del perfil de l'usuari. A.3. Instal·lació del GimpDescàrrega: URL base: http://www.softcatala.org/wiki/Gimp A.4. Manuals i tutorialsEls tutorials i 'howtos' són explicacions pas a pas per fer coses concretes: capes, animacions, efectes... Pdf's descarregables introductoris en català: Tutorials html en català Manuals extensos (html o .odt, en anglès o català): Altres: B. Edició d'imatges digitals amb Gimp
B.1. Interfície de TreballUn cop obert el programa, es veurà una finestra de l'estil de la que es mostra aquí sota: 
Hi ha tot un conjunt de botons per: A més, es poden obrir tota una sèrie de Diàlegs, com el de capes, que ajuden a desenvolupar millor tasques concretes sobre la imatge, doncs ens mostren agrupades les opcions específiques d'aquella àrea de treball. Els "diàlegs" es poden seleccionar i obrir des de la pantalla principal del Gimp a través de: Fitxer -> Diàlegs A més, es pot aplicar qualsevol funcionalitat del Gimp sobre una imatge ja oberta a través del menú contextual que surt quan es clica amb el botó contrari a sobre de la imatge. B.2. Operacions bàsiques: girar, ajustar capes, ...Per girar una foto (la tenim vertical i la volem posar horitzontal) hem de fer dues pases: (1) primer clicar a girar-la 90 graus (botó de "Girar", al costat d'escapçar), i després, (2) clicar amb el botó alternatiu del ratolí i escollir la opció "Imatge > Ajusta a la mida de les capes". B.3. Optimització d'imatges per a la web
Conversió de formatEls formats suportats per la totalitat de navegadors són JPEG, GIF i PNG (Microsoft Internet Explorer versió 5.5 o anteriors encara té problemes amb PNG) Per a convertir imatges d'altres formats als formats acceptats, obriu-les amb el Gimp i deseu-les amb el nou format: Fitxer -> anomena i desa -> seleccionar tipus (per extensió) Seleccioneu el format i l'arxiu es guardarà amb el nou format i la nova extensió (conservant l'original) Mireu les diferències bàsiques entre aquests tres formats més avall, a l'apartat de "Compressió". Redimensionat (o escalat)Si la imatge és més gran que les pantalles més usuals (de 800x600 a 1280x800), convé redimensionar-la, al menys la versió que es visualitza, que pot tenir enllaços a versions més grans de la imatge. Abans de tot, assegureu-vos que veieu la imatge a la seva mida real (comproveu el valor del zoom al peu de la finestra) Imatge -> Escalar imatge Entreu el valor en píxels per a l'amplada o l'alçada de la imatge, l'altra dimensió es calcularà automàticament. També podeu entrar un percentatge respecte a la foto original, per exemple si entreu 50%, quedarà reduïda a la mitat. Podeu deslligar les dues dimensions i entrar-les per separat, però, atenció, deformareu la imatge. A continuació premeu Escalar 
ResolucióAmb la mateixa eina "Escalar imatge" podem canviar la resolució, és a dir, la densitat de punts més adequada per a una imatge que s'ha de veure en pantalla o imprimir. Per a veure en pantalla la resolució màxima és de 72 punts per polzada. En canvi, per a fer impressions de qualitat escollirem de 300 a 600 punts per polzada. Noteu que en augmentar la densitat, com que el nombre de punts no varia, disminuirà proporcionalment el tamany de la imatge. Si feu proves amb la impressora entendreu molt bé el concepte resolució. RetallatPer a publicar només una part de la imatge, o per a eliminar-ne una part, es retalla o escapça: En primer lloc, utilitzeu una eina de selecció per a seleccionar la part que voleu conservar. A continuació, al menú de la imatge: Imatge -> Escapça la imatge Recordeu sempre guardar-la amb un nom diferent per tal de conservar l'original 
CompressióLa compressió depèn del format d'arxiu i del tipus d'imatge. Podreu triar els valors de compressió en guardar les imatges. En general:
B.4. Retoc fotogràficLes eines de retoc fotogràfic permeten millorar una imatge corregint errors d'il·luminació, enquadrament o exposició. Moltes de les eines i procediments explicats als tutorials més amunt citats permeten millorar fotos. Sota hi ha les accions més freqüents, que aplicarem a aquesta imatge: 
ContrastEl contrast fa més clars els colors clars, i més foscos els colors foscos, endurint la imatge. Hi han vàries eines: 
Balanç automàtic de blancsMoltes càmeres digitals permeten ajustar l'equilibri de blanc d'acord amb la llum ambiental: interior, sol, núvol, neu... Però si no, amb el Gimp podeu corregir aquest equilibri de forma automàtica, obrint el menú de la imatge: Colors -> Automàtic -> Balanç de blancs 
Proveu també les altres opcions automàtiques: Equalitza, Amplia el contrast, Normalitza, Millora el color Saturació de colorPermet fer més vius els colors augmentant-ne la saturació. Des del menú de la imatge, obriu: Eines -> Eines de Color -> To/Saturació. 
Feu lliscar el control de saturació a dreta o esquerra per a augmentar o disminuir la saturació (si l'elimineu totalment, la imatge quedarà en blanc i negre). També podeu canviar la saturació d'un sol color primari, seleccionant-lo a la roda del damunt. Ressalta vores (augmenta definició)Si una imatge es troba lleugerament desenfocada, podeu augmentar la definició de les vores dels objectes de la imatge, amb el filtre que trobareu a: Filtres -> Millora -> Afila Seleccioneu el nivell de definició que voleu donar desplaçant la barra de nivell o canviant el valor de la seva dreta. 
Mentre estigui activa la casella de previsualització, podreu veure els canvis que es faran a la imatge si premeu el botó de "d'acord". Enfocament (unsharp)Es pot corregir un desenfocament moderat d'una fotografia amb algun dels filtres inclosos amb el Gimp. El més conegut és unsharp mask, traduït al català com màscara suavitzant . Al menú de la imatge, obriu: Filtres -> Millora -> Màscara suavitzant El diàleg que apareixerà us mostrarà un sector de la imatge. Cliqueu a l'angle inferior esquerre per a navegar per la imatge fins a la regió que us vagi més bé per a valorar el resultat (per exemple, en un retrat, la regió seria els ulls). 
Accepteu els valors (radi, quantitat i llindar) per defecte o modifiqueu-los (amb molt de compte) fins que el resultat sigui satisfactori. Uns valors excessius podrien crear soroll a la imatge o pigmentar els colors. Si us satisfà el resultat, premeu 'D'acord' i si no, 'Cancel·la'. B.5. Imatge animadaGIF animat Per crear GIF animats amb el Gimp, cal tractar cada frame (marc) com una capa. Si teniu les imatges ja llestes: Si voleu crear el dibuix animat partint de zero, feu Arxiu -> Nou i creeu una nova imatge. Feu clic a 'Opcions avançades' i seleccioneu un fons no transparent. Amb les eines de dibuix, creeu la imatge inicial. A la caixa d'eines, obriu la paleta de capes. Feu clic a la icona 'duplicar capa'. Treballant a la capa nova, feu una lleugera modificació a la imatge. Repetiu els punts 2 i 3 fins a completar les imatges i procediu, com abans, amb Filtres -> Animació -> Optimitzar, etc. B.6. Eines de seleccióEs disposa de moltes eines diferents per seleccionar trossos d'una imatge, per retallar-los, eliminar-los, copiar-los, etc. (passa el ratolí per sobre d'aquestes icones de sota en el GIMP i explora les seves possibilitats: selecció rectangular, el·liptica, lliure, contígua, per color, tisores intel·ligents, del primer pla, per camins...) 
Un exemple senzill és el de la icona de vareta, seleccionat a la imatge d'abans, que permet seleccionar regions contígües basant-se en el color. Per exemple, si tenim una imatge amb un fons homogeni (groc per ressaltar l'efecte que aconseguirem en eliminar el fons blanc de la imatge, en el següent exemple): 
podem seleccionar trossos el fons de color blanc de la imatge, si primer punxem sobre la icona de la vareta, i després punxem sobre els trossos de color blanc que representen el fons de la imatge darrera del pingüí. 
Un cop seleccionat, ja els podem eliminar, i llavors el fons ens és mostrat de color de taulell d'escacs a quadrats alterns grisos i negres (ens indica que el fons de la imatge és transparent). 
Hi ha moltes més opcions de selecció de trossos d'imatges... Explora-ho! Un cop seleccionat un tros d'imatge que no t'interessi, pots retallar-lo i eliminar-lo, per exemple, i la inversa de la selecció, etc. Al final, en posar la imatge sobre un document, es veuria el fons de la imatge inicial del color del fons del document: 
B.7. Afegir coses en "capes" sobre la imatgeUna de les coses més versàtils dels programes de gestió d'imatges és el fet de poder treballar amb capes d'informació (com amb els Sistemes d'Informació Geogràfica). 
Sovint és molt útil mantenir obert el diàleg de capes (a través de "Fitxer -> Diàlegs -> Capes") per separar per exemple la imatge del fons del text i cercles que afegim a sobre per il·lustrar part de la imatge, o afegir noms a les seccions de a imatge. 
En desar la imatge en formats d'imatge que no gestionen capes (la majoria, tret del format nadiu .xcf del Gimp que guarda tota la informació de treball en capes), es mostraran algunes finestres en que les opcions per defecte són molt vàlides per començar a treballar. 
Més endavant, es poden canviar els paràmetres del desat d'imatge per tal d'aconseguir més possibilitats diferents en el resultat (per exemple, en el cas png, es pot canviar el nivell de compressió, o afegir un color transparent a la imatge, tot i que alguns navegadors antiquats (IE 6, per exemple) no mostren les zones transparents com a tal d'aquest format estàndard d'imatge pixelada sinó amb el color de fons. 
B.8. Posar text a sobre d'una imatgeEn clicar sobre la icona de la "A negra", se seleccionarà l'"eina de text", i s'obrirà un diàleg per escollir el tipus i mida de lletra, color, i alguns paràmetres més. 
Després, en clicar sobre la imatge s'obrirà un diàleg on podem escriure el text que vulguem, i en tancar la finestra, s'escriurà el text en el lloc on havíem clicat amb el ratolí. 
Mentre mantenim activa la finestra del text, o la selecció del text, podem fer canvis dels paràmetres del text en el diàleg de text, i aquest canvis es mostren al moment. B.9. Afegir ombres
Cal clicar amb el botó dret del ratolí a sobre de la imatge, i anar a (en Gimp 2.4.x): Filtres -> Llums i ombres -> Ombra Això mostrarà un diàleg com aquest: 
Un cop aplicada la ombra amb els paràmetres de l'exemple anterior, es produirà un efecte d'ombra sobre les vores de la imatge. Cal notar que si la imatge és totalment rectangular, l'ombra s'aplica sobre tot el rectangle, però si hem retallat o eliminat la part blanca del fons de la imatge (com en aquest cas amb el pingüí), l'ombra ressegueix la silueta del pingüí.
B.10. Processar moltes imatges a l'horaEl Gimp disposa d'un plugin especial que quan s'instal·la, permet processar moltes imatges a l'hora ("Procés per lots" o "batch process", en anglès), a través de pantalles gràfiques. És l'anomenat "David's Batch Processor" (DBP). Per instal·lar-lo en M$ Windows, baixarem l'arxiu corresponent a disc dur, el descomprimirem, i veurem que ens surt un arxiu executable. Hem de col·locar aquest arxiu a: C:\Archivos de Programa\GIMP-2.X\lib\gimp\2.0\plug-ins Llavors obrirem el Gimp (o el tancarem i el tornarem a obrir, si cal), i ens apareixerà el nou menú: "Extensions -> Procés per lots..." si heu instal·lat la versió en català per a GNU/Linux ( dbp-1.1.7_ca.tar.gz - http://gclub.ub.es/dl69) - descarregueu l'arxiu, descomprimiu-lo i llegiu les instruccions de l'arxiu que hi és a dins anomenat "dbp.html"), 
ó "Extensions -> Batch Process..." si hem instal·lat la versió en anglès per a Window$. (veure captura de pantalla a l'inici dels apunts - podeu descarregar el connector des d'aquí: http://www.ozemail.com.au/~hodsond/dbp-1.1.3.zip). Un cop obert, veurem quelcom com: http://members.ozemail.com.au/~hodsond/dbp.html 
Actualment (versió 1.1.7 per a GNU/Linux, i 1.1.3 per a M$ Window$) només hi ha un petit recull de funcionalitats utilitzables a través del connector DBP. De totes les pestanyes visibles a la interfície, n'hi ha tres que sovint les farem servir, a més de la tasca concreta que volguem fer, i són: A part d'aquest tres opcions, caldrà que anem a la pestanya de la tasca que volem realitzar. Per exemple, podem redimensionar moltes imatges a l'hora, a una mida exacta o relativa (en percentatge) de la mida original, mantenint o no les proporcions dels dos eixos, etc. 
C. Més trucs amb el Gimp
CTRL+ZO sigui: desfer. La salvació quan ens hem equivocat. CTRL+Z és un estàndard, funciona a tots els programes de Windows, Linux i Mac. A més, al Gimp teniu un historial complet d'accions que podeu desfer i refer. Al menú de la imatge, obriu: Edita -> Historial de desfer Apareixerà una finestra on es representen amb icones totes les etapes que ha passat la vostra imatge durant la sessió. Si seleccioneu una icona, tornareu la imatge al punt en què estava abans de realitzar les accions següents. Captura de pantallaPodeu capturar qualsevol pantalla (web, programes, l'escriptori) per utilitzar les imatges en un manual o tutorial web. Des del menú general del Gimp: Fitxer -> Adquireix -> Captura de pantalla Al diàleg que apareixerà, podeu seleccionar tota la pantalla o una finestra, i la possibilitat d'establir un lapse de temps perquè pogueu fer accions tals com obrir un menú, etc. que apareixerà a la captura. 
Premeu 'D'acord' i el cursor es transformarà en una creu. Arrossegueu la creu per deixar-la caure sobre la finestra que vulgueu capturar. 
La imatge s'obrirà amb el Gimp i la podreu editar o guardar en qualsevol format. Com gravar dreceres de teclatLes macros o dreceres de teclat permeten realitzar ràpidament funcions molt freqüents sense haver-les d'anar a buscar pels menús. Autoria d'aquest document: Lluïsa Núñez i Xavier de Pedro. Algunes imatges són originals o modificacions d'imatges del manual breu "Introducció al Gimp 2.0", de Raimon Esteve - www.codilliure.org. Llicència de Copyright Creative Commons, Atribució, Compartir per Igual. http://creativecommons.org/licenses/by-sa/2.5/deed.ca
|
Wiki
Bitàcoles
Galeries d'imatges
Galeries d'arxius
Fòrums
|
|
|
|
