Učinek grungea daje tipografijam in postavitvam surovi, nekonvencionalni videz, ki je popoln za sodobne in ustvarjalne oblikovalske rešitve. S programom Photoshop lahko ta slog enostavno uporabiš tako, da uporabiš teksture, maske in čopiče. V tem vadnem priročniku ti bom pokazal, kako korak za korakom opremiš tipografije in postavitve s pristnim grunge videzom - od subtilno obrabljenega do intenzivnega in kaotičnega. Pusti svoji ustvarjalnosti prosto pot in svojim oblikam dodaj dodatno mero značaja!

1. Klasika: Tekst v urbanem, umazanem grunge videzu

Klasični učinek grungea je tekst, ki je prepleten z umazanimi elementi, ki besedilu dajejo značilen raztrgan in umazan videz. Za ustvarjanje tega učinka potrebujemo sliko, ki vsebuje "umazane strukture" za besedilo.

Učinek grunge za tipografijo in postavitev

Korak 1: Ustvari novo dokument

Najprej odprem novo dokument s prečnim prikazom 1200 x 800 slikovnih pik s pomočjo bližnjice Ctrl+N. Ozadje je bele barve.

Učinek grunge za tipografijo in postavitev

Korak 2: Postavi besedilo

Z orodjem za besedilo narišem okvir besedila in v črni barvi z velikostjo pisave 400 pik napišem črke PSD.

Učinek grunge za tipografijo in postavitev

Korak 3: Zavrti besedilo

Besedilu vedno dodam več dinamike, če ga rahlo zavrtim. Zato s kazalcem miške grem na vogale, dokler kazalec miške ne postane dvojni puščici. Sedaj lahko besedilo zavrtim. Izberem kot med 3 in 7 odstotki.

Učinek grunge za tipografijo in postavitev

Korak 4: Odpri sliko s strukturiranim ozadjem

Odem za sliko, ki ima trde, črtaste strukture, ki jih lahko vključim kot gruščice v besedilo. Na izhodišča te slike vplivajo strukture, ki bodo določile, kakšno strukturo umazanije bo imel učinek v besedilu.

Izberem sliko drevesa. V tej sliki imam dve različni strukturi: po eni strani črtaste utorke v lubju drevesa za oster učinek, po drugi strani kapljaste značilnosti v "običajnem" drevesnem lubju.

Vir slike: azaliya - Fotolia.com.

Če je slika postavljena kot pametni objekt v že odprtem dokumentu, jo lahko s pritiskom na desni gumb miške na pametni objekt v plastičnem oknu>plastičen rastvor pretvorim v običajno plast. To je pomembno, saj moja naslednja prilagoditev slike morda ne bo delovala.

Učinek grungea za tipografijo in postavitev

Korak 5: Uporabi pragovno vrednost za sliko

Prek menija slika>prilagoditve>pragovna vrednost lahko izločim želene umazanije za učinek grunge.

Pragovna vrednost spreminja vse piksle na plasti v črno in belo. S pomočjo drsnika za pragovno vrednost lahko nadzorujem občutljivost, kje naj bo ločitev med črno in belo. Drsnik za pragovno vrednost premaknem z 128 na levo proti 1. V predogledu lahko vidim, kdaj bi učinek lahko ustrezal. Pustim drsnik pri 96 in potrdim z v redu.

Učinek grunge za tipografijo in postavitev



Opomba: Po uporabi pragovne vrednosti ni vsaka slika primerna za prepoznavanje ustreznih umazanij za grunge učinke. V teh primerih je treba preprosto preizkusiti pragovno vrednost s različnimi slikami, dokler slika ne prinese želenih rezultatov.

Korak 6: Izberi barvni obseg

Prek menija izbor>barvni obseg lahko izberem črne pike na sliki. Za to izberem visoko toleranco in s klikom pipete izberem črno polje na sliki. Nato potrdim z v redu.

Učinek grunge za tipografijo in postavitev

Korak 7: Umazanijo postavi v ločeno plast

Z Ctrl+C in Ctrl+V kopiram izbrane črne pike ter jih vstavim v novo plast.

Učinek grunge za tipografijo in postavitev

To plast lahko, če je ločitev umazanij potekala v ločenem dokumentu, podvojim in vstavim v mojo glavno plast. Če sem ločevanje umazanij opravil že v glavni plasti, lahko izbrišem vse druge plasti slike.

Učinek grunge za tipografijo in postavitev

Korak 8: Nastavi prekrivanje barv

V možnostih polnila za plast z umazanijo lahko nastavim prekrivanje barv v odtenku ozadja.

Učinek grunge za tipografijo in postavitev



S tem bo učinek deloval najbolje. Tako je klasičen učinek grungea zaključen. V naslednjih korakih bom podal nekaj nasvetov za nadaljnje delo.

Korak 9: Izreži masko na besedilo

Ker je prekrivanje barvne plasti umazanije usmerjeno v ozadje, ne morem kar tako izbrati drugega ozadja. Najbolje je, če svojo plast umazanije opremim z izrezano masko na tekstovni plasti. To storim s prečko Ctrl+Alt+G ali s Alt in klikom med obe plasti.

Tako učinek deluje le na področje besedila.

Grunge učinek za tipografijo in postavitev

Korak 10: Gaussov mehčalec

Če je učinek še vedno nekoliko preostro izražen, ga lahko nekoliko zmehčam z uporabo Gaussovega mehčalca na plasti umazanije z minimalnim polmerom 0,3 slikovnih točk. Slednje bo umazanijo naredilo privlačnejšo za oko.

Grunge efekt za tipografijo in postavitev

Korak 11: Ustvari okvir okoli besedila in izrezano masko

Z orodjem za lastne oblike si izberem standardno postavko okvir 7 in ga potegnem okoli besedila. Plast je postavljena nad plasti z besedilom in dobi enak odtenek kot besedilo.

Učinek umazanije naj deluje tudi v okviru. Lahko zgolj podvojim plast umazanije z uporabo Ctrl+J in to plasti okvirja dodelim kot izrezano masko.

Učinek grunge za tipografijo in postavitev

Po drugi strani pa lahko vse elemente besedila in okvirja preprosto dodam kot plasti masko.

Za to preklicem izrezano masko s prečko Ctrl+Alt+G in pobrišem predhodno podvojeno plast umazanije.

Z uporabo Ctrl in klika na miniaturi plasti besedila izberem besedilo in dodam izbor kot plast masko s klikom na ikono za dodajanje plasti maske.

Učinek grunge za tipografijo in postavitev

Za plasti okvirja izberem vsebino plasti s Ctrl in klikom na vektorsko masko. Nato kliknem v plast masko plasti umazanije in izpolnim izbor s ​​belo barvo.

Učinek grunge za tipografijo in postavitev



Prednost uporabe plasti masko je, da mi pri nadaljnjih besedilu ali obliko ne bo treba vsakič znova ustvariti nove izrezane maske s plastjo umazanije. Tako lahko umazanijo centralno držim v eni plasti in nove vsebine preprosto upoštevam samo v plasti maski.

Dodatna prednost: Ob aktiviranih možnostih polnjenja se lahko zgodi, da v hierarhiji konkreten slog plasti nad izrezano masko stoji v hierarhiji in je zato v celoti prikazan. Zato bi v so dvomu moralo vedno iti preko preklopa metode polnjenja.

Korak 12: Optimizacija plasti maske

Pri pikselskih izborih prek Ctrl in klika v miniature v plasti bodo morda ostale majhne obrisi po izboru.

Učinek grunge za tipografijo in postavitev

Zato izberem z Ctrl in klikom v plasti masko vsebino maske in odprem pogovorno okno Izboljšaj rob s prečko Ctrl+Alt+R. Tam premaknem rob na +100 odstotkov. Izbor se minimalno razširi.

Učinek grunge za tipografijo in postavitev

Kot alternativo lahko preprosto grem preko menija izbor>Spremeni izbor>Razširi z vrednostjo 1 slikovne točke.

Razširjen izbor izpolnim z belo barvo znotraj plasti masko. Majhni obrisi so tako izginili.

Učinek "grunge" za tipografijo in postavitev

Korak 13: Po želji prilagodi umazane delce

Povezavo med plastjo masko in plastjo prekinem. Tako bo plast masko vedno ostala na tej poziciji, medtem ko lahko premikam vsebino plasti.

Tako lahko preverim, kateri umazani delci mi najbolj ustrezajo v določenem položaju in po potrebi prilagodim pogled.

Učinek grunge za tipografijo in postavitev

Klasični učinek umazanije je končan – na tej sliki s ​​rdečim prekrivanjem barv na črnem ozadju.

Učinek grunge za tipografijo in postavitev

2. Učinek umazanije, nanesen s pomočjo določenih čopičev

Ker je učinek prek umazanjske plasti precej statičen, saj so delci vedno odvisni od ustrezne strukturirane slike, je priporočljivo doseči učinek umazanije s pomočjo določenih čopičev.

Čisto vsak si lahko zelo hitro ustvari umazanski čopič iz slike ali teksture ustvarjanje. Pomembno je, da ima vzorec, iz katerega se ustvari čopič, dovolj strukturirane vsebine.

Korak 14: Uporaba pragovne vrednosti spremenjene slike kot nastavitve čopiča

Ker smo sliko drevesa že uporabili s svojimi grungestrukturami za klasičen grunge učinek, lahko iz tega istočasno pridobimo tudi konico čopiča.

Z orodjem za laso izberem ustrezno območje na sliki.

Učinek grunge za tipografijo in postavitev

To območje kopiram z Ctrl+C in ga prilepim z Ctrl+V v novo plast.

Z Ctrl in klikom na miniaturi plasti izberem pike prej vstavljenih umazanih delcev.

V meniju Urejanje lahko določim nastavitev čopiča.

Učinek grunge za tipografijo in postavitev

Korak 15: Postavitev besedila

V novem dokumentu z ozadjem teksture narišem okvir besedila in napišem besedo Grunge s pisavo Army Expanded velikosti 160 točk.

Učinek grunge za tipografijo in postavitev

Korak 16: Ustvarjanje nove plasti in določitev kot maske za rezkanje

Ustvarim novo plast z Ctrl+Shift+Alt+N in jo nastavim kot masko za rezkanje s bližnjico Ctrl+Alt+G nad plasti z besedilom. Maska za rezkanje poskrbi, da se umazani delci upodobijo samo na besedilu.

Učinek grunge za tipografijo in postavitev

Korak 17: Čopič v predogledu čopiča

V predogledu čopiča je bil čopič dodan na dno seznama.

Zdaj ga lahko poljubno uporabim glede na velikost, barvo in prosojnost. Pri grunge čopičih je priporočljivo nastaviti srednji naklonski drsenje v lastnostih oblike čopiča. Nastavil sem ga na 33 odstotkov. To omogoča, da se konica orodja z vsakim novim klikom zavrti, s čimer se ne uporabljajo videti identične konice čopiča na prvi pogled.

Učinek grunge za tipografijo in postavitev

Korak 18: Čopičkanje

Z mojo novo nastavitvijo čopiča lahko sedaj v novi plasti z belo, svetlo sivo in temno sivo čopičem nanesem umazane delce v plast.

Grunge učinek se nanaša na besedilo.

Učinek grunge za tipografijo in postavitev

Korak 19: Poudarjanje grunge besedila

Za boljši pogled sem pod besedilno plast potegnil belo polje z orodje za pravokotnik (U) v beli barvi s 40 odstotki površine. V možnostih polnila sem dodal še 10-pikselski črn kontur s 25 odstotki prosojnosti.

Besedilu sem nato dodal senčenje preko možnosti polnila s 75 odstotki prosojnosti.

Učinek grunge, nanešen preko prej določene konice čopiča, je dokončan.

Učinek grunge za tipografijo in postavitev

Korak 20: Ustvarjanje nastavitev čopiča iz teksture

V prvi različici je bil grunge čopič pridobljen iz struktur fotografije. Ustvarjanje grunge čopiča je enako hitro mogoče narediti tudi iz teksture. Ta mora biti dovolj strukturirana, da uspe. V tej teksturi je potrebno nekaj manjših prilagoditev, da dobimo grunge elemente za konico čopiča. Prejšnje plasti z nanesenim grunge besedilom sem skril.

Textura je mimogrede s našega DVD-ja z dvojnimi teksturami, ki je na voljo v trgovini PSD-Tutorials.de. Textura je priložena tudi temu vadnemu gradivu.

Učinek grunge za tipografijo in postavitev

Korak 21: Zmanjšanje nasičenosti teksture

Najprej zmanjšam nasičenost teksture preko nastavitvene plasti Barva/Nasičenost, tako da nastavim drsnik nasičenosti na -100.

Učinek grunge za tipografijo in postavitev

Korak 22: Povečaj kontrast

V naslednjem koraku izberem nastavitveno plast Barvna uravnoteženost in premaknem oba zunanja drsnika nekoliko proti sredini, da se kontrasti teksture okrepijo. Zunanja drsnika v tem primeru stojita pri 46 in 135.

Učinek "grunge" za tipografijo in postavitev

Korak 23: Duplikacija zreducirane na eno plast

V kolikor se v teksturi pokaže, da se je oblikovala dobra osnova za grunge čopič, lahko vse vidne plasti zreduciram na eno in jo nato podvojim. To storim s bližnjico Ctrl+Shift+Alt+E.

Učinek "grunge" za tipografijo in postavitev

Korak 24: Izberi umazane delce

Z orodjem za Čarobni paličic (W) kliknem na temno mesto na nastali plasti, ki naj predstavlja barvno vsebino mojega čopiča. Možnost Zgladitev v meniju je omogočena in nastavljena je toleranca 32.

Učinek grunge za tipografijo in postavitev

Korak 25: Izbrano območje vstavite v novo plast Izbrana mesta v čopiču z izbrano barvno vsebino so izbrana. Kopiram izbiro in jo vstavim v novo plast. Prejšnjo plast z prilagojeno teksturo lahko izbrišem.

Učinek grunge za tipografijo in postavitev

Korak 26: Izberite konkretni Grunge-čopič

Z orodjem za laso (L) lahko zdaj udobno izberem želeni Grunge-čopič.

Učinek grunge za tipografijo in postavitev

Izbrano območje kopiram s Ctrl+C in ga vstavim v novo plast s Ctrl+V. Prejšnjo plast z že prej izbranimi Grunge elementi lahko izbrišem. S Ctrl in klikom levega klika v miniaturo plasti konkretnega Grunge izbora izberem pike te plasti. Prek Meni>Uredi lahko določim izbrano območje kot predlogo čopiča.

Učinek grunge za tipografijo in postavitev



Sicer pa: Na PSD-Tutorials.de lahko najdete številne Grunge-čopiče za prenos:

Grunge-čopiči za prenos

Korak 27: Uporaba Grunge-čopiča

Zdaj lahko enako kot pri prvem čopiču uporabim drugi čopič za nanašanje Grunge elementov.

Učinek grunge za tipografijo in postavitev

3. Ustvarjanje razcepljenih Grunge črk

Obe prejšnji tehniki opisujeta Grunge učinke, pri katerih so bili na črke naneseni več ali manj umazani delci.

Zares grungasti izgled dobimo, ko si tudi same črke pridobijo razcepljen videz. Osnova te tehnike je kombinacija s premično matriko.

Korak 28: Ustvarjanje premične matrike

Vzamem obstoječo teksturo in svoj predhodno ustvarjen Grunge čopič ter enkrat popolnoma premažem celoten dokument. (Kdor nima teksture pri roki, si lahko preprosto z vklopljenimi standardnimi barvami ustvari oblak teksture s filtri oblakov. Ta deluje tudi!)

Učinek grunge za tipografijo in postavitev



Če plast ni ozadinska plast, jo spremenim v to prek menija Plast>Nova>Ozadje iz plasti.

Shranim datoteko pod imenom premikmatrike.psd. Moja premična matrika je končana.

Učinek grunge za tipografijo in postavitev

Korak 29: Postavitev besedila

V novem dokumentu velikosti 1200x1200 slikovnih pik napišem besedo "Grunge" s pisavo Army Expanded velikosti 160 pik.

Besedilno plast pretvorim v pametni objekt z desnim klikom v plošči z nivoji>>Pretvori v pametni objekt.

Učinek grunge za tipografijo in postavitev

Korak 30: Uporaba filtra Vesčanje

Zdaj pa je čas za uporabo Vesčanje filtra. Žal Vesčanje filter ni tako intuitiven kot smo ga navajeni pri drugih filtrov Photoshopa. Kljub temu lahko s uporabo premične matrike dosegam vznemirljive učinke, ki se izkažejo še posebej pri površinskih strukturah z izboklinami in vdolbinami.

Z vesčanjem matrike se glavna slika preslika - v tem primeru moje besedilo - pri čemer se deli slike premikajo na podlagi svetlobnih razlik. Zato sem najprej ustvaril premično matriko in jo ustrezno prilagodil za učinek vesčancev v svetlobi.

Vesčanje filter uporabim s sledečimi nastavitvami:

Vodoravno vesčanje: 15

Navpično vesčanje: 3

Možnosti za krožnike:

  • Prilagodi velikost izbire
  • Ponovi robove pik

    Vnesem lahko odstotek vesčanja do 100. 100 ima učinek premika za 128 slikovnih pik. Ker naj bi bil učinek predvsem bočen, je vrednost vodoravne osi višja od navpične.

    Potrdim z V redu.

    Učinek grung za tipografijo in postavitev



    V odprtem pregledovalniku datotek dodelim moji prej ustvarjeni premični matriki Vesčanje filtra. Pomembno je, da je premična matrika shranjena kot PSD ali BMP dokument.

    Učinek vesčanja popolnoma razcepi robove besedila.

    Učinek grunge za tipografijo in postavitev

Korak 31: Zameglitev na razcepljenih robovih

Če so razcepljeni robovi preveč pegasti, lahko uporabim Gavsovo zamegljevalo z minimalnim Polmerom od 0,2-0,4 slikovne pike.

Učinek 'grunge' za tipografijo in postavitev

Korak 32: Robni Grunge učinki

Zdaj lahko enostavno dupliciram svoje Grunge umazane teksture iz prvega učinka v nov dokument. Tako dobim še lepši Grunge okvir za razcepljeno Grunge besedilo. Poleg tega nastavim v Možnostih polnil besedilne plasti rdeče prekrivanje barve.

Učinek grunge za tipografijo in postavitev

Korak 33: Bela kontura

Da bi besedilo izstopalo, bom na ravni besedila ustvaril belo konturo s 100 slikovnimi točkami velikosti.

Učinek grunge za tipografijo in postavitev

Korak 34: Delci umazanije v besedilu

Če želim dodati piko na i grunge besedilu, nato podvojim plast delcev umazanije, ji dodelim belo barvo ter omejim vidni učinek na območje besedila. Izberem besedilo in dodam izbor podvojene plasti delcev umazanije kot masko sloja.

Učinek grunge za tipografijo in postavitev

Korak 35: Možnosti za različne tipe besedil še vedno prisotne

Če želim sedaj drugo besedilo, preprosto kliknem na miniaturo Pametnega objekta sloja besedila ter v izvirnem Pametnem objektu spremenim besedilo. Ob shranjevanju se vsi učinki prenesejo na novo besedilo. Super!

Učinek grunge za tipografijo in postavitev

Korak 36: Prenos učinka na prvi grunge učinek

Z uporabo filterskega premika na prvi učinek lahko ta obrobni učinek hitro prenesem. Matrika premikanja ostaja enaka.

Učinek grunge za tipografijo in postavitev

Korak 37: Rešitev pri neenobarvnih ozadjih

Grunge učinek se v tem primeru nanaša na črno ozadje in se lahko z uporabo prekrivanja barv v ozadju vedno znova prilagodi. Kaj pa, če ozadje ni enobarvno?

Najboljša rešitev je, da preprosto pustim, da se grunge učinek prelije do ozadja. Aktiviram zgornjo plast s grunge učinkom. Preprosto ustvarim prelivajočo se prosojnost, imenovano izrezava, tako da pri naprednih možnostih polnitve nastavim močno izrezavo na 0 odstotkov ploščo. Potem je popolnoma vseeno, kakšno ozadje je.

Učinek grunge za tipografijo in postavitev

V grunge učinku vedno preseva ozadje, v tem primeru prelivanje v modre odtenke. Pomembno je le, da je ozadje postavljeno kot ozadnji sloj. (Če to ni tako, kot običajno: izberite ozadje, nato v meniju kliknite Sloj>Novo>Ozadje iz sloja).

Učinek grunge za tipografijo in postavitev



Kaj se je pravzaprav zgodilo? Izrezava poskrbi za izločanje vseh prosojnih podpornih plasti v dokumentu. Vse prosojnosti v dokumentu se zdaj izločijo, od sloja z nastavitvijo močne izrezave do sloja nad ozadnjo plastjo. Gre za vrsto izstiskanja v dokumentu, ne glede na to, koliko plasti je vidnih v dokumentu.

Prosojne plasti so na tem mestu besedila popolnoma skrite. Ker ozadnja plast ne vsebuje prosojnosti, bo vedno na tem mestu vidna uporabljeni filter ozadnje plasti. In tako lahko ozadnja plast prevzame vse možne barve in svetlosti. Postanejo vidne.

Učinek grunge za tipografijo in postavitev



Mimogrede: Obstaja veliko pisav, ki se brez težav prilagodijo grunge učinkom. Tukaj je majhen seznam:

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

    Tisti, ki želijo prihraniti delo, lahko preprosto posežejo po že pripravljenih pisavah.

    Najbolj kul je učinek vseeno, če si ga ustvariš sam in ohraniš vse možnosti za variacijo.

    Učinek grunge za tipografijo in postavitev