Una guida di base agli strumenti 3D di Photoshop

Dall'apertura di un file 3D a rotazione, ridimensionamento e spostamento, lavorando con le mesh, creando trame o materiali, aggiungendo luci e altro, questo tutorial copre gran parte dei segreti dell'utile funzionalità 3D Tools di Photoshop CS4 Extended. Se ce l'hai, perché non ci provi? Posso assicurarti che scoprirai un mondo nuovo di possibilità infinite.

Prima di iniziare

Viviamo nell'età d'oro della tecnologia 3D, possiamo vedere opere d'arte, modelli architettonici, simulazioni biologiche, creature fantastiche, macchine futuristiche e oggetti quasi realistici ovunque. La maggior parte di questi elementi grafici è passata attraverso Photoshop, dalla modifica delle texture ai modelli finali; lo rende uno strumento indispensabile per chiunque sia interessato al design 3D.

Photoshop CS3 Extended consentiva agli utenti di aprire i loro file 3D e di modificare direttamente alcune funzionalità come trame e luci, ma CS4 porta l'editing 3D in un altro livello in cui è possibile lavorare con il file 3D proprio come la maggior parte del software di editing 3D commerciale. Anche se Photoshop non può modificare il modello stesso, funziona perfettamente con trame, materiali e luci che consentono di dipingere direttamente su una superficie utilizzando lo strumento Pennello. Questa è una guida di base, ma è necessaria una conoscenza elementare della geometria 3D.

Dettagli dell'esercitazione

  • Programma: Photoshop CS4 esteso
  • Difficoltà: Di base
  • Tempo di completamento stimato: 2 - 3 ore

Avrai bisogno di alcuni modelli 3D con cui giocare, sto usando una barca da telias.free.fr e un modello gratuito di uno space shuttle che ho scaricato dal sito web della NASA. Sentiti libero di usare qualsiasi modello che desideri. Iniziamo!

Parte I - Creazione e modifica di livelli 3D

Photoshop gestisce i file 3D attraverso i livelli 3D, che funzionano proprio come gli oggetti intelligenti. Ogni livello 3D contiene una scena 3D unica che può essere creata in cinque modi diversi: da un file 3D, da uno strato che funziona come una cartolina (piano), da un livello che lo rende un oggetto di base 3D, da un livello di scala di grigi e come un volume combinando due o più strati.

Questo tutorial tratterà i primi quattro, poiché il volume basato sui livelli è leggermente diverso dagli altri e lo lasceremo per un'altra occasione.

Nuovo livello da file 3D

Il primo modo e forse il modo più conosciuto per lavorare con un livello 3D in Photoshop è la creazione di un livello 3D da un file esistente. Per questo vai su 3D> New Layer da 3D File, quindi scegli un file sul tuo file system e aprilo. Photoshop consente di aprire file .3DS, .DAE, .KMZ, .U3D e .OBJ. Un nuovo livello con il nome dell'oggetto apparirà nel pannello Livelli. Puoi aggiungere tutti i livelli 3D che desideri.

Lavorare con gli strumenti 3D di base

Nel pannello Strumenti fai clic sullo strumento 3D attivo (K) e poi in alto, nel Pannello Opzioni, vedrai diverse opzioni diverse per modificare il livello 3D. In qualsiasi momento puoi tornare ai valori predefiniti facendo clic sulla piccola icona Casa nel Pannello Opzioni.

Ruotare

Lo strumento predefinito e il primo nell'elenco è Ruota, fai clic sul modello 3D e trascina verso l'alto o verso il basso per ruotarlo attorno al suo asse X, oppure da un lato all'altro per ruotarlo attorno al suo asse Y. Un trascinamento diagonale ruoterà il modello su entrambi gli assi X e Y. Puoi controllare la rotazione impostando valori numerici nei campi Orientamento sul Pannello Opzioni, per impostazione predefinita tutti sono impostati su 0.

rotolo

Trascina da un lato all'altro o su e giù per Rollare il modello attorno al suo asse Z. Puoi fare lo stesso usando lo strumento precedente, ma tenendo premuto il tasto Opzione su un Mac o il tasto Alt sul PC. È possibile controllare la rotazione impostando valori numerici nei campi Orientamento.

Trascinare

Questo strumento sposta il modello nello spazio 3D. Trascina da un lato all'altro per spostare il modello orizzontalmente o verso l'alto o verso il basso per spostarlo verticalmente. Tieni premuto il tasto Alt per spostarlo nella direzione X / Z. Questo strumento è molto diverso dallo standard Move Tool (V) perché funziona su un ambiente 3D mentre lo strumento Sposta funziona solo in 2D. È possibile controllare la posizione impostando valori numerici nei campi Posizione nel Pannello Opzioni per impostazione predefinita tutti i valori sono impostati su 0.

Diapositiva

Trascina da un lato all'altro per spostare il modello orizzontalmente o verso l'alto o verso il basso per spostarlo più vicino o più lontano dalla prospettiva. È possibile controllare la posizione impostando valori numerici nei campi Posizione, che è 0 per impostazione predefinita.

Scala

Questo cambia le dimensioni del modello. Trascina verso l'alto o verso il basso per ridimensionare il modello ingrandendolo o diminuendolo. Impostando i valori di Scala in un formato numerico è possibile ridimensionare il modello su uno qualsiasi dei suoi 3 assi, estendendolo o ingrandendolo. Per impostazione predefinita, i valori numerici sono impostati su 1.

Position Presets

Nel menu a discesa Posizione troverai diversi preset di posizione tra cui scegliere. Inoltre è possibile salvare una posizione personalizzata facendo clic sulla piccola icona Salva o eliminare una preimpostazione personalizzata dalla casella a discesa.

Asse 3D

È necessario disporre di OpenGL abilitato, andare in Modifica> Preferenze> Prestazioni e nel pannello GPU selezionare la casella Abilita Open GL Drawing. Quindi, quando crei un file 3D, vedrai un gestore di assi 3D con cui lavorare, che fa esattamente lo stesso degli strumenti 3D standard, ma lavora direttamente sull'asse invece di fare clic sulla tela. Di seguito è riportato un elenco degli hotspot dell'asse 3D.

telecamera

Gli strumenti della fotocamera 3D vengono utilizzati per spostare la vista della telecamera, lasciando fissa la posizione dell'oggetto 3D. Questo è molto utile quando vuoi unire oggetti 3D in una singola scena (vedremo che a breve).

Fare clic sullo strumento predefinito 3D Camera (N) per attivarli. La maggior parte degli strumenti funziona più o meno come gli Strumenti di posizione: Ruota, Sposta e Trascina. Puoi passare tra le telecamere Perspective (Fuoco prospettico) e Ortografica (Linee parallele) e ingrandirle fino a 180. Puoi anche salvare Preset vista telecamera.

Nuova forma dal livello

Photoshop ti consente di creare un sacco di forme incorporate da livelli 2D. Seleziona un livello nel pannello Livelli, può essere qualsiasi tipo di livello, quindi vai a 3D> Nuova forma dal livello ... Qui troverai diversi preset da scegliere. Come puoi vedere nella parte inferiore dell'immagine qui sotto puoi creare bei pezzi usando solo forme incorporate.

Cartolina da Layer

Un altro modo per creare un livello 3D è convertire qualsiasi livello in una cartolina 3D. Per questo seleziona un qualsiasi livello (vettoriale o bitmap), quindi vai a 3D> New 3D Postcard da Layer. Quindi puoi gestire ogni livello come un oggetto 3D.

New Mesh from Grayscale

Finalmente un altro modo di creare un livello 3D proviene da un livello di scala di grigi. Seleziona qualsiasi sfumatura, forma o livello di testo in scala di grigi e vai a 3D> Nuova mesh da scala di grigi> ... e scegli una delle seguenti opzioni: piano, piano a due lati, cilindro e sfera. Di seguito è riportato un esempio di livelli 3D basati su un livello sfumatura.

Unisci mesh

È possibile unire facilmente due o più livelli 3D in un'unica scena. Per questo hai bisogno di due livelli 3D nello stesso file. Nell'esempio seguente c'è un cubo e un cilindro. Seleziona uno dei livelli ("Cubo" in questo caso), quindi utilizzando lo strumento Fotocamera imposta il menu a discesa Visualizza sull'altro livello 3D ("Cilindro"). Infine, nel menu Opzioni del pannello Livelli, vai a Unisci giù. In questo modo avrai un livello 3D unico. Ogni mesh può essere modificata separatamente sul pannello 3D.

Parte II - Lavorare con il pannello 3D

Vai a Finestra> 3D per mostrare il pannello 3D. Lì troverai diverse opzioni per portare i tuoi modelli su un altro livello (devi avere un livello 3D selezionato per mostrare tutte le opzioni su di esso).

In cima ci sono quattro pulsanti che filtrano la visualizzazione dei componenti di Scene: Scene (Tutto in uno), Maglie, Materiali e Luci. Sotto ci sono gli oggetti Scena, prima c'è la Scena stessa, poi una lista di tutte le maglie, ognuna con il suo rispettivo materiale, e sotto una lista delle luci. Puoi attivare o disattivare la visibilità di una mesh, materiale o luce ogni volta che vuoi.

Sotto l'esploratore di Scene c'è un pannello in cui puoi cambiare le impostazioni dell'oggetto selezionato (scaveremo più avanti in questo). Infine, ci sono quattro piccoli pulsanti: Attiva / disattiva piano terra mostra / nascondi un piano terra, Attiva / disattiva luci mostra / nascondi i controlli luci, Nuova luce mostra un elenco di luci da aggiungere alla scena e Elimina, che rimuove il componente dalla scena.

Scene Render Settings

Anti-alias

Seleziona la scena sull'Explorer dell'oggetto nel pannello 3D. Inizieremo con l'anti-aliasing del rendering. Nell'area delle impostazioni del pannello 3D c'è un menu a discesa con tre opzioni anti-alias: Bozza, Meglio e Meglio. Puoi cambiare questa impostazione ogni volta che vuoi. Basta ricordare che un migliore anti-aliasing significa più tempo per il rendering del sistema dell'immagine.

Renderizza preset

Nella finestra a discesa Preset troverai molti preset di rendering. Di seguito sono riportati alcuni esempi.

Global Ambient Color

Il colore ambientale globale è un colore globale, che è visibile su superfici riflettenti (vedremo più a breve sulla riflettività). Per impostazione predefinita, l'ambiente globale è impostato su nero.

Sezione trasversale

Questa impostazione crea una sezione trasversale piana che interseca il modello attraverso un asse con l'angolo scelto. È piuttosto utile per vedere attraverso un modello e visualizzare il contenuto interno. È possibile modificare il colore e l'opacità del piano intersecante e definire un colore per le linee. Inoltre puoi modificare i valori di Offset e Inclinazione come desideri.

Lavorare con le maglie

Ogni scena può avere diverse mesh. Puoi selezionarli uno ad uno nella parte superiore del pannello 3D. Una volta selezionata una mesh, l'area Impostazioni mostrerà una miniatura della scena e un rettangolo rosso che delimita la trama. Ogni mesh può essere gestita come qualsiasi oggetto 3D (ruota, rotola, scala, ecc.) Ma con gli strumenti nella parte inferiore del pannello 3D, facendo clic sulla piccola icona Home la mesh tornerà alla sua posizione e scala originale.

Parte III - Materiali

Un materiale è un gruppo complesso di strati di texture: Diffuse, Bump, Glossiness, Shininess, Opacity, Reflectivity, Environment e Normal. Ognuno con le sue caratteristiche proprie. Combinandoli in modo appropriato si ottiene un risultato eccezionale o addirittura realistico. Per modificare un materiale clicca sul materiale della mesh e vedi le Impostazioni nella parte inferiore del pannello 3D.

Diffondere

Questa texture è il colore del materiale. Puoi selezionare un colore dal campione o creare una nuova trama (o aprirne uno esistente) facendo clic sul menu Mappa texture come mostrato nella terza schermata qui sotto.

Una volta creato un livello di trama, verrà visualizzato nel pannello Livelli. È possibile fare doppio clic per modificarlo. Qui verrà aperto un nuovo documento con estensione .PSB. Puoi progettare tutto ciò che vuoi. Quando salvi il documento, il livello 3D verrà aggiornato.

Nel menu Mappa texture è presente un'opzione denominata Modifica proprietà. Cliccando su di esso, sarai in grado di scegliere i livelli che vuoi includere nella texture o l'intero composito, oltre a impostare la scala e l'offset del livello di trama. Questo può essere fatto su ogni singola trama del materiale.

urto

Questa texture crea dossi nella superficie del materiale. Una mappa di rilievo è un'immagine in scala di grigi in cui i valori più chiari creano aree di superficie sollevate e valori più scuri creano aree di superficie piatte. Nell'esempio seguente c'è un'immagine irregolare in scala di grigi creata con un semplice Pennello e il relativo risultato. Il campo Forza urto è impostato su un valore compreso tra 1 e 10.

Suggerimento: per rendere quasi perfetto uno strato di texture, vai su Filtro> Altro> Offset, modifica l'offset sia orizzontale che verticale e usa uno strumento clone per lucidare i bordi.

Lucentezza e lucentezza

La lucentezza definisce la quantità di luce proveniente da una sorgente che riflette la superficie e torna allo spettatore. Shininess definisce la dispersione della luce riflessa generata dall'impostazione Glossiness. È più difficile da spiegare che provare. Cambia entrambi i valori e guarda cosa succede. Non dimenticare che puoi aggiungere una texture a qualsiasi di queste impostazioni.

Opacità

Aumenta o diminuisce l'opacità del materiale (0-100%). Ad esempio, è utile per creare trame di vetro.

Ambiente e riflettività

Una delle mie trame preferite personali su un materiale è Ambiente, che memorizza l'immagine dell'ambiente circostante il modello 3D. Nell'esempio seguente aggiungo una texture nuvole all'opzione Ambiente, e Ecco, un bel riflesso sulla superficie dell'anello, puoi nascondere l'ambiente attivando l'icona a forma di occhio della texture Ambiente nel pannello Livelli.

La riflettività qui è molto importante, poiché aumenta il riflesso di altri oggetti nella scena 3D, e la mappa dell'ambiente, sulla superficie del materiale. Minore è la percentuale di riflessione, minore è l'impatto ambientale.

Normale

Un altro favorito personale, una mappa normale aumenta i dettagli delle superfici. È basato su un'immagine multicanale (RGB) e aiuta a levigare la superficie. Di seguito è riportato un esempio di un'alba a cerchio arancione su una trama normale. È possibile vedere la zona del cerchio appare più liscia sul modello 3D. Se lo strato RGB copre tutto il documento, l'intera superficie apparirà più liscia.

Guarda l'esempio qui sotto, con una mappa Normale e una trama Diffusa puoi creare una bella bandiera 3D in meno di 1 minuto!.

Parte IV - Luci

Le luci 3D illuminano i modelli da diverse angolazioni, aggiungendo profondità e ombre realistiche. Puoi aggiungere tre tipi di luci in Photoshop: Luci infinite (come la luce del sole), Luci spot come riflettori e Luci puntiformi come lampadine.

Puoi cambiare la posizione delle luci, anche il colore e l'intensità. Puoi vederli nella parte inferiore di Scene Explorer, la maggior parte dei modelli ha almeno due Infinite Lights che puoi modificare o eliminare. Per creare un nuovo livello, fai clic sul pulsante Nuova luce nella parte inferiore del pannello e scegli il tipo di luce che desideri creare.

Luci Infinite

Una volta creato o quando si modifica un oggetto, Infinite Light, è possibile personalizzarne il colore, l'intensità e l'abilità di creare ombre. È piuttosto utile per attivare le guide di luce nella parte inferiore del pannello 3D. Una luce infinita può essere ruotata o facendo clic sulla piccola icona della fotocamera per impostare la luce sul punto focale. Puoi aggiungere tutte le luci che vuoi.

Luci puntiformi

Questa luce funziona come se si stesse mettendo una lampadina da qualche parte nel modello. Puoi modificare Posizione, Intensità, Colore, Crea ombre e Morbidezza e Luci infinite, ma puoi trascinare, spostare e ruotare questa luce.

Luci spot

Così come le altre luci, puoi cambiare l'intensità di Intensità, Colore e Ombre, spostarla attraverso la scena e cambiare la Morbidezza. Inoltre puoi configurare la posizione (in gradi) di Hotspot e Falloff.

Infine è possibile selezionare Usa attenuazione (la velocità dell'intensità luminosa diminuisce con l'aumentare della distanza dagli oggetti) e modifica i valori di attenuazione interna ed esterna. Non importa quanto dettagliato possa essere lo screenshot, l'unico modo per vedere come funziona è provare.

Parte V - Alcuni extra

Dipingi

Ultimo ma non meno importante, Paint On ... Photoshop consente di dipingere direttamente su qualsiasi livello di texture dei Materiali, seleziona la texture di Paint On ... sul pannello 3D (devi prima selezionare la scena) e dal pannello Strumenti seleziona lo strumento Pennello e personalizza il impostazioni e colori che vuoi.

Nell'esempio seguente puoi vedere come dipingere sulla Texture diffusa usando un paio di pennelli e persino lo strumento Gomma. Nella parte inferiore dell'immagine sotto c'è il risultato della pittura sulla texture di Bump con un pennello nero morbido.

Salva i preset di materiali e luci

Poiché creare un materiale a volte è un processo lungo, è molto pratico creare preimpostazioni di materiale e luci per riutilizzarle in seguito. Seleziona un materiale, quindi dal menu Opzioni del pannello 3D fai clic su Salva materiale / luci preimpostato ..., digita un nome per esso e salvalo da qualche parte. Per applicare un preset su un'altra mesh selezionare Sostituisci materiale / luci ...

Conclusione

Questo è solo un piccolo esempio di ciò che può essere fatto con 3D Layers e l'avanzato 3D Panel, sta a te provare questi strumenti ed esplorare il suo pieno potenziale. In bocca al lupo!

Abbonati a Psdtuts + Feed RSS per i migliori tutorial e articoli di Photoshop sul Web.