Bookmark and Share
You are here: Home Documentazione Guide Tutorial GIMP #1 - Effetti applicabili al testo
Document Actions

Tutorial GIMP #1 - Effetti applicabili al testo

Note: Return to tutorial view.

Grazie a questo tutorial inizieremo a conoscere le funzionalità basilari di Gimp: useremo lo strumento testo, le curve bezier, alcuni filtri, le maschere.

Introduzione a The Gimp

Questo tutorial è per principianti, e ha l'obiettivo di far conoscere Gimp a chi non lo ha mai usato o visto. Iniziamo: che cos'è The Gimp?

The GIMP è il software GNU per la gestione delle immagini. E' liberamente distribuibile ed è adatto al fotoritocco, alla composizione e alla creazione di immagini.

Per avere tutte le informazioni a riguardo e per scoprire le sue potenzialità, è consigliabile visitare il sito http://gimp.linux.it/www/.

Inoltre Gimp Italia è un punto di riferimento nella distribuzione delle ultime versioni, patch, plugin e script.

Preparazione

Apriamo un nuovo documento e iniziamo l'esercizio.

 

Apriamo Gimp e creiamo un nuovo documento di 500 x 200 px, creiamo un nuovo livello e inseriamo il testo.

 

Immagine_1

Effetti di luce e blur

Effetti di luce e blur

Selezioniamo il livello del testo e duplichiamolo due volte: una volta per “hight” e un'altra per “low”.

Il livello “hight” deve essere bianco, quindi dopo averlo selezionato e controllato che lo sia anche il Keep Transparence, lo riempiamo di bianco.

Questa operazione è semplicissima: basta trascinare il colore sull'immagine (solo se il livello che vogliamo riempire è selezionato).

KeepTransparency assicura che ogni modifica fatta al livello sia limitata alle parti non trasparenti dell'immagine.

 

immagine2

Gaussian blur

Effetti e filtri

 

Duplichiamo nuovamente il livello testo originale e mettiamolo sopra tutti i livelli. Controlliamo che KeepTrans non sia selezionato, dopodichè usiamo il filtro “blur”, precisamente “Gaussian Blur” a 10px. Controlliamo anche che il livello limite sia più grande del livello testo per avere un effetto migliore.

immagine3

Luce

Effetti e filtri.

 

Duplichiamo il livello “blur” una volta (blur1 e blur2): serve a creare l'effetto di luce ai bordi del testo.

Spostiamo il livello “blur1” sull'immagine finchè non otteniamo l'effetto desiderato (almeno 5px verso destra), usando lo strumento”muovi”.

immagine4

Alpha Selection

Impariamo a selezionare in automatico

 

Creiamo una selezione, usando il livello blur1, tramite “alpha section” che ci permette di creare automaticamente la selezione di un livello.

immagine5

Selezione e riempimento

Alpha selection

 

Ora che il livello è selezionato...

 

immagine6

...andiamo sul livello “high” e tagliamo (ctrl+x per PC, mela+x per Mac). In questo modo limitiamo l'effetto blur ai contorni del testo.

 

immagine7

Infine eliminiamo i livelli “blur1” e “blur2” perché non ci servono più: ci stiamo avvicinando all'effetto finale...

Outline

Nuovo livello

 

Posizioniamoci sul livello “background” e creiamo un nuovo livello trasparente, chiamiamolo “outline” e infine spostiamolo sotto il livello di testo originale.

Immagine8

Espandere la selezione

Selezioni e Alpha selection

 

Selezioniamo il livello testo originale tramite “alpha to selection” (vedi step 5); con il tasto destro sull'immagine scegliamo: select > expand. Questo permette alla selezione di espandersi (questa volta di 2px).

Immagine9

Riempimenti

Riempire la selezione

 

Posizionandoci sul livello “outline”, lo riempiamo otenendo questo risultato:

Immagine10

Aggiungere l'ombra

Ombre e Gaussian blur

 

Abbiamo ottenuto un'immagine molto più contrastata: ora è il momento di aggiungere l'ombra; duplichiamo il livello “outline”, nominiamolo “ombra” e posizioniamolo sotto il livello “outline”.

Controllare che KeepTrans non sia selezionato e usiamo nuovamente il filtro “Gaussian Blur” per creare un ombra soft e non troppo pesante (diamo un 30px). Infine mettiamo l'opacità del livello a 50 e muoviamo l'ombra finchè non otteniamo l'effetto che ci piace.

Immagine11

Check livelli e tridimensionalità

Controllo della palette livelli e effetti di tridimensionalità

 

La finestra dei livelli deve essere cosi:

 

immagine12

Per rinforzare la tridimensionalità del logo, duplichiamo i livelli “hight” e “low” e impostiamo i livelli in modalità “overlay”.

Immagine13

Tracciati

Strumento penna, curve "bezier", tracciati, riempimenti

 

Creiamo un nuovo livello trasparente e chiamiamolo “tracciato”, dopodiché scegliamo lo strumento “bezier” (l'icona con la penna).

 

Immagine14

Usiamo il  “bezier” sul livello “tracciato” per disegnare una selezione come questa:

 

Immagine15

Nella finestra delle opzioni dello strumento “bezier”, selezioniamo “crea selezione dal tracciato”.

A questo punto abbiamo una selezione, aggiungiamo un effetto blur alla selezione select > feather e diamo 10px.

Immagine16

Ora possiamo riempire la selezione del colore che vogliamo (ho scelto il rosso perchè è il colore istituzionale di Redomino).

Modalità livelli, maschere e riempimenti

Livelli e maschere

 

Con il metodo “alpha to selection” ricaviamo la selezione dal livello del testo originale e ci riposizioniamo sul livello “tracciato”; invertiamo la selezione (ctrl+i per PC – mela+i per Mac) e tagliamo in modo che il rosso rimanga solo dentro i bordi del testo. Infine mettiamo il livello”tracciato” in modalità “multiply” o “burn”.

Immagine17

 

Ora andiamo a rendere meno pesante il tutto, aggiungendo una maschera di livello.

Immagine18

Al termine di queste operazioni, la finestra dei livelli deve essere così:

Immagine19

 

Conclusione

Fine del tutorial, con un piccolo suggerimento..

 

Questo è il risultato finale:

 

Immagine20

Il tutorial è finito, possiamo però ancora aggiungere qualche effetto per evidenziare meglio il testo. Duplichiamo il livello”tracciato” e posizioniamolo sotto il livello”low”, dopodiché duplichiamo anche il livello testo originale e scegliamo filter > render > clouds > solid noise.

Immagine21