Testo circolare in 3D (Photoshop CS5)

Gia' in un precedente articolo nonchè in una guida ci siamo occupati di come disporre il testo in modo circolare [esempio 1]. Chi possiede Photoshop CS4 Extended può inoltre dare facilmente un'idea di tridimensionalita' al testo [esempio 2]. Ad esser sinceri non è indispensabile usare CS4 Extended per ottenere lo stesso risultato, in quanto è sufficiente seguire alcuni passaggi adoperando anche altre versioni del programma.

In questa guida ci occuperemo di dare tridimensionalità al testo dopo averlo disposto in modo circolare [esempio 3]. Vedremo inoltre che, una volta preso confidenza con i comandi principali del 3D, saranno innumerevoli le variazioni che potremo apporre al nostro lavoro. Condizione necessaria per poter metter poi in pratica questo tutorial è disporre della versione Extended di Photoshop CS5. A tal proposito, chi lo volesse può scaricare la versione trial del programma, perfettamente funzionante per un periodo limitato di tempo (30 giorni). Clicca qui per accedere al sito ufficiale Adobe e scaricare Photoshop CS5 Extended.

Ecco di seguito alcuni esempi che differiscono leggermente da quello utilizzato nel tutorial. Clicca su ognuno per ingrandirlo.

Iniziamo la nostra guida creando un nuovo documento RGB dalle dimensioni di 1800x1800 pixel, risoluzione 72dpi, sfondo bianco. Con la tecnica che conosciamo gia' (clicca qui per leggere l'articolo) disponiamo il testo in modo circolare. Utilizzate il font Arnold (scaricalo qui) per scrivere "Il sito dedicato ad Adobe Photoshop", proprio come indicato nella immagine successiva. Notate come abbia disposto le lettere tra di loro, ponendo il valore di tracking a -100 (indicato dalla mano). In pratica ho diminuito la distanza delle lettere tra loro. Ponete la grandezza del carattere a 200 pt ed utilizzate un colore verde (#33ff00).

Dal menu di Photoshop andiamo alla voce 3D e scegliamo Repousse' - Text Layer... Il programma ci avvertira' che sara' necessario rasterizzare il testo prima di poter proseguire, e per questo motivo clicchiamo alla voce Yes (possiamo anche disabilitare l'avviso in modo da on esser di volta in volta avvisati di cio'). Si aprira' la finestra di controllo di Repousse' (novita' introdotta nella versione CS5) e al contempo il nostro testo sara' reso tridimensionale (finestra anteprima nella immagine successiva). Non preoccupiamoci dei troppi comandi presenti all'interno della finestra di Repousse', ci occuperemo in altre occasioni di vederle nel dettaglio. Ci basti constatare che variando il valore Depth che per default e' pari a 1 varieremo lo spessore delle lettere: impostiamo il valore 0,06 (possiamo anche scrivere ,06 omettendo lo zero iniziale).

Ancor prima di dar conferma premendo sul tasto OK, impostiamo la voce Mesh Quality presente nel riquadro Scene Settings indicato nela immagine successiva. Fra le tre presenti scegliamo Better.

Diamo conferma premendo su Ok ed attendiamo che Photoshop ci mostri il lavoro, come quello presentato nella immagine successiva:

Passiamo ora ad uno degli strumenti 3D presenti nella paletta di Photoshop. Nello specifico utilizziamo il primo (3D Object Rotate Tool) per disporre il testo nella posizione desiderata, come quella presentata nell'esempio della immagine successiva. Uno dei modi per farlo è selezionare lo strumento pocansi citato e posizionare il cursore sul testo e muovere il mouse mentre si tiene premuto il tasto sinistro dello stesso.

Poniamo il caso di non esser soddisfatti del colore verde utilizzato per il carattere, e di volerlo sostituire con il giallo. Come precedentemente detto, Photoshop ha dovuto rendere raster il testo, ma nonostante questo possiamo ancora apportare delle modifiche allo stesso. Vediamo come: nel pannello livelli notiamo due voci apparentemente identiche e che rappresentano le texture del nostro testo tridimensionale. Quella indicata dal dito e' relativa al testo (Photoshop ci viene incontro permettendoci di visualizzare una piccola anteprima posandoci sopra il puntatore del mouse), mentre quella posta in alto e' relativa alla profondita' dello stesso. Proviamo a fare doppio click dove indicato nella immagine successiva e apriremo il file relativo al testo. Possiamo qui modificare il colore da verde a giallo, chiudere il file e cosa importante salvare le modifiche. Pochi secondi e vedremo il testo tridimensionale modificarsi in giallo (solo le lettere).

Siamo a buon punto della guida, ed e' tempo ora di addentrarci ancor piu' in alcune caratteristiche del 3D come per esempio le luci e quindi le ombre. Renderemo in pratica ancor piu' realistico il nostro lavoro tridimensionale.

Dal menu Window di Photoshop, abilitiamo la visualizzazione del pannello 3D in modo da vedere alcuni parametri - nello specifico le luci. Nella immagine successiva vedete indicata una piccola icona con la forma di una lampadina: clicchiamoci sopra per vedere apparire le voci sottostanti tra cui, nello specifico lo strumento ruota luci (Light Rotate Tool). Lo stesso nome ci suggerisce che la sua funzione e' quella di permetterci di disporre a nostre piacere le luci nello spazio tridimensionale del nostro lavoro.

Ora non resta che abilitare la visualizzazione delle sorgenti e delle direzioni delle luci al fine di poterle disporre come vogliamo.  Di seguito vedete indicato nella parte bassa della immagine un piccolo pulsante per la visualizzazione di alcuni extra; clicchiamoci sopra e accertiamoci di porre uno smusso alla voce 3D Light. Ora possiamo finalmente vedere dove si trovano le sorgenti di luce e le loro direzioni. Ho intenzionalmente modificato lo sfondo da bianco a grigio per meglio visualizzare le luci dal momento che Photoshop utilizza il colore bianco per le stesse, come vedete nella immagine successiva.

Contrassegnate dai numeri 1, 2 e 3, le sorgenti delle luci possono essere spostate nello spazio. E' sufficiente posare il puntatore del mouse sopra, e tener premuto il tasto sinistro mentre la si dispone a piacere. Quando crediamo di aver raggiunto un risultato soddisfacente possiamo anche devisualizzare le tre sorgenti cliccando nuovamente sul pulsante extra che abbiamo visto precedentemente scegliendo la voce "Hide All" (nascondi tutto).

Immaginiamo di ritenere finito il nostro lavoro in quanto il risultato finora raggiunto ci aggrada. Visualizzando l'immagine nelle sue dimensioni reali (100%) notiamo che il testo non e' al pieno della qualita' raggiungibile (PRIMA). Lasceremo che Photoshop lavori (DURANTE) al fine di poter vedere il terzo caso proposto di seguito (DOPO). Vediamo come fare.

Torniamo al pannello 3D laddove abbiamo individuato precedentemente le luci della scena. Questa volta clicchiamo sul primo dei pulsanti presenti nell aparte superiore del pannello. Alla voce Quality abbiamo tre opzioni, per la terza delle quali occorrera' un po' di tempo perche' Photoshop termini il suo lavoro. Scegliamo la seconda, Ray Traced Draft ed attendiamo che il quadrante dai contorni blu visto nel centro dell'immagine in alto finisca di miglorare la qualita' del testo. Non resta che salvare il tutto e provare a sperimentare il piu' possibile.

Questo articolo è proprietà di adobe-photoshop.it . La distribuzione e la produzione di opere derivate basate sul contenuto sono consentite solo in osservanza delle norme della Licenza Creative Commons. La riproduzione a fini commerciali è consentita solo previo ottenimento di autorizzazione scritta.