Cum să creați un efect de text cu vopsea de pulverizare în Photoshop
Învățați cum să creați un efect de text cu vopsea de pulverizare în Photoshop, cu literele dvs. pictate pe fundal! Un tutorial pas cu pas pentru Photoshop CC și versiunile anterioare.
În acest tutorial, vă voi arăta cum să creați un efect simplu de text vopsit cu spray, în care literele arată ca și cum ar fi fost vopsite cu spray pe un perete sau pe o suprafață. Vă voi arăta, de asemenea, cum să amestecați vopseaua pulverizată cu suprafața pentru un efect mai realist. Și pentru că vom crea vopseaua pulverizată folosind nimic mai mult decât un efect de strat și opțiunile de amestecare din Photoshop, textul dvs. va rămâne editabil chiar și după ce am terminat.
Voi folosi cea mai recentă versiune de Photoshop CC, dar orice versiune recentă va funcționa.
Iată un exemplu de cum va arăta efectul de text pictat cu spray. Desigur, puteți folosi orice text, fundal și culori doriți:
Să începem!
Descărcați acest tutorial în format PDF gata de imprimare!
Cum să creați text pictat prin pulverizare în Photoshop
Vom începe prin a învăța cum să creăm efectul principal de pictură prin pulverizare, iar apoi vă voi arăta cum să amestecați literele în fundal. De asemenea, vă voi arăta cum să duplicați efectul pentru a adăuga mai mult text la designul dvs. și cum să schimbați culoarea vopselei.
De asemenea, puteți urmări și videoclipul acestui tutorial. Sau descărcați acest tutorial ca PDF gata de imprimare!
Pasul 1: Deschideți imaginea de fundal
Din moment ce vom dori să pictăm cu spray textul pe un fel de fundal, începeți prin a deschide imaginea de fundal. Eu voi folosi această imagine pe care am descărcat-o de la Adobe Stock:
Și în panoul Layers, vedem imaginea pe stratul Background:
Relaționat: Învățați cum să utilizați straturile în Photoshop
Pasul 2: Adăugați textul
Pentru a adăuga textul, selectați instrumentul Type Tool din bara de instrumente:
Alegerea unui font
Și apoi, în bara de opțiuni, alegeți fontul. Eu voi folosi „HWT Gothic Round”, pe care l-am descărcat de la Adobe Typekit. Dacă nu aveți acces la acest font, este în regulă. Orice font va funcționa:
Mai multe opțiuni de tipărire
Încă în Options Bar, voi seta dimensiunea fontului meu la 72 pt doar pentru a-mi oferi cea mai mare dimensiune prestabilită pentru moment. Și voi seta alinierea textului la centru.
Pentru culoare, voi alege albul făcând clic pe mostră de culoare și alegând albul din Photoshop’s Color Picker. Aceasta nu este culoarea pe care o vom folosi pentru vopseaua spray. Tot ce avem nevoie deocamdată este ceva care să ne permită să vedem textul pe măsură ce îl adăugăm:
Adaugarea textului
Apoi faceți clic în document și adăugați textul. Voi scrie cuvântul „PAINT”:
Acceptarea textului
Pentru a-l accepta, faceți clic pe semnul de control din bara de opțiuni:
Pasul 3: Redimensionați și repoziționați textul cu Free Transform
Pentru a redimensiona textul și a-l muta la locul lui, mergeți la meniul Edit din bara de meniuri și alegeți Free Transform:
Și apoi, pentru a redimensiona textul, faceți clic și trageți oricare dintre mânerele din colțuri. Începând cu Photoshop CC 2019, raportul de aspect al textului este blocat automat pe măsură ce trageți mânerele. În versiunile anterioare ale Photoshop, va trebui să țineți apăsată tasta Shift în timp ce trageți pentru a bloca raportul de aspect pe loc.
Pentru a redimensiona textul din centrul său, țineți apăsată tasta Alt (Win) / Option (Mac) în timp ce trageți. Și dacă aveți nevoie să repoziționați textul, faceți clic în interiorul casetei Free Transform și trageți textul la locul lui.
Pentru a-l accepta și a ieși din Free Transform, apăsați Enter (Win) / Return (Mac) pe tastatură:
Pasul 4: Reduceți valoarea de umplere a stratului Type la 0%
În panoul Layers, vedem textul nostru pe un nou strat Type deasupra imaginii:
Pentru a crea efectul de vopsea spray, primul lucru pe care trebuie să-l facem este să facem textul nostru transparent. Pentru a face acest lucru, coborâți valoarea Fill din dreapta sus a panoului Layers până la 0%. Asigurați-vă că micșorați valoarea Fill (Umplutură), nu valoarea Opacity (Opacitate):
Textul dispare complet. Este încă acolo, doar că este transparent:
Care este diferența dintre Opacity și Fill?
În panoul Layers, atât valorile Opacity cât și Fill afectează transparența unui strat. Diferența dintre ele este că Opacity controlează transparența atât a conținutului unui strat, cât și a oricăror efecte de strat pe care le-am aplicat. Fill, pe de altă parte, afectează doar conținutul unui strat. Nu are nici un efect asupra efectelor de strat.
Aceasta înseamnă că, scăzând valoarea Fill, putem aplica efecte de strat pe textul nostru și să păstrăm efectele vizibile chiar dacă textul în sine este ascuns. Și acest lucru este ceea ce ne va permite să creăm efectul nostru de vopsea spray.
Pasul 5: Adăugați un efect de strat Drop Shadow la stratul Type
Întregul efect de vopsea spray poate fi creat folosind un singur efect de strat, iar cel de care avem nevoie este Drop Shadow. Cu layer-ul Type selectat, faceți clic pe pictograma Layer Style (pictograma „fx”) din partea de jos a panoului Layers:
Și apoi alegeți Drop Shadow:
Pasul 6: Resetați setările Drop Shadow la setările implicite
În caseta de dialog Layer Style, faceți clic pe butonul Reset to Default pentru a restabili setările implicite ale Drop Shadow, doar pentru ca amândoi să vedem același lucru:
Pasul 7: Schimbați culoarea Drop Shadow în alb
Apoi schimbați culoarea umbrei de picătură dând clic pe mostră de culoare:
Și în selectorul de culoare, alegeți deocamdată alb, apoi faceți clic pe OK. Vom alege culori diferite pentru efect puțin mai târziu:
Pasul 8: Schimbați modul de amestec al umbrei în Screen
Pentru a vedea albul, schimbați modul de amestec al umbrei din Multiply (modul de amestec implicit) în Screen:
Și imediat, începem să vedem albul care apare în spatele literelor:
Pasul 9: Creșteți opacitatea umbrei la 100%
Pentru a face efectul mai strălucitor, creșteți opacitatea umbrei până la 100%:
Și acum efectul este mai ușor de văzut. Schimbând culoarea umbrei de picătură de la negru la alb și schimbând modul de amestecare de la Multiply la Screen, am transformat, în esență, umbra noastră într-o strălucire:
Pasul 10: Setați Distanța și Răspândirea la 0%
Ignorați opțiunile Angle și Use Global Light, deoarece acestea nu vor conta aici. Dar micșorați Distanța la 0px și asigurați-vă că Spread este la 0%:
Prin setarea Distance la 0px, am centrat umbra drop shadow în spatele textului, creând un contur sau o linie slabă în jurul literelor:
Pasul 11: Creșterea dimensiunii umbrei picătură
Pentru a răspândi umbra (sau strălucirea, în acest caz) mai departe de margini, creșteți valoarea Size:
Cu cât o măriți mai mult, cu atât mai largă apare strălucirea:
Pasul 12: Change the Contour to Cone
În acest punct, efectul de până acum nu prea seamănă cu vopseaua spray. Strălucirea noastră trebuie să arate mai mult ca un contur în jurul formelor literelor.
Pentru a remedia acest lucru, tot în caseta de dialog Layer Style, mergeți la secțiunea Quality (Calitate), faceți clic pe săgeata mică de lângă miniatura de previzualizare Contour (Contur):
Și apoi alegeți Contour Cone (Contorizare conică) făcând dublu clic pe miniatura acesteia. Este cea din rândul de sus, a doua din stânga:
Contururile afectează transparența umbrei de picătură, schimbând modul și locul în care aceasta face tranziția de la zonele opace la cele transparente. Și imediat, vedem un contur mult mai puternic în jurul marginilor literelor:
Pasul 13: Debifați „Layer Knocks Out Drop Shadow”
Dar observați că, deși textul nostru este transparent, strălucirea apare doar în jurul exteriorului acestuia. Trebuie să vedem strălucirea și în interiorul literelor.
Pentru a rezolva acest lucru, debifați opțiunea care spune Layer Knocks Out Drop Shadow:
Și acum conturul apare atât în afara cât și în interiorul textului:
Pasul 14: Reajustați valoarea Size dacă este necesar
În acest moment, este posibil să fie nevoie să vă întoarceți și să reajustați valoarea Size pentru a modifica grosimea conturului. Totuși, nu mergeți prea sus sau veți împrăștia prea mult strălucirea. Mărimea exactă de care aveți nevoie va depinde de dimensiunea textului dumneavoastră.
În cazul meu, voi merge cu o valoare Size de aproximativ 120px, dar este posibil să aveți nevoie de o valoare diferită:
Și iată rezultatul:
Pasul 15: Adăugați zgomot
În cele din urmă, adăugați puțin zgomot la contur prin creșterea valorii Noise. Eu o voi seta pe a mea la aproximativ 25-30%:
Și acum, dacă măresc imaginea, vedem mici pete în contur, făcându-l să arate mai mult ca un spray de vopsea.
În funcție de dimensiunea fontului pe care îl folosiți, este posibil să observați unele margini dure slabe de-a lungul zonelor în care se întâlnesc efectul și fundalul. În această captură de ecran, le puteți vedea în interiorul literelor „P” și „A”. Aceste margini vor dispărea odată ce amestecăm textul cu fundalul, ceea ce vom face în continuare:
Cum să amestecăm textul pictat cu spray cu fundalul
În acest moment, am terminat cu efectul nostru de strat Drop Shadow. Așa că haideți să învățăm cum să amestecăm efectul cu fundalul, astfel încât să pară că textul este de fapt pictat cu spray pe fundal și nu doar așezat în fața lui. Când am terminat, vă voi arăta cum să copiați efectul pentru a adăuga mai mult text, păstrând intacte efectele de strat și opțiunile de estompare.
Pasul 16: Deschideți Opțiunile de estompare din Photoshop
Încă în caseta de dialog Layer Style, selectați categoria Blending Options din stânga:
Pasul 17: Trageți glisorul negru „Underlying Layer” spre dreapta
În partea de jos a Blending Options se află două seturi de glisoare. Cel de sus spune „This Layer” (Acest strat) și cel de sub el spune „Underlying Layer” (Stratul subiacent). Putem folosi aceste cursoare pentru a amesteca textul nostru cu imaginea de fundal. Iar setul de care avem nevoie este cel de jos (Underlying Layer):
Observați cele două cursoare de sub bara de gradient. Există un cursor negru în stânga și un cursor alb în dreapta. Vom amesteca textul nostru cu cele mai întunecate părți ale imaginii noastre de fundal. Și pentru asta, avem nevoie de cursorul negru.
Click pe cursorul negru și începeți să-l trageți spre dreapta:
În timp ce trageți, fiți atenți la textul dvs. și veți vedea că cele mai întunecate zone ale imaginii de fundal încep să se vadă prin el. Și pe măsură ce trageți mai departe, apare din ce în ce mai mult din fundal:
Pasul 18: Împărțiți cursorul negru în jumătate
Problema este că tranzițiile dintre text și fundal sunt foarte dure. Pentru a crea tranziții mai netede, apăsați și țineți apăsată tasta Alt (Win) / Option (Mac) de pe tastatură. Faceți clic pe partea dreaptă a cursorului negru și îndepărtați-l de partea stângă. Acest lucru împarte cursorul în două jumătăți:
Pasul 19: Reglați cursorii pentru a crea o tranziție lină
Jumătatea stângă a cursorului controlează acum nivelul de luminozitate la care textul începe să apară în fața fundalului. Iar jumătatea dreaptă stabilește nivelul de luminozitate la care textul devine complet vizibil, iar fundalul nu se mai vede prin el. Zona dintre cele două cursoare devine zona de tranziție în care textul și fundalul se amestecă. Cu cât depărtați mai mult cursoarele, cu atât tranziția pare mai treptată.
Ajustați fiecare jumătate a cursorului până când sunteți mulțumit de efect. Nu există valori specifice de utilizat aici, deoarece va depinde de imaginea dvs. de fundal.
În cazul meu, voi seta jumătatea stângă la un nivel de luminozitate de 10 și jumătatea dreaptă la un nivel de luminozitate de 60. Cu alte cuvinte, orice zonă a imaginii mele de fundal care se află la un nivel de luminozitate de 10 sau mai întunecat se va vedea complet prin text. Zonele aflate la un nivel de luminozitate de 60 sau mai deschis vor fi complet ascunse de text. Iar nivelurile de luminozitate intermediare (de la 11 la 59) reprezintă locul în care are loc tranziția:
Și cu textul care se amestecă acum cu imaginea, obținem un efect de vopsea pulverizată cu aspect mult mai realist:
Pasul 20: Închideți caseta de dialog Layer Style
Am terminat cu efectul principal, așa că mergeți mai departe și închideți caseta de dialog Layer Style făcând clic pe OK:
Și în panoul Layers, vedem acum umbra noastră Drop Shadow listată ca efect sub stratul Type. Vedem, de asemenea, o pictogramă Blending Options lângă pictograma „fx”, ceea ce ne spune că avem, de asemenea, niște opțiuni avansate de blending aplicate stratului:
Download this tutorial as a print-ready PDF!
Cum să duplicați efectul de text pictat cu spray
În acest moment, este ușor să adăugați mai mult text pictat cu spray.
Pasul 21: Faceți o copie a stratului Type
Tot ce trebuie să facem este să dublăm stratul nostru Type. Pur și simplu trageți-l în jos pe pictograma Add New Layer din partea de jos a panoului Layers:
O copie a stratului Type apare deasupra originalului, completată cu efectul nostru Drop Shadow și cu opțiunile noastre de amestecare:
Etapa 22: Selectați instrumentul Move Tool
Pentru a repoziționa textul, selectați instrumentul Move Tool din bara de instrumente:
Etapa 23: Mutați textul la locul lui
Și apoi faceți clic pe text și mutați-l la locul lui. Voi trage copia textului în sus:
Apoi, în panoul Layers, voi face clic pe stratul Type original pentru a-l selecta:
Și voi trage textul original în jos:
Cum să editați textul vopsit cu spray
Din moment ce textul nostru este încă un tip editabil, putem edita cu ușurință textul și să păstrăm intact efectul de vopsire cu spray.
Pasul 24: Selectarea instrumentului Type Tool
Nu vreau ca ambele cuvinte să fie la fel, așa că pentru a edita textul de sus, voi selecta instrumentul Type Tool din bara de instrumente:
Pasul 25: Selectarea instrumentului Type Tool: Selectarea și editarea textului
Apoi, voi face dublu-clic în interiorul cuvântului pentru a-l evidenția:
Și voi schimba cuvântul din „PAINT” în „SPRAY”:
Pentru a-l accepta, voi face clic pe semnul de verificare din bara de opțiuni:
Pasul 26: Redimensionarea textului editat cu Free Transform
Voi redimensiona textul de sus mergând la meniul Edit și alegând Free Transform:
Și apoi voi trage mânerele din colțul de sus pentru a redimensiona cuvântul astfel încât să aibă aceeași lățime ca și cuvântul de jos. Pentru a o accepta, voi apăsa Enter (Win) / Return (Mac) pe tastatură:
Cum să schimbăm culoarea spray-ului de vopsea
Și, în final, să vedem cum să schimbăm culoarea efectului.
Pasul 27: Faceți dublu clic pe stratul de efect Drop Shadow
Pentru a schimba culoarea vopselei pulverizate, faceți dublu clic pe cuvintele „Drop Shadow” de sub stratul Type. Dacă aveți mai multe straturi Type, așa cum am eu, asigurați-vă că faceți dublu clic pe cel pe care doriți să îl modificați.
În cazul meu, voi începe cu cuvântul „SPRAY” în partea de sus:
Etapa 28: Faceți clic pe color swatch
Aceasta redeschide caseta de dialog Layer Style. Dați clic pe lotul de culori:
Etapa 29: Alegeți o nouă culoare din Color Picker
Și apoi, în Color Picker, alegeți o nouă culoare. Voi alege ceva strălucitor, cum ar fi galbenul:
Click pe OK pentru a închide Color Picker, și apoi click pe OK pentru a închide caseta de dialog Layer Style. Și acum textul meu de sus este colorat în galben:
Schimbarea culorii textului de jos
Voi face același lucru cu textul de jos. Voi face dublu clic pe cuvintele „Drop Shadow” pentru a redeschide caseta de dialog Layer Style:
Și apoi voi face clic pe caseta de culoare:
Și voi alege o nouă culoare din selectorul de culori. Pentru textul din partea de jos, voi alege din nou ceva luminos, cum ar fi un roz roșiatic:
Voi face clic din nou pe OK pentru a închide Color Picker, iar apoi pe OK pentru a închide caseta de dialog Layer Style.
Și aici, după ce am adăugat culoarea la ambele cuvinte, este rezultatul meu final:
Și iată-l! Iată cum se creează un text pictat cu spray în Photoshop! Consultați secțiunile Efecte foto și Efecte text pentru mai multe tutoriale. Și nu uitați, toate tutorialele noastre sunt disponibile pentru a fi descărcate în format PDF!
.