Grungeefekt annab trükistele ja paigutustele karmi, ebatraditsioonilise välimuse, mis sobib ideaalselt kaasaegsete ja loominguliste kujunduste jaoks. Photoshopiga saab seda stiili väga lihtsalt luua, kasutades tekstuure, maske ja pintslitööriistu. Selles õpetuses näitan samm-sammult, kuidas trüki- ja paigutuskujundustele anda autentne grunge-välimus - alates peenelt kantud kuni intensiivse ja kaootiliseni. Lase oma loovusel vabalt lennata ja anna oma kujundustele lisaks iseloomule ka ekstra annus isikupära!

1. Klassikaline: linna- ja mustuselik Grungetekst

Klassikaline grungeefekt on tekst, mis on läbipõimitud mustuselementidega, mis annavad teksti iseloomuliku rebestatud ja määrdunud välimuse. Selle efekti loomiseks on vaja pilti, mis sisaldab teksti jaoks "mustusestruktuure".

Grungeefekt tüpograafiale ja kujundusele

Samm 1: Uue dokumendi loomine

Esmalt avan uue dokumendi kiirklahvi Ctrl+N abil suuruses 1200 x 800 pikslit. Taust on valge.

Grungetõmbe efekt teksti ja paigutuse jaoks

Samm 2: Teksti paigutamine

Pintslitööriista abil loon tekstikastme ja kirjutan musta värvi 400-punktise sõjaväegroteski tähtedega PSD.

Grungeefekt teksti ja paigutuse jaoks

Samm 3: Teksti pööramine

Tekst saab alati veidi rohkem dünaamikat, kui see on kergelt pööratud. Seetõttu liigutan kursori nurkade juurde, kuni kursor muutub topeltnooleks. Nüüd saan teksti pöörata. Valin nurga vahemikus 3 kuni 7 protsenti.

Grunži efekt tüpograafiale ja paigutusele

Samm 4: Pildi struktureeritud tausta avamine

Avan pildi, mis sisaldab raskete, joontega struktuure, mida saan kasutada grungeosakestena oma tekstis. Sellest pildist sõltuvad mustusefekti tekstis osakestestruktuurid.

Mu valik langes puu pildile. Selles pildis on kaks erinevat struktuuri: ühelt poolt joonelised lohud puukoore südames kareda efekti jaoks, teiselt poolt pritsmepunktid „tavalises“ puukoorel.

Pildi allikas: azaliya - Fotolia.com.

Kui pilt paigutati avatud dokumendis nutikaks objektiks, saan sellele teha paremkliki ja nutika objekti kihirastriteks muundamiseks tavaliseks kihiks. See on oluline, kuna järgmine pildi korrektsioon ei toimi muul viisil.

Grungeefekt tüpograafias ja küljendamises

Samm 5: Pildi korrigeerimise lävendi rakendamine

Menüü kaudu Pilt>Korrektsioonid>Lävi saan filtreerida soovitud mustuseosakesed grungeefekti jaoks.

Pildikorrektsioon Lävi teisendab kõik kihi pikslid mustaks ja valgeks. Lävisideregulaatorit liigutan tundlikkuse taseme määramiseks, millal eraldusjoon tuleks must ja valge. Liigutan Lävisideregulaatorit 128-st vasakule suunas 1ni. Eelvaatest saan aru, millal efekt sobida võiks. Jätan regulaatori 96 peale ja kinnitan OK klahviga.

Grungeefekt tüpograafiale ja kujundusele



Märkus: Kõik pildid ei pruugi pärast Lävi korrigeerimise rakendamist sobivaid mustuseosakesi grunge efektide jaoks näidata. Nendel juhtudel tuleb Lävi korrigeerimist lihtsalt proovida erinevate piltidega, kuni üks pilt annab soovitud tulemused.

Samm 6: Värvaliku valimine

Menüü kaudu Valik>Värvalik saan valida mustad pikslid pildilt. Valin kõrge taluvuse ja klõpsan tilgutiga musta ruudu kohale pildil. Seejärel kinnitan OK..

Grungeefekt tüpograafiale ja kujundusele

Samm 7: Mustuseosakesed eraldi kihina

Kopeerin valitud mustad pikslid Ctrl+C ja Ctrl+V ning asetan nad uuele kihile.

Grungeefekt tüpograafiale ja paigutusele

Seda kihti saan vajadusel, kui mustuseosakeste eraldus toimus eraldi dokumendis, kopeerida ja sisestada oma põhikihina. Kui olen mustuseosakeste eralduse juba põhikihil läbi viinud, saan kustutada kõik pildi muud kihid.

Grunzefekt teksti ja paigutuse jaoks

Samm 8: Värboverlaki seadistamine

Kihi värvivalikuga saan mustuseosakekihil seadistada värboverlaki taustavärvi toonis.

Grungeefekt tüpograafiale ja kujundusele



See toob efekti ilusalt esile. Nii et klassikaline grungeefekt on valmis. Järgmisena soovin anda mõned juhised edasisel töötlemisel.

Samm 9: Teksti lõikamismask

Kuna värvikihtide ülekate määrdumisosakesekihi suhtes on orienteeritud taustale, ei saa ma kergesti valida teist tausta. Optimaalne on seetõttu lisada oma määrdumisosakesekiht tekstikihile lõikamismaskiga. Teen seda kiirklahviga Ctr + Alt + G või Alt ja klõpsates mõlema kihi vahele.

Nii mõjub efekt ainult tekstipiirkonnale.

Grungeefekt tüpograafiale ja küljendusele

Samm 10: Gaussi hajutaja

Kui efekt tundub veel veidi liiga terav, saan seda veidi pehmendada, rakendades määrdumisosakesekihile Gaussi hajutaja minimaalse raadiusega 0,3 pikslit. Sellega muudetakse määrdumisosakesed silmale meeldivamaks.

Grungetehnika tüpograafias ja küljenduses

Samm 11: Raami loomine teksti ja kihi maskiga

Oma Enda-kujundi-tööriistaga valin raami 7 standardvalikust ja tõmban selle teksti ümber. Kiht paigutatakse tekstikihi kohale ja saab sama värvitooni nagu tekst.

Määrdumiseffekti peaks lisaks raamile samuti mõjutama. Ühelt poolt saan määrdumisosakesekihi lihtsalt dubleerida kiirklahviga Ctr+J ja määrata see raamikihile lõikamismaskiga.

Grunzhavileffekt tüpograafiale ja kujundusele

Teisalt saan lisada ka kõik teksti- ja raamielemendid lihtsalt kihi maskina.

Selleks tühistan lõikamismaski kiirklahviga Ctr+Alt+G ja kustutan varem duplitseeritud määrdumisosakesekihi.

Valin Ctr ja klõpsan tekstikihi kihi pisipildil teksti ja lisasin valiku aktiveeritud määrdumisosakesekihile kihi maskina, klõpsates kihi maski lisamise sümbolile.

Grungeefekt teksti ja kujunduse jaoks

Raamikihile valin kihi sisu Ctr ja klõpsates Vektormaskil. Seejärel klõpsan määrdumisosakesekihi kihi maskil ja täidan valiku valge värviga.

Grungeefekt tüpograafiale ja kujundusele



Edumaa kihi maski kaudu on selles, et järgmise teksti või vormielemendi puhul pole vaja iga kord uut lõikamismaski koos määrdumisosakesekihiga luua. Nii saan hoida määrdumisosakesed keskselt ühes kihis ja uute kihi sisu lihtsalt kihi maskis kajastada.

Lisaväärtus: Aktiveeritud Täitmisvõimaluste korral võib juhtuda, et hierarhias kuvatakse konkreetne kihi stiil lõikamismaski kohal hierarhias ja seetõttu kuvatakse see täielikult. Seega peab kahtluse korral alati toimuma arvutamine Täitemeetodi ümberlülitamise kaudu.

Samm 12: Kihi maski optimeerimine

Pikslivalikute korral Ctr ja klõpsates kihi paneeli pisipiltidel võib juhtuda, et pärast valikut jäävad alles väikesed kontuurid.

Grunzefekt tüpograafiale ja kujundusele

Selleks valin Ctr ja klõpsan kihi maskil maski sisu ja avan dialoogi Äärise parandamine klaviatuurilühiklahviga Ctr+Alt+R. Seal nihutan äärist +100 protsendi võrra. Valik laieneb minimaalselt.

Grungeefekt tüpograafiale ja kujundusele

Alternatiivina saan minna menüüsse Valik>Valiku muutmine>Laienda väärtusega 1 piksel.

Laienenud valiku täidan valge värviga kihi maskis. Väike kontuur on kadunud.

Grungeefekt tüpograafias ja kujunduses

Samm 13: Valikuline määrdumisosakeste kohandamine

Lahutan ühendusahela kihi maski ja kihi vahel. Nii jääb kihi mask alati sellesse kohta, samas kui kihi sisu saab liigutada.

Nii saan vaadata, millised määrdumisosakesed mulle antud positsioonil kõige paremini meeldivad, ja vajadusel vaadet nihutada.

Grungeefekt tüpograafiale ja kujundusele

Minu klassikaline määrdumiseffekt on valmis – selles pildis punase värvikihi kombineerimisega musta taustaga.

Grungeefekt tüpograafiale ja kujundusele

2. Määrdumiseffekt lisatud määratletud pintslite abil

Kuna määrdumiseffekt osakesekihina on pigem staatiline, kuna osakesed sõltuvad alati sobivast struktureeritud pildist, soovitatakse määrdumiseffekt saada kindlaksmääratud pintslite kaudu.

Määrdumise pintslit saab igaüks kiiresti luua foto või tekstuurist. Oluline on, et pintseli loomiseks kasutatav eelmall sisaldaks piisavalt struktureeritud sisu.

Samm 14: Kasuta muudetud pildi lävepinna kasutamine harjaga

Kuna puupilti on juba kasutatud klassikalise grungeefekti jaoks, võin sellest hõlpsasti saada ka harjaotsiku.

Kasutan Lassotööriista, et valida pildilt sobiv ala.

Vigasem mõju teksti- ja kujunduselemendidele

Kopeerin selle ala Ctrl+C ja kleepin selle Ctrl+V uuele kihile.

Vajutan klahvi Ctrl ja klõpsan Kihi pisipildil, et valida varem lisatud mustusosakesed.

Menüüs Muuda saan määrata harjaga otsiku.

Grungeefekt teksti ja kujunduse jaoks

Samm 15: Teksti paigutamine

Uues dokumendis tekstuurtaustale lohistan tekstikasti ja kirjutan sõna "Grunge" kirjaga 160 punkti Army Expanded.

Grungeefekt tüpograafia ja kujunduse jaoks

Samm 16: Uue kihi loomine ja määratlemine lõikekihina

Lood uue kihi kiirklahvidega Ctrl+Shift+Alt+N ja määran selle lõikekihina kiirklahvidega Ctrl+Alt+G tekstikihile. Lõikekiht tagab, et määritud mustusosakesed kuvatakse ainult tekstil.

Grunziefekt typo ja kujunduse jaoks

Samm 17: Harja eelvaates

Harja on lisatud harja eelvaates allpool.

Nüüd saan seda suvalises suuruses, värvuses ja läbipaistvuses rakendada. Grunge-harjade puhul on soovitatav seadistada Harja kuju atribuudid keskmise Nurga kõikumine. Olen seadistanud selle 33 protsendile. See tagab, et tööriista ots pööratakse iga uue klõpsu korral ja seega ei kasutata esmapilgul identsed harjaotsikud.

Grungeefekt tüpograafiale ja kujundusele

Samm 18: Harjamine

Uue harjaga saan nüüd valge, helehalli ja tumehalli värvi mustust kihile harjata.

Grunge-efekt kantakse tekstile.

Grungeefekt tüpograafiale ja kujundusele

Samm 19: Grungeteksti rõhutamine

Parema vaate saamiseks tõmbasin tekstikihile valge ruudu tööriista (U) abil valge taustaga 40% Pinda. Täituvuse valikutes seadsin 10 piksli laiuse ja 25% Läbipaistvusega musta Kontuuri.

Lisasin tekstile ka Varju koos 75% Läbipaistvusega Täituvuse valikute abil.

Grunge-efekt on rakendatud eelnevalt valitud harja abil.

Grungeefekt tüpograafiale ja kujundusele

Samm 20: Harja eelvaadetest tekstuuride loomine

Esimene võimalus oli grunge-harja saamine foto struktuuridest. Grunge-harja loomine tekstuurilt toimub sama kiiresti. Tekstiuri jaoks peab see lihtsalt olema piisavalt struktureeritud. Selles tekstuuris on vaja mõningaid väikeseid kohandusi, et saada grunge-osalised harjaks. Varasemad kihid koos lisatud grunge-tekstiga olen peitnud.

Muide, tekstuur pärineb meie tekstuuride topelt-DVD-st, mis on saadaval PSD-Tutorials.de poes. See tekstuur on ka selle juhendi tööfailina lisatud.

Grungeefektidega tüpograafia ja paigutus

Samm 21: Tekstuuri küllastumine

Kõigepealt küllastan teksturi sättekihi kaudu Värvitoon/Küllastus, vähendades Küllastuse regulaatorit -100 peale.

Grunzefekt tippograafiale ja kujundusele

Samm 22: Kontrasti suurendamine

Järgmises sammus valin sättekihi Tooni parandus ja nihutan mõlemaid välimisi regulaatoreid veidi keskele, et teksturi kontrastid tugevneksid. Välimised regulaatorid on selles näites 46 ja 135.

Grungeefekt tüpograafiale ja kujundusele

Samm 23: Redutseeritud kihi dubleerimine

Kui teksturis on märke sellest, et on tekkinud hea alus grunge-harja jaoks, saan kõik nähtavad kihid redutseerida ja dubleerida. Teen seda kiirklahviga Ctrl+Shift+Alt+E.

Grungeefekt tüpograafiale ja küljendusele

Samm 24: Mustusosakeste valimine

Kasutan Maagilist võlukeppi (W), klõpsates loodud kihis tumedale alale, mis peaks esindama harja värvisisu. Menüüs on valitud Silumine ja määratud Tolerants väärtus 32.

Grungeefekt tüpograafiale ja kujundusele

Samm 25: Valitud ala sisestamine uude kihti. Harjaga valitud värvi sisu valitud kohad on valitud. Kopeerin valiku ja sisestan selle uude kihti. Eelneva kihi koos kohandatud tekstuuriga saan kustutada.

Grungeefekt tüpograafiale ja kujundusele

Samm 26: Konkreetse grunge-harja valimine

Valitud ala kopeerin kasutades Ctrl+C ja sisestan uude kihti kasutades Ctrl+V. Eelneva kihi eelnevalt valitud grunge-elementide saan kustutada. Klõpsates Ctrl-ga ja hiire vasaku klahviga konkreetse grunge valiku kihi pisipildile valin selle kihi pikslid. Menüüst>Redigeeri saan määrata valitud ala harja eelistuseks.

Grunziefekt teksti ja küljenduse jaoks



Muide: PSD-Tutorials.de-st leiate arvukalt grunge-harju allalaadimiseks:

Grunge-harjad allalaadimiseks

Samm 27: Grunge-harja rakendamine

Nüüd saan samamoodi nagu esimese harja eelistuse puhul rakendada ka teist harja eelistust grunge-elementide pealekandmiseks.

Grungeefekt tüpograafia ja kujunduse jaoks

3. Ääristatud grunge-tähtede loomine

Mõlemad eelnevad tehnikad kirjeldavad grunge-efekte, kus tähtedele on kantud rohkem või vähem mustuseosakesi.

Tõeliselt grunge saab olema siis, kui tähted ise saavad väljanägemuse, mis on ääristatud. Selle tehnikaga aluseks on arvutus koos nihutusmaatriksiga.

Samm 28: Nihutusmaatriksi loomine

Võtan olemasoleva tekstuuriga ja varasema grunge-harjaga ja joonistan ühekorraga dokumendi peale. (Kellel pole käepärast tekstuuri, saab lihtsalt standardvärvide aktiveerimisel Lennufiltriga luua pilvetekstuuri. See toimib samuti!)

Grungeefekt tüpograafiale ja kujundusele



Kui kiht pole taustakiht, teen selleks muutmise kihi taustaks menüü kaudu Kiht>Uus>Taust kihist.

Salvestan faili nimega nihutusmaatriks.psd. Minu nihutusmaatriks on valmis.

Grungeefekt tüpograafiale ja küljendusele

Samm 29: Teksti paigutamine

Uues dokumendis, mille suurus on 1200x1200 pikslit, kirjutan 160-punktise Army Expanded'iga sõna "Grunge".

Teekonna kihi teisendan Nutikaks objektiks läbi paremklõpsu kihidesTeisendage nutikaks objektiks.

Grungeefekt tüpograafiale ja kujundusele

Samm 30: Nihutusfiltri Rakendamine

Nüüd on aeg kasutada Nihutusfiltrit. Nihutusfilter pole kahjuks nii intuitiivne kui teised Photoshopi filtrid, millest oleme harjunud. Siiski, kasutades nihutusmaatriksi rakendamist, saan luua suurepäraseid efekte, mis sobivad eriti hästi pinnatekstuuridega, millel on tõusud ja langused.

Nihutusmaatriksiga saab põhipilti moonutada – selles olukorras minu teksti – niimoodi, et pildiosi nihutatakse erinevate heleduskontrastide abil. Seega olen nihutusmaatriksi esmalt loonud ja selle heledusele vastavalt kohandanud.

Kasutan Nihutusfiltrit järgmiste seadistustega:

Horisontaalne nihutus: 15

Vertikaalne nihutus: 3

Valiku nupud:

  • Valikualale skaalale kohandamine
  • Äärise pikselid korduvad

    Nihutuse sisestus võib ulatuda kuni 100% -ni. 100 omab 128 piksli nihutuse efekti. Kuna efekt peaks peamiselt olema külgne, on horisontaalne väärtus suurem kui vertikaalne.

    Kinnitan OK-ga.

    Grunzefekt tüpograafias ja kujunduses



    Avaavas failibrauseris määran oma varasemalt loodud nihutusmaatriksi Nihutusfiltrile. Oluline on, et nihutusmaatriks oleks salvestatud PSD- või BMP-dokumendina.

    Nihutusefekt ääristab teksti täielikult ääristega.

    Grungeefekt tüpograafia ja küljenduse jaoks

Samm 31: Pehmendamine ääristel

Kui ääristel on liiga palju laike, saan kasutada Gaussian Blur minimaalse raadiusega 0,2-0,4 pikslit.

Grungeefekt tüpograafiale ja kujundusele

Samm 32: Ääristatud grunge-efektid

Nüüd saan hõlpsalt kopeerida esimese efekti grunge-määrdetekstuurid uude dokumendisse. Nii saan välja fräänlise grunge-tausta jaoks veel ühe ilusa grunge-äärisega teksti. Lisaks seadistan tekstikihi täitevalikutes punase värvikattumise.

Grungeefekt tüpograafia ja kujunduse jaoks

Samm 33: Valge kontuur

Soovides teksti veelgi esile tõsta, loon tekstikihis valge kontuuri suurusega 100 pikslit.

Grungeefekt tüpograafiale ja kujundusele

Samm 34: Mustlikud osakesed tekstis

Kui ma tahan grunge-tekstile krooni panna, siis kopeerin mustlikukihi, annan sellele valge värvi ning piiran nähtava efekti tekstialale. Valin teksti ja lisan kopeeritud mustlikukihi valikule kihikomaski.

Grunziefekt tüpograafia ja kujunduse jaoks

Samm 35: Tekstivariatsioonid endiselt võimalikud

Kui soovin nüüd aga muud teksti, klõpsan lihtsalt tekstikihis olevale nutika objekti pisipildile ja muudan nutika originaalobjekti teksti. Salvestades arvutatakse kõik efektid uue tekstiga ümber. Lahe!

Grungeefekt tüpograafias ja kujunduses

Samm 36: Efekti ülekanne esimesele grungeefektile

Kui ma rakendan esimesel efektil ka paigutusfiltri, saan selle katkise efekti kiiresti üle kanda. Nihutusmaatriks on endiselt sama.

Mustikaeffekt teksti ja kujunduse jaoks.

Samm 37: Lahendus mitte ühevärvilistel taustadel

Grungeefekt viitab selles olukorras mustale taustale ja tänu värvkattetus saab tausta värvi alati kohandada. Kuid mis siis, kui taust ei ole ühevärviline?

Parim lahendus on lihtsalt lasta grungeefektil läbi tungida kuni taustani. Võtan aktiivseks kõige ülemise kihi grungeefektiga. Läbistav läbipaistvus ehk nn avamine luuakse lihtsalt, seades lisavõimaluste täidet tugevaks avamiseks 0 protsendisel pinnal. Seejärel ei ole tähtis, milline taust on esitatud.

Grungeefekt tüpograafiale ja kujundusele

Grungeefektis paistab alati läbi vastav taust, selles olukorras siniste toonide degradeerumine. Oluline on, et taust on ka taustakihina paigutatud. (Kui see pole nii, nagu alati: valige taust, seejärel menüüst valige kiht>Uus>Tagataust kiht).

Grungeefekt tüpograafiale ja küljendusele



Mis täpselt juhtus? Avamine tagab dokumenti kõigi läbipaistvust toetavate kihtide väljapressimise. Nüüd jäetakse dokumendis kõik läbipaistvused, alustades kihiga, millel on tugeva avamise seadistus, kuni ülemise taustakihini täpselt välja. See on nagu väljalõik dokumentis, ükskõik kui palju kihte dokumendis on nähtav.

Läbipaistvuskihid peidetakse täpselt selle tekstikoha kohal. Kuna taustakiht ei tea läbipaistvusi, muutub alati selles kohas rakendatud filtri tagasi. Ja nii võib taustakiht olla kõikvõimalikud värvid ja heledused. Need muutuvad nähtavaks.

Grungeefekt tüpograafiale ja kujundusele



Ühtlasi: on ka hulk fonte, mis sobivad hõlpsalt grungeefektideks. Siin on väike loetelu:

  • Trashed
  • Sidewalk
  • Dirty Ames
  • Turbo Ripped
  • Neoprint M319.
  • Hawaii Lover ja Hawaii Killer
  • King and Queen
  • Marcelle
  • Bleeding Cowboys
  • Birth of a hero
  • Alpaca 54
  • A bite
  • Acid label
  • Doctor Atomic
  • Tom violence

    Kes soovib aega säästa, kasutagu lihtsalt valmisfonte.

    Kõige lahedam on siiski efekt siis, kui teete selle ise ja säilitate kõik võimalused varieerimiseks.

    Tekstuuriefekt tüpograafiale ja kujundusele