Share
Cosa starai creandoQuesto tutorial è stato originariamente pubblicato nel maggio 2009 come tutorial Tuts + Premium. Ora è disponibile gratuitamente per la visualizzazione. Sebbene questo tutorial non utilizzi l'ultima versione di Adobe Photoshop, le sue tecniche e processi sono ancora rilevanti.
Ho creato questa immagine per il poster dello spettacolo di fine anno di quest'anno presso il mio college, un evento annuale di Art & Design. Sono qui oggi per insegnarti le tecniche che ho usato per creare questa immagine. Si spera che sia facile da seguire per gli utenti di Photoshop e C4D di livello intermedio, ma sentiti libero di fare qualsiasi domanda.
Crea un fantastico testo 3D in metà tempo! Usa uno dei nostri fantastici stili di testo Photoshop disponibili tramite GraphicRiver. Oppure avvaliti dell'aiuto di un professionista del design di Envato Studio per progetti tipografici personalizzati.
In questo tutorial ti mostrerò passo-passo in Photoshop per modificare il testo al fine di creare un'immagine tipografica nitida e precisa, quindi esportare le informazioni vettoriali da Photoshop a Cinema 4D, dove imparerai le basi della creazione di testo 3D, costruire un palcoscenico, creare un setup di luce da studio e infine renderizzare con Global Illumination usando Vray.
Non insegnerò le basi dell'interfaccia utente in Cinema 4D o come navigare nel programma. Ci sono molti tutorial gratuiti sul web sulle basi di Cinema 4D che ti consiglio di visitare prima di iniziare questo progetto.
Crea un nuovo file Photoshop. Non importa davvero quale taglia, uno dei Preset Web piace 800 pixel x 600 pixel andrà bene per questo scopo. Quindi, usa il Digita strumento per creare il tuo testo.
Per questo progetto ho usato la versione più audace del font commerciale Avant Garde, ma qualsiasi altro font solido grassetto funzionerà bene per questo progetto come Arial Black. Taglia il testo in modo che occupi la maggior parte dello schermo, in modo che tu possa vedere chiaramente cosa stai facendo.
Vogliamo avere ciascuna riga di testo su livelli separati. Puoi farlo semplicemente selezionando il livello di testo nel Livelli tavolozza e pressatura Comando-J a Duplicare il livello tante volte quante sono le righe e nel mio esempio l'ho fatto tre volte. Quindi entrambi Elimina le righe in più da ogni livello o semplicemente selezionare tutto il testo e scrivere solo quella riga di nuovo.
Quindi, sposta ogni riga verso il basso con il Sposta strumento in modo che non si sovrappongano, ma non ti preoccupare che sia ancora uniformemente distanziato.
Alza il Griglia preferenze. In CS3, fai ciò premendo Comando-K, poi Comando-8, che è anche in Modifica> Preferenze. Vogliamo Linee della griglia creato ogni 5px, con una sola suddivisione.
Apri la griglia facendo clic Visualizza> Mostra> Griglia. Puoi anche girare il Grid on e via premendo Comando-Apostrophe chiave.
Usando il Strumento di trasformazione gratuito, a cui si accede premendo Comando-T (anche se sempre Scala il testo proporzionalmente tenendo premuto Cambio mentre trascini gli angoli), sposta e ridimensiona le righe singolarmente fino a quando pensi che le loro proporzioni e il loro bilanciamento funzionino bene.
Puoi anche all'incirca Mossa per allinearsi con la griglia, in modo che le file siano circa un quadrato, ma ancora una volta non deve essere ancora molto preciso.
Nota: ho modificato la "A" di "Anno" in un carattere alternativo incluso nel carattere. La bellezza dell'uso di caratteri commerciali è che di solito hanno caratteri alternativi che possono davvero migliorare e personalizzare i tuoi progetti.
Ora dovresti iniziare a riordinare il testo in modo molto ordinato. Potresti sempre usarlo crenatura quando si modifica il testo con Digita strumento per regolare la spaziatura tra i caratteri come li vuoi premendo Alt-Sinistra o Destra Freccia chiavi tra le lettere del tuo testo, ma facendo ciò non avrai mai la precisione dei pixel.
Quello che devi fare è scomporre ogni riga in singole lettere, quindi organizzare le lettere nel gruppi per le file. Di nuovo, Duplicare ogni riga per quante volte quante sono le lettere, quindi basta modificare il testo in modo da ottenere una lettera per strato e quindi creare Nuovo gruppo cartelle nel Livelli tavolozza per ogni riga e posizionare ogni lettera nella sua riga Gruppo.
In questo modo, tutte le lettere si sovrapporranno, ma per ora vogliamo solo riordinare il Livelli tavolozza. Sembra molto più complicato di quanto sia in realtà!
Ora vorrai iniziare ad allineare le cose correttamente. Puoi usare il Sposta strumento con il Freccia tasti per allineare ogni lettera sinistra e destra a circa un quadrato sulla griglia a parte. Se si desidera spostare l'intera riga su e giù o ridimensionare nuovamente una riga, è sufficiente selezionarla Gruppo dal Livelli tavolozza, non spostare singole lettere su e giù o il testo inizierà a sembrare disordinato.
A questo punto, dovresti avere un pezzo di tipografia ben allineato, con ogni lettera nel proprio livello e ogni livello in a Gruppo della sua fila.
Ora creane un altro Gruppo nella palette Livelli e posiziona tutte le righe ' gruppi in questo nuovo Gruppo e chiamalo "Testo originale" in modo da avere un backup di tutto il nostro lavoro finora. Ora apporteremo alcuni aggiustamenti alla tipografia per farlo funzionare meglio come immagine, ma ciò può essere fatto solo con forme vettoriali. Pulsante destro del mouse nel gruppo "Testo originale", selezionare Gruppo duplicato e chiamalo "Vettori". È quindi possibile fare clic sul Occhio accanto al gruppo "Testo originale" a Nascondere esso.
Ora genererai forme vettoriali dal tuo testo, per modificarlo ulteriormente ed eventualmente esportarlo in Cinema 4D. Di solito, questo tipo di lavoro è più adatto per Illustrator, ma ti sto mostrando un modo per farlo in Photoshop e, sebbene non sia altrettanto veloce, funziona altrettanto bene per questo scopo.
Lavorerai fila per fila su questo, quindi apri ogni riga Gruppo e Comando-clic su ogni livello per selezionare più livelli. Pulsante destro del mouse e selezionare Converti in forma. Ripeti fino a quando ogni livello di ogni riga del gruppo "Vettori" è stato convertito in forme.
Per completare davvero l'aspetto di questa immagine tipografica, modificheremo la forma della "Y" per adattarla alla "H" sotto di essa. Seleziona la forma della "Y" nel Livelli tavolozza, quindi premere P per far apparire il Strumento Penna. Tieni premuto Comando e trascina un rettangolo attorno ai punti inferiori della lettera per selezionarli, quindi usa semplicemente il Freccia in giù chiave per spostare i punti verso il basso.
Ora dovresti avere un'immagine vettoriale tipografica molto carina! Tutto ciò che resta da fare in Photoshop è Esportare le forme vettoriali da importare in Cinema 4D.
Ora è la parte in cui Illustrator potrebbe davvero tornare utile ... In Photoshop, non puoi semplicemente Seleziona tutto strati con forme vettoriali, fare clic Esportare e via tutti vanno. Puoi esportare tutte le informazioni vettoriali da un singolo livello. Una soluzione alternativa sarebbe quella di esportare ogni singola lettera come un proprio file vettoriale, ma questo non è assolutamente un modo ordinato di fare le cose.
Proprio come prima, quando hai duplicato il gruppo "Testo originale" per creare il gruppo "Vettori", Duplicare il gruppo "Vettori" e chiamarlo "Percorso finale", quindi Nascondere il gruppo "Vettori" come hai fatto con il gruppo "Testo originale".
Quello che farai è tagliare e incollare ogni forma vettoriale in un solo livello. Lo fai aprendo una delle righe e, ad esempio, questo potrebbe essere il gruppo di righe "SHOW". Clic sul Icona grigia della forma vettoriale di "W" e premere Comando-X, quindi fare clic sulla forma vettoriale della "S" e premere Comando-V. Quello che dovresti avere nella forma vettoriale del livello "S" è la "S" e il "W" e il livello "W" in basso non dovrebbero più avere una forma vettoriale.
Ripeti fino a quando ogni forma vettoriale è in un livello per ogni riga, quindi Taglio e Incolla il vettore modella da ogni riga nella forma vettoriale di qualsiasi riga desideri, creando solo un ultimo strato contenente tutte le forme vettoriali da tutte le righe. Nel gruppo "Percorso finale", Elimina tutti gli altri livelli all'interno del gruppo che ha l'ultimo percorso, e Elimina tutti gli altri gruppi di righe che sono vuoti anche, in modo da lasciare un solo gruppo con un livello e una forma vettoriale.
Ancora una volta, questo sembra molto più complicato di quanto sia in realtà, devi solo provarlo per te stesso per vedere che non è così male! Di seguito sono riportati gli screenshot progressivi di Livelli tavolozza di ciò di cui sto parlando.
Questo è tutto! Hai appena finito con Photoshop. Rinominare l'ultima forma vettoriale in "testo", selezionare quella forma vettoriale e fare clic File> Esporta> Percorsi per Illustrator. Quindi semplicemente Salvare come un File AI da importare in Cinema 4D.
Aperto su Cinema 4D. Clicca su File> Unisci, quindi selezionare il File AI hai esportato da Photoshop. Ora dovresti avere i percorsi di testo visualizzati nella tua vista.
Sulla barra degli strumenti in alto, tieni premuto il tasto Topo abbassa il pulsante NURBS pulsante (appare come una sfera verde all'interno di una finestra wireframe) fino a quando non vengono visualizzate più opzioni, quindi selezionare Estrudi NURBS.
Non preoccuparti, non dovrebbe essere ancora successo nulla, dovresti semplicemente ottenere un Estrudi NURBS oggetto nella lista degli oggetti di scena in alto a destra.
Su quello stesso Lista degli oggetti pannello in alto a destra dello schermo, Espandere l'oggetto del percorso del testo facendo clic sul '+' Segno. Questo dovrebbe mostrare tutti i percorsi per le singole lettere. Seleziona tutti loro facendo clic su quello in alto, quindi Shift-click quello in basso, poi in cima a quel pannello vai Oggetto> Connetti.
Un nuovo oggetto percorso dovrebbe apparire su tale elenco di oggetti, il che significa che puoi usare il Elimina chiave o il Backspace a Elimina quello di Photoshop che hai importato per tenere in ordine la scena.
Ancora su questo Lista degli oggetti pannello, Trascinare il tuo oggetto percorso appena creato nel Estrudi NURBS oggetto. Ora dovresti vedere i tuoi percorsi come testo 3D!
Utilizzare le seguenti impostazioni in attributi pannello, che si trova sotto l'elenco degli oggetti. Puoi vedere più di uno linguetta o pulsante alla volta (nel mio caso Oggetto e Caps) di Comando-clic su di essi.
Questo ti darà dei bei bordi arrotondati sull'oggetto di testo. Con tutti i mezzi, giocare con le impostazioni. Ti sto semplicemente mostrando come l'ho fatto nel mio caso particolare. Il 100m l'impostazione sopra indica la profondità del testo.
Ora creeremo il palcoscenico. Dalla barra degli strumenti in alto, proprio come hai fatto con Estrudi NURBS pulsante, selezionare Bezier dal spline opzioni di pulsante.
Vai di lato viewport. Assicurati di essere ancora sul Strumento di Bezier, disegna una bella curva grande per creare il profilo del palcoscenico. Il Strumento Bezier funziona in modo simile al Strumento Penna in Photoshop.
Le probabilità sono che ti sbagli e ricomincia la tua curva molto finché non sei felice, lo so che l'ho fatto. Comando-Z a Disfare è tuo amico anche in Cinema 4D. Premere Enter dopo aver finito di disegnare la curva, per finalizzare il tuo lavoro con il Strumento Bezier e creare un oggetto percorso spline.
Torna al Prospettiva vista, selezionare la spline appena creata e Comando-C, poi Comando-V a duplicare la spline. Quindi con il Sposta strumento, spostali entrambi su entrambi i lati del testo, creando lo spazio di quello che sarà il palcoscenico. Vai al NURBS pulsante come abbiamo fatto prima con il Estrudi NURBS, ma questa volta scegli Loft NURBS. Poi, come prima, nella lista degli oggetti nel pannello di destra, trascina entrambi i percorsi spline nel Loft NURBS oggetto.
Dopo aver trascinato le spline nel Loft NURBS oggetto, dovresti vedere questo risultato nel tuo viewport.
Ora inizieremo ad aggiungere luci alla nostra scena. Ancora usando la barra degli strumenti in alto, sotto Luci pulsante scegli Area Light.
Ruotare e Scala in modo che indichi il testo, approssimativamente 45 gradi. Questo non deve essere molto preciso, dato che l'illuminazione cambia molto anche con impostazioni ridotte, quindi da qui le impostazioni che uso sono solo linee guida e dovrebbero essere ottimizzate e giocate per lavorare sulla scena.
Un'altra cosa che vorrei che tu facessi a questo punto è cambiare le impostazioni di ombreggiatura del tuo viewport. Clicca su Visualizza> Ombreggiatura veloce (linee). Ciò garantirà che la visibilità della nostra finestra non sia influenzata dalle luci nella scena. Ciò non avrà alcun impatto sul tuo rendering, ma ti permetterà solo di vedere cosa stai facendo un po 'meglio.
Pulsante destro del mouse alla luce nella lista degli oggetti, poi vai a Tag VrayBridge> VrayLight. Fai clic sulla luce nell'elenco degli oggetti, quindi su attributi evidenziazione del pannello Generale e VRayLight, in modo da avere entrambe queste sezioni aperte.
Sotto c'erano le mie impostazioni iniziali per la luce, potreste voler provare quelle simili per cominciare. Vogliamo un tono leggermente caldo, quindi scegli un bianco sporco molto sottile come il colore.
Ora configureremo le nostre impostazioni di rendering. In alto, clicca su Rendering> Impostazioni di rendering (o premere Comando-B), e sotto Risoluzione scegli il Preset PAL. Sotto il effetti opzione sulla barra laterale del Impostazioni di rendering, clicca il Freccia accanto a Post Effetti e fare clic su VrayBridge.
Sul VrayBridge impostazioni, fare clic su Global Illumination (GI). Dai preset, scegli Qualità media.
Dovremmo essere pronti per il rendering ora, facciamo un rendering di prova. Clic Render> Render View dall'alto, o semplicemente premere Shift-R. Dovresti ottenere qualcosa come l'immagine qui sotto.
Se sei soddisfatto, continuiamo! Sono contento del materiale bianco predefinito per il testo, quindi ora è il momento di iniziare il materiale dello stage. Sul parte inferiore pannello vedrai questo è il materiale pannello. In questo pannello, fai clic su File> Materiale Vray poi Doppio click l'icona materiale per portare il Editor di materiali finestra verso l'alto.
Clicca su Peso del materiale e utilizzare impostazioni simili a quelle mostrate di seguito.
zecca il Livello di luminosità, cliccalo e usa queste impostazioni.
Clic sopra Strato diffuso e usare queste impostazioni.
Chiudi la finestra e trascina il materiale sull'oggetto stage sul viewport o sull'elenco degli oggetti. Ancora una volta, queste impostazioni sono solo linee guida.
copia e Incolla il tuo Area Light due volte, Mossa e Ruotare in modo che siano su entrambi i lati del testo, puntando verso l'interno e verso il basso. Inferiore la loro intensità a circa 3-5 sotto il Vray Light sezione dei loro attributi (o qualunque cosa funzioni per la tua scena). La tua scena dovrebbe assomigliare a questa:
rendere di nuovo la scena, e molto probabilmente otterrai un risultato simile all'immagine qui sotto. Questo ovviamente varia a seconda delle impostazioni.
Se l'immagine è un po 'troppo rossa per i tuoi gusti, Mossa e Ruotare la luce superiore in modo che affronti il testo un po 'più direttamente e giochi con l'intensità e le altre impostazioni di luce sotto Vray Light.
Potrei darti le impostazioni esatte per le luci nella mia scena, ma sarebbe inutile se costruisci la tua scena dato che molto probabilmente sarà completamente diversa per i tuoi scopi ... Si tratta davvero di modificare le impostazioni, l'orientamento e dimensioni delle luci e delle impostazioni del materiale fino a quando non si vede il risultato desiderato per la scena specifica.
Se ti piace davvero l'aspetto esatto della mia immagine finale, ho incluso il file di scena Cinema 4D con questa configurazione che puoi scaricare e giocare con.
Una volta che sei soddisfatto del tuo rendering, Salvare è come un file immagine facendo clic File> 'Salva immagine come ' sul Finestra di rendering. Lo salverei personalmente come a File TARGA, ma questo dipende da voi.
Aperto su Photoshop e apri l'immagine che hai appena salvato, poi fai apparire curve cliccando Immagine> Regolazioni> Curve (o Control-M), quindi crea una forma "sottile" facendo clic e trascinando sulla linea per dare all'immagine una bella gamma di contrasto. Salvare la tua immagine.
Il rendering che ho usato qui era dal file Cinema 4D incluso in questo tutorial così com'è.
Spero che ti sia piaciuto leggere questo tutorial e che hai acquisito competenze sia in Photoshop che in Cinema 4D, e che trovi utile nel mio file di scena in studio esaminando le impostazioni un po 'più in profondità o riciclando la scena per i tuoi progetti.
Mi piacerebbe vedere quello che voi ragazzi inventare con queste tecniche!
Vuoi creare un fantastico effetto di testo 3D come quello sopra? Quindi sfoglia la nostra incredibile selezione di stili di testo Photoshop disponibili tramite GraphicRiver. Usa queste azioni per trasformare istantaneamente la tua tipografia in testo 3D.
Trasforma istantaneamente le tue citazioni preferite in testo 3D con questi fantastici stili di testo di Photoshop. Questo pacchetto include 10 file Photoshop con 1 livello di stile ciascuno. Basta fare clic sul testo che si desidera modificare e modificarlo con lo strumento testo. Super facile da usare, puoi giocare con i colori per effetti aggiuntivi.
Accentsconagua