Un 3D-tipo compositivo combina effetti testuali d'impatto con elementi di design creativi e porta la tua tipografia a un livello completamente nuovo. Che tu voglia creare uno stile futuristico, astratto o a tema - con Photoshop puoi creare un tipo compositivo 3D personalizzato che rafforza visivamente il tuo messaggio. In questo tutorial ti mostrerò passo dopo passo come mettere in risalto la tua tipografia 3D con texture, effetti luminosi e altri elementi di design. Cominciamo e trasforma la tua scrittura in un'opera d'arte!

Passo 1:

Innanzitutto creo un nuovo documento; le dimensioni non hanno importanza. Scelgo una dimensione molto piccola di 800x600 pixel. Se si desidera stampare questo effetto, è consigliabile modificare l'unità da pixel a cm e aumentare la risoluzione da 72 a 300 pixel/pollice.

3D-Tipocomposizione

Passo 2:

Ora creo uno strato di testo con una singola lettera. Successivamente clicco su 3D>Rilievo>Testo dello strato.

Composizione 3D di tipografia

Passo 3:

Eseguo le seguenti impostazioni (per i materiali uso il modello Nessuna texture per Tutto):

3D-Typocomposing

Passo 4:

Ora apro il pannello 3D sotto Finestra e cambio il colore dell'estrusione. Per farlo, clicco sul colore grigio sotto Diffusione.

Tipografia 3D

Passo 5:

Il colore è già perfetto. Tuttavia, vorrei creare una texture per il primo piano della lettera.

Composizione tipografica 3D

Passo 6:

Per la nuova texture, creo un nuovo documento di dimensioni 200 x 1 pixel. Poi faccio doppio clic sullo sfondo e cancello il contenuto con il tasto Elimina. Ora posso selezionare metà del documento, colorarla di blu e salvarla come modello sotto Menu>Modifica>Definisci motivo.

La tipocomposizione in 3D

Passo 7:

La texture è stata salvata e creo un nuovo documento di 2000x2000 pixel. Aggiungo uno nuovo strato e lo coloro (il colore non importa poiché imposto l'opacità a 0%). Ora vado nelle Opzioni di riempimento e attivo il mio nuovo modello. Poi salvo la texture come file PSD sul mio disco rigido.

3D-Typocomposing

Passo 8:

Ora torno al mio documento e apro la mia nuova texture su Materiale - Fronte gonfiato.

3D-tipocomposizione

Passo 9:

Il risultato è il seguente (Non sono ancora completamente soddisfatto delle linee, quindi riapro la mia texture).

Tipocomposizione in 3D

Passo 10:

Per poter ruotare il mio modello, converto lo strato in un oggetto intelligente. Ora posso ruotare il modello impostato come opzione di riempimento.

Tipografia 3D

Passo 11:

Già mi piace molto di più così.

3D tipocomposizione

Passo 12:

Dato che le linee sono troppo spesse, riapro la texture, entro nel mio oggetto intelligente e scala l'sovrapponimento del modello.

Composizione di tipografia 3D

Passo 13:

Per rendere lo sfondo più spettacolare, aggiungo un sfumato allo strato."

composizione in 3D

Passo 14:

Contemporaneamente, do anche un tono blu al mio Bordo smussato. Il risultato sarà simile a questo:

3D-Tipocomposizione

Passo 15:

Per poter vedere meglio le sorgenti luminose, le visualizzo tutte nella parte inferiore del Pannello 3D.

Composizione tipografica 3D

Passo 16:

Inoltre, coloro il livello di sfondo di grigio in modo da poter individuare le strisce luminose bianche. Cambio la Tipo di luce della mia prima luce da Direzionale a Spot.

3D-tipocomposizione

Passo 17:

Ora sposto la luce e vedo immediatamente come il mio oggetto reagisce di conseguenza.

3D-Tipocomposizione

Passo 18:

Modifico anche la prossima sorgente luminosa in Spot e aumento l'Intensità della luce a 1.

Tipocomposizione 3D

Passo 19:

Poiché il rendering dell'intero oggetto può richiedere molto tempo, posso fare una selezione e quindi andare nel Menu Opzioni del Pannello 3D e selezionare Selezione per rendering progressivo.

3D-Tipocomposizione

Passo 20:

Il risultato è ottimo. Posso anche fare il rendering dell'intero oggetto cliccando sulla scena in alto nel Pannello 3D e selezionando Qualità come Raytracing - Design o Raytracing - Finale (il più lento). Suggerimento: se devo apportare modifiche all'oggetto, assicurati di ripristinare le impostazioni su Interattivo (Pittura), altrimenti il computer renderizzerà nuovamente tutto e dovrai aspettare a lungo.

3D-Typocomposing

Passo 21:

Dopo aver completato la prima lettera, genero la successiva con le stesse impostazioni e lo stesso procedimento. Anche qui carico nuovamente la texture salvata in precedenza.

composizione di tipografia 3D

Passo 22:

Visto che le strisce sono troppo larghe, posso modificarle direttamente nella texture o passare a Difuso e selezionare Modifica proprietà.

Composizione 3D del testo

Passo 23:

Aumentando il valore di Scala U, le mie linee diventano più piccole. A volte le linee si spezzano in modo strano, probabilmente a causa di un bug in Photoshop o di un errore nel driver della scheda grafica.

Composizione di caratteri 3D

Passo 24:

Dopo il rendering della scena, la mia lettera S appare così:

Composizione tipografica 3D

Passo 25:

Sposto anche qui tutte le sorgenti luminose e alcune le cambio in Spot. Posso anche fare clic sull'icona Nuovo per creare ulteriori sorgenti luminose.

Composizione tipografica 3D

Passo 26:

Visto che le linee sono troppo larghe, vado nella texture, quindi nel Oggetto intelligente e poi nell'Overlay pattern, dove ridimensiono leggermente le dimensioni. Tuttavia, si verifica una strana linea doppia nel lettera S; quindi torno alle Proprietà della texture e regolo leggermente il valore di scala U finché non è perfetto.

3D composizione tipografica

Passo 27:

Successivamente creo l'ultima lettera. La inserisco nella gerarchia dei livelli sotto la lettera S.

3D-tipocomposizione

Passo 28:

Per la mia lettera d ho pensato a qualcosa di speciale: la lettera deve avere un motivo floreale. Per questo scarico un pennello floreale da PSD-Tutorials.de, lo inserisco in un documento di 2000x2000 pixel con sfondo trasparente e lo salvo come file PSD.

Composizione tipografica 3D

Passaggio 29:

Tra le proprietà della texture sposto il motivo di conseguenza.

3D-Typoimpaginazione

Passaggio 30:

Ora, regolo di nuovo la luce, e il mio lettere non sembra affatto male:

Tipocomposizione 3D

Passaggio 31:

Successivamente, creo un nuovo livello e aggiungo alcuni elementi più piccoli con colore bianco usando il mio pennello floreali.

3D-Tipocompositing

Passaggio 32:

Ora è il momento di avere uno sfondo elegante. Prendo lo Strumento forme personalizzate e carico la seguente forma fornita di default da Photoshop (se non viene visualizzata, premere sulla piccola freccia in alto a destra per caricare la Libreria).

Composizione tipografica in 3D

Passaggio 33:

Dopo aver tracciato la forma, riduco leggermente l'opacità, aggiungo una maschera di livello e la riempio con un sfumatura radiale in bianco e nero.

Composizione tipografica 3D

Passaggio 34:

Posso ottimizzare ulteriormente le strisce, ad esempio riducendo l'opacità del riempimento e poi, nelle Opzioni di riempimento, aggiungendo una leggera luce esterna in bianco. Successivamente traccio una bellissima sfumatura radiale blu-scuro.

3D-Typocomponimento

Passaggio 35:

Per farlo brillare di più al centro, posso modificare la sfumatura di conseguenza o posso semplicemente modificarla con un pennello molto morbido e grande. Riduco leggermente l'opacità del livello.

Composizione tipografica 3D

Passaggio 36:

In qualche modo i tratti floreali sono troppo dominanti. Perciò li creerò di nuovo, questa volta però con un pennello ancora più piccolo. Il risultato sarà il seguente:

Composizione tipografica in 3D

Passaggio 37:

Posso cambiare facilmente lo sfondo con uno strato di aggiustamento di Tonalità/Saturazione:

Composizione tipografica in 3D

Passaggio 38:

Se invece desidero cambiare il colore dei lettere anziché dello sfondo, posso selezionare le modalità di riempimento di una singola lettera e impostare una sovrapposizione di colore con la modalità di riempimento Colore. Poi copio l'effetto di livello tenendo premuto il tasto Alt per ogni altra lettera.

3D tipocomposizione

Passaggio 39:

È più semplice se tengo le mie lettere in una cartella di gruppo e poi inserisco uno strato di aggiustamento Tonalità/Saturazione al di sopra. E - molto importante: imposto la modalità di riempimento della mia cartella di gruppo da Sovrapposizione a Normale. Quindi lo strato di aggiustamento agirà solo sul contenuto della cartella.

3D-Tipocomposizione

Passaggio 40:

Un piccolo trucco alla fine del workshop: duplico le mie lettere 3D e rasterizzo la copia con il tasto destro del mouse.

3D-Typocomposing

Passaggio 41:

Adesso ho diverse opzioni: posso rendere l'intera lettere bianca o posso aggiungere solo una sovrapposizione di colore in bianco. Ora aggiungo una maschera e poi posso migliorare manualmente alcuni punti luminosi con un pennello morbido. Nel mio caso, ho rafforzato la luce in alto sulla lettera d e ho aggiunto ulteriori ombre scure con un altro strato di sovrapposizione di colore nero.

3D-Typocomposing

Passaggio 42:

Ecco com'è il mio risultato alla fine:

3D-Typocomposing



Spero di averti fornito molti consigli sull'utilizzo del 3D in Photoshop. Come puoi vedere, non è così difficile.