Cum să creați un efect de text cu vopsea de pulverizare în Photoshop

sept. 24, 2021
admin

Î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.

Scris de Steve Patterson.

Î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:

Efectul de text pictat prin pulverizare.

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:

Suprafața pe care textul va fi pictat cu spray. Credit: Adobe Stock.

Și în panoul Layers, vedem imaginea pe stratul Background:

Panoul Layers din Photoshop care arată 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:

Selectarea instrumentului Type Tool.

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:

alegând un font în Options Bar.

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:

Setarea mărimii, alinierii și culorii textului.

Adaugarea textului

Apoi faceți clic în document și adăugați textul. Voi scrie cuvântul „PAINT”:

Adaugarea textului.

Acceptarea textului

Pentru a-l accepta, faceți clic pe semnul de control din bara de opțiuni:

Clic pe semnul de control.

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:

Vați la Edit > 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ă:

Redimensionarea textului prin tragerea unui mâner de colț.

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:

Textul apare pe propriul său strat Type.

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):

Mai jos Fill (Umplutură) a stratului Type (Tip) la 0 procente.

Textul dispare complet. Este încă acolo, doar că este transparent:

Diminuarea valorii Fill a făcut textul invizibil.

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:

Făcând clic pe pictograma Layer Style.

Și apoi alegeți Drop Shadow:

Alegeți un efect de layer 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:

Făcând clic pe butonul Reset to Default.

Pasul 7: Schimbați culoarea Drop Shadow în alb

Apoi schimbați culoarea umbrei de picătură dând clic pe mostră de culoare:

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:

Setarea culorii umbrei în alb.

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:

Schimbarea modului de amestec în Screen.

Și imediat, începem să vedem albul care apare în spatele literelor:

În jurul textului apare un contur alb slab.

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%:

Creșteți opacitatea 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:

Rezultatul după ce am mărit opacitatea.

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%:

Setarea atât a Distance cât și a Spread 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:

Rezultatul după scăderea Distance la 0px.

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:

Creșterea dimensiunii umbrei picătură.

Cu cât o măriți mai mult, cu atât mai largă apare strălucirea:

Rezultatul după scăderea Distanței la 0 px.

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):

Faceți clic pe săgeată, nu pe miniatură.

Ș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:

Selectarea conturului Cone.

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:

Efectul după trecerea la conturarea Cone contour.

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:

Debifați „Layer Knocks Out Drop Shadow”.

Și acum conturul apare atât în afara cât și în interiorul textului:

Efectul după trecerea la conturarea conului.

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ă:

Creșterea valorii Size.

Și iată rezultatul:

Efectul după reajustarea valorii Size.

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%:

Adaugarea zgomotului la efect.

Ș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:

Efectul după adăugarea zgomotului.

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:

Deschideți Opțiunile de estompare.

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):

Corelatorul „Underlying Layer” din Blending Options.

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:

Trageți cursorul negru 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:

Tragerea cursorului negru dezvăluie cele mai întunecate zone ale fundalului prin text.

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:

Țineți apăsată tasta Alt (Win) / Option (Mac) și trageți cursorul în afară.

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:

Nivelurile mele de luminozitate pentru jumătatea stângă (10) și jumătatea dreaptă (60) a cursorului.

Și cu textul care se amestecă acum cu imaginea, obținem un efect de vopsea pulverizată cu aspect mult mai realist:

Efectul cu textul amestecat cu fundalul.

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:

Făcând clic pe OK pentru a închide caseta de dialog.

Ș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:

Playerul Type arată acum umbra noastră Drop Shadow și opțiunile de blending.

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:

Trageți stratul Type pe pictograma Add New Layer.

O copie a stratului Type apare deasupra originalului, completată cu efectul nostru Drop Shadow și cu opțiunile noastre de amestecare:

Panoul Layers arată acum ambele straturi Type.

Etapa 22: Selectați instrumentul Move Tool

Pentru a repoziționa textul, selectați instrumentul Move Tool din bara de instrumente:

Selectarea instrumentului Move Tool.

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:

Tragerea textului copiat în partea de sus a imaginii de fundal.

Apoi, în panoul Layers, voi face clic pe stratul Type original pentru a-l selecta:

Selectarea stratului Type original.

Și voi trage textul original în jos:

Tragerea textului original în partea de jos a imaginii de fundal.

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:

Selectarea instrumentului Type Tool.

Pasul 25: Selectarea instrumentului Type Tool: Selectarea și editarea textului

Apoi, voi face dublu-clic în interiorul cuvântului pentru a-l evidenția:

Evidențierea cuvântului de sus prin dublu-clic cu Type Tool.

Și voi schimba cuvântul din „PAINT” în „SPRAY”:

Editarea textului.

Pentru a-l accepta, voi face clic pe semnul de verificare din bara de opțiuni:

Făcând clic pe semnul de verificare.

Pasul 26: Redimensionarea textului editat cu Free Transform

Voi redimensiona textul de sus mergând la meniul Edit și alegând Free Transform:

Mergând la Edit > 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ă:

Redimensionarea copiei textului.

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:

Duplu clic pe cuvintele „Drop Shadow”.

Etapa 28: Faceți clic pe color swatch

Aceasta redeschide caseta de dialog Layer Style. Dați clic pe lotul de culori:

Dând clic pe lotul de culori pentru Drop Shadow.

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:

Scoateți o nouă culoare pentru vopseaua de pulverizare.

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:

Rezultatul după colorarea textului de sus.

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:

Redeschiderea efectului de strat Drop Shadow pentru cuvântul „PAINT”.

Și apoi voi face clic pe caseta de culoare:

Clic pe caseta de culoare a Drop Shadow.

Ș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:

Aleg o a doua culoare pentru spray-ul de vopsea.

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:

Efectul de text vopsit cu spray terminat.

Ș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!

.

Lasă un răspuns

Adresa ta de email nu va fi publicată.