Share
În tutorialul de astăzi vom demonstra cum să creăm tipografie 3D lucioasă folosind Illustrator și Photoshop. Să începem!
Creați efecte de text minunate cu stiluri de strat 3D din Envato Market.
Deschideți Illustrator și creați un nou RGB document, 1000 x 800 pixeli, 72 DPI, și scrie textul într-un font frumos mare. Am folosit-o Marketing Script size 234pt.
Apoi, cu textul selectat, mergeți la Obiect> Extindeți, și a lovit ok pe fereastra pop-up. Textul nostru nu mai poate fi editat ca text, ci este o serie de căi pe care le putem edita cu ajutorul instrumentului de selecție directă.
În prezent, scrisorile noastre sunt obiecte separate grupate împreună, vrem să fie o singură cale compusă. Putem face acest lucru folosind butonul Unite pe paleta Pathfinder. Dacă nu vedeți Pathfinder Palette, mergeți la Window> Pathfinder pentru ao arăta, iar cu căile noastre selectate, faceți clic pe Unite.
Cu Instrument Pen (P) selectați, trageți o nouă cale începând cu ultima mișcare a ultimei litere s și rotiți-o în jos sub tipul nostru. De asemenea, am schimbat culoarea textului într-o culoare mai deschisă, astfel încât să văd ce fac mai bine.
Schimba Greutatea accidentală din noua noastră cale spre o dimensiune care se potrivește cu lățimea căii de text pe care o va uni. În cazul meu Greutatea accidentală este 12pt.
Duplicat această cale prin glisarea miniaturii grupului (în paleta de straturi) la Strat nou buton. Opriți acest duplicat făcând clic pe "ochi" de lângă miniatură de grup din Paleta straturilor. Facem acest lucru pentru că oriunde elementele noastre se suprapun, avem nevoie de ele pe straturi separate în Photoshop pentru că adăugăm umbre.
Cu Instrumentul de selecție directă (A) selectați cele două puncte de ancorare din partea dreaptă de jos a căii noastre, apăsați Șterge și denumiți acest grup "vârtej 1".
Întoarceți acest grup "Vârtej 1" și activați duplicatul pe care l-am făcut, denumiți-l "turnați 2" și ștergeți următoarele Puncte de ancorare. Facem acest lucru pentru că atunci când extindem formele noastre în 3D, nu vrem să ne intersectăm căile, vrem să trecem în fața celuilalt.
Schimbați toate grupurile noastre acum și ar trebui să aveți calea originală completă, doar că este împărțită pe două grupuri diferite. Cu ambele grupuri selectate, mergeți la Obiect> Extindeți, și apăsați O.K pe fereastra pop-up. Acum vrem să ne facem un pic mai interesant prin ajustarea lățimii în anumite locuri. Pentru a face acest lucru, vom mări și vom deplasa manual unele puncte Anchor.
Acum, măriți până la sfârșitul vârtejului nostru și adăugați două puncte de ancorare, după cum se arată mai jos, apoi le mișcați ușor în sus și spre dreapta.
Acum cu Convertizor Tool Point Anchor (Shift + C), ajustați cele două ancore noi pentru a rotunji colțurile.
În continuare trebuie să ordonăm zona în care textul nostru să se alăture vârtejului nostru. Apropiați zona respectivă și reglați traiectoria de turbionare astfel încât aceasta să curgă bine din text
OK, înainte de noi împinge afară această formă, aceasta este ultima ta șansă de a vă ajusta vârtejul, deci acum este momentul pentru a face orice tweaks finală, merită petrecut timpul aici pentru a obține linia dvs. de lucru doar dreapta. Când sunteți mulțumit de designul dvs., schimbați-vă obiectul astfel încât să fie aceeași culoare, o culoare gri, apoi cu toate selectate du-te la Efect> 3D> Extrude & Bevel.
Apoi, cu toate obiectele selectate, mergeți la Obiect> Extindeți aspectul.
Veți observa că, în unele zone, obiectele noastre nu se potrivesc destul de bine așa cum ar fi trebuit, repoziționăm-le puțin acum, dar nu veți reuși să le obțineți perfecte, care va face un pic de editare a traseului, vom face că într-un moment.
Acum dezactivați cele două straturi de vârtej, deci rămâneți cu textul. Selectați textul și Faceți clic dreapta> Ungroup, apoi încă o dată, Faceți clic dreapta> Ungroup. Acum, selectați suprafața frontală a textului nostru și dezactivați acest strat. Ar trebui să rămâi acum cu elementele 3D mai întunecate.
Faceți clic și trageți pentru a selecta toate aceste elemente rămase, apoi faceți clic pe butonul Unite în paleta Pathfinder și denumiți acest grup "3d 1". Dacă nu vedeți deschizător de drumuri paletă, du-te la Fereastră> Pathfinder. Unirea acestor obiecte le unește pe toate ca pe o cale compusă; ar trebui să scape de acele mici linii albe. Repetați acest proces pentru cele două elemente care alcătuiesc vârtejul, denumind apoi "3d 2" și "3d 3".
Ar trebui să aveți acum șase grupuri -
"text", "3d 1", "vârtej 1", "3d 2", "vârtej 2" și "3d 3"
Înainte de a exporta acest fișier în Photoshop, trebuie doar să curățăm linia de lucru în jurul căreia textul nostru se întâlnește cu "swirl 1". Faceți zoom în zona respectivă cu Instrumentul de selecție directă (A), editați punctele de ancorare și mânerele lor pentru a face cele două să se alăture împreună.
Acum suntem gata să exporăm acest fișier în Photoshop ca pe un Layered PSD. Pentru a face acest lucru du-te la Fișier> Exportați și asigurați-vă că selectați Photoshop ca Format.
Deschideți fișierul exportat în Photoshop și mergeți Imagine> Dimensiunea canvasului și intră 3000 x 2000px și apăsați O.K. Redimensionați straturile noastre (Control-T) în timp ce țineți Alt + Shift, a le face o dimensiune confortabilă în document.
Denumiți și aranjați straturile dvs. după cum urmează, așa că avem trei straturi "de bază" (acestea sunt straturile gri deschis care alcătuiesc fața frontală a obiectului nostru) și trei straturi "3d" (elementele 3D gri mai închise).
Acum grupați (Control-G) cele trei perechi de straturi în grupuri individuale numite "1" "2" și "3", astfel încât "1" conține straturile noastre de text ("baza 1" și "3d 1"), 3d 2 "și" 3 "conține" baza 3 "și" 3d 3 ".
Creați un nou strat și plasați-l sub grupul "3", denumiți-l "bg" (pentru fundal) și completați-l cu alb. Apoi creați un nou strat deasupra "bg" și denumiți-l "bg2". Setați culoarea primului la gri # 767676 și selectați Instrument de gradient (G). Alege un în prim plan la un gradient transparent și trageți gradientul nostru din partea de sus a documentului până la mijloc și setați transparența stratului până la 30%.
Creați un strat nou deasupra "bg 2" și denumiți-l "bg 3". Selectați instrumentul de gradient și apăsați D pentru a seta culorile noastre din prim-plan și fundal la alb-negru. Cu un gradient de fundal în fundal selectat, desenați un nou gradient în partea de jos a documentului nostru și schimbați stratul 10% opacitate. grup aceste trei straturi noi și denumirea grupului "fundal".
Acum, selectați stratul "de bază 1" și aplicați a Gradient Style Overlay Layer (Strat> Strat de strat> Suprapunere gradient) folosind culori # c81d61 și # d3347b.
Click dreapta pe stratul "bază 1" și selectați Stilul stratului de copiere. Acum, selectați "baza 2" și Control-clic pe "baza 3", deci avem ambele straturi selectate, apoi faceți clic dreapta pe cele două și selectați Lipiți stilul stratului. Dublu click pe stilul stratului din "baza 3" pentru a deschide Paleta de straturi și pentru a inversa gradientul.
Acum vom adăuga un stil de strat suprapus de culoare în toate straturile noastre "3d". Selectați "3d 1" și aplicați a Suprapunere de culori (Strat> Stil strat> Suprapunere color) și de a folosi culoarea # 797979. Apoi copiați acest lucru Stratul de stil (Faceți clic dreapta> Copiere stil strat) și apoi Pastă la "3d 2" și "3d 3".
Acum creați un nou strat în cadrul grupului "1" și numiți-l "străluciți". Straturile noastre ar trebui să arate așa.
Setați culoarea albă în culoarea primului ecran, selectați un gradient transparent în prim-plan și trageți acest gradient de la mijlocul documentului până la partea de sus a textului.
Control-clic pe miniatura de strat "bază 1" (aceasta va încărca o selecție pe baza acelui strat) apoi mergeți la Selectați> Modificare> Contract si foloseste 2px ca suma.
Setați acest strat "strălucire" 30% opacitate, apoi cu această selecție activă și cu stratul de "strălucire" selectat, faceți clic pe Adăugați masca straturilor buton situat în partea de jos a paletei Straturi.
Acum cu Mască de strat selectată și culoarea din prim-plan setată la negru, luați o pensulă de dimensiuni medii, tari și mascați mai mult din stratul de "strălucire".
Creați un nou strat numit "strălucire" și plasați-l în grupul "2" și trageți un alt gradient alb spre transparent, de data aceasta în direcție diagonală.
Control-clic pe miniatura de strat a "bazei 2" (pentru a încărca o selecție bazată pe acest strat) Control-Shift-clic pe miniatura de strat a "bazei 3" (aceasta va adăuga o selecție a "bazei 3" la selecția noastră curentă). Încă o dată trebuie să contractăm această selecție 2px, facem asta prin a merge Selectați> Modificare> Contract> 2px. Cu noul layer de "strălucire" selectat, faceți clic pe Adăugare Mască de strat butonul din partea de jos a paletei Straturi din nou pentru a aplica selecția noastră ca o mască. Ar trebui să aveți ceva de genul asta.
Transformați acest nou strat "strălucire" până la 50% opacitate și apoi cu o varietate de pensule tari și moi tăiate, vom masca mai mult din acest strat.
Creați un grup nou în cadrul grupului "1", denumiți-l "umbrire 3D" și plasați-l deasupra stratului "3d 1" și de mai jos "baza 1". Acum Control-clic pe thumbnail-ul layer-ului "3d 1" și faceți clic pe Adăugați masca straturilor pentru a aplica selecția grupului nou ca mască.
Creați un nou strat în interiorul acestui grup nou și denumiți-l "umbrirea 1", apoi cu o perie moale mică setată la 80% negru, umbra în orice zonă care ar fi în umbră în funcție de sursa de lumină.
Apoi setați stratul Mod amestec la Suprapunere, opacitate de 50%.
Creați un nou strat peste "umbra 1" și numiți-l "umbrire 2", apoi cu o perie moale mică setată pe alb și 50% opacitate, vopsiți toate zonele care ar fi aprinse de sursa noastră de lumină.
Setați "umbrirea 2" la 50% opacitate cu Mod amestec - Suprapunere.
Creați un nou strat în acest grup și denumiți "umbra 3". Apoi, cu o perie neagră mică și moale 100% opacitate, vopsiți mai mult umbra în zonele mici din partea de jos a textului, care nu ar primi nici o lumină.
Acum vom repeta acest proces pentru grupul "2". În cadrul grupului "2", creați un nou grup deasupra "3d 2" și dedesubt "baza 2", denumiți-o "umbra 3d" 2, apoi Control-clic pe miniatură de "3d 2" și se aplică această selecție ca o mască la "umbra 3D 3". Apoi, creați un nou strat numit "umbrirea 1" în cadrul acestui grup și cu o vopsea de perie neagră, de dimensiuni medii, de culoare neagră, într-o anumită umbră. În cele din urmă, schimbați Mod amestec la Acoperire.
Creați un nou strat în acest grup și numiți-l "umbrire 2". Cu o perie medie, moale, albă, pictați un colț al colțului din stânga și schimbați stratul Mod amestec la Acoperire.
Acum vom face același lucru pentru grupul "3". Creați un nou grup numit "umbra 3d" 3 și plasați-l în grupul "3" între straturile "baza 3" și "3d 3". Control-clic pe stratul "3d 3" și aplicați selecția ca o mască la "umbra 3d" 3. Creați un nou strat numit "umbrire 1" în acest nou dosar și setați Mod amestec la Acoperire. Cu o perie neagră mare vopsea o umbră de-a lungul marginii de jos.
Creați un nou strat numit "umbrire 2" și cu o pensulă albă mare pictură un accent, după cum urmează.
Schimbați Mod amestec la Acoperire.
OK, în acest stadiu, așa ar trebui să arate imaginea și straturile dvs..
Acum mergeți înapoi la grupul "1" și duplicați "baza 1" trăgând-o în Strat nou butonul din partea inferioară a paletei de straturi.
Deschide Styles de strat fereastră pentru acest strat duplicat făcând dublu clic pe Gradient Overlay Effect. În fereastra Layer Style, debifați Gradient Overlay și adăugați un Shadow Inner cu următoarele setări.
Click dreapta despre efectul propriu-zis în Paleta de straturi și mergeți la Creați un strat. Acest lucru va separa efectul de strat, astfel încât va înceta să fie un stil de strat și va fi o imagine pixel pe un strat propriu. Denumiți acest strat "evidențiați 1."
Acum puteți șterge stratul "bază 1 copie". Îndepărtați "evidențiați 1" 1px stânga apăsând tasta săgeată stânga, apoi Control-clic pe miniatură a "bazei 1" și aplicați acea selecție pentru a "evidenția 1" ca o mască de strat apăsând pe Adăugați masca straturilor butonul din partea inferioară a butonului straturi paletă.
Cu masca stratului în loc, îndemn stratul 1px sus si 2px stânga folosind tastele săgeată. Aceasta este pentru a poziționa punctul de atracție chiar peste colțul literelor noastre - de unde se va reflecta lumina. Ar trebui să aveți ceva de genul asta.
grup stratul "evidențiați 1" (Control-G) și denumiți grupul "evidențiere". Dați grupului a Mască de strat dând clic pe butonul Layer Mask. Am putea lucra la masca stratului "highlight 1", dar în acest fel va fi mai ușor să corectezi erorile și să ajustezi masca.
Cu masca stratului selectată, folosiți o perie neagră, moale, mascată, din zonele cu evidențiere. Mascați toate zonele care nu se află pe marginea superioară stângă. Iată cum ar trebui să arate.
Repetați ultimul pas pentru grupurile "2" și "3" - duplicarea straturilor "de bază", aplicarea Inner Shadow, apoi crearea unui strat din stil, apoi mascarea acestuia.
OK, ajungem acolo, acum vrem să adăugăm și alte culori. Creați un nou dosar chiar în partea superioară a tuturor straturilor / grupurilor noastre și denumiți-o "suprapunere de culoare". Creați un nou strat în cadrul acestui nou grup și numiți-l "suprapunere 1". Setați culoarea primului la # 7c21c8 și selectați Instrument de gradient (G) cu un accent primar la un gradient transparent, circular. Adăugați un gradient radial mare în colțul din dreapta jos, apoi setați stratul Mod amestec la Culoare.
Acum creați un nou strat numit "suprapunere 2" și desenați un alt gradient în colțul din dreapta sus cu culoarea # fee409. Comutați din nou Mod amestec la Culoare.
Acum dorim să încărcăm o selecție care include toate straturile noastre "de bază". Facem asta prin Control-clic pe "baza 1", Control-Shift-clic pe "baza 2" și Control-Shift-clic pe "baza 3".
Aplicați acum această selecție ca mască de strat pentru grupul "suprapunere de culoare" făcând clic pe butonul Adăugați o mască de strat.
Acum vom adăuga culoarea straturilor "3d". Creați un nou strat în cadrul grupului "1", denumiți noul layer "color 1" și plasați-l direct deasupra grupului "3d umbrire 1". Selectează Gradient Tool și să creați un gradient cu trei culori folosind culorile # a53c3d, # c52366 și # b22d9d. Pe noul strat, trageți un gradient liniar pe toată lungimea imaginii noastre și schimbați culoarea "1" Mod amestec la Culoare.
Acum vrem să mascăm acest nou strat de gradient sub forma straturilor noastre "3d", minus forma unor straturi "de bază". Aceasta poate părea o serie complexă de clicuri, dar este necesară pentru a obține selecția potrivită, deci este important să urmați corect aceste clicuri și să rețineți că trebuie să dați clic pe miniaturile de strat, nu pe întregul strat.
Mai întâi, Cmd / Ctrl + faceți clic pe "3d 3", apoi Cmd / Ctrl + alt clic pe "baza 2", Cmd / Ctrl + Shift faceți clic pe "3d 2", apoi Cmd / 3d 1 ", în cele din urmă Cmd / Ctrl + Alt-faceți clic pe" baza 1 ". Când aveți selecția, aplicați-o ca o mască de strat pentru a "color 1".
Apoi, creați un nou strat în interiorul și în partea de sus a grupului "2" și numiți-l "umbra". Control-clic miniaturile "bazei 2" și Control-Shift-clic miniatură de "3d 2" și se aplică această selecție ca o mască la "umbra" strat. Pe acest strat, cu o perie medie, moale, setată la 30% opacitate negru, vopsiți într-o umbră mică, în care vârful vârtejului nostru dispare în spatele textului. Aceasta va crea iluzia distanței dintre aceste două elemente.
Acum trebuie să facem același lucru mai departe în josul turbulei, unde se suprapune. Creați un nou strat în interiorul și în partea de sus a grupului "3" și denumiți-l "umbra 2". Control-clic miniatură a "bazei 3" Control-Shift-clic miniatură de "3d 3" pentru a încărca selecția și apoi aplicați-o ca o mască pentru a "umbra 2". Cu o perie moale, perie moale 30% negru, vopsiți într-o mică umbră pe vârtejul care este dedesubt.
OK, tocmai am terminat acum, doar o mică umbră și o reflecție lăsată de adăugat. Dacă vă restrângeți toate dosarele acum, ar trebui să aveți la dispoziție cinci grupuri principale. Selectați toate acestea în afară de "fundal" și trageți-le la Strat nou pentru a le duplica. Cu toate folderele duplicate selectate lovit Control-E pentru a le îmbina într-un singur strat, denumiți acest strat "reflecție". Transformare libera acest strat (Control-T) atunci clic dreapta> Flip Vertical. Mutați acest strat în jos pe pagină și adăugați o mască de strat.
Cu culoarea alb-negru și culoarea de fundal, trageți un fundal liniar în fundal pe fundal, de pe fundul reflecției dvs. spre partea de sus, apoi treceți stratul Opacitate până la 10%.
În cele din urmă, creați un nou strat, chiar deasupra grupului nostru de fundal și numiți-l "umbra". Cu culoarea neagră ca prim plan, selectați Instrument de gradient (G) alegeți un gradient radial și trageți un prim front mare spre un gradient transparent în mijlocul imaginii noastre.
Transformați gratuit acest strat (Control-T) și trageți-l cu ancorele de sus și de jos pentru a reduce înălțimea, după cum se arată
Înainte de eliberarea Transformare libera, faceți clic dreapta și selectați Perspectivă. Trageți ancora din dreapta sus spre stânga (stânga oglindă) și apăsați înapoi.
Întoarceți stratul Opacitate până la 30% si asta e!
Dragoste efecte 3D? Apoi, verificați selecția noastră premium de stiluri 3D Layer de la Envato Market.
Actualizați-vă tipografia cu un text 3D uimitor! Acest pachet de stiluri de straturi originale include 10 fișiere Photoshop care sunt împărțite în două straturi de text. Actualizați cu ușurință textul cu oricare dintre propriile dvs. pentru a insera în desenele dvs. astăzi!
Accentsconagua