Share
Ce veți creaAcest tutorial a fost publicat inițial în mai 2009 ca un tutorial Tuts + Premium. Acum este disponibil gratuit pentru vizualizare. Deși acest tutorial nu utilizează cea mai recentă versiune a Adobe Photoshop, tehnicile și procesele sale sunt încă relevante.
Am creat această imagine pentru posterul expoziției de sfârșit de an a acestui an la colegiul meu, un eveniment anual de prezentare Art & Design. Sunt astăzi aici pentru a vă învăța tehnicile pe care le-am folosit pentru a crea această imagine. Ar trebui să fie ușor de urmărit pentru utilizatorii intermediați ai Photoshop și pentru începătorii C4D, dar nu ezitați să puneți întrebări.
Creați un text 3D minunat în jumătate de timp! Utilizați unul dintre uimitoarele stiluri text Photoshop disponibile prin intermediul GraphicRiver. Sau puteți obține asistența unui profesionist de design de la Envato Studio pentru modele personalizate tipografice.
În acest tutorial vă vom arăta pas cu pas în Photoshop editarea textului pentru a crea o imagine tipografică îngustă și strânsă, apoi pentru a exporta informații vectoriale din Photoshop în Cinema 4D, unde veți învăța elementele de bază ale creării unui text 3D, construind o scenă, creând o instalație de lumină studio și, în final, rendering cu Illumination Global folosind Vray.
Nu voi învăța elementele de bază ale interfeței cu utilizatorul în Cinema 4D sau cum să navighez programul. Există o mulțime de tutoriale gratuite pe web pe fundalul Cinema 4D pe care vă recomandăm să îl parcurgeți înainte de a începe acest proiect.
Creați un fișier Photoshop nou. Nu contează cu adevărat ce mărime, unul dintre Setări Web ca 800 pixeli x 600 pixeli va face bine în acest scop. Apoi, utilizați Tip Tool pentru a crea textul.
Pentru acest proiect am folosit cea mai îndrăzneață versiune a fontului comercial Avant Garde, dar orice alt font solid indraznet va functiona bine pentru acest proiect, cum ar fi Arial Black. mărimea până când textul este ocupat de cea mai mare parte a ecranului, astfel încât să puteți vedea clar ce faceți.
Vrem să avem fiecare rând de text pe straturi separate. Puteți face acest lucru prin selectarea stratului de text din straturi paletă și presare Command-J la Duplicat stratul de câte ori există rânduri, iar în exemplul meu am făcut acest lucru de trei ori. Apoi fie Șterge rândurile suplimentare din fiecare strat sau pur și simplu selectați tot textul și scrieți din nou rândul respectiv din nou.
Apoi, mutați fiecare rând în jos cu Mutați instrumentul astfel încât acestea să nu se suprapună, dar nu vă faceți griji cu privire la faptul că sunt încă uniform distribuite încă.
Aduceți-o Grilă Preferințe. În CS3, faceți acest lucru apăsând Command-K, atunci Command-8, care este, de asemenea, în Editați> Preferințe. Noi vrem GridLines a creat fiecare 5px, cu o singură subdiviziune.
Aduceți grila făcând clic pe Afișați> Afișați> Grilă. De asemenea, puteți roti Grilă și de pe prin apăsarea Command-Apostrof cheie.
Utilizarea Instrumentul de transformare gratuit, care este accesată prin apăsarea tastei Command-T (deși întotdeauna Scară textul prin suspendare Schimb în timp ce trageți colțurile), deplasați și redimensionați rândurile în mod individual până când credeți că proporțiile și echilibrul lor funcționează bine.
Puteți, de asemenea, aproximativ Mișcare să se alinieze cu grila, astfel încât rândurile să fie de aproximativ un pătrat, dar încă o dată nu trebuie să fie foarte exactă.
Notă: Am schimbat "A" de "An" la un caracter alternativ pe care a inclus acest font. Frumusețea utilizării fonturilor comerciale este că aceștia au, de obicei, caractere alternative care pot îmbunătăți și individualiza desenele.
Acum ar trebui să începeți să îngrijiți foarte bine textul. Puteai folosi întotdeauna kerning când editați textul cu Tip Tool pentru a regla spațiul dintre caractere așa cum doriți, apăsând Alt-stânga sau Dreapta Săgeată chei între literele textului dvs., dar făcând acest lucru nu veți avea niciodată o precizie a pixelilor.
Ceea ce trebuie să faceți este să descompuneți fiecare rând în litere individuale, apoi să organizați literele în Grupuri pentru rânduri. Din nou, Duplicat fiecare rând pentru cât de multe ori sunt litere, apoi editați textul astfel încât să obțineți câte o literă pe strat și apoi să creați Grup nou foldere în straturi paletă pentru fiecare rând și plasați fiecare literă în rândul său grup.
Procedând astfel, toate scrisorile se vor suprapune, dar deocamdată vrem doar să ordonăm straturi paletă. Sună mult mai complicat decât este într-adevăr!
Acum, veți dori să începeți să vă așezați lucrurile în mod corespunzător. Puteți utiliza funcția Mutați instrumentul cu Săgeată pentru alinierea fiecărei litere la stânga și la dreapta la aproximativ un pătrat de pe grilă. Dacă doriți să mutați întregul rând în sus și în jos sau chiar să redimensionați din nou un rând, pur și simplu selectați-l grup de la straturi paletă, nu mutați litere individuale în sus și în jos sau textul va începe să arate dezordonat.
Până acum, ar trebui să aveți o bucată de tipografie strânsă, cu fiecare literă în stratul propriu și fiecare strat într-o grup din rândul său.
Acum creați un altul grup din paleta Straturi și plasați toate rândurile " Grupuri în acest nou grup și numiți-o "Textul original" astfel încât să avem o copie de rezervă a muncii noastre până acum. Acum vom face câteva ajustări ale tipografiei pentru a face ca aceasta să funcționeze mai bine ca o imagine, dar acest lucru se poate face numai cu forme vectoriale. Click dreapta din grupul "Orignal text", selectați Grup duplicat și numiți-o "Vectori". Apoi puteți face clic pe ochi lângă grupul "Text original" la Ascunde aceasta.
Veți genera acum forme de vector din textul dvs., pentru al modifica ulterior și, eventual, pentru a-l exporta în Cinema 4D. De obicei, acest tip de lucru este mai potrivit pentru Illustrator, dar vă arăt o modalitate de ao face în Photoshop și, deși nu prea repede, funcționează la fel de bine în acest scop.
Veți lucra rând pe rând în acest sens, deschideți astfel fiecare rând grup și Command-clic pe fiecare strat pentru a selecta mai multe straturi. Click dreapta și selectați Conversia la Formă. Repetați acest lucru până când fiecare strat al fiecărui rând din grupul "Vectori" a fost transformat în forme.
Pentru a finaliza într-adevăr aspectul acestei imagini tipografice, vom modifica forma "Y" pentru a se încadra în "H" de dedesubt. Selectați forma "Y" din straturi paletă, apoi apăsați P să aducă Instrumentul Pen. Ține-te jos Comanda și trageți un dreptunghi în jurul punctelor de jos ale literei pentru a le selecta, apoi pur și simplu utilizați Sageata in jos pentru a muta punctele în jos.
Ar trebui să aveți acum o imagine tipografică foarte frumoasă! Tot ce trebuie să faceți în Photoshop este Export formele vectoriale de importat Cinema 4D.
Acum este partea unde Illustrator ar putea să vină cu adevărat la îndemână ... În Photoshop, nu poți pur și simplu Selectează tot straturi cu forme de vector, faceți clic pe Export și pleacă toți. Puteți exporta toate informațiile vectoriale dintr-un singur strat. O soluție alternativă ar fi exportul fiecărei litere individuale ca propriul fișier vectorial, dar aceasta nu este în nici un caz un mod elegant de a face lucrurile.
La fel ca înainte, când ați reprodus grupul "Text original" pentru a crea grupul "Vectori", Duplicat grupul "Vectori" și apoi denumiți-o "Calea finală" Ascunde grupul de "Vectori", așa cum ați făcut cu grupul "Text original".
Ce veți face este tăierea și lipirea fiecărei forme de vector într-un singur strat. Faceți acest lucru deschizând unul dintre rânduri și, de exemplu, acesta ar putea fi grupul de rând "SHOW". Clic pe Grey Icon a formei vectoriale a "W" și apăsați Comandă-X, apoi faceți clic pe forma vectorului "S" și apăsați Command-V. Ceea ce ar trebui să ai în formă vectorală a stratului "S" este stratul "S" și "W" și "W" de la partea inferioară nu ar mai avea o formă de vector.
Repetați acest lucru până când fiecare formă de vector se află într-un singur strat pentru fiecare rând, apoi A taia și Pastă forme vectoriale de la fiecare rând în forma vectorială a oricărui rând doriți, creând doar un singur strat final care conține toate formele vectoriale din toate rândurile. În grupul "Calea finală", Șterge toate celelalte straturi din interiorul grupului care are ultima cale și Șterge toate celelalte grupuri de rânduri care sunt goale, de asemenea, astfel încât să rămâneți cu un singur grup cu un strat și o formă de vector.
Din nou, acest lucru pare mai complicat decât este, va trebui doar să încercați să vedeți că nu este atât de rău! Mai jos sunt capturi de ecran progresive ale straturi paleta a ceea ce vorbesc.
Asta e! Sunteți aproape făcută cu Photoshop. Redenumiți ultima formă a vectorului pentru a "text", selectați acea formă de vector și faceți clic pe Fișier> Export> Căi către Illustrator. Atunci pur și simplu Salvați ca un Fișier AI să fie importată în Cinema 4D.
Deschis sus Cinema 4D. Click pe Fișier> Mergeți, apoi selectați Fișier AI ați exportat din Photoshop. Acum ar trebui să aveți căile de text afișate în portul de vizualizare.
În bara de instrumente de sus, țineți-vă Șoarece butonul în jos pe NURBS (arata ca o sfera verde intr-o cutie de tip wireframe) pana cand apar mai multe optiuni, apoi selectati Extrude NURBS.
Nu vă faceți griji, nimic nu s-ar fi întâmplat încă, ar trebui să obțineți pur și simplu unul Extrude NURBS obiect în lista de obiecte scena de sus-dreapta.
Pe același lucru Lista obiectelor panou din partea dreaptă sus a ecranului, Extinde obiectul calea de text făcând clic pe Semnul "+". Acest lucru ar trebui să vă arate toate căile pentru literele individuale. Selectați-le pe toate făcând clic pe cea de sus, apoi Shift-clic în partea de jos, apoi în partea de sus a panoului respectiv Obiect> Conectați.
Un nou obiect de cale ar trebui să apară pe lista de obiecte, ceea ce înseamnă că puteți utiliza Șterge cheie sau backspace la Șterge Photoshop-ul pe care l-ai importat pentru a ține scena ordonată.
Încă pe asta Lista obiectelor panou, Trage noul obiect de cale creat în Extrude NURBS obiect. Acum ar trebui să vă vedeți căile ca text 3D!
Utilizați următoarele setări în atribute panou, care se află sub lista de obiecte. Puteți vedea mai multe fila sau buton la un moment dat (în cazul meu Obiect și Capace) de Command-clic pe ei.
Acest lucru vă va oferi margini frumoase, rotunde pe obiectul text. Prin toate mijloacele, jucați cu setările. Pur și simplu vă arăt cum am făcut-o în cazul meu particular. 100m setarea de mai sus indică adâncimea textului.
Acum vom crea scenă. Din bara de instrumente de sus, la fel ca și în cazul Extrude NURBS , selectați Bezier de la spline opțiuni pentru butoane.
Du-te la o parte viewport. Asigurați-vă că sunteți în continuare pe Instrumentul Bezier, trage o curbă frumos mare pentru a crea profilul scenei. Instrumentul Bezier funcționează în mod similar cu Instrumentul Pen în Photoshop.
Câștigurile vor fi greșite și veți începe din nou curba până când veți fi mulțumiți de ea, știu că am făcut-o. Command-Z la Anula este prietenul tău și în Cinema 4D. Apăsați Enter după ce ați terminat desenarea curbei dvs., pentru a finaliza lucrul cu Instrumentul Bezier și să creați un obiect de cale spline.
Întoarceți-vă la Perspectivă vizualizați, selectați splineul pe care tocmai l-ați creat și Command-C, atunci Command-V la duplicat spline. Apoi, cu Mutați instrumentul, mutați-le pe ambele părți ale textului, creând spațiul a ceea ce va fi etapa. Mergeți la NURBS cum am făcut înainte cu Extrude NURBS, dar de data asta alegeți Loft NURBS. Apoi, ca și înainte, în lista de obiecte din panoul din dreapta, glisați ambele căi spline în Loft NURBS obiect.
După ce trageți splinele în Loft NURBS obiect, atunci ar trebui să vedeți acest rezultat în dvs. viewport.
Acum vom începe să adăugăm lumini la scena noastră. Din nou, folosind bara de instrumente de sus, sub Lumini butonul alege Suprafața luminoasă.
Roti și Scară astfel încât să se îndrepte spre text, la aproximativ 45 de grade. Acest lucru nu trebuie să fie foarte exact, deoarece lumina se schimbă foarte mult chiar și cu setări mici, deci de aici setările pe care le folosesc sunt doar linii directoare și ar trebui să fie modificate și jucate în jurul valorii de pentru a lucra pentru scena dvs..
Un alt lucru pe care aș vrea să-l faceți în acest moment este schimbarea setărilor de umbrire ale dvs. viewport. Click pe Afișaj> Umbrire rapidă (linii). Acest lucru va asigura că vizibilitatea ferestrei de vizualizare nu va fi afectată de luminile din scenă. Făcând acest lucru nu va avea niciun impact asupra randamentului dvs., vă permite doar să vedeți ce faceți mai bine.
Click dreapta pe lumina din lista de obiecte, apoi mergeți la VrayBridge Etichete> VrayLight. Faceți clic pe lumina din lista de obiecte, apoi pe atribute panou de selecție General și VrayLight, astfel încât să obțineți ambele secțiuni deschise.
Mai jos au fost setările mele inițiale pentru lumină, ați putea dori să încercați altele similare de la început. Vrem un sunet ușor cald, deci alegeți o culoare foarte subtilă ca culoare.
Vom configura acum setările noastre de redare. În partea de sus, faceți clic pe Render> Render Settings (sau apăsați Command-B) și sub Rezoluţie alegeți PAL presetat. Sub Efecte opțiune de pe bara laterală a Render Settings, apasă pe Săgeată lângă Efectele postului și faceți clic pe VrayBridge.
Pe VrayBridge setări, faceți clic pe Iluminarea globală (GI). Din presetări, alegeți Calitate medie.
Ar trebui să fim gata să oferim acum, să facem o testare. Clic Render> Render View din partea de sus sau pur și simplu apăsați Shift-R. Ar trebui să obțineți ceva asemănător imaginii de mai jos.
Dacă sunteți mulțumit de asta, să continuăm! Sunt mulțumit de materialul alb implicit pentru text, deci acum este momentul să începeți materialul de scenă. Pe fund veți vedea că acesta este materiale panou. În acest panou, faceți clic pe File> Vray Material atunci Dublu click pictograma materialului pentru a aduce Editorul materialelor fereastră sus.
Click pe Greutatea materialului și utilizați setări similare cu cele afișate mai jos.
căpușă Stratul de luminozitate, faceți clic pe acesta și utilizați aceste setări.
Clic pe Strat difuz și utilizați aceste setări.
Închideți fereastra și trageți materialul fie în obiectul de scenă de pe viewport sau pe lista de obiecte. Din nou, aceste setări sunt doar linii directoare.
Copie și Pastă ta Suprafața luminoasă de două ori, Mișcare și Roti astfel încât aceștia să fie pe fiecare parte a textului, îndreptându-se spre interior și către cel inferior. Inferior intensitatea lor la aproximativ 3-5 sub Vray Light (sau altceva care funcționează pentru scenă). Scena dvs. ar trebui să arate cam așa:
Face scena din nou, și veți obține cel mai probabil un rezultat similar cu imaginea de mai jos. Acest lucru va varia, în mod evident, în funcție de setările dvs..
Dacă imaginea este prea roșie pentru a vă place, Mișcare și Roti lumina de sus, astfel încât să se confrunte cu textul mai direct și să se joace cu intensitatea și alte setări de lumină de sub Vray Light.
Aș putea să vă dau setările exacte pentru luminile din scena mea, dar asta ar fi inutil dacă vă construiți propria scenă, deoarece cel mai probabil va arăta complet diferită pentru scopurile dvs. ... Este într-adevăr o chestiune de a schimba setările, orientarea și dimensiunile luminilor și setările materialelor până când veți vedea rezultatul dorit pentru scena dvs. particulară.
Dacă chiar îți place aspectul exact al imaginii mele finale, am inclus fișierul de scenă Cinema 4D cu această setare pentru a descărca și a te juca cu.
Odată ce sunteți mulțumiți de redarea dvs., Salvați ca un fișier imagine făcând clic Fișier> Salvare imaginea ca " pe Render Window. Aș salva personal ca pe un Fișier TARGA, dar asta depinde de tine.
Deschis sus Photoshop și deschideți imaginea pe care tocmai ați salvat-o, apoi aduceți-o în sus curbe dând clicuri Imagine> Ajustări> Curbe (sau Control-M), apoi creați o formă subtilă făcând clic și trăgând pe linie pentru a conferi imaginii un domeniu de contrast frumos. Salvați imaginea ta.
Renderul pe care l-am folosit aici a fost din fișierul Cinema 4D inclus în acest tutorial așa cum este.
Sper că v-ați bucurat să citiți acest tutorial și că ați dobândit abilități atât în Photoshop, cât și în Cinema 4D și pe care îl veți găsi în fișierul de scenă de studio fie căutați într-un cadru puțin mai profund, fie reciclând scenă pentru proiectele proprii.
Mi-ar plăcea să văd ce faceți cu ajutorul acestor tehnici!
Doriți să creați un efect extraordinar de text 3D ca cel de mai sus? Apoi răsfoiți selecția noastră incredibilă de stiluri de text Photoshop disponibile prin intermediul GraphicRiver. Utilizați aceste acțiuni pentru a transforma instant tipografia în text 3D.
Transformați instantaneu citatele dvs. preferate în text 3D cu aceste stiluri extraordinare de text pentru Photoshop. Acest pachet include 10 fișiere Photoshop cu câte 1 stil strat. Pur și simplu faceți clic pe textul pe care doriți să-l modificați și îl modificați cu Instrumentul de tip. Super ușor de utilizat, puteți juca cu culorile pentru efecte suplimentare.
Accentsconagua