Share
În acest tutorial vom proiecta un efect de text retro, care devine din ce în ce mai popular în designul de astăzi. Astăzi veți învăța cum să utilizați instrumentul Perspectivă pentru a crea adâncimea și modul în care designerii pot utiliza gradienți implicit în moduri neobișnuite!
Înainte de a începe, să aruncăm o privire la imaginea pe care o vom crea.
Editorul nostru video Gavin Steele a creat acest tutorial video pentru a completa acest tutorial text + imagine.
Înainte de a începe, va trebui să descărcați fontul Sega de la dafont și să îl instalați. Instalarea este destul de simplă, în panoul de configurare puteți găsi un dosar numit Fonturi, pur și simplu lipiți fișierul acolo și apoi ardeți Photoshop.
Primul pas este simplu. Umpleți stratul original cu negru și redenumiți-l la "fundal". Introduceți textul dorit, de preferință ceva mai mult sau mai puțin păstrat, după cum se arată mai jos. Asigurați-vă că textul este ajustat spre stânga. În acest moment trebuie să aveți un strat cu culoarea de fundal și un alt strat cu textul. În exemplul meu, am folosit textul de 100pt pt PSD parte și 72pt text pentru tuts parte pentru a face lățimea meciului.
Acum, să modificăm puțin textul. Deschideți paleta de caractere pentru aceasta (Fereastră> Caracter). Câmpul de sub dimensiunea textului vă permite să setați kerningul între caractere. Kerning determină distanța dintre două caractere una față de cealaltă. Deci, când selectați instrumentul Tip și îl puneți între două caractere, puteți ajusta distanța dintre aceste două caractere.
Mai întâi, să schimbăm culoarea textului în # e59710. Aceasta este o culoare de bază bună atunci când vă îndreptați spre aur, atunci ne putem întinde textul folosind fie Free Transform (Command + T), fie modificând dimensiunea caracterului. După ce a suflat textul, rândul meu de sus al textului are o dimensiune de 280pt, iar cel de jos are o dimensiune de 194,4pt.
Acum putem face kerning-ul real. După ce ați selectat instrumentul Tip, plasați cursorul între P si S, și am setat kerning -55. În acest fel, avem o legătură destul de frumoasă între cele două personaje. Apoi plasați cursorul între S si D, setați kerningul la -40.
Acum, să modelăm textul. Gândiți-vă la asta pentru o secundă; dorim ca textul de aur frumos, cu o margine distinctă și un aspect 3D ușor înclinat. Deci, va trebui să folosim teșitura pentru a obține adâncime pe exterior, un pic de umbră interioară pentru adâncime pe interior și un gradient pentru evidențiază.
Acum, pentru a accentua înclinarea, vom folosi o strălucire interioară. În timp ce sub capturile de ecran sunt plasate în ordine descrescătoare în funcție de interfața Photoshop. Eu voi începe, în general, prin adăugarea în primul rând a gradientului, apoi înclinarea, apoi strălucirea și umbrele.
E timpul să ne facem perspectiva! Mai intai va trebui sa rasterizezi stratul. Deci, duplicați stratul de text (păstrați întotdeauna un duplicat editabil al unui strat de text! ALWAYS!) Și apoi adăugați un alt strat pe partea de sus a duplicatului. Acum, selectați textul duplicat și stratul gol acum, apoi îmbinați-l utilizând Command + E. Spre deosebire de rasterizarea unui strat prin fila Layer (Layer) din partea de sus a ecranului, această metodă va rasteriza și stilul stratului.
În acest caz, este un lucru bun pentru că vrem ca stilul să se deplaseze împreună cu distorsiunea. Dacă ați fi făcut-o prin fila Layer, stilul stratului s-ar regla înapoi la o denaturare plană. Pe scurt: acest mod este mai bun pentru că scapă de semnul fx.
Acum, cu stratul de tip rasterizat, trebuie să mergeți la Edit> Transform> Perspective. Luați punctul de ancorare din dreapta sus și, în timp ce mențineți deplasarea, trageți-o în sus. În plus, puteți apuca punctul de ancorare din stânga și mențineți deplasarea, trageți-o puțin pentru a crea mai mult efect de adâncime. Apoi scalați puțin textul pentru a scăpa de neclaritate.
Duplicați textul distorsionat de două ori, plasați acum aceste trei straturi într-un set de strat numit "text". Schimbați numele stratului superior (din cele trei) în "față", la mijlocul stratului de mijloc și al stratului inferior la "înapoi".
Folosind tastele săgeată, îndemnați stratul de jos și cel mijlociu spre dreapta până când obțineți ceva asemănător în imaginea de mai jos. După cum puteți vedea că stratul "înapoi" trebuie să fie un pic mai îndepărtat față de stratul "față", în timp ce stratul "mediu" ar trebui să fie un pic mai aproape.
Selectați stratul "mijloc" și setați umplutura la 0% (umplutura este localizată sub opacitate în paleta de straturi). Acum, folosind stiluri de straturi, aplicați o suprapunere de gradient. O modalitate rapidă de a face acest lucru este selectarea Foreground-ului pentru Transparent Gradient. Acesta este cel de-al doilea gradient de pe rândul din partea de sus din stânga, pur și simplu faceți clic pe triunghiul de lângă câmpul de gradient pentru a derula gradientele diferite. Apoi schimbați culoarea primului rând la # 008aff.
Creați un strat nou deasupra stratului "din față" și numiți-l "grad gradat". Acum, faceți clic pe butonul de comandă pe stratul "față" pentru a obține o zonă de selecție. Selectați instrumentul Gradient (apăsați pe butonul de vopsea și țineți apăsat, apoi selectați instrumentul de gradient) și alegeți gradientul cromat. Acum rulați acest lucru de la colțul din stânga sus la cel din dreapta jos al zonei de selecție. Apoi schimbați Modul de amestecare al stratului pe Soft Light.
Creați un set întreg nou de straturi și numiți-l "flare moi". Acum, dacă acest set de straturi se termină în setul de "text", puteți să îl trageți de acolo și să îl poziționați deasupra setului de straturi "text". Acum, în interiorul stratului de straturi "moale", creați un strat nou și numiți-l "evidențiere flare". Umpleți acest strat cu negru și apoi mergeți la Filter> Render> Lens Flare și alegeți Lens Prime 100mm cu o luminozitate implicită de 100%.
Poziționați punctul de atracție unde doriți, l-am pus în partea de sus a literei S în tuts. Modificați Modul de amestecare al acestui strat la Soft Light și duplicați-l. Acum poziționați-o în altă parte, am pus-o între P si S.
Folosind o mască perie o parte din duplicat, deoarece atunci când aveți două straturi de negru care se suprapun, va fi vizibilă în luminozitatea textului. Apoi, utilizați o perie neagră pentru a umple toate zonele transparente de pe ambele straturi, care au apărut în timp ce noi eram în rotație și redimensionarea erupțiilor.
Acest lucru este important deoarece, din nou, se va observa pe elementele de fundal, care vor fi adăugate într-o etapă ulterioară. Cel mai bine este să rezolvați acum, apoi să reveniți mai târziu la acesta și să aflați ce strat cauzează problema, mai ales în cazul proiectelor în care straturile depășesc valoarea de 100, aceasta poate fi o problemă foarte enervantă.
Acum, după cum puteți vedea în ultima captură de ecran, atât seturile "text", cât și seturile "soft flares" au fost abandonate în setul "psdtuts". Să adăugăm o reflecție. Duplicați acest set și rasterizați-l așa cum am făcut înainte. Creați un strat nou, selectați ambele și atingeți comanda + E.
Mergeți la Edit> Transform> Flip Vertical și poziționați reflexia sub textul original. Mergeți la Edit> Transform> Skew pentru a repara reflexia (pentru că avem nevoie de T de tuts pentru a alinia). Luați punctul de ancorare din stânga și trageți-l în sus. Adăugați o mască la noul strat denumit "reflecție", apoi utilizați un gradient alb-negru (puteți selecta gradientul implicit prin apăsarea tastei D de pe tastatură pentru a seta culorile înapoi la valorile implicite), pentru a crea o frumusețe proastă.
Între stratul de "reflecție" și setul "psdtuts" creează un nou strat și îl numește "flare front". Completați-l cu negru și mergeți la Filter> Render> Lens Flare și alegeți Zoom 50-300mm la 100% luminozitate. Poziționați acest strat într-un loc plăcut și setați Modul de amestecare la Dodge Linear (adăugați).
Duplicați stratul de tip "flare front", setați Modul de amestecare pe ecran în loc de Dodge Linear (adăugați). Apoi, mutați-l sub setul "psdtuts" pentru ao poziționa în spatele textului. Să numim acest strat "flare înapoi".
Deschideți un nou document (Command + N) cu o dimensiune de 40px și 2px. Selectați jumătate din acest document cu instrumentul de selecție dreptunghiulară și completați-l cu negru. Pentru a fi mai precis cu selecția, puteți activa riglele prin apăsarea Command + R. Apoi, mergeți la Edit> Define Pattern și dați acestui model un nume.
Închideți fișierul și reveniți la fișierul original. Chiar deasupra stratului "fundal", pe care l-am făcut la începutul acestui tutorial, creați un nou strat. Mergeți la Edit> Fill și alegeți modelul pe care tocmai l-am creat. Aceasta ar trebui să umple ecranul cu modelul. Setați umplutura la 0%, apoi prin Stiluri de strat, adăugați o suprapunere de culoare cu culoarea # dd04ad. Reduceți opacitatea acestei suprapuneri la 64%.
Apăsați Command + T și redimensionați și rotiți dungile la 90 de grade. Apăsați Enter și mergeți la Edit> Transform> Perspective. Și așa cum am făcut înainte, exceptând acest moment din partea dreaptă, trebuie să luați punctul de ancorare al colțului superior, apoi, în timp ce țineți Shift, trageți-l jos. Acest lucru va îngusta acea parte, ceea ce ar face să pară ca și cum ar merge de la tine.
În partea stângă, apucă colțul de sus și trageți-l în sus, ținând cont de Shift, făcând-o să pară că vine spre tine. Observați efectul amuzant pe care îl obțineți cu textul stând pe o parte a liniilor, se pare că liniile se îndoaie, dar nu sunt! Si asta e! Distrează-te experimentând cu acest efect de text!
Accentsconagua