In questo tutorial creeremo una scena di testo 3D realistica usando Photoshop con un piccolo aiuto da Illustrator per il testo 3D.

Per completare questo tutorial è necessario avere conoscenze medio-avanzate di Photoshop.

Per iniziare, vai avanti e scarica tutte le immagini utilizzate dal sito Web Sxh.hu. Tutte le immagini sono scaricabili gratuitamente e qui ci sono i link: 1 , 2 , 3 , 4

Iniziamo e creiamo un fantastico effetto 3D in pochi semplici passi. Provalo e sentiti libero di pubblicare link alle tue varianti, ci piacerebbe vedere cosa ti viene in mente.


Ecco una rapida anteprima dell'immagine che creeremo:

Passo 1

Su un documento vuoto digita il testo in Illustrator. Sto usando il tipo di carattere Impact e questo colore in primo piano: #CCCCCC. Quindi vai su Effetto> 3D> Estrusione e smusso e imposta i valori come mostrato di seguito. Quindi copia (Ctrl o Comando + C) il testo 3D.

Passo 2

Apriamo Photoshop, crea un nuovo documento (1280 x 1024 px) e inserisci Questo immagine come sfondo. Quindi incollare il testo 3D (creato nel passaggio 1) come oggetto avanzato.

Passaggio 3

Successivamente, vai su Filtro> Render> Effetti di luce e imposta i valori come mostrato di seguito. In questo modo il testo corrisponderà all'illuminazione della scena.

Passaggio 4

Seleziona il livello dell'oggetto Smart, fai clic con il tasto destro sul livello e seleziona Duplica livello> Destinazione: Nuovo, e Nome: Mappa. Quindi vai su Livello> Rasterizza> Oggetto intelligente. Salva il documento come Map.psd da qualche parte nel tuo desktop.

Passaggio 5

Ora, salviamo il documento precedente come "Displace texture", cancelliamo il testo 3D raster e incolliamo Questo immagine su un nuovo livello. Questa sarà la nostra prima trama.

Vai a Filtro> Distort> Displace, cerca "map.psd" e imposta sia il valore Horizontal che Vertical su 50. Quindi, seleziona tutto (Ctrl + A o Command + A) e copia la selezione.

Passaggio 6

Incolla "Texture di roccia" in un nuovo livello sopra l'oggetto smart 3D. Cambia la modalità di fusione in Sovrapposizione.

Ctrl (Comando) + Fai clic sulla miniatura Smart Object per selezionare la forma del testo, quindi Ctrl (Comando) + Maiusc + I per invertire la selezione, quindi premi DEL per eliminare la texture extra (sul livello "Texture di roccia").

Quindi utilizzare lo strumento Bacchetta magica per selezionare la faccia anteriore del testo 3D sul livello Oggetto avanzato ed eliminare la selezione sul livello "Roccia trama".

Passaggio 7

Usando lo strumento Brucia, brucia alcune ombre sul livello "Roccia trama".

Passaggio 8

Seleziona il livello "Dune di sabbia", seleziona lo strumento Timbro clone e tenendo premuto il tasto Opzione (Alt), fai clic da qualche parte sulla sabbia. Quindi crea un nuovo livello sopra "Struttura della roccia", chiamalo "More Sand" e clona la sabbia su quel livello.

Passaggio 9

Per migliorare l'effetto texture, elimina alcune aree del livello "Rock Texture".

Passaggio 10

Ora aggiungeremo un po 'di sporcizia. Apri il file "Displace texture" ancora una volta. Incolla Questo immagine in un nuovo livello. Vai a Filtro> Distort> Displace, cerca "map.psd" e imposta sia i valori orizzontale e verticale a 50. Quindi, seleziona tutto (Ctrl + A o Command + A) e copia la selezione.

Passaggio 11

Incolla la "trama sporcizia" in un nuovo livello. Ctrl (Comando) + Fai clic sulla miniatura del livello "Testo 3D" per selezionare la forma del testo, quindi Ctrl (Comando) + Maiusc + I per invertire la selezione, quindi premi DEL per eliminare la trama aggiuntiva (sul layer "Sporco trama") ).

Usando una gomma morbida, elimina la parte inferiore del livello "Sporco trama", quindi migliora il risultato usando una gomma irregolare.

Passaggio 12

Cambia la modalità di fusione "Sporco trama" in Moltiplica e aggiungi una piccola Ombra esterna.

Passaggio 13

Per aggiungere l'erba, vai al file "Displace texture" e incolla Questo Immagine. Applica una mappa di spostamento, proprio come le altre trame e infine copia l'erba.

Passaggio 14

Incolla l'erba sul documento principale, elimina la parte inferiore e usa un cancellino irregolare per eliminare alcune aree sui bordi.

Passaggio 15

Brucia alcune ombre sul livello "Grass texture".

Passaggio 16

Aggiungi una piccola ombra al livello "Grass texture". Usando lo strumento Spugna, desatilizza alcune aree dell'erba.

Passaggio 17

Incolla la trama dell'erba in un nuovo livello su un piano nella finestra del filtro Fuoco prospettico (vai su Filtro> Punto di fuga) per abbinare la prospettiva del paesaggio.

Passaggio 18

Cancellare alcune aree casuali del livello "Grass" e, usando un pennello irregolare, eliminare alcune aree casuali qua e là.

Passaggio 19

Selezionare una parte dell'erba, sfumare la selezione e regolare il valore della tonalità su -30.

Passaggio 20

Infine aggiungi un'ombreggiatura morbida al livello "Grass".

Passaggio 21

Aggiungiamo ulteriori dettagli. Incolla questa immagine in un nuovo livello e regola i valori Tonalità / Saturazione in modo che corrispondano ai colori esistenti. Puoi chiamare il nuovo livello "Pianta appesa" o qualcosa del genere.

Passaggio 22

Usando una gomma irregolare, elimina tutto ad eccezione della pianta sospesa e posizionale accanto agli angoli del testo 3D.

Passaggio 23

Duplica il livello "Pianta sospesa" e vai a Modifica> Trasforma> Rifletti orizzontalmente. Quindi distorcere leggermente la copia. Seguire questo con l'uso dello strumento Brucia per rendere la copia più scura in base all'illuminazione della scena.

Passaggio 24

Aggiungi tutti i dettagli che desideri. Ho aggiunto un paio di piante pendenti e un cespuglio.

Passaggio 25

Solo per creare un effetto più drammatico applica questi due livelli di regolazione all'intero design: un filtro fotografico e una mappa sfumatura (opacità 35%) .

Risultato finale

Ora hai un bel testo 3D all'interno di una fotografia. Clicca sull'immagine per un'anteprima più grande. Provalo da solo e crea le tue varianti.


Scritto esclusivamente per WDD da Alvaro Guzman.

Hai provato il tutorial? Sentiti libero di pubblicare link ad esempi creati usando questo tutorial ...