Creare un Text Logo

Spesso capita di voler abbellire il logo del proprio sito con un idea semplice ma al tempo stesso piacevole, ma per un motivo o nell’altro, non ci si decide mai sulle immagini da usare, su quale effetto applicare, etc…

Lo scopo di questo tutorial è quello di mostrare come, in pochi semplici passaggi, è possibile creare un pratico logo molto carino per il proprio sito.

Per il tutorial è richiesta la conoscenza delle Clipping Mask che saranno richieste nello svolgimento del tutorial.

Come prima cosa, andiamo a creare un nuovo lavoro con Photoshop, delle dimensioni richieste per il nostro logo. Il per i fini del tutorial, ho scelto le dimensioni 500 x 125.

Riempiamo adesso con il colore di nostra scelta ottenendo un risultato simile:

A questo punto riempiamolo con del testo, mi raccomando, usate un font spesso in modo da ottenere un effetto migliore. Il risultato finale deve essere simile a questo:

adesso andiamo nelle Blending Option del Layer con il testo ed impostiamo tutto come segue:

ottenendo questo risultato:

Scegliamo adesso un immagine da poter applicare sopra al nostro testo. Io ho scelto un normale C4D che mi fornisse un effetto di illuminazione metallica.

Qui dobbiamo applicare appunto la nostra prima Clipping Mask.

Come prima cosa importiamo l’immagine su un nuovo livello, una volta fatto questo, tenendo il tasto CTRL premuto, facciamo un click tra il livello con il testo scritto da voi, e quello che contiene l’immagine che avete importato.

Io ho ottenuto questo risultato:

Aggiungete adesso il testo principale del vostro sito. Impostate le blending option allo stesso modo del testo precedente per la Drop Shadow, mentre, per migliorare la visibilità, aggiungete un Inner Glow con le seguenti impostazioni:

Il risultato che otterrete è questo, che si avvicina molto al risultato finale:

A questo punto, dovete duplicare il livello di maschera, quello con il C4D o immagine che avete importato, e posizionarlo sopra il testo che avete appena insertito. Una volta fatto, create una nuova Clipping Mask sul nuovo testo così ottenendo questo risultato:

Adesso il colpo finale per focalizzare l’attenzione sul testo centrale e e renderlo più leggibile.

Andate sul livello di sfondo, quello con colore a tinta unita, e create un nuovo livello che si trovi esattamente tra lui ed il primo testo, quello che riempie per intero l’immagine.

Una volta fatto questo, selezioniamo il Gradient Tool (G) e diamogli questi valori:

Cominciamo così, su questo livello, ad applicare dei gradient che facciano in modo di esaltare la parte centrale del nostro logo mettendo in risalto il testo centrale. Io ho ottenuto questo risultato: