Creați o tipografie elegantă, sticloasă, 3D în Photoshop și Illustrator

În tutorialul de astăzi, vom demonstra modul în care puteți crea o tipografie elegantă, sticloasă 3D folosind Photoshop și Illustrator. Pentru acest proiect, am folosit logo-ul companiei. Simțiți-vă liber să aplicați acest efect asupra oricărui logo, text sau formă. Să începem!


Pasul 1

Deschideți fișierul "LOGO.fh11" din fișierul de descărcare cu Illustrator sau deschideți-vă propriul. Pagina de import: 1 din 1, mod color: RGB.


Pasul 2

După cum puteți vedea că mi-am importat sigla, cu un gradient anterior grayscale deja aplicat. Puteți configura un gradient similar folosind setările de mai jos.


Pasul 3

Este foarte important să nu uitați să utilizați panoul Layer. Am inclus logo-ul pe "LOGO FRONT A" și sloganul la "SLOGAN FRONT A".


Pasul 4

Inserați 2 straturi noi, prin panoul de strat> duplicat și redenumiți-le la "LOGO FRONT B"
și "SLOGAN FRONT B".


Pasul 5

Duplicați logo-ul și sloganul. Pentru a insera cele două elemente duplicat în noul strat, trebuie doar să selectați elementul duplicat și să faceți clic pe stratul nou creat. Am plasat cele două straturi noi în panoul stratului și le tragem sub stratul "FRONT A".


Pasul 6

Deschideți panoul Transformare. Selectați toate cele 4 elemente și aplicați o distorsiune de 17 grade.


Pasul 7

Apoi, aplicați o rotație de 17 grade.


Pasul 8

Ascundeți straturile "FRONT A" din panoul stratului.


Pasul 9

Selectați LOGO FRONT B și schimbați umplutura de la gradient la culoarea solidă.


Pasul 10

Ștergeți cursorul făcând clic pe pictograma cursă.


Pasul 11

Aplicați o culoare solidă pentru stratul SLOGAN FRONT B.


Pasul 12

Selectați LOGO FRONT B și SLOGAN FRONT B, atribuiți cele două elemente, culoarea RGB: 77-77-77 Duplicați elementele și deplasați-le folosind panoul Transformare cu următoarele setări: X: 50, Y: +29 după aceea, aplicați RGB culoare: 139-142-141.


Pasul 13

În această etapă, aplicați un amestec așa cum se arată. Pentru a face acest lucru, setați opțiunile de amestecare: Object> Blend> Blend Options, valoarea pasului specificată: 50. Și apoi selectați cele două logouri și aplicați un efect de amestec făcând clic pe Object> Blend> Make. Apoi, trebuie să aplicăm și efectul de amestec pe slogan.


Pasul 14

După crearea combinației, ștergeți straturile duplicate.


Pasul 15

Reactivați cele două straturi "LOGO FRONT A și SLOGAN FRONT A și pregătiți totul pentru a crea fișierul pentru Photoshop.


Pasul 16

Selectați unul câte unul toate elementele scenei în ordinea straturilor, le tăiați și le lipiți într-un nou document Photoshop de 1200x1200px, nu uitați să redenumiți stratul lipit în Photoshop, cu același nume dat Illustratorului. Procedura este foarte simplă, necesită foarte puține minute, toate nivelele individuale pot fi lipite sau ca obiecte inteligente sau imagini raster.


Pasul 17

Odată ce ați lipit toate straturile individuale, copiați și lipiți împreună toate straturile care alcătuiesc logo-ul în Illustartor, redenumiți "RIF". Plasați acest strat sub toate celelalte niveluri. Acest strat special va servi drept referință pentru alinierea corectă a componentelor individuale importate separat de mai sus.


Pasul 18

Pentru a face această sarcină mai ușoară, activați snap-ul pentru a vizualiza View> Snap și poziționați straturile unul câte unul.


Pasul 19

Odată terminată, ștergeți stratul RIF și continuați cu partea reflectată a logo-ului.


Pasul 20

Pentru a crea partea reflectată a logo-ului, deschidem, în Illustrator, fișierul
"LOGO REFLECTED.fh11"
Reflectând logo-ul folosind Object> Transform> Reflect prin introducerea unei valori verticale de 180 °.
Redenumiți straturile (LOGO FRONT A_R - SLOGAN FRONT A_R) și
(LOGO FRONT B_R - SLOGAN FRONT B_R)
Repetăm ​​toți pașii făcuți de la 1 la 19, pentru a obține partea reflectată a logo-ului în Photoshop.


Pasul 21

Odată ce ați finalizat toți pașii de mai sus, imaginea dvs. ar trebui să arate similară imaginii de mai jos. Asigurați-vă că straturile dvs. arată similar cu cele de mai jos.


Pasul 22

Trageți straturile părții reflectate a logo-ului și plasați-le sub siglă. Așezați corect o parte a oglinzii în scena cu ajutorul instrumentului de deplasare.


Pasul 23

Centrează toate elementele din scenă.


Pasul 24

Creați un nou strat, accesând Layer> New Layer, redenumiți-l "GRADIENT BASE" aplicați o culoare albă de umplere și aplicați un gradient radial folosind un stil de strat, parametrii sunt de mai jos.


Pasul 25

Dați LOGO FRONT A un stil de strat cu Inner Glow + Bevel și Emboss.


Pasul 26

Copiați stilul pe care tocmai l-ați creat și îl lipiți:
SLOGAN FRONT A
LOGO FRONT A_R
SLOGAN FRONT A_R


Pasul 27

Dați LOGO FRONT B, un stil de strat cu acești parametri.


Pasul 28

Copiați și lipiți stilul pe care tocmai l-ați creat, pe stratul LOGO FRONT B_R.


Pasul 29

Copiați și lipiți stilul stratului pe care tocmai l-ați creat și pe stratul LOGO FRONT B_R și SLOGAN FRONT B_R Doar la nivelul SLOGAN FRONT B, trebuie să modificați, în panoul Satin, Valoarea distanței de la 127 la 30. Și dezactivați suprapunerea Gradient numai pe SLOGAN FRONT B_R și LOGO FRONT B_R.


Pasul 30

Adăugați o mască de strat în straturile LOGO FRONT A_R și LOGO FRONT B_R, făcând clic pe
icoanele adaugă masca vectorială.


Pasul 31

Cu instrumentul Gradient (G) trebuie să creăm un gradient pe stratul de mască cu un unghi de aproximativ 15 grade. Dar, mai întâi, trebuie să editați tipul de gradient folosit, faceți clic pe bara de gradienți. Vom folosi modelul clasic alb-negru, multiplicat.


Pasul 32

Efectul mascului, în stratul LOGO FRONT B_R trebuie să fie mai puternic, în comparație cu masca LOGO FRONT A_R. Deoarece primul, mai bine ascunde părțile mai întunecate, în timp ce al doilea arată o reflectare mai puțin a părților luminoase ale logo-ului. Pentru a îmbunătăți rezultatul celor două straturi, modificați opacitatea la 55% și 70%.


Pasul 33

Am setat opacitatea în stratul SLOGAN FRONT B_R la 40%, iar nivelul SLOGAN FRONT A_R
la 75%. Pentru a rezolva transparența suprapusă, între SLOGAN B_R FRONT și
LOGO FRONT B_R, selectați stratul SLOGAN FRONT B_R activați selecția prin
Selectați> Încărcare selecție și lăsați Ok.


Pasul 34

Selectați masca stratului LOGO FRONT B_R și aplicați o culoare negru.


Pasul 35

Pentru a crea umbra, încărcați selecția stratului SLOGAN FRONT B prin Selectare> Selecție, creați un nou strat prin strat> strat nou și renumați-l "SHADOWS". Culoarea selecției este neagră. Stratul de umbre creat este poziționat între LOGO FRONT A_R și SLOGAN FRONT A_R, cu instrumentul de mișcare, coborâți puțin pentru al face vizibil.


Pasul 36

Creați o selecție utilizând instrumentul Lasso, cu unghiul de înclinare al logo-ului,
după acest pas ștergeți umbra care nu este necesară.


Pasul 37

Aplicați un efect Gaussian Blur cu o valoare Radius de 4 pixeli.


Pasul 38

Schimbați opacitatea acestui strat la 75%.
Acum, trebuie doar să creați un nou strat, să îl redenumiți "LUMINA", Plasați-l pe toate straturile.
Luăm o unealtă cu perie cu o rază de pixel, tragem cu ajutorul tastei shift, bine definită
linii drepte în toate părțile ascuțite ale logo-ului și textul sloganului. Acest pas produce un realist
efectul de sticlă asupra logo-ului.


Imagine finală