View Full Version : [Guida Grafica] GIMP
http://members.home.nl/m.weisbeek/gimp/img/gimplogo.png
Introduzione a "The Gimp"
Gimp è acronimo di GNU Image Manipulation Program. È un potente programma di grafica Open Source, sviluppato inizialmente per Linux e poi convertito anche per le piattaforme Apple e Windows.
Il programma è completamente gratuito e si presenta con funzioni di buon livello per il fotoritocco e la manipolazione delle immagini.
Il suo utilizzo è indicato in particolare per applicazioni destinate al video e per il web publishing, dato che al momento non supporta a pieno la modalità di lavoro in CMKY, necessaria per la stampa offset in quadricromia.
È comunque uno strumento potente in alternativa a blasonati e costosi software sulla scena della grafica digitale. Per questo i professionisti della grafica con budget limitati e tutti coloro che necessitano di uno strumento valido ed economico per lavorare, possono trovare in The GIMP una soluzione.
The GIMP è relativamente giovane (attualmente siamo solo alla vers. 2.2.6) rispetto a colossi come Photoshop, ma grazie all'implementazione di Script-Fu aggiuntivi (Plug-ins) reperibili nella rete, le sue potenzialità di espansione sono enormi.
Prima di iniziare a lavorare dobbiamo scaricare i file necessari all'installazione. Sono disponibili le versioni UNIX, MAC o WIN, per Windows XP abbiamo a disposizione anche una versione in italiano ben tradotta.
Prima di installare il programma vero e proprio dobbiamo installare la libreria GTK+ (se durante la fase d'installazione vi verrà chiesto di rinominare l'estensione di alcuni file dategli l'ok, altrimenti The Gimp non sarà in grado di partire) scegliamo in quale directory installare i files necessari e l'auto installer farà il resto.
Da dove scaricare:
Jernej Simoncic ( http://gimp-win.sourceforge.net/ ) fornisce un installer che vi guiderà nel processo di installazione, questo è sicuramente il metodo migliore per avere GIMP sotto Windows.
Tor Lillqvist ( http://www.gimp.org/~tml/gimp/win32/downloads.html ) mette a disposizione diversi archivi zip con il programma, librerie e diverse risorse per utenti e sviluppatori.
Requisiti:
Sebbene GIMP 1.2 fosse certificato girare su tutte le piattaforme Windows disponibili sul mercato, per GIMP 2.0 sarebbe opportuno usare una versione di Windows basata su NT (NT4, 2000 o XP). La quantità di memoria è un fattore molto importante specialmente se lavorate con immagini grandi: un minimo di 64MB di RAM è raccomandato.
Ultima nota: GIMP dev'essere installato successivamente all'installazione delle librerie grafiche GTK+
http://img359.imageshack.us/img359/5923/immagineor1.jpg
L'area di lavoro
Una volta lanciato il programma e completato il caricamento appare la finestra principale di lavoro di The Gimp e vi troviamo:
il menù File dove poter creare una nuova immagine, aprire documenti, importare le immagini da scanner, e la comodissima funzione Acquisizione>Immagine schermo... per acquisire gli screenshot delle immagini dello schermo
la voce preferenze poi, apre una finestra dove possiamo configurare molte proprietà del programma
il menù Xtns (eXtensions) serve invece per gestire i moduli gli script ed i plug-ins di cui ci occuperemo in seguito.
infine il consueto menù per gli aiuti
http://html.it/guide/img/gimp/02a.gif
Facciamo attenzione a non chiudere questa finestra con troppa leggerezza: è la finestra principale del programma chiudendola potremmo trovarci a perdere accidentalmente parte del lavoro fatto.
Al di sotto del menù troviamo un'area dove sono disposti gli strumenti di lavoro principali, più in basso un pannello con le opzioni per ogni strumento.
Una volta aperto un documento (menù file>Nuovo Alt+C oppure file>Apri Ctrl+O) appare una nuova finestra: è l'area di lavoro dove la nostra immagine verrà visualizzata.
Vedremo aprirsi anche una terza finestra, in questa troviamo i pannelli relativi ai livelli, tracciati, canali etcc. (ciascun pannello è completamente configuabile secondo le nostre preferenze).
Ecco come appare l'area di lavoro del programma dopo aver aperto un file:
http://html.it/guide/img/gimp/02b.gif
(1) Pannello strumenti
(2) Pannello opzioni degli strumenti
(3) Attiva/Disattiva maschera veloce
(4) Selettore unità di misura 8px,mm etc.)
(5) Livello dello Zoom in percentuale
(6) Area info del livello selezionato
(7) Pulsanti di scroll e navigazione dell'immagine
(8) Pannello di ispezione pennelli, motivi, gradienti etc.
(9) Finestra dei livelli, canali, tracciati
(10) Barra dei menù
The Gimp possiede una serie di strumenti che permettono di lavorare sulle immagini in modo approfondito. sono raggruppati come abbiamo visto nella finestra principale del programma, e possono essere divisi in base al loro utilizzo in cinque categorie:
strumenti di Selezione
strumenti di Disegno
strumenti di trasformazione
strumenti di Colore
strumenti vari.
Possono essere attivati semplicemente ciccando sulle icone della tavolozza degli strumenti oppure aprendo la finestra Strumenti dal menù, come per esempio gli strumenti di colore.
Ogni strumento inoltre ha uno specifico comando a tastiera per essere selezionato in modo rapido. Per conoscere queste scorciatoie da tastiera e per modificarle a nostro piacimento andare nel menù: File>Preferenze>Interfaccia>Configura tasti scorciatoia.
Le finestre
Lavorare con The Gimp significa lavorare con pannelli di dialogo che possono essere disposti su finestre indipendenti.
Oltre alle finestre vitali, indispensabili per poter lavorare con le immagini come quella dei «livelli», quella dei «canali» e quella dei «tracciati», scopriamo altre funzionalità corollarie ma molto utili che il programma ci mette a disposizione.
Possiamo a nostro piacimento raggruppare più schede in un'unica finestra, o mantenerle separate e posizionarle sullo schermo a personalizzare lo spazio di lavoro. Queste possono essere richiamate dal menù Finestre dell'area di lavoro.
Andiamo dunque a fare una carrellata sui pannelli più importanti da conoscere. Molte delle caratteristiche che osserviamo guardando alle finestre le approfondiremo nel corso delle prossime lezioni.
La finestra «Livelli»
La finestra dei livelli (control+L) visualizza tutti i livelli presenti in un documento. Permette di modificarne l'ordine di sovrapposizione, di renderli visibili o meno, di fonderli, di regolarne l'opacità, di trasformarli ed applicare delle maschere.
http://html.it/guide/img/gimp/03a.gif
(1) Seleziona il documento aperto su cui lavorare
(2) Mostra/Nascondi livello
(3) Collega i livelli tra loro
(4) Crea un nuovo livello
(5) Cambia la disposizione dei livelli in alto o in basso
(6) Duplica il livello selezionato
(7) Ancora una selezione fluttuante
(8) Elimina il livello selezionato
(9) Informazioni sui livelli
(10) Selettore opacità livello
(11) Mantiene l'opacità del livello
(12) Apre il menù livelli
(13) Seleziona la modalità livello
Inoltre, cliccando col tasto destro del mouse sul livello selezionato ritroviamo tutte le voci del menù Livello.
La finestra «Canali»
La finestra dei canali mostra i livelli di colore presenti in un documento. I canali sono immagini in scala di grigio che contengono informazioni sui colori e sono visualizzati in base al metodo di colore in cui stiamo lavorando.
Per esempio quando lavorassimo in modalità colore RGB vedremmo tre livelli (Rosso, Verde, Blu) se invece scegliessimo la modalità Scala di Grigio ne avremmo uno solo.
http://html.it/guide/img/gimp/03b.gif
Immaginiamo ogni canale come una diversa lastra di colore, la loro sovrapposizione ci rende la gamma cromatica completa. In più possiamo creare i canali Alpha per le trasparenze e il canale della maschera veloce per salvare le selezioni come immagini in scala di grigio e viceversa.
La finestra «tracciati»
La finestra dei traccaiti serve a gestire i tracciati vettoriali creati con lo strumento «crea tracciato» o con una selezione convertita in tracciato.
http://html.it/guide/img/gimp/03c.gif
Da qui possiamo richiamare, modificare, convertire ed eliminare i tracciati presenti nel nostro documento, è possibile creare una selezione da un tracciato e viceversa. Ogni tracciato è raffigurato con una miniatura su livelli differenti.
La finestra «Pennelli»
La finestra dei pennelli visualizza tutti i pennelli disponibili, ci permette di modificarli e crearne di nuovi. Qui troviamo dai classici pennelli tondi e quadrati, a quelli più bizzarri. Per assegnare un pennello ad uno strumento di disegno basta selezionarlo cliccando con il mouse.
Lo slider inferiore imposta la spaziatura, ovvero la distanza in pixel tra una "pennellata" e l'altra lungo la linea tracciata. Un valore basso creerà una pennellata continua, un valore alto ci farà distinguere chiaramente la forma del nostro pennello.
http://html.it/guide/img/gimp/03d.gif
Cliccando sull'icona modifica o su nuovo pennello, si apre l'Editor Pennelli. Con questo pannello possiamo modificare il pennello in base alle nostre esigenze, cambiando la forma, dimensioni, sfocatura, durezza e angolo di inclinazione. Possiamo aggiungere quanti pennelli vogliamo importandoli nella libreria del programma.
La finestra «Gradienti»
La finestra gradienti mostra la libreria di sfumature disponibili, tramite questo pannello possiamo modificare, cancellare duplicare e creare nuovi gradienti. Possiamo riempire un'area dell'immagine con un gradiente, o assegnarlo ad uno strumento di disengo come l'aerografo per avere il tratto sfumato da diverse gradazioni di colore.
Cliccando sull'icona «modifica gradiente» o su «nuovo gradiente» apriamo Il pannello Editor Gradienti, questo ci permette di cambiarli a nostro piacimento, impostando oltre ai colori desiderati, anche il tipo di sfumatura da applicare tra: lineare, curva, sinusoidale o sferica.
La finestra «Motivi»
La finestra motivi mostra tutti i motivi (pattern) grafici presenti nella libreria. Per riempire un'area con un pattern è sufficiente selezionare quello desiderato ed assegnarlo come colore di riempimento ad uno strumento di disegno, o semplicemente, trascinarlo con il mouse all'interno di una selezione.
Possiamo ampliare la nostra raccolta di motivi importandoli nella directory di installazione del programma. Se vogliamo trovare patterns da aggiungere alla nostra libreria diamo uno sguardo al sito ufficiale o cercando nei motori di ricerca le parole chiave "Gimp" e "Patterns".
Aprire, salvare e creare una immagine
tra le funzioni fondamentali da capire quando ci si avvicina ad un nuovo programma, primeggiano le modalità di creazione di nuovi documenti, di salvataggio e apertura dei file salvati. Nel nostro caso si tratta di immagini.
Per aprire una immagine esistente usiamo la voce di menù File>Apri, altrimenti possiamo usare il comando rapido a tastiera «Ctrl+O». Appare una finestra di esplorazione del nostro disco con la quale cercare e selezionare il file che vogliamo aprire.
Figura 1. Finestra «Apri Immagine»
http://html.it/guide/img/gimp/04a.gif
Sulla destra della finestra vediamo una anteprima delle immagini presenti sulla cartella che si sta visitando.
Una volta scelto il file da aprire sarà sufficiente cliccare sul pulsante Apri o premere il tasto Invio della tastiera.
Gimp può leggere i formati di immagine più diffusi come Jpeg e gif, ma anche molti altri, tra cui i file Psd, propri di Photoshop, gli eps e pdf.
Per salvare un immagine modificata o convertirla da un formato ad un altro, usiamo il menù File>Salva (Ctrl+'S') oppure File>Salva con nome... (Maiusc+Ctrl+'S'). La finestra di dialogo che appare è molto simile a quella vista per l'apertura.
Figura 2. Finestra «Salva Immagine»
http://html.it/guide/img/gimp/04b.gif
Qui possiamo scegliere dove andare a salvare il nostro file e in quale formato. Il formato proprietario di Gimp è il XCF, salvando l'immagine con questo formato conserveremo tutte le informazioni sui livelli sui canali Alpha e sulle selezioni che avremo creato durante il nostro lavoro.
Se invece vogliamo esportare un'immagine in un formato differente ci basterà selezionare nella finestra relativa quello desiderato e fare click su Salva.
Salvando in alcuni formati come ad es. il Jpeg o Gif, si aprirà un ulteriore finestra di dialogo dove impostare alcuni parametri di ottimizzazione come il livello di compressione dell'immagine, la trasparenza o il numero di colori.
Per creare una nuova immagine usiamo il menù File>Nuovo (Ctrl+N). Appare una finestra che ci consente di impostare:
le dimensioni del file con valori numerici espressi in pixel, mm, pollici, punti etc.
la risoluzione dell'immagine
il profilo colore del documento (scala di grigi o RGB)
lo sfondo trasparente o riempito con un colore.
Inoltre abbiamo a disposizione alcuni modelli già impostati tra cui scegliere, da quelli comuni per il web come i banner, ai formati cartacei più diffusi come A4, Lettera e così via. tra i modelli troviamo anche il bizzarro "Toilette Paper", nel caso avessimo bisogno di decorare della carta igienica.
Figura 2. Finestra «Crea nuova immagine»
http://html.it/guide/img/gimp/04c.gif
Arrivati a questo punto è doveroso ricordare come impostare la risoluzione di un file in modo corretto. Anzitutto occorre chiedersi qual'è il formato di destinazione della nostra immagine.
Se è una immagine destinata ad essere visualizzata esclusivamente su video o monitor la risoluzione da utilizzare sarà quella di 72dpi (punti per pollice), dato che in genere gli schermi non raggiungono risoluzioni maggiori.
Se invece il nostro lavoro sarà destinato alla stampa sarà bene avere una risoluzione minima di 300dpi, fino ad arrivare anche ad una risoluzione di 600dpi per le stampe fotografiche ad alta definizione.
Facciamo comunque attenzione a non esagerare troppo con i valori di risoluzione, perché maggiore sarà questa e maggiori saranno le dimensioni del file che dovremo lavorare. Ciò significa maggiori richieste di prestazioni al nostro sistema.
Per quanto riguarda il metodo colore, Gimp al momento ci permette di lavorare solo nella modalità video RGB e Scala di Grigio. Purtroppo come non ci consente di lavorare in modalità CYMK a meno che non utilizziamo un plug-in apposito per convertire il file in quadricromia.
Strumenti per selezionare
Le tecniche di selezione sono indispensabili per poter manipolare immagini indipendentemente dal software di ritocco che si utilizza.
Gli strumenti di selezione di The Gimp sono progettati, come anche in altri programmi di grafica raster, per poter selezionare le porzioni di immagini e i livelli che vogliamo manipolare.
Infatti i principali programmi di editing grafico mettono a disposizione più o meno tutti gli stessi strumenti di selezione. Ciò garantisce una separazione che ci permette di lavorare senza influenzare le zone non selezionate.
Ogni strumento ha caratteristiche ed opzioni che può condividere con altri, dagli strumenti semplici come le forme geometriche, alle selezioni a mano libera, ai più complessi come la maschera veloce e lo strumento di Bezier.
Figura 1. Strumenti di selezione
http://html.it/guide/img/gimp/05a.gif
(1) Selezione rettangolare (R)
Con questo strumento possiamo effettuare delle selezioni quadrate o rettangolari, con la possibilità di smussare gli angoli.
(2) Selezione ellittica (E)
Per effettuare delle selezioni ellittiche o circolari.
(3) Selezione libera o "lazo" (F)
Il "lazo" ci permette di tracciare selezioni a mano libera con il mouse o con la penna ottica. N.B. È importante chiudere sempre la selezione effettuata.
(4) Selezione regioni contigue o "bacchetta magica" (Z)
La bacchetta magica consente (secondo un livello di tolleranza da noi impostato) di selezionare un'area dell'immagine uniforme senza doverne tracciare il contorno, calcolando le regioni di colore simile e i pixel adiacenti.
(5) Selezione regioni di colore (Maiusc + O)
Come la bacchetta magica, ma lavora solo sulle regioni di colore. Anche qui possiamo impostare Il livello di tolleranza e il livello di sfumatura dei margini.
(6) Selezione aree di immagini o "forbici intelligenti" (I)
Con un click le forbici intelligenti tracceranno una selezione seguendo i contorni di colore e di luminosità dell'area selezionata. Non sempre lavora in modo "intelligente".
Suggerimenti
Con gli strumenti di selezione rettangolare ed ellittica possiamo realizzare selezioni quadrate e circolari precise tenendo premuto il tasto Maiusc mentre tracciamo con il mouse l'area interessata. In più tenendo premuto il tasto Ctrl potremo crearla partendo dal centro della figura e non dall'angolo esterno. Premendo il tasto Alt potremo spostare la selezione effettuata nell'area di lavoro senza modificarla.
Tenendo premuto il tasto Shift prima di effettuare una selezione potremo aggiungere la nuova selezione a quella esistente anziché rimpiazzarla.
Usando il tasto Ctrl la nuova selezione verrà sottratta a quella presente.
Le Opzioni di selezione
Quasi tutti gli strumenti di selezione che abbiamo visto fin'ora hanno l'opzione margini sfumati che permette di "ammorbidire" gli angoli della selezione con un raggio di sfumatura regolabile in pixel. Maggiore è il valore impostato, più gli angoli delle selezioni risultano smussati e sfumati.
Per attivarla clicchiamo nel box apposito e regoliamo il raggio di sfumatura con lo slider o digitiamo un valore numerico nella casella adiacente. Vediamo due esempi di selezione quadrata con e senza l'opzione margini sfumati.
Figura 2. Esempio di margini sfumati
http://html.it/guide/img/gimp/05b.gif
Attivando l'antiliasing renderemo la selezione più morbida evitando l'effetto dente di sega alle linee oblique e circolari.
Figura 3. Esempio di antialiasing
http://html.it/guide/img/gimp/05c.gif
L'opzione campiona a video ci è utile quando effettuiamo una selezione per colore in un immagine con più livelli. Se l'opzione non viene attivata la selezione del colore avverrà solo nel livello attivo, mentre se attivata la selezione agirà su tutti i livelli visibili.
Usando soglia possiamo impostare la gamma di colori che verranno selezionati quando faremo click con il mouse su una determinata tonalità. Più alto sarà il valore di soglia, e maggiore sarà il range di colore selezionato.
Osserviamo in pratica come usare gli strumenti di selezione geometrica ed affrontiamo subito qualche esercizio di base per acquisire manualità.
Creiamo una nuova immagine (di dimensioni a piacere).
Riempiamo l'area con un colore utilizzando lo strumento secchiello
Scegliamo lo strumento «selezione rettangolare» dal pannello strumenti
tracciamo con il mouse una diagonale tenendo premuto il tasto sinistro.
Rilasciamo il tasto del mouse e vediamo la nostra selezione rettangolare attiva.
Spostiamo con la punta del mouse il rettangolo selezionato, vediamo lo sfondo. Con questa operazione abbiamo ritagliato la parte selezionata della nostra immagine.
Se selezionassimo una nuova parte dell'immagine, la selezione precedente, quindi il tratteggio, sparirebbe. Per mantenere la selezione precedente ed aggiungerne una nuova premiamo il tasto «maiuscolo».
In questo modo possiamo aggiungere selezioni di qualsiasi forma, per esempio una selezione a ellissi..
Per sottrarre una selezione ad un'altra, è sufficiente ripetere l'operazione precedente utilizzando il tasto «control (CtrL)» prima di tracciare la selezione.
Ora possiamo provare a riempire le selezioni attive con un colore. Scegliamo un colore dal relativo pannello.
Il pannello presenta due colori per lavorare in modo veloce, un colore di primo piano e un colore di sfondo, rappresentati in rettangoli sovrapposti. I ruoli possono essere invertiti grazie alla doppia freccia nell'angolo superiore destro.
Selezioniamo lo strumento Secchiello. Posizionando in mouse all'interno dell'area selezionata e cliccando otteniamo il riempimento con il colore di primo piano, ma se prima di cliccare premiamo il tasto «control (Ctrl)» ci accorgiamo di un cambiamento sul puntatore del mouse che indica il riempimento con il colore di sfondo.
Se volessimo selezionare l'area al di fuori delle nostre selezioni, potremmo fare un passo indietro, digitando Ctrl + 'Z' (annulla l' ultima operazione), poi non dovremo fare altro che invertire la selezione premendo i tasti Ctrl+I o andando al menù Seleziona>Inversa. Una volta invertita l'area selezionata ripetiamo l'operazione di riempimento colore e vediamo il risultato.
Per annullare la selezione a lavoro concluso premiamo i tasti Control+Maiusc+A.
Selezioni libere
Le selezioni libere vengono effettuate usando lo strumento «lazo». Questo strumento ci è utile per selezionare delle aree non regolari dell'immagine. Useremo il mouse o una penna ottica per tracciare le forme che desideriamo.
Vediamo con un esempio come può esserci utile questo strumento. Prendiamo la seguente immagine:
Figura 1. Immagine iniziale
http://html.it/guide/img/gimp/07a.gif
e selezioniamo una delle conchiglie per poi isolarla dal resto. Per farlo, potremmo zoomare sulla parte dell'immagine che ci interessa per ingrandirla e isolare meglio la conchiglia. Poi selezioniamo lo strumento «Lazo» e tracciamo con il mouse l'area che vogliamo selezionare tenendo premuto il tasto sinistro, fino ad avvicinare il punto finale della selezione con quello di partenza per chiudere l'area.
Figura 2. Area della selezione
http://html.it/guide/img/gimp/07b.gif
Invertiamo la selezione e cancelliamo il resto premendo i tasti Ctrl+'K' o dal menù Modifica>Cancella, e vediamo il risultato.
Ora abbiamo isolato il nostro oggetto ma il risultato lascia un po' a desiderare per via della selezione netta e spigolosa. Proviamo allora a ripetere l'operazione di selezione aggiungendo dalle opzioni di selezione un «Raggio di sfumatura» maggiore.
Impostiamo il raggio di sfumatura della selezione su un valore di 20px e ripetiamo la selezione a mano libera.
Figura 4. Pannello «margini sfumati»
http://html.it/guide/img/gimp/07d.gif
Invertiamo nuovamente la selezione, cancelliamo il contenuto e contempliamo il nuovo risultato.
Figura 5. Risultato finale
http://html.it/guide/img/gimp/07e.gif
Fotomontaggio
Montare insieme immagini diverse è tra le cose più interessanti e divertenti che si possono fare con un programma come "The Gimp".
Per diventare veramente bravi non basta una tecnica, bisogna sviluppare un approccio creativo, soprattutto nel modo di usare selezioni e livelli. comiciano a vedersi buoni risultati quando si ha sulle spalle un po' di esperienza. Dunque facciamo il nostro primo esperimento.
Il caso è quello di una foto (il torrione di un castello), alla quale vogliamo applicare un dettaglio preso da un'altra immagine (un gabbiano ritagliato dalla foto della gita al mare).
Anzitutto apriamo entrambe le immagini con l'ormai consueto menù File>Apri o Ctrl+'O'
Finestra col il torrione
Una volta importate, le immagini si trovano su due finestre di lavoro differenti. Scegliamo di lavorare sulla finestra con l'immagine del gabbiano.
Qui selezioniamo la porzione di immagine che ci interessa utilizzando lo strumento «selezione rettangolare». tracciamo con il mouse una diagonale tenendo premuto il tasto sinistro e appare la traccia della selezione attiva.
Figura 2. Selezione del particolare
http://html.it/guide/img/gimp/09b.gif
Copiamo la selezione negli appunti (clipboard) del programma premendo contemporaneamente i tasti Ctrl+'C' o ciccando con mouse dal menù Modifica>Copia.
A questo punto torniamo sulla finestra con dov'è aperta l'immagine di destinazione (il torrione) e vi incolliamo la selezione che abbiamo negli appunti. Per farlo possiamo usare la combinazione di tasti Ctrl+'V' o cliccare sul menù Modifica>Incolla .
Figura 3. Immagine incollata
http://html.it/guide/img/gimp/09c.jpg
La porzione incollata si posizionerà automaticamente al centro dell'immagine, e come vediamo nel pannello «Livelli» questa avrà creato un nuovo livello "virtuale" chiamato «Selezione Fluttuante».
Figura 4. Livello «selezione fluttuante»
http://html.it/guide/img/gimp/09d.gif
Questo in realtà è il contenuto della selezione posto sopra al livello di base Sfondo, finche rimane una «selezione fluttuante» possiamo posizionarlo dove preferiamo.
Una volta trovata la posizione che ci piace possiamo ancorare il livello fluttuante al livello di sfondo semplicemente cliccando sull'icona «Ancora» in basso a destra del pannello «Livelli», o creare un nuovo livello ciccando sull'icona «nuovo» in basso a sinistra e ripetere l'ancoraggio sul livello vuoto per mantenere separata l'immagine del gabbiano dallo sfondo.
Finalmente il risultato.
Figura 6. Risultato finale
http://html.it/guide/img/gimp/09f.jpg
Questa tecnica di base è utile in molte occasioni di montaggio o di ritocco fotografico. Il suggerimento è quello di arricchire le fasi descritte coinvolgendo le altre tecniche di selezione apprese nella guida.
Realizzare un logotipo
Grazie agli script-fu installati nel programma abbiamo la possibilità di realizzare in maniera semplice ed immediata dei testi con vari tipi di effetti. Si tratta si di effetti grafici già preparati, ma possono essere modificati, e con un largo utilizzo nella progettazione grafica digitale.
Nel menù Xtn>Script-Fu troviamo una serie plug-ins utili, dedicati agli effetti di testo. Alla voce Logotipi dove troviamo un folto elenco di effetti applicabili al testo, effetti di cromatura, di smussamento, di ombreggiatura etc.
Non ci resta che scegliere quale tipo di effetto vogliamo sul nostro testo, per esempio andiamo a scegliere dal menù l'effetto Cielo stellato.
Figura 1. Finestra «cielo-stellato»
http://html.it/guide/img/gimp/21a.gif
Nella finestra dello scrip-fu troviamo una serie di opzioni da impostare, che ci permettono di digitare il testo che vogliamo venga effettato, il tipo di carattere da utilizzare, le dimensioni di questo ed il colore della luminescenza di sfondo. Dopo aver impostato questi attributi, cliccando su OK lasciamo a "The Gimp" l'elaborazione del risultato.
Figura 2. Applicazione dell'effetto «cielo stellato»
http://img359.imageshack.us/img359/5923/immagineor1.jpg
Completata l'elaborazione, appare una nuova finestra immagine con il nostro bel logo, notiamo che nella finestra dei livelli il programma ha creato una serie di livelli necessari per ottenere quel risultato. troviamo il livello dello sfondo, il livello del testo, il livello dell'effetto sfocatura etc. Questo ci permette di agire sugli elementi che compongono il logotipo nel caso volessimo apportare qualche variazione.
Grazie a questa serie di script-fu con pochi click possiamo ottenere dei risultati di sicuro effetto, ci si può sbizarrire cominciando a provarli tutti per conoscerne le potenzialità.
kettyn
04-13-2007, 01:02 PM
Bene ragazzi....
Oggi impareremo a fare una semplice scritta glitterata del tipo...
http://img412.imageshack.us/img412/6708/provaty0.gif
Se abbiamo a disposizione dei glitter già scomposti in fotogrammi (in formato gif o jpg) per mezzo di altri programmi grafici possiamo usare quelli, altrimenti ecco come fare per utilizzare uno dei glitter che si trovano girando per la rete (chiave di ricerca: glitter), ad esempio questo:
http://img244.imageshack.us/img244/3628/g162byjcnj1.gif
Avviate GIMP scegliete FILE-->APRI e nella finestra Apri immagine ricercate il percorso della cartella che contiene il glitter. Aprite il file.
http://docs.gimp.org/images/using/it/file-open-dialog.png
Ecco come si presenta il glitter nella Finestra Immagine: ATTENZIONE.. apparentemente sembra formato da un'immagine singola...
http://img120.imageshack.us/img120/1435/immaginegt0.jpg
kettyn
04-13-2007, 01:23 PM
..se però dal menù FINESTRE scegliete LIVELLI aprirà la Finestra Livelli dove, come potete notare, viene mostrato che il glitter è formato da tre fotogrammi:
http://img228.imageshack.us/img228/6568/immaginelr5.jpg
In questa Finestra Livelli selezioniamo il primo fotogramma (potete iniziare dal primo in alto o dal primo in basso, l'importante è che procediate in sequenza) e nascondiamo gli altri due facendo clic sull'iconcina a forma di occhio accanto a ciascuno di essi (quando l'occhio è aperto il livello è visibile):
http://img395.imageshack.us/img395/5767/immaginecm7.jpg
Adesso scegliamo MODIFICA--> COPIA IL VISIBILE e poi MODIFICA-->INCOLLA COME NUOVO: si apre una nuova immagine che dobbiamo salvare nel formato adatto per Gimp: nel menù FILE scegliamo SALVA CON NOME e nella Finestra Salva Immagine facciamo clic sul segno + accanto a Seleziona tipo di file, poi nell'elenco selezioniamo Motivo Gimp e facciamo clic su Salva.
per accorciare i tempi, potete anche scrivere direttamente su nome : fotogramma1.pat
http://img151.imageshack.us/img151/7676/immaginedg3.jpg
Si aprirà la piccola Finestra Salva come motivo nella quale è possibile scegliere una descrizione da dare al fotogramma, in questo caso, lasceremo quella preimpostata.
Ripetiamo la stessa procedura per gli altri due livelli del glitter in modo da ottenere in tutto tre immagini distinte (ovviamente se il glitter di base è formato da più di tre fotogrammi il numero d'immagini verrà aumentato di conseguenza).
I Motivi di Gimp, chiamati anche Patterns, hanno l'estensione .pat e la caratteristica icona con il pupazzetto-pittore.
ATTENZIONE: per poterlo usare non basta aver scomposto il glitter in fotogrammi ma bisogna fare in modo che Gimp li riconosca come propri Motivi.
Per ottenere ciò abbiamo due possibilità:
• Salvare i fotogrammi nella Cartella Patterns di Gimp insieme a quelli già in dotazione al programma. L'esatta posizione di questa cartella dipende dalla versione del software, dal sistema operativo, dalle scelte operate al momento dell'installazione... insomma le variabili sono tante! Per trovare la directory dei motivi sul nostro computer dal pannello dei comandi di Gimp scegliamo FILE-->PREFERENZE e nel menù ad albero che compare cerchiamo CARTELLE-->MOTIVI : il percorso giusto è scritto prorio lì!
• Un'altra possibilità è quella di salvare i fotogrammi in una cartella a nostra scelta e poi fare in modo che sia Gimp ad andarsela a cercare! Scegliamo ancora FILE--> PREFERENZE-->CARTELLE-->MOTIVI e sfogliamo il percorso esatto della nostra cartella: riavviamo il programma e quando si aprirà i motivi di default saranno stati sostituiti dai nostri.
Lo stesso metodo va usato se vogliamo riutilizzare i f otogrammi in formato gif o jpg che abbiamo fatto con altri programmi: basta salvarli nel posto giusto e saranno disponibili anche con Gimp!
e con questo... abbiam finito per quanto riguarda i patterns... nella prox lezione... impareremo a fare la scritta glitterata ... STAY TUNED !!!
biz, Ketty
puo' esser che nel pomeriggio inserisca la seconda parte... vedremo !
kettyn
04-13-2007, 03:27 PM
Continuiamo con la lezione "glitterata" ...
Dal pannello dei comandi di Gimp scegliamo FILE-->NUOVO e nella Finestra Crea una nuova immagine impostiamo:
• Dimensioni: Larghezza 250, Altezza 100
• Risoluzione: lasciamo quella di default a 72 px
• Spazio colore: lasciamo RGB
• Riempi con: scegliamo Trasparenza
http://img248.imageshack.us/img248/3497/immaginers5.jpg
Questo è lo sfondo trasparente sul quale costruiremo la scritta glitterata:
http://img84.imageshack.us/img84/1989/immaginerr4.jpg
Nel pannello dei comandi facciamo doppio clic sullo Strumento Testo (qui indicato dalla freccia):
http://img145.imageshack.us/img145/4279/immaginexg1.jpg
Si apre la Finestra Opzioni Strumenti relativa al Testo, nella quale scegliamo il carattere che ci piace di + (trovate una libreria infinita di caratteri su "dafont"), impostiamo la dimensione a 120, lasciamo il colore nero e ricordiamoci di controllare che non siano spuntate le caselle Hinting e Antialiasing perchè ammorbidiscono i contorni dei fonts e invece a noi servono ben netti.
Facciamo clic sullo sfondo trasparente nella Finestra Immagine in modo che si apra l'Editor di testi, nel quale digitiamo la nostra scritta.
Chiudiamo l'Editor di testi e vediamo che la scritta è comparsa sull'immagine ma non è nella posizione giusta...
http://img185.imageshack.us/img185/6436/immagineeb0.jpg
Per posizionare il testo al centro dello sfondo scegliamo LIVELLO-->ALLINEA LIVELLI VISIBILI e nell'omonima finestra che si apre impostiamo:
• Stile Orizzontale: Seleziona
• Base Orizzontale: Centro
• Stile Verticale: Seleziona
• Base Orizzontale: Centro
Spuntiamo la casella accanto a Usa il livello inferiore come base.
Ok!!! Ora il nostro lavoro è perfettamente centrato !!!
...credete che sia finita qui ?!!? eh no cari miei... il bello inizia ora !
Scegliamo FINESTRA-->LIVELLI per aprire la Finestra Livelli dove possiamo vedere che sono presenti i due livelli di testo e sfondo.
Con il livello testo selezionato, scegliamo LIVELLO-->FONDI IN BASSO in modo da ottenere un solo livello nel quale sono fusi insieme la scritta con lo sfondo.
Sempre nella Finestra Livelli facciamo clic per due volte sul pulsante Duplica livello, quello indicato dalla freccia blu, in modo da ottenere i tre fotogrammi del glitter.
Nella Finestra Immagine scegliamo LIVELLO-->TRASPARENZA-->ALFA A SELEZIONE per creare una maschera di selezione sul contorno del testo.
kettyn
04-13-2007, 03:27 PM
Nella Finestra Livelli selezioniamo il primo livello in alto (Sfondo copia #1) e nascondiamo gli altri due facendo clic sull'occhietto al loro fianco.
Dopo aver selezionato il primo livello in alto nella Finestra Livelli, andiamo nella plancia dei comandi di Gimp, facciamo clic sullo Strumento Riempimento, che ha l'icona di un secchiello (vedi freccia blu) poi facciamo doppio clic sul Campione di Motivo (vedi cerchio blu):
http://img217.imageshack.us/img217/98/immaginekz4.jpg
Il doppio clic fa aprire la Finestra Motivi dove, se abbiamo indicato a Gimp il percorso giusto, dovremmo vedere i fotogrammi dei nostri glitter.
Facciamo clic sul primo fotogramma del glitter prescelto per evidenziarlo.
Se teniamo premuto il pulsante del mouse quando il cursore è sul campione di motivo Gimp ci mostra un'anteprima del motivo nelle dimensioni reali.
...trasciniamo il quadratino sopra la Finestra Immagine...
Quando siamo sopra la Finestra Immagine rilasciamo il pulsante del mouse e vedremo che la scritta viene riempita dal glitter.
In realtà è stato riempito solo il testo del primo livello, quello che avevamo selezionato in precedenza, come possiamo verificare nella Finestra Livelli, dove adesso dobbiamo selezionare il secondo livello (Sfondo copia) nascondendo gli altri due.
http://img406.imageshack.us/img406/8769/immaginequ0.jpg
Selezioniamo il secondo fotogramma del glitter nella Finestra Motivi e trasciniamolo nella Finestra Immagine per colorare il testo del secondo livello.
Ripetiamo l'operazione per il testo dell'ultimo livello (lo Sfondo) e poi rendiamo nuovamente visibili tutti e tre i livelli.
Nella Finestra Immagine scegliamo FILE-->SALVA CON NOME e nella Finestra Salva immagine selezioniamo come tipo di file Immagine Gif.
Facendo clic su Salva si apre la Finestra Esporta File dove dobbiamo spuntare l'opzione Salva come animazione e controllare che l'immagine venga indicizzata automaticamente.
Quando faremo clic su Esporta si aprirà una finestrella di avvertimento dovuta al fatto che abbiamo impostato una dimensione del carattere che eccede, come ingombro, le dimensioni dello sfondo.....diamo l'OK.
Apparirà la Finestra Salva come GIF nella quale impostiamo Ciclo infinito e un Ritardo di 150 millisecondi.
http://img413.imageshack.us/img413/9634/babyuc0.gif
Realizzare una semplice animazione
Apriamo un nuovo documento delle dimensioni di 400 x 230 pixels e creiamo un nuovo livello trasparente Livelli>Nuovo e scegliamo l'opzione trasparente.
Con lo strumento selezione ellittica tracciamo una selezione ellittica all'interno della nostra area di lavoro.
Figura 2. Strumento «selezione ellittica»
http://html.it/guide/img/gimp/22b.gif
Dal panello strumenti selezioniamo lo strumento gradiente. Apriamo la finestra dei gradienti e scegliamo una sfumatura, per questo esercizio selezioniamo il gradiente deep sea, volendo potremmo crearne o modificarne uno tramite l'editor gradienti, cliccando sul pulsante modifica nella finestra dei gradienti.
Figura 3. Strumento «gradiente»
http://html.it/guide/img/gimp/22c.gif
Nel pannello opzioni dello strumento gradiente andiamo a modificare alcuni parametri, scegliamo di dare una Forma Radiale alla sfumatura, impostiamo i valori di Opacità al 100% e portiamo a 0 il valore di Compensato. Disegnamo la sfumatura cliccando e trascinando il mouse dal centro dell'ellisse sino al bordo.
Figura 4. Sfumatura radiale
http://html.it/guide/img/gimp/22d.jpg
Per animare la nostra immagine andiamo nel menù Script-Fu ed alla voce Animatori scegliamo l'effetto Onde. Una volta aperta la finestra di dialogo del plug-in impostiamo i seguenti valori: Ampiezza:10, Lunghezza d'onda 10, numero di fotogrammi 12 e clicchiamo su Ok.
Il programma elaborerà l'immagine fino a creare un nuovo documento. Nel nuovo documento possiamo notare che sono presenti tanti livelli quanti fotogrammi abbiamo scelto di creare.
Per avere un anteprima dell'animazione dovremo andare nel menù Filtri>Animazione>Esecuzione. Eliminiamo il livello dello sfondo nel caso contenga un riempimento di colore, così da avere l'intera sequenza di animazione su sfondo trasparente.
Per esportare il risultato finale, dal menù File>Salva o Control+S, nella finestra di dialogo selezioniamo in quale cartella salvare il file, diamogli un nome e scegliamo di salvare come Gif, poi clicchiamo su Salva.
Appare la finestra di dialogo di esportazione del file, qui selezioniamo Salva come animazione e clicchiamo su esporta, nella successiva finestra spuntiamo l'opzione ciclo continuo ed infine diamo l'OK.
Ecco il risultato della nostra animazione una volta esportata, nel caso volessimo ritagliarla, e mantenere i contorni di questa al vivo non dovremo far altro che ridimensionare la superficie dell'immagine andando nel menù Immagine>Dimensione Superficie, impostiamo le nuove dimensioni del documento intorno ai 260 x 150 pixels, clicchiamo su centra, e diamo l'ok. Ripetiamo la procedura di esportazione e diamo uno sguardo al risultato finale.
http://html.it/guide/img/gimp/22f.jpg
vBulletin® v3.7.2, Copyright ©2000-2008, Jelsoft Enterprises Ltd.