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.

Efectul de grunge pentru tipografie și design

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.

Efectul grunge pentru tipografie și design grafic

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

Efectul grunge pentru tipografie și design grafic

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.

Efectul grunge pentru tipografie și machetare

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.

Efectul grunge pentru tipografie și design

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.

Efectul grunge pentru tipografie și machetă



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.

Efect de grunge pentru tipografie și machetă

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.

Efectul grunge pentru tipografie și design

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.

Efect de grunge pentru tipografie și design grafic

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.

Efectul grunge pentru tipografie și machetă



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.

Efectul grunge pentru tipografie și machetă

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.

Efectul grunge pentru tipografie și layout

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.

Efectul grunge pentru tipografie și design grafic

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.

Efectul grunge pentru tipografie și design	layout

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

Efectul grunge pentru tipografie și machetă



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.

Efect grunge pentru tipografie și machetare

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.

Efectul grunge pentru tipografie și machetă

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.

Efectul grunge pentru tip și design

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.

Efectul grunge pentru tipografie și machetă

Gata este efectul meu clasic de murdărie - în această imagine cu o suprapunere de culori roșii pe un fundal negru.

Efect de grungiu pentru tipografie și machetare

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.

Efect grunge pentru tipografie și machetă

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.

Efectul Grunge pentru tipografie și machetă

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.

Efect grunge pentru text și machetă

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.

Efectul de grunge pentru tipografie și machetă

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.

Efect grunge pentru tipografie și machetă

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.

Efectul Grunge pentru tipografie și layout.

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.

Efectul grunge pentru tipografie și design grafic

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.

Efectul grunge pentru tipografie și design

Pasul 21: Desaturarea texturii

În primul rând, desaturez textura printr-un strat de ajustare Nuanță/Saturare, mutând regulatorul Saturației la -100.

Efectul grunge pentru tipografie și machetă

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.

Efectul grunge pentru tipografie și design grafic

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.

Efectul grunge pentru tipografie și design grafic

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

Efectul grunge pentru tipografie și machetare

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

Efectul grunge pentru tipografie și layout

Pasul 26: Selectarea pensulei concrete de grunge

Cu instrumentul Lasso (L) pot selecta acum comod pensula de grunge dorită.

Efectul grunge pentru tipografie și machetă

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

Efectul grunge pentru tipografie și design



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.

Efectul grunge pentru tipografie și layout

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

Efect de grunge pentru tipografie și machetă



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.

Efectul grunge pentru text și design

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

Efectul grunge pentru tipografie și layout

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.

    Efectul grunge pentru tipografie și machetă



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

    Efect grunge pentru tipografie și layout

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.

Efectul grunge pentru tipografie și machetă

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.

Efectul grunge pentru tipografie și machetă

Pasul 33: Contur alb

Pentru a sublinia textul, creez un contur alb cu o dimensiune de 100 de pixeli în stratul de text.

Efectul grunge pentru tipografie și layout

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.

Efectul grunge pentru tipografie și machetare

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!

Efectul grunge pentru tipografie și machetă

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.

Efectul de grunge pentru tipografie și aspect grafic

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.

Efectul Grunge pentru tipografie și design

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

Efectul grunge pentru tipografie și machetă



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.

Efectul grunge pentru tipografie și machetă



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

    Efectul grunge pentru tipografie și machetă