Un efect grunge conferă un aspect aspru și neconvențional tipografiei și layout-urilor, potrivit pentru design-urile moderne și creative. Cu Photoshop, poți realiza cu ușurință acest stil folosind texturi, măști și pensule. În acest tutorial, îți voi arăta cum să adaugi pas cu pas un aspect autentic de grunge tipurilor și layout-urilor tale – de la ușor uzat până la intens și haotic. Dă frâu liber creativității tale și adaugă design-urilor tale un plus de caracter!
1. Clasic: Text grunge cu aspect urban și murdar
Clasicul efect grunge este reprezentat de textul străbătut de elemente murdare, care îi conferă textului aspectul rupt și murdar specific. Pentru a crea acest efect, este nevoie de o imagine care să includă "structurile murdare" pentru text.
Pasul 1: Creare document nou
În primul rând, deschid un document nou folosind scurtătura Ctrl+N cu dimensiunile 1200 x 800 pixeli. Fundalul este alb.
Pasul 2: Plasare text
Folosind Instrumentul Text, trag un cadru de text și scriu literele PSD cu o mărime de 400 de puncte, de culoare neagră.
Pasul 3: Rotire text
Textul primește întotdeauna un plus de dinamism când este ușor rotit. Prin urmare, duc cursorul la colțuri până când se transformă în săgeată dublă. Acum pot roti textul. Aleg un unghi între 3 și 7 grade.
Pasul 4: Deschidere imagine cu fundal texturat
Deschid o imagine care prezintă structuri dure, liniare, pe care le pot integra ca particule de grunge în textul meu. Condițiile inițiale din această imagine vor decide care va fi structura particulelor de murdărie în text.
Aleg să folosesc o imagine cu un copac. Această imagine prezintă două tipuri de structuri: pe de o parte, încrețiturile liniare din coaja copacului pentru un efect cu margini dure, pe de altă parte, caracteristicile stropite în coaja "normală" a copacului.
Sursa imaginii: azaliya – Fotolia.com.
Dacă imaginea este plasată ca un obiect inteligent în documentul deja deschis, o pot converti într-un strat normal făcând clic dreapta pe obiectul inteligent în panoul straturilor>strat rasterizare obiect inteligent. Acest lucru este important, deoarece următoarea corectură a imaginii nu va funcționa altfel.
Pasul 5: Aplicare corecție imagine printr-o valoare de prag
Prin meniul Imagine>Corecții>Valoare de prag, pot filtra particulele de murdărie dorite pentru efectul grunge.
Corecția imaginii Valoare de prag transformă toți pixelii din strat în negru și alb. Prin intermediul cursorului de prag, pot controla sensibilitatea pentru a stabili unde va fi făcută separarea în negru și alb. Deplasez cursorul de prag de la 128 spre stânga către 1. Prin previzualizare, pot vedea când efectul se potrivește. Las cursorul la 96 și confirm cu OK.
Notă: Nu toate imaginile lasă să fie identificate particulele de murdărie potrivite pentru efectele grunge după aplicarea corecției Valoare de prag. În aceste cazuri, corecția Valoare de prag trebuie să fie încercată cu diferite imagini până când una produce rezultatele dorite.
Pasul 6: Selectare domeniu de culoare
Prin meniul Selecție>Domeniu de culoare, pot selecta pixelii negri din imagine. Aleg o toleranță mare și dau clic cu pipeta într-un câmp negru din imagine. Apoi confirm cu OK.
Pasul 7: Particule murdărie într-un strat nou
Prin Ctrl+C și Ctrl+V, copiez pixelii negri selectați și îi adaug într-un strat nou.
Acest strat poate fi duplicat și integrat în stratul principal, dacă separarea particulelor de murdărie a avut loc într-un document separat. Dacă am făcut separarea particulelor de murdărie în stratul principal, pot șterge celelalte straturi ale imaginii.
Pasul 8: Setare suprapunere de culoare
În Opțiunile umplerii pentru stratul de particule de murdărie, pot seta o suprapunere de culoare în ton cu fundalul.
Acesta este cum arată cel mai bine efectul. Așa arată efectul clasic de grunge. În pașii următori, voi oferi câteva sfaturi pentru continuarea editării.
Pasul 9: Masca de tăiere pentru text
Deoarece suprapunerea de culori a nivelului de particule de murdărie este orientată către fundal, nu pot alege ușor alt fundal. Optimal este ca nivelul meu de particule de murdărie să fie prevăzut cu o masca de tăiere pentru nivelul de text. Fac asta cu scurtătura Ctrl+Alt+G sau cu Alt și clic între cele două nivele.
Astfel, efectul va acționa doar asupra zonei de text.
Pasul 10: Estomparea Gaussiana
Dacă efectul pare încă puțin prea dur, pot să-l estompez puțin prin aplicarea estompei gaussiene pe nivelul de particule de murdărie cu un raza minim de 0,3 pixeli. Astfel, particulele de murdărie vor deveni mai plăcute pentru ochi.
Pasul 11: Crearea unui contur în jurul textului și a unei măști de nivel
Cu instrumentul de formă propriu, aleg rama 7 din setările standard și o trag în jurul textului. Nivelul este plasat deasupra nivelului de text și primește aceeași nuanță ca textul.
Efectul de murdărie ar trebui să acționeze și în cadrul. Pe de o parte, pot pur și simplu să dublez nivelul de particule de murdărie cu Ctrl+J și să îl aloc nivelului de ramă ca masca de tăiere.
Pe de altă parte, pot să adaug toate elementele de text și ramă simplu ca o masca de nivel.
Pentru asta, elimin masca de tăiere cu scurtătura Ctrl+Alt+G și șterg nivelul de particule de murdărie duplicat anterior.
Seleccionez textul făcând clic pe miniatura nivelului de text cu Ctrl și clic și adaug selecția ca o masca de nivel nivelului de particule de murdărie cu clic pe simbolul de adăugare a masca de nivel.
Pentru nivelul de ramă, aleg conținutul nivelului cu Ctrl și clic pe masca vectorială. Apoi fac clic pe masca de nivel a nivelului de particule de murdărie și umplu selecția cu culoare albă.
Avantajul prin intermediul măștii de nivel constă în faptul că evit să creez mereu o nouă masca de tăiere cu un nivel de particule de murdărie atunci când lucrez cu noi elemente de text sau forme. Astfel, pot menține particulele de murdărie centralizate într-un singur nivel și să iau în considerare doar conținuturile de nivel noi în masca de nivel.
Alt avantaj: Atunci când sunt activate opțiunile de umplere, se poate întâmpla ca în ierarhia stilurilor de nivel concret să se afle deasupra măștii de tăiere și, prin urmare, să fie afișat complet. Prin urmare, în caz de îndoială, trebuie făcut întotdeauna un calcul prin schimbarea metodei de umplere.
Pasul 12: Optimizarea măștii de nivel
Cu selecții de pixeli prin Ctrl și clic în miniaturile din panoul de niveluri, se poate întâmpla întotdeauna ca, după selecție, să rămână unele contururi mici.
Prin urmare, selectez conținutul mascului de nivel cu Ctrl și clic și deschid dialogul îmbunătățire margini cu scurtătura Ctrl+Alt+R. Acolo mut marginea la +100 procente. Selecia este extinsă ușor.
Ca alternativă, pot merge pur și simplu la meniul Selecție>Modificare selecție>Lărgire cu o valoare de 1 pixel.
Selecia extinsă o umplu cu culoare albă în interiorul măștii de nivel. Astfel, conturul mic dispare.
Pasul 13: Opțional ajustarea particulelor de murdărie
Dezactivez lanțul de legătură între masca de nivel și nivel. Astfel, masca de nivel rămâne mereu în această poziție, în timp ce pot mișca conținutul nivelului.
Astfel, pot vedea care particule de murdărie îmi plac cel mai bine în poziția respectivă și pot ajusta vizualizarea la nevoie.
Gata este efectul meu clasic de murdărie - în această imagine cu o suprapunere de culori roșii pe un fundal negru.
2. Efectul de murdărie aplicat cu pensule stabilite
Deoarece efectul prin nivelul de particule de murdărie este destul de static, deoarece particulele depind întotdeauna de o imagine structurată adecvată, este recomandabil să obțin efectul de murdărie folosind pensule stabilite.
O pensulă de murdărie poate fi creată foarte ușor de oricine dintr-o fotografie sau o textură. Este important ca modelul din care este creată pensula să aibă suficiente conținuturi structurate.
Pasul 14: Utilizarea imaginii modificate a pragului ca setare a pensulei
Deoarece imaginea copacului a putut fi deja folosită cu texturile sale pentru efectul clasic de murdărie, pot obține și imediat de acolo o vârf de pensulă.
Cu instrumentul de selecție lasso aleg o zonă potrivită în imagine.
Copiez această zonă cu Ctrl+C și o lipesc cu Ctrl+V într-un nou strat.
Cu Ctrl și clic pe miniatura stratului aleg pixelii particulelor de murdărie inserate anterior.
În meniul Editare pot stabili setarea pensulei.
Pasul 15: Plasarea textului
Într-un document nou cu un fundal texturat, trag un cadrul pentru text și scriu cu un font de 160 de puncte Army Expanded cuvântul Grunge.
Pasul 16: Crearea unui strat nou și stabilirea ca masca de tăiere
Creez un strat nou cu Ctrl+Shift+Alt+N și îl definesc ca masca de tăiere folosind scurtătura Ctrl+Alt+G pe stratul de text. Masca de tăiere asigură faptul că particulele de murdărie conturate sunt afișate doar pe text.
Pasul 17: Pensula în previzualizarea pensulei
În previzualizarea pensulei, pensula a fost adăugată pe ultimul loc.
Acum o pot aplica în mărime, culoare și transparență după bunul plac. Este recomandat să setezi un schimbător unghi mediu în proprietățile forme de pensulă. Am setat valoarea la 33 de procente. Acest lucru asigură că vârful uneltei se rotește la fiecare clic nou și astfel nu se folosesc vârfuri de pensulă identice la prima vedere.
Pasul 18: Aplicarea pensulei
Cu noua mea setare de pensulă acum pot aplica particule de murdărie în stratul nou cu alb, gri deschis și gri închis.
Efectul de murdărie este aplicat pe text.
Pasul 19: Accentuarea textului Grunge
Pentru o mai bună vizualizare, am tras o suprafață albă cu instrumentul de dreptunghi (U) în alb sub stratul de text cu o Opacitate de 40 de procente. În opțiunile de umplere, am setat și o contur neagră de 10 pixeli cu o Opacitate de 25 de procente.
După aceasta, am adăugat textului o umbră cu 75 de procente Opacitate prin opțiunile de umplere.
Și astfel este completat efectul de murdărie aplicat printr-un vârf de pensulă definit anterior.
Pasul 20: Crearea setărilor de pensulă din texturi
În varianta inițială, pensula de murdărie a fost obținută din structurile unei fotografii. Crearea unei pensule de murdărie este la fel de rapidă și cu o textură. Aceasta trebuie să fie suficient de structurată pentru a funcționa. În această textură mai sunt necesare câteva ajustări pentru a obține elemente de murdărie pentru un vârf de pensulă. Straturile anterioare cu textul de murdărie aplicat le-am ascuns.
Textura este de altfel de pe DVD-ul nostru dublu de texturi, disponibil în magazinul PSD-Tutorials.de. Textura este de asemenea inclusă în acest tutorial ca fișier de lucru.
Pasul 21: Desaturarea texturii
În primul rând, desaturez textura printr-un strat de ajustare Nuanță/Saturare, mutând regulatorul Saturației la -100.
Pasul 22: Creșterea contrastului
În următorul pas, aleg stratul de ajustare Corecția nivelurilor și mut reglajele exterioare spre centru, astfel încât contrastul texturii să se amplifice. Reglajele exterioare sunt în acest exemplu la 46 și 135.
Pasul 23: Duplicarea redusă pe un singur strat
Dacă textura arată o bază bună pentru o pensulă de murdărie, pot duplica toate straturile vizibile pe un singur strat redus. Fac asta cu scurtătura Ctrl+Shift+Alt+E.
Pasul 24: Selectarea particulelor de murdărie
Cu instrumentul de selecție baghetă magică (W) dau clic în stratul rezultat într-un loc întunecat care ar trebui să reprezinte conținutul culorii vârfului pensulei mele. Opțiunea de netezire din meniu este activată și o toleranță de 32 este setată.
Pasul 25: Inserarea zonei selectate într-un nou strat. Locurile selectate în pensulă cu conținutul de culoare selectat sunt acum selectate. Copiez selecția și o inserez într-un strat nou. Pot șterge stratul anterior cu textura ajustată.
Pasul 26: Selectarea pensulei concrete de grunge
Cu instrumentul Lasso (L) pot selecta acum comod pensula de grunge dorită.
Zona selectată o copiez cu Ctrl+C și o inserez într-un strat nou cu Ctrl+V. Pot șterge stratul anterior cu elementele de grunge selectate anterior. Cu Ctrl și click stânga al mausului în miniatura stratului cu selecția concretă de grunge aleg pixelii acestui strat. Prin Menu>Editare pot seta zona selectată ca pensulă presetată.
De altfel: Pe PSD-Tutorials.de se găsesc numeroase pensule de grunge pentru descărcare:
Pensule de grunge pentru descărcare
Pasul 27: Aplicarea pensulei de grunge
Acum pot aplica, la fel ca în cazul primei pensule presetate, a doua pensulă presetată pentru aplicarea elementelor de grunge.
3. Crearea literelor de grunge șifonate
Cele două tehnici anterioare descriu efecte de grunge, în care particule de murdărie au fost aplicate mai mult sau mai puțin pe litere. Devine adevărat grungios atunci când literele însele obțin și ele un aspect șifonat. Baza acestei tehnici este reprezentată de compunerea cu o matrice de deplasare.
Pasul 28: Crearea matricei de deplasare
Iau textura existentă și pensula mea de grunge deja creată și trec prin tot documentul cu pensula. (Cine nu are la îndemână o textură, poate crea ușor o textură de nori cu filtrele de nori activate. Funcționează și aceasta!)
Dacă stratul nu este un strat de fundal, îl transform într-unul folosind meniul Strat>Nou>Fundal din Strat.
Fișierul îl salvez cu numele matrice-de-deplasare.psd. Matricea mea de deplasare este gata.
Pasul 29: Plasarea textului
Într-un document nou cu dimensiunea 1200x1200 pixeli scriu cu o Fontă Extinsă de Armată de 160 de puncte cuvântul „Grunge“. Stratul de text îl convertesc într-un Obiect Inteligent printr-un click dreapta în panoul de straturi>>Convertește în Obiect Inteligent.**
Pasul 30: Aplicarea filtrului de deplasare
Acum intervine filtrul Deplasare. Din păcate, filtrul Deplasare nu este atât de intuitiv de utilizat precum ne-am aștepta de la alte filtre Photoshop. Cu toate acestea, prin aplicarea unei matrice de deplasare pot obține efecte minunate, care se pot folosi în special la structuri de suprafață cu înălțimi și adâncituri. Cu matricea de deplasare, imaginea principală este distorsionată - în acest caz textul meu - prin deplasarea unor parți de imagine pe baza diferențelor de luminozitate. Prin urmare, după ce am creat matricea de deplasare, o ajustez corespunzător pentru efectul de deplasare al luminozității.
Aplic filtrul Deplasare cu următoarele setări:
• Deplasare Orizontală: 15
• Deplasare Verticală: 3
• Butonii radio:
- Scalare la dimensiunea selecției
- Refacere pixeli margini
Deplasarea introdusă poate ajunge până la 100%. 100 are ca efect o deplasare de 128 de pixeli. Deoarece efectul trebuie să apară în principal lateral, valoarea orizontală este mai mare decât cea verticală.
Confirm cu OK.
În browserul de fișiere deschis, aloc matricea de deplasare creată anterior filtrului Deplasare. Este important ca matricea de deplasare să fie salvată ca document PSD sau BMP.
Efectul de deplasare sfărâmă marginile textului complet.
Pasul 31: Estompare la marginile șifonate
Dacă marginile șifonate par prea pixelate, pot aplica Estompare Gaussiană cu un Rază minim de 0,2-0,4 pixeli.
Pasul 32: Efecte de grunge la margini
Acum pot pur și simplu duplica texturile mele murdare de grunge de la primul efect în noul document. Astfel obțin un cadru de grunge frumos pentru textul șifonat de grunge. De asemenea, în Opțiunile de Umplere ale stratului de text aleg o Suprapunere de Culoare roșie.
Pasul 33: Contur alb
Pentru a sublinia textul, creez un contur alb cu o dimensiune de 100 de pixeli în stratul de text.
Pasul 34: Particule de murdărie în text
Pentru a adăuga un plus de efect textului grunge, duplic stratul de particule de murdărie, îi dau o culoare albă și restrâng efectul vizibil la zona textului. Pentru aceasta, selectez textul și adaug selecția stratului duplicat de particule de murdărie ca și mască de strat.
Pasul 35: Variante de text încă posibile
Dacă doresc să folosesc un alt text acum, pur și simplu fac clic pe miniatura obiectului inteligent a stratului de text și modific textul meu în originalul obiectului inteligent. Prin salvare, toate efectele se vor recalcula cu noul text. Genial!
Pasul 36: Transferarea efectului la primul efect grunge
Aplicând pur și simplu filtrul de deplasare și la primul efect, pot transmite foarte rapid acest efect sfâșiat. Matricea de deplasare rămâne aceeași.
Pasul 37: Soluția pentru fundaluri nefolosate monocrom
Efectul grunge se aplică în acest caz pe un fundal negru și poate fi adaptat repetat în funcție de culoarea de suprapunere din fundal. Dar ce se întâmplă dacă fundalul nu este monocrom?
Cea mai bună soluție este să direcționez efectul grunge până la fundal. Activez stratul de sus cu efectul grunge. Transparența direcționată, așa-numita decupare, o creez foarte ușor, setând la Opțiuni de umplere avansate o decupare puternică la 0 procente suprafață. Apoi nu mai contează deloc ce fundal este prezent.
În efectul grunge, fundalul pare mereu vizibil, în acest caz un gradient în tonuri de albastru. Important este doar ca fundalul să fie plasat ca strat de fundal. (Dacă acest lucru nu se întâmplă, cum am menționat: selectați fundalul, apoi în meniu faceți clic pe Strat> Nou> Fundal din strat).
Ce s-a întâmplat exact? Decuparea conferă un fel de eliminare a tuturor transparențelor de suport din document. Acum, toate transparențele din document de la stratul cu setarea decupării puternice până la stratul deasupra stratului de fundal sunt exact decupate. Este ca o felieare a documentului, indiferent câte straturi sunt vizibile în document.
Straturile de transparență sunt exact eliminate în acest punct al textului. Deoarece stratul de fundal nu are transparențe, la acest punct va fi vizibil întotdeauna filtrul aplicat al stratului de fundal. Astfel, stratul de fundal poate avea orice culori și luminozități. Acestea vor fi vizibile.
În plus: Există o mulțime de fonturi care se potrivesc fără probleme pentru efecte grunge. Iată o mică listă:
- Trashed
- Sidewalk
- Dirty Ames
- Turbo Ripped
- Neoprint M319.
- Hawaii Lover und Hawaii Killer
- King and Queen
- Marcelle
- Bleeding Cowboys
- Birth of a hero
- Alpaca 54
- A bite
- Acid label
- Doctor Atomic
- Tom violence
Cine își dorește să economisească munca, poate folosi fonturi predefinite.
Dar cel mai tare efect este întotdeauna atunci când îl creezi tu însuți și îți păstrezi toate posibilitățile de variație.