GIMP, Stylish Writtens, first part

Dovete mettere un titolo ad una pagina grafica?

Dovete fare una scritta che sia "accattivante" per uno splash-screen?

Dovete scrivere qualcosa che sia fisso in un'immagine e non volete usare i soliti font "piatti" ?

La rispsota è "Sì"?

Allora con lo spettacolare GIMP e pochi passaggi creeremo delle scritte fantastiche!

I. INIZIARE!

Brevissima introduzione:

1. Aprire Gimp (evvabbè);
2. Creare una nuova immagine (File/New) (inserire le dimensioni, e.g. 640X480);
3. Se non presente, aprire il toolbox (Windows/Toolbox) ed aggiungervi quantomeno i tool "Tool Options" e "Layers" (Windows/Dockable diaglogs/Tool Options e Windows/Dockable diaglogs/Layers);
4. Sulla finestra "Toolbox" selezionare Layers selezionare l'unico layer presente, premere il tasto desto e selezionare "Add alpha channel"

Aggiungere il canale trasparenza:

1. Sulla finestra dell'immagine dire di convertire il colore di sfondo a canale alpha che corrisponde alla trasparenza (Colors/Colors to Alpha..., premere Ok nella finestra di Preview che apparirà);
2. Salvare il progetto.

II. FONT ANONIMO, PERSONALIZZIAMOLO!

Se si vuole dare un tocco personale ad un font adattandolo a delle proprie esigneze, dandogli una "modificatina a mano" procedere come sgue:

1. Creare un nuovo layer trasparente (ad esempio duplicando il layer "background" presente usando il tasto predisposto nella toolbox layout), dargli un nome (e.g. Write) e selezionarlo
2. Selezionare nella finestra toolbox il "Text tool" e configurarlo nelle "Tool Options"

1. Introdurre l'oggetto nell'immagine (verrà creato un nuovo layout con il nome del testo)
2. Cliccare con il tasto destro sul layout di testo e selezionare "Alpha to selection"

1. Aggiungere nel toolbox il tool "Path" ( Windows/Dockable diaglogs/path )
2. Nel toolbox selezionare il tab Path e cliccando con il destro selezionare "Selection to path"

1. A questo punto premento sul path generato sull'immagine si vedranno degli handlers con i quali poter modificare a proprio piacimento il path ovvero la scritta.

1. Consiglio per evitare confusione di eliminare la selezione (Select/None) e di nascondere il layout della scritta (sul tab layot cliccare sull'icona "occhio" a sinistra del layout che si vuole nascondere)
2. Terminate le modifiche, click destro sul path e si selezioni "Path to selection"

1. Si selezioni il layout "Write" creato al punto 1
2. Si riempia la selezione con il colore desiderato ed il gioco è fatto

III. SCRITTA CON OMBRA

L'operazione di creare un'ombra fittizzia di una scritta, partendo da quanto fatto nei paragrafi I e II, è decisamente semplice e veloce:

1. Si selezioni il layout dove c'è la scritta (e.g. Write) e si applichi l'ormai consueto "Alpha to selection"
2. Si crei un nuovo layer copia di background, lo si rinomini (e.g. Shadow), lo si posizioni tra Background e Write, lo si selezioni e si nasconda Write;
3. A questo punto si riempia la selezione con il colore nero (o un grigio scuro);
4. Si imposti l'opacità del layer al valore desiderato (e.g. 50%)

1. Si sposti la selezione (e.g. di qualche pixel in basso e di qualche pixel a sinistra)

1. Si rimuova la selezione (Ctrl+Shift+A) e si rivisualizzi il layer Write, il gioco è fatto, per rendere più visibile l'effetto ho aggiunto nel layer background uno sfondo riempiendolo con un pattern

IV. SCRITTA "A CUSCINETTO"

Dare un leggero effeto tridimensionale è essenziale per abbellire la scritta che, indipendentemente dal font scelto, nativamente è troppo "piatta" per sua natura.

Partendo da quanto fatto nei paragrafi I e II, daremo un effetto "cuscinetto" ai caratteri mediante alcuni passaggi:

1. Aggiungere nella toolbox il tool "Channels" ( Windows/Dockable diaglogs/channels );
2. Andare nel layer dove c'è la scritta e cliccare su "Alpha to selection";
3. Aggiungere nel tool Channels un canale utilizzando l'apposita iconcina;

1. Nella finestra che si aprirà dare un nome al canale (e.g. Highlights) e selezionare "Initialialize from selection" (lasciare l'opacità al 50%)

1. Cliccate sul nuovo canale appena creato per selezionarlo (per chiarezza precedentemente potete nascondere i layout);
2. Aggiungiamo a questo canale un filtro di sfocatura ( Filter/Blur/Gaussian Blur );
3. Nella finestra che apparirà selezioniamo un raggio di sfocatura di 5 pixel;
4. Ora selezioniamo il layout della scritta ("Write" nel nostro esempio, lo si renda visibile se non lo è);
5. Si applichi un effetto luce ( Filter / Lights and Shadows / Lighting effects ), si aprirà una finestra, procedere come segue:
   • Nel tab "Bump Map" selezionare "Enable bump mapping" e selezionare il canale "Highlights", come altezza massima impostare un valore di 0.05;

• Nel tab "Lights" introdurre delle luci dove si desidera, io ne aggiungo 3 di tipo "Points", una a destra ed una a sinistra a metà scritta di colore bianco ed una in basso al centro di colore giallo;

L'effetto finale è alquanto gradevole