Share
Ce veți creaAcest tutorial a fost publicat inițial în martie 2012 ca 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.
În acest tutorial vom explica cum să creați tipografie "minunată" în stil 3D folosind tehnici ilustrative în Photoshop. Acest tutorial nu utilizează niciun fel de aplicații sau instrumente 3D și se bazează în mare măsură pe o schiță bună, precum și pe capacitatea dvs. de a aplica lumina și umbra corespunzătoare.
Vrei o soluție mai rapidă? Răsfoiți o selecție uimitoare de stiluri Photoshop Layer pe GraphicRiver pentru a crea efecte de text uimitoare în jumătate de timp! Sau încercați să obțineți ajutorul unui profesionist de design de la Envato Studio pentru toate tipurile de nevoi personalizate de tipografie.
Următoarele elemente au fost utilizate în timpul producerii acestui tutorial:
Înainte de a începe, să vorbim puțin despre perspectivă. Uitați-vă la imaginea de mai jos. După cum puteți vedea, unele obiecte sunt vizibile, iar unele sunt ascunse în funcție de punctul de vedere al spectatorului.
În primul caz (vedere laterală), sunt vizibile numai părțile în roșu. Același lucru este valabil și pentru cel de-al doilea caz (vedere de sus). În al treilea caz, există o combinație a primului și a celui de-al doilea caz - cu cât suntem departe, cu atât mai multă perspectivă există. În acest caz, laturile sunt evidențiate în albastru.
Descărcați schița originală pe care să o utilizați ca bază a acestei ilustrații.
În Photoshop, creați un Document nou cu 2500 x 1050 pixeli (RGB, 72 dpi).
Import schița din acest fișier și să creeze patru dosare:
Utilizarea Instrumentul Pen, începeți să desenați literele (în interiorul directorului "3: litere"), urmând aceeași cale a schiței. Utilizare # 978958 pentru a umple literele cu această culoare. Faceți același lucru în toate literele. Fiecare literă trebuie să fie pe un strat separat în interiorul directorului "3: Scrisori".
După desenarea tuturor literelor, va arăta ca imaginea de mai jos:
Acum, să facem căile pentru a crea adâncime. Consultați primul pas în care am explicat diferențele de perspectivă. Pentru a da un sentiment de adâncime, urmați-vă de-a lungul căilor din schiță. De multe ori putem corecta căile schiței atunci când desenați în Photoshop făcând mai multe curbe rotunjite. Utilizați culoarea # 554c2f.
Uneori veți vedea că unele părți se suprapun altor părți. Vedeți exemplul de mai jos, litera "A" în care se află cele două picioare.
Pentru a face una din linii să treacă dedesubt, nu este nevoie să schimbăm poziția stratului; în schimb, trebuie să facem un dosar numit Masca pentru a ascunde piesa liniei care se suprapune celuilalt obiect. Pentru a face acest lucru, grupați ambele straturi ale obiectului care se suprapun liniei (bara transversală) a "A" așa cum se vede în imaginea de mai jos.
După finalizarea acestor pași, vom crea acum o Mască de strat pe acest dosar. Dați clic pe stratul "grup" și apoi pe partea de jos straturi panou, faceți clic pe icoană care este prezentat în etapa 1 (a se vedea mai jos). Rezultatul este un dreptunghi alb din partea dreaptă a dosarului care se numește mască strat (pasul 2).
Următorul pas este să desenați un obiect exact pe căile liniei cu litera "A", așa cum se vede în imaginea de mai jos.
După aceea, în straturi panou, faceți clic pe Comanda pentru a face o Selecţie. Acum faceți clic pe folderul cu Mască de strat (faceți clic exact pe dreptunghiul alb). Păstrează Culoarea primului ca alb #FFFFFF, și cu Mască de strat selectați, apăsați acum Șterge.
Veți vedea că una dintre liniile de pe bara transversală a "A" trece acum deasupra, iar cealaltă linie merge mai jos. Nu uita Șterge stratul temporar care a fost creat pentru a crea masca. Faceți același lucru cu toate literele care se suprapun.
După ce toate căile care se suprapun au fost mascate, imaginea ar trebui să arate astfel (imaginea de mai jos). Luați notă de perspectivă, este același principiu din schița de exemplu pe care am explicat-o în Pasul 1.
În pasul următor, vom face umbre pe părțile mai întunecate pentru a crea mai mult volum. Pentru a face acest lucru, faceți clic pe traseul stratului de exploatație Comanda în caseta gri de pe calea stratului, așa cum se arată în imaginea de mai jos. Acest lucru va face a Selecţie pe cale.
În timp ce păstrați Selecție activă, creeaza o grup și de a crea un Masca folosind Masca pictograma din partea de jos a ferestrei straturi panou (figura 1), apoi creați a Strat nou în interiorul acelui dosar. Seteaza Strat nou la multiplica (figura 2).
Acum, selectați Unealta perie utilizând setările de mai jos cu Opacitate setat la 15%.
Acum treceți peria încet peste capete, unde lumina nu ajunge. Aceste zone sunt, de obicei, sub litere sau la intersecții.
Acum, să schimbăm fundalul la negru. Creeaza o Strat nou în stratul de fundal, după cum se arată mai jos. Selectați Culoare solida și alegeți # 000000.
Acum, literele au un contrast mai mare cu fundalul.
Repetați aceeași procedură pe toate părțile întunecate (căile de adâncime). Vedeți săgețile roșii de mai jos - fiecare dintre ele arată unde trebuie să umbrești. Nu uitați să creați întotdeauna a Grup nou, aplicați masca, și apoi creați un Strat nou și folosiți-o ca atare Multiplica.
După repetarea pașilor 15 și 16 pe toate căile întunecate, imaginea ar trebui să fie așa cum se vede mai jos. Vedeți cercurile roșii.
Acum vom crea un efect de frontieră asupra literelor. Selectează Instrumentul Pen și, deținând Comanda, faceți clic pe calea literei "A". Acum du-te la panoul strat și din nou, ținând Comanda, faceți clic în interiorul părții gri pe stratul traseului. Veți face o Selecţie pe această cale, după cum se vede în imaginea de mai jos.
După ce ați făcut Selecţie, din meniul de sus, mergeți la Selectați> Modificare> Contract.
Contracta de 3 pixeli și faceți clic pe O.K.
În timp ce mențineți selecția, accesați partea de jos a paginii straturi , faceți clic pe pictograma (consultați imaginea de mai jos) și selectați Culoare solida, utilizând # ccbd88 ca si culoarea ta.
După pasul anterior, Dublu click pe stratul de deschis Opțiuni amestecate. Selectați Umbra interioara si foloseste 120 ° pentru unghi, Opacitate 30%, Distanță 5, Dimensiunea 15, și faceți clic pe O.K.
Acum vom crea o grup Masca pentru a lumina marginile literelor. Cu Comanda, faceți clic pe cea mai ușoară parte a scrisorii. Apoi, pe straturi panou, faceți clic pe grup pentru a crea un dosar deasupra stratului.
Cu stratul de grup selectat anterior, faceți clic pe Masca (de mai jos) pentru a adăuga o mască în acest dosar. Toate obiectele din acest dosar vor fi în interiorul măștii.
Creați două straturi în interiorul acestui dosar. Unul va fi folosit pentru luminozitate, celălalt pentru umbre. Trebuie să știți că lumina de obicei vine de sus în jos. Acum știți acest lucru, selectați instrumentul perie și cu culoarea albă și 30% opacitate, pictați cu grijă capetele, așa cum se arată în imaginea de mai jos. Același lucru trebuie făcut și pentru umbrele de pe "stratul de umbră", dar folosind # 000000 (negru), cu 30% opacitate.
Ar trebui să faceți aceeași procedură la toate capetele tuturor literelor. Imaginea ar trebui să arate astfel:
Următorul pas este să separați literele folosind umbra dintre ele. Dar, în loc să ștergeți, veți crea un a grup și adăugați a Masca folosind Selecţie.
Acum, în interiorul acestui dosar cu masca, creați un Strat nou la fel de Multiplica. Utilizarea Unealta perie cu culoarea # 000000 (negru) și 20% opacitate, cu vopsea cu atenție sub linia (bara transversală) a "A" care se află pe primul plan.
Repetați aceeași procedură cu toate literele. Vedeți imaginea de mai jos, unde ar trebui să faceți umbrele.
Schimba Culoare de fundal asta a fost # 000000 (negru) înainte de a # 192607.
Deschis Adobe Illustrator și de a crea un Document nou la 2500 x 1050 px. Utilizarea Instrumentul dreptunghiului (a se vedea imaginea de mai jos), faceți un dreptunghi cu culoarea # 192607.
Creeaza o Linia diagonală (greutatea cursei: 1) cu culoarea # C4B488 și Duplicat această linie până când acoperă întregul dreptunghi verde. Următor →, Selectează tot linii și Duplicat, atunci Reflect (orizontal). Va arata ca o grilă.
Acum, creați cercuri mai mici pe intersecții și cercuri mai mari pe mijlocul intersecțiilor liniei. Utilizați culoarea # C4B488.
Selectați grila și cercurile și grup fără dreptunghiul verde pe fundal.
Copie vectorii de la Illustrator și Pastă ei în Photoshop în interiorul directorului "1: Background" așa cum se arată mai jos.
Redenumiți layer-ul la "Grid", Duplicat și pe stratul de mai jos, aplicați "blurul gaussian" folosind 7, 8 dupa cum Rază.
Aplicați a Masca pe acest strat care are "blurul Gaussian", și folosind Radial Gradient, faceți clic pe centrul de sus al imaginii și trageți-l în colțul din dreapta, după cum se arată în imaginea de mai jos. Este important ca culoarea # 000000 (negru) este culoarea principală. Veți observa că numai laturile sunt acum neclare, lăsând centrul mai clar.
Creeaza o Strat nou și folosiți-l ca pe un Multiplica strat. Cu instrumentul Radial Gradient și (Inversa) selectați, trageți de la centru spre dreapta, după cum se arată în imaginea de mai jos. Aceasta va ascunde partea neclară în centrul imaginii.
Utilizarea Instrumentul Ellipse cu #FFFFFF (alb), faceți o elipsă pe vârful / centrul imaginii. Vedeți poziția de mai jos:
Selectați elipsa și accesați meniul de sus Filtru> Blur> Gaussian Blur, si foloseste 200 pentru Rază.
Setați acest strat la Acoperire.
Duplicat dosarul "3: Scrisori".
După, Aplatiza imaginea după cum se arată în imaginea de mai jos:
Dublu click pe stratul (care a fost aplatizat) să se deschidă Opțiuni amestecate.
Selectați Suprapunere de culori pe partea stângă și utilizați # 000000 (negru).
Redenumiți-l la "shadow1" și trageți-l în dosarul "2: umbre". Stratul trebuie să fie ceva mai jos de text, după cum se arată în imaginea de mai jos:
În stratul "shadow1", accesați meniul de sus Filtru> Blur> Blur gaussian si foloseste 4 dupa cum Rază.
Dupa aceea, Duplicat acest strat.
În stratul "shadow2", accesați meniul de sus Filtru> Blur> Blur gaussian si foloseste 40 dupa cum Rază.
Repetați acești pași și glisați în dosarul "4: străluciți".
Creeaza o Grup nou și aplicați a Mască de strat. Ascunde stratul de mai jos. Creeaza o Strat nou în dosarul pe care l-ați creat.
Creeaza o Strat nou în interiorul acestui dosar și îl utilizați ca Acoperire. Selectează Instrumentul cu perie cu culoare #FFFFFF (alb), 15% opacitate, și vopsiți cu atenție literele de sus până când aceste litere devin mai clare.
Iată imaginea finală de mai jos!
Scurt la timp? Încă puteți realiza efecte de text uimitoare în jumătate de timp doar prin utilizarea uneia dintre incredibilele noastre acțiuni de efecte text disponibile prin GraphicRiver. Utilizați aceste acțiuni pentru a crea efecte mintale și verificați unul dintre preferințele noastre de mai jos!
Generează efecte interesante de text cinematic cu această acțiune Photoshop răutăcioasă. Acest pachet vine complet cu cinci acțiuni diferite și șase direcții pe care le puteți alege pentru efectul 3D. Personalizați aceste efecte cu ușurință cu fișiere simple și cu straturi organizate.
Accentsconagua