Share
In questo tutorial, ti mostrerò come creare un effetto di testo 3D Blocks. È necessario disporre di Adobe Photoshop CS4 Extended per esercitarsi in questo tutorial. Sarà divertente e sono sicuro che puoi fare molte cose interessanti usando questa tecnica. Iniziamo!
Dai un'occhiata all'immagine che creeremo.
Il nostro editor video Gavin Steele ha creato questo video tutorial per completare questo tutorial di testo + immagine.
Prima di iniziare, potresti voler scaricare il font che useremo in questo tutorial. Un font bitmap va bene con questo effetto in modo da poterne usare qualsiasi, o scaricare il font che ho usato come Acknowledge, da dafont.com.
Crea un nuovo documento di 1000 pixel di larghezza e 600 pixel di altezza. Impostare la risoluzione su 300 pixel / pollice e impostare la Modalità colore su RGB, denominata "Blocchi". Riempi il livello "Sfondo" con il colore # 3a3a3a. Imposta il colore di primo piano sul nero, afferra lo strumento tipo orizzontale e digita "PSD". Impostare il carattere su Riconoscimento, impostare Dimensione carattere su 120 pt e impostare il Metodo anti-alias su Nessuno per ottenere bordi grezzi.
Crea un nuovo livello e chiamalo "Mosaico". Imposta il colore di primo piano al nero al 70% e il colore di primo piano al nero al 85%. Vai a Filtro> Rendering> Nuvole. Vai a Filtro> Pixelate> Mosaico, imposta Dimensioni cella su 50 e applica.
Seleziona il livello "Sfondo" nella tavolozza dei livelli e premi Comando + J per duplicarlo. Ora premi Alt sulla linea tra i livelli "PSD" e "Mosaico" per mascherare il livello "Mosaico".
Nella palette dei livelli selezionare tutti i livelli diversi dal livello "Sfondo". Vai a 3D> Nuova mesh da scala di grigi> Piano a due lati. Photoshop creerà due piani simmetrici e applicherà il livello o i livelli selezionati come una mappa di profondità a entrambi i piani. Ciò significa che il nostro testo mosaico ora è una mappa di profondità per il piano, i quadrati più chiari saranno più alti mentre quelli più scuri saranno più profondi. L'area più scura nella nostra mappa di profondità è la superficie colorata "a3a3a3" e tutti i quadrati sono più chiari di questo colore, quindi non ci saranno ammaccature ma rilievi sulla superficie.
Ora abbiamo un oggetto 3D e lo stiamo visualizzando dal lato anteriore. In realtà lo stiamo visualizzando attraverso la fotocamera, ma la fotocamera è nella parte anteriore dell'oggetto 3D. Hai due opzioni per avere un aspetto prospettico. È possibile ruotare l'oggetto o modificare l'orientamento della fotocamera. Sceglieremo di lasciare l'oggetto dov'è perché questo ci aiuterà a rendere il riflesso più facilmente possibile.
Ottieni lo strumento Orbita 3D e trascina per orbitare attorno alla videocamera. È inoltre possibile utilizzare lo strumento Vista panoramica 3D per ruotare la fotocamera. Lo strumento Orbita 3D orbita attorno alla telecamera nella direzione X o Y. Lo strumento Vista rollio 3D ruota la telecamera attorno all'asse Z. Usando questi strumenti cerca di ottenere una prospettiva come mostrato di seguito. Quindi afferrare lo strumento Zoom 3D e trascinare per ingrandire e utilizzare lo strumento Pan 3D per spostare la telecamera se necessario.
Ci sono diversi preset di rendering in Photoshop. L'unico metodo di rendering che ci darà ombre e riflessi è il metodo Ray Tracing. Ma per ottenere l'effetto che vogliamo non useremo Ray Tracing. Quindi dobbiamo creare il riflesso usando un trucco. Questo è il motivo per cui utilizziamo un piano a due lati anziché uno normale.
Vai a Finestra> 3D o fai doppio clic sull'icona 3D Layer nel livello "Mosiac" nella palette dei livelli. Seleziona Scena e controlla la Sezione trasversale. Questa operazione taglierà il modello 3D con il Piano di sezione trasversale e mostrerà il contenuto solo su un lato di esso. Il piano è perpendicolare all'asse selezionato. Seleziona l'asse Y. Quindi il lato inferiore del piano a due lati diventerà invisibile. Per rendere invisibile anche il piano di sezione trasversale, deselezionare il piano nel pannello 3D.
Quando si crea una mesh da un'immagine in scala di grigi, Photoshop utilizza l'immagine in scala di grigi come mappa dettagliata. Nella palette Livelli quando selezioni il livello "Mosaico", puoi vedere una trama Profondità mosaico. Facendo doppio clic su questo materiale si aprirà la mappa di profondità in una nuova finestra del documento. Dal momento che hai selezionato tre livelli per creare la mesh, sarai in grado di vedere e modificare questi livelli nel documento aperto.
Tutte le modifiche verranno aggiornate quando si ritorna alla finestra principale dei documenti "Blocchi". Pertanto, se non sei soddisfatto della struttura a blocchi, puoi aprire la texture Profondità mosaico, passare al livello "Mosaico" e applicare nuovamente i filtri Nuvole e Mosaico come descritto al passaggio 2. La mappa di profondità viene anche assegnata al modello come una mappa Diffusa e Opacità. Dal momento che non abbiamo bisogno di queste trame, le rimuoveremo. Seleziona il materiale Mosaico nel pannello 3D, fai clic sull'icona Menu Mappa texture accanto a Diffuse e seleziona Rimuovi trama. Fai la stessa cosa per l'Opacità.
Nel pannello 3D seleziona Scene e fai clic sul pulsante Impostazioni rendering per visualizzare la finestra di dialogo Impostazioni rendering 3D. Impostare lo Stile viso su Piatto, selezionare la casella Abilita rendering linea, impostare il Colore su nero, impostare lo Stile bordo su Costante e impostare la Soglia cordone su 2, maggiore è questa soglia, minore è il bordo visibile. Impostare la larghezza della linea su 1 e premere OK. Nel pannello 3D imposta Anti-alias come migliore per un buon anti-aliasing.
Ora cambieremo alcune impostazioni del materiale. Torna al materiale Mosaic nel pannello 3D, imposta Ambient Color su # 880022. Imposta Diffuse su # ee8800. Imposta lucentezza allo 0%. Vai a Scene nel pannello 3D e imposta Global Ambient Color su # 575757. Il colore dell'ambiente definisce la luminosità della scena quando tutte le luci sono spente.
Vedrai tre luci nel pannello 3D. Queste sono le fonti di luce attuali nella scena. Ora modificheremo le luci un po '. Tutte le luci sono Luci Infinite. Ci sono tre tipi di luci in Photoshop. Ci sono luci infinite, che agiscono come il sole e splendono da un piano unidirezionale. I punti luce brillano da tutte le direzioni proprio come una lampadina ei faretti brillano in un cono regolabile.
Seleziona la luce infinita 1 e imposta il colore su bianco. Seleziona Infinite Light 2, imposta il colore su # 696969 e deseleziona Crea ombre. Ovviamente nessuna luce crea ombre al momento, ma quando lo fanno, vogliamo una sola luce. Seleziona Infinite Light 3, imposta il colore su bianco e deseleziona Crea ombre e imposta Tipo di luce su Punto.
La terza luce è posizionata sotto il nostro piano in modo da non vedere alcun effetto. Per posizionare facilmente la luce, dobbiamo cambiare la nostra vista, ma prima, per poter tornare alla nostra vista corrente, dobbiamo salvarla. Ottieni uno degli strumenti della fotocamera 3D come lo strumento Orbita 3D e fai clic sul pulsante Salva la vista corrente e chiamalo "Cam". Apri l'elenco Visualizza e seleziona "Superiore".
Fai clic sul pulsante Attiva / disattiva luci nella parte inferiore del pannello 3D per vedere le luci nella scena. Ottieni lo strumento Zoom 3D e rimpicciolisci fino a quando non vedi il punto luce. Fai clic sul pulsante Trascina la luce nel pannello 3D e posiziona la luce come nell'immagine sottostante.
Ottieni uno degli strumenti della fotocamera, apri l'elenco Visualizza e scegli "Cam" per tornare alla visualizzazione della videocamera. Fai clic sul pulsante Attiva / disattiva luci per nascondere le luci. Imposta l'intensità del punto luce a 0.6. Puoi ancora trascinare la luce usando Trascina la luce e fai scorrere gli strumenti di luce nel pannello 3D.
Vai alla palette dei livelli e duplica il livello "Mosaico" e chiamalo "Linea". Vai al pannello 3D, seleziona il preset Illustrazione linea e premi Impostazioni rendering. Impostare la larghezza della linea su 1 e premere OK.
Ottieni lo strumento Bacchetta magica, imposta Tolleranza su 80. Fai clic sull'area nera all'esterno del testo per selezionare il testo. Fai clic tenendo premuto Maiusc sui fori delle lettere e su eventuali aree chiuse. Quindi prendi lo strumento Lazo poligonale e aggiungi alla selezione tutte le aree non selezionate intorno al testo premendo Shift prima di effettuare la selezione.
Vai alla tavolozza dei livelli e rendi invisibile il livello "Linea". Vai a Seleziona> Inversa per invertire la selezione, ora il testo è selezionato. Vai al livello "Mosaico" nella tavolozza dei livelli. Premi Comando + C per copiare e premi Comando + V per incollare la selezione in un nuovo livello. Dai un nome a questo livello "Testo". Duplica il livello "Mosaico" e chiamalo "Riflesso". Disattiva la visibilità del livello "Mosaico".
Assicurati che il livello "Riflesso" sia selezionato nella palette dei livelli e vai al pannello 3D. Per ottenere il riflesso abbiamo bisogno dell'altra metà del Piano bifacciale. Seleziona scena nel pannello 3D. Fare clic sul pulsante Flip Cross Section per rendere visibile l'altra metà. Seleziona il materiale mosaico nel piano 3D e deseleziona Due lati. Ciò renderà invisibili le facce posteriori e rimarrà solo il riflesso.
L'unico problema che abbiamo con la riflessione è che è abbastanza lontano. Abbiamo bisogno di agganciarlo al testo, ma farlo dalla vista della telecamera sarebbe un compito difficile. Ora disattiva la visibilità del livello per il livello "Testo" e attiva per "Mosaico". Questo può sembrare strano, spostare il livello "Riflesso" sotto il livello "Mosaico" nella palette Livelli.
Ora prendi uno strumento della fotocamera e dall'elenco Visualizza seleziona Destra e fallo sia per i livelli "Mosaico" che per "Riflesso". Ora sarete in grado di vedere entrambi i piani dalla vista destra e potete vedere quanto sono lontani l'uno dall'altro. Ingrandisci i piani usando lo strumento Zoom standard nella Toolbox, ottieni lo strumento Pan 3D, assicurati che il livello "Riflesso" sia selezionato e trascini l'aereo sulla sinistra, tenendo premuto il tasto Maiusc verso destra come nell'immagine qui sotto.
Ora riprendi lo strumento della fotocamera e per entrambi i livelli "Mosaico" e Riflessione "torna alla visualizzazione Cam. Disattiva la visibilità per il livello" Mosaico "e attiva il" Testo ".
Per pulire le linee nel livello "Reflection", dobbiamo prima rasterizzarlo. Seleziona il livello "Riflesso" nella tavolozza dei livelli, vai a 3D> Rasterizza. Prendi lo strumento gomma, imposta la modalità su Matita per evitare qualsiasi morbidezza e cancella accidentalmente qualsiasi parte del riflesso, pulisci i bordi dell'aereo. Imposta il livello Opacità per il livello "Riflesso" al 45%.
Ora creeremo l'ombra. Vai alla palette dei livelli, attiva la visibilità per il livello "Mosaico", duplica il livello "Mosaico" e chiamalo "Ombra". Sposta il livello "Ombra" sopra il livello "Testo" nella tavolozza dei livelli.
Vai al pannello 3D e seleziona Scene, Imposta rendering predefinito su Ray Traced. Seleziona il materiale Mosaico nel pannello 3D e imposta Ambient su nero e Diffuse su bianco. Seleziona Infinite Light 1 e imposta Intensity su 4. Disattiva Infinite Light 3. Vai a 3D> Rasterizza.
Imposta la modalità di fusione su Moltiplica per il livello "Ombra" e imposta Opacità livello al 90%. Abbiamo blocchi piuttosto nitidi, ma le ombre tracciate su un raggio lo rendono liscio. Per liberarti di queste curve morbide avremo bisogno di un piccolo aiuto dal livello "Linea". Seleziona il livello "Linea", rendilo visibile, vai in 3D> Rasterizza e disattiva nuovamente il livello.
Ottieni lo strumento bacchetta magica e imposta la tolleranza su 60. Assicurati che il livello "Linea" sia selezionato nella tavolozza dei livelli. Ingrandisci la lettera "P." Fare clic all'interno della cella in alto a sinistra del blocco di lettere, sebbene il livello "Linea" sia invisibile, la cella verrà selezionata. Quindi mentre si tiene premuto il tasto Maiusc, fare clic su altre celle alleggerite e senza ombre.
Dopo aver selezionato le celle nella riga in alto come nell'immagine sottostante, vai al livello "Ombra", imposta il colore di primo piano su bianco e riempi la selezione premendo Alt + Backspace. Ricordati di effettuare le selezioni sul livello "Linea" e di riempire la selezione sul livello "Ombra". Dato che abbiamo usato un filtro Clouds, che genera nuvole in modo casuale per creare i blocchi, le tue lettere probabilmente non sembrerebbero mie. Ma l'idea è la stessa.
Torna al livello "Linee". Usando lo strumento Bacchetta magica seleziona le celle che devono essere ombreggiate e riempire la selezione con il colore # 4e4e4e sul livello "Ombra".
Le celle completamente illuminate e completamente ombreggiate sarebbero abbastanza facili da risolvere. Riparare le celle che hanno ombre richiederebbe un po 'più di tempo. Ancora una volta vai al livello "Linee" e seleziona una cella con ombra su di essa usando lo Strumento bacchetta magica. Ottieni lo strumento Lazo poligonale e, tenendo premuto il tasto Alt, seleziona l'ombra da sottrarre alla selezione. Vai al livello "Ombra" e riempi la selezione con il bianco.
Ora devi ripetere questi tre passaggi per il resto delle celle per un aspetto nitido.
Rendi invisibile il livello "Mosaico". Vai al livello "Testo" e applica un Sovrapposizione sfumatura usando queste impostazioni: Modalità fusione colori, Opacità impostata al 70%, Sfumatura impostata su Blu, Rosso, Giallo, con Stile lineare e Angolo impostato su 10 gradi.
Vai a Livello> Stile livello> Copia stile livello. Vai al livello "Riflesso" nella tavolozza dei livelli, quindi vai a Livello> Stile livello> Incolla stile livello. Imposta il metodo di fusione su Luce intensa e Opacità al 35% per il livello "Riflesso".
Ora aggiungeremo una leggera consistenza. Scarica questa bella foto da Flickr cliccando qui. Inseriscilo come nuovo livello nel tuo documento e chiama questo livello "Texture". Posiziona il livello "Texture" sopra il livello "Testo". Alt-clic sulla linea tra i livelli "Texture" e "Testo" per mascherare la trama. Imposta il metodo di fusione dei livelli su Sovrapponi.
Ora creeremo una trama per lo sfondo. Crea un nuovo livello in cima e chiamalo "Bg." Imposta il colore di primo piano su Grigio 85% e Colore di sfondo su Grigio 90%. Ottieni lo strumento Gradiente, impostalo su Primo piano su Sfondo e su Radiale. Riempi il livello come nell'immagine sottostante.
Vai a Filtro> Artistico> Grana pellicola e applica con tutti i parametri impostati su 0. Vai su Filtro> Distorsione> Vetro e applica con queste impostazioni: Distorsione impostata su 20, Attenuazione impostata su 1, Texture impostata su Smerigliato e Scala impostata su 100%.
Ottieni il livello "Bg" sopra il livello "Sfondo" e il gioco è fatto. Spero ti sia piaciuto questo tutorial e sei soddisfatto del risultato!
Puoi ottenere effetti fantastici giocando con trame e parametri. È possibile utilizzare le mappe texture anziché i colori Diffuse a tinta unita, modificare i valori di lucentezza e brillantezza e utilizzare le mappe riflettenti delle trame dell'ambiente. Diversi tipi di luci, colori e angoli creeranno effetti diversi. Divertiti con esso!
Accentsconagua