Účinok grunge dodáva typografii a rozloženiam hrubý, nekonvenčný vzhľad, ktorý je ideálny pre moderné a kreatívne dizajny. S programom Photoshop môžeš tento štýl jednoducho dosiahnuť použitím textúr, maskovania a štetiek. V tomto návode ti ukážem, ako krok za krokom doplniť typografiu a rozloženia autentickým grunge vzhľadom – od jemného opotrebovania po intenzívne a chaotické prevedenie. Daj voľný priechod svojej kreativite a pridaj tvojim dizajnom extra dávku charakteru!
1. Klasika: Text v grunge štýle v urbánom, zašpinenom vzhľade
Klasický grunge efekt je text preniknutý zašpinenými prvkami, ktoré mu dávajú typický roztrhaný a špinavý vzhľad. Na vytvorenie tohto efektu je potrebný obrázok obsahujúci "špinavé štruktúry" pre text.
Krok 1: Vytvorenie nového dokumentu
Ako prvé otvorím nový dokument cez skratku Ctrl+N s rozmermi 1200 x 800 pixelov. Pozadie je biela.
Krok 2: Umietnenie textu
S nástrojom na text vytvorím obdĺžnik textu a napíšem písmená PSD čiernou farbou veľkosti 400 bodov.
Krok 3: Otočenie textu
Text získa väčšiu dynamiku, ak je ľahko otočený. Preto posuniem kurzor na rohy textu, kým sa kurzor nezmení na šípku. Teraz môžem text otočiť. Vyberiem uhol medzi 3 a 7 stupňami.
Krok 4: Otvorenie obrázka s textúrovaným pozadím
Otvorím obrázok, ktorý obsahuje tvrdé, čiarové textúry, ktoré môžem vpustiť do textu ako grunge častice. Počiatočné podmienky v tomto obrázku rozhodnú o tom, akú štruktúru čiastíc špiny bude text mať.
Volím obrázok stromu. V tomto obrázku mám dve rôzne štruktúry: do čela rovné zárezy v kôre stromu pre tvrdý efekt a ďalšie škvrnité prvky v "normálnej" kôre stromu.
Zdroj obrázka: azaliya – Fotolia.com.
Ak je obrázok umiestnený ako inteligentný objekt v už otvorenom dokumente, môžem ho s kliknutím pravým tlačidlom myši na inteligentný objekt v paneli vrstev>Vrstva rastrovať premeniť na bežnú vrstvu. To je dôležité, pretože moja nasledujúca úprava obrázka by inak nefungovala.
Krok 5: Použitie korekcie prahu obrázka
Cez menu Obrázok>Korekcie>Práh môžem vyfiltrovať požadované špinavé častice pre grunge efekt.
Korekcia obrázka prah konvertuje všetky pixely v rámci vrstvy na čierno-biely. Pomocou posuvníka prahu môžem ovplyvniť citlivosť a určiť miesto prechodu do čiernej a bielej farby. Posúvam posuvník prahu z 128 doľava smerom k číslu 1. V náhľade už vidím, kedy môže byť efekt vhodný. Nechám posuvník na 96 a potvrdím s tlačidlom OK.
Poznámka: Nie všetky obrázky po aplikovaní úpravy prahu ukážu vhodné špinavé častice pre grunge efekty. V týchto prípadoch treba jednoducho experimentovať s rôznymi obrázkami, kým nezískate požadované výsledky.
Krok 6: Výber farebného rozsahu
Cez menu Výber>Farbný rozsah môžem zvoliť čierne pixely v obrázku. Zvolím vysokú toleranciu a kliknem s pipetou do čierneho poľa v obraze. Potom potvrdím tlačidlom OK.
Krok 7: Špinavé častice vložiť do samostatnej vrstvy
S pomocou Ctrl+C a Ctrl+V skopírujem vybrané čierne pixely a vložím ich do novej vrstvy.
Túto vrstvu môžem, pokiaľ separácia špinavých častíc prebehla v samostatnom dokumente, duplikovať a vložiť do mojej hlavnej vrstvy. Pokiaľ som separáciu špinavých častíc už vykonal v hlavnej vrstve, môžem odstrániť všetky ostatné vrstvy obrázka.
Krok 8: Nastavenie prekrytia farieb
Vo voľbách Vrstvy pre vrstvu špinavých častíc môžem nastaviť prekrytie farieb v odtieni pozadia.
Takto bude efekt najlepší. Klasický grunge efekt je takto dokončený. V nasledujúcich krokoch chcem ešte poskytnúť niekoľko rád pre ďalšie úpravy.
Krok 9: Vytvorenie mase na text
Pretože farba overlay špinavých častíc je orientovaná na pozadie, nie je možné jednoducho zmeniť pozadie. Optimalizáciou je preto, ak vrstvu s špinavými časticami zariadim s maskaním k textovej vrstve. To urobím pomocou klávesových skratiek Ctrl+Alt+G alebo s Alt a kliknutím medzi oba vrstvy.
Takto efekt pôsobí iba na textovú oblasť.
Krok 10: Gaussovský rozmazávač
Ak je efekt stále trochu príliš tvrdý, môžem ho jemne zaobliť rozmazávačom Gaussovských hodnôt s minimálnym polomerom 0,3 pixelov na vrstve s špinavými časticami. Tým sa špinavé častice stanú príjemnejšími pre oko.
Krok 11: Vytvorenie rámu okolo textu a mase vrstvy
Pomocou nástroja Vlastný nástroj tvaru si vyberiem rámeček 7 z prednastavenia a ťahám ho okolo textu. Vrstva je umiestnená nad textovou vrstvou a má rovnaký odtieň ako text.
Špinavý efekt by mal pôsobiť aj v ráme. Na jednej strane môžem vrstvu so špinavými časticami jednoducho duplikovať pomocou Ctrl+J a priradiť ju vrstve rámu ako masku masky.
Na druhej strane môžem pridať všetky textové a rámikové prvky ako masku vrstvy.
Na to zruším masku masky pomocou klávesových skratiek Ctrl+Alt+G a vymažem predošlú duplikovanú vrstvu so špinavými časticami.
Pomocou Ctrl a kliknutia na miniatúru vrstvy textovej vrstvy vyberiem text a pridám vybratú oblasť ako masku vrstvy s kliknutím na symbol Pridať masku vrstvy.
Pre rámikovú vrstvu vyberiem obsah vrstvy s Ctrl a kliknutím na vektorovú masku. Potom kliknem na masku vrstvy so špinavými časticami a vyplním vybranú oblasť bielou farbou.
Výhodou pri použití masky vrstvy je, že pri ďalších textových alebo tvarových prvkoch nemusím vždy vytvárať novú masku masky so špinavými časticami. Môžem tak špinavé častice zamerať centrálne na jednej vrstve a nový obsah vrstiev zohľadniť iba vo maske vrstvy.
Ďalšou výhodou je, že pri aktivovanej plnenie voľieb môže byť v hierarchii konkrétny štýl vrstvy nad maskou masky v hierarchii a preto plne zobrazený. V prípade pochybnosti musí byť vždy nastavený výpočet cez zmenu metódy plnenia.
Krok 12: Optimalizácia masky vrstvy
Pri pixelových výberoch pomocou Ctrl a kliknutím do miniatúr v paneli vrstiev je bežné, že po výbere zostávajú malé kontúry.
Preto vyberiem obsah masky vrstvy s Ctrl a kliknutím do masky vrstvy a otvorím dialóg vylepšiť okraj pomocou klávesových skratiek Ctrl+Alt+R. Tam presuniem okraj na +100 percent. Výber sa minimálne rozšíri.
Ako alternatívu môžem jednoducho ísť cez menu Výber>Upraviť výber>Rozšíriť s hodnotou 1 pixelu.
Rozšírený výber vyplním bielou farbou vnútri masky vrstvy. Tým sa malá kontúra zruší.
Krok 13: Voliteľné nastavenie špinavých častíc
Pripojenú reťaz medzi maskou vrstvy a vrstvou rozpojím. Tak sa maska vrstvy udržuje na danej pozícii, zatiaľ čo obsah vrstvy môžem posúvať.
Môžem tak zistiť, ktoré špinavé častice sa mi na danej pozícii najviac páčia a pohľad v prípade potreby posunúť.
Môj klasický grungeový efekt je hotový - na tomto obrázku s červenou farba overlay na čiernom pozadí.
2. Grungeový efekt aplikovaný prostredníctvom špecifikovaných štetčekov
Keďže efekt cez vrstvu s špinavými časticami je dosť statický, pretože častice sú vždy závislé od vhodného štruktúrovaného obrázka, odporúča sa dosiahnuť grungeový efekt pomocou presne stanovených štetčekov.
Grungeový štetec si môže každý veľmi rýchlo vytvoriť z fotografie alebo textúry vytvoriť. Dôležité je, že vzor, z ktorého je štetec vytváraný, obsahuje dostatok štruktúrovaného obsahu.
Krok 14: Využitie prahu zmeneného obrázka ako štetcovej šablóny
Keďže obrázok stromu už bol využitý so svojimi grungy štruktúrami na klasický grunge efekt, môžem z neho priamo získať štetec.
Pomocou lasso nástroja vyberiem vhodnú oblasť na obrázku.
Túto oblasť skopírujem pomocou Ctrl+C a vložím ju s Ctrl+V do novej vrstvy.
Pomocou Ctrl a kliknutia na vrstvové miniatury vyberiem pixely predtým vložených škvŕn.
V ponuke Upraviť si môžem nastaviť štetcovú šablónu.
Krok 15: Umiestnenie textu
V novom dokumente s textúrnym pozadím ťahaním vytvorím textový rámik a napíšem slovo Grunge s písmom 160 bodov Army Expanded.
Krok 16: Vytvorenie novej vrstvy a nastavenie ako masky orezania
Vytvorím novú vrstvu pomocou Ctrl+Shift+Alt+N a nastavím ju ako masku orezania s klávesovou skratkou Ctrl+Alt+G nad textovou vrstvou. Maska orezania zabezpečuje, že poškvrny štetca budú zobrazené len na texte.
Krok 17: Štetec v náhľade štetca
Vo náhľade štetca bola štetec pridaná na posledné miesto.
Teraz ho môžem ľubovoľne použiť vo veľkosti, farbe a priehľadnosti. Pri grunge štetcoch odporúčam nastaviť stredný rozmazávací uhol v vlastnostiach tvaru štetca. Nastavil som to na 33 percent. Tým sa zabezpečí, že sa špička nástroja otočí s každým novým kliknutím a tak sa nebudú používať identické štetce na prvý pohľad.
Krok 18: Vytváranie škvŕn
S novou štetcovou šablonou môžem teraz natrieť špinavé časti v novom vrstve bielou, svetlosivou a tmavosivou farbou.
Grungový efekt sa aplikuje na text.
Krok 19: Akcentovanie textu s grunge
Pre lepšiu prehľadnosť som ťahaním s obdĺžnikovým nástrojom (U) vytvoril bielu plochu pod textovou vrstvou so 40 percentami plôchy. V možnostiach výplne som ešte nastavil čiernu kontúru s hrúbkou 10 pixelov a priehľadnosťou 25 percent.
Ďalej som k textu pridal cez možnosti výplne tenký tieň s priehľadnosťou 75 percent.
Hotový je aplikovaný grunge efekt pomocou predtým stanovenej špičky štetca.
Krok 20: Vytváranie štetcových šablón z textúr
V prvej variante bola grunge štetca získaná zo štruktúr fotografie. Vytvorenie grunge štetca môže byť rovnako rýchle aj s textúrou. Tá musí byť dostatočne štruktúrovaná, aby to fungovalo. V tejto textúre je potrebné niekoľko drobných úprav, aby sa z nej získali grungové prvky pre štetec. Predchádzajúce vrstvy s aplikovaným grungovým textom som skryl.
Textúra je mimochodom z nášho Texture-Doppel-DVD, ktorú je možné zakúpiť v obchode PSD-Tutorials.de. V tejto textúre je tiež priložený pracovný súbor tohto tutoriálu.
Krok 21: Desaturácia textúry
Ako prvý krok desaturujem textúru cez nastavenie vrstvy Odtieň/Nasýtenie, kde znížim regulátor nasýtenia na -100.
Krok 22: Zvýšenie kontrastu
V nasledujúcom kroku si vyberiem vrstvu nastavenia Korekcia tónov a posuniem obaja vonkajšie regulátory bližšie k stredovej polohe, aby sa kontrasty textúry zosilnili. Vonkajšie regulátory sú v tomto príklade na 46 a 135.
Krok 23: Duplikovanie zredukovaného na jednu vrstvu
V prípade, že sa na textúre začína vytvárať dobrá základňa pre grunge štetec, môžem všetky viditeľné vrstvy zredukovať na jednu vrstvu duplikovaním. To urobím cez klávesovú skratku Ctrl+Shift+Alt+E.
Krok 24: Výber špinavých častí
S kúzelníkom (W) kliknem do vzniknutej vrstvy na tmavú škvrnu, ktorá má predstavovať farbu môjho štetca. Voľba vyhladiť v menu je aktivovaná a nastavená tolerancia na 32.
Krok 25: Vložiť vybranú oblasť do nového vrstvy Miesta v štetci s vybraným obsahom farieb sú vybrané. Skopírujem výber a vložím ho do novej vrstvy. Predchádzajúcu vrstvu s upravenou textúrou môžem odstrániť.
Krok 26: Vybrať konkrétny grunge štetec
S nástrojom Lasoo (L) môžem teraz jednoducho vybrať požadovaný grunge štetec.
Vybranú oblasť skopírujem s Ctrl+C a vložím ju s Ctrl+V do novej vrstvy. Predchádzajúcu vrstvu s predtým vybranými grunge prvkami môžem odstrániť. S Ctrl a Kliknutím ľavým tlačidlom myši na náhľad vrstvy konkrétneho výberu grunge vyberiem pixely tejto vrstvy. Ceze Menu>Upraviť môžem vybranú oblasť nastaviť ako predvolbu štetca.
Mimochodom: Na PSD-Tutorials.de nájdete mnoho grunge štetcov na stiahnutie:
Grunge štetce na stiahnutie
Krok 27: Použitie grunge štetca
Teraz môžem rovnako ako v prípade prvého štetca použiť druhý štetec na nanesenie grunge prvkov.
3. Vytvorenie roztieraných grunge písmen
Obe predchádzajúce techniky popisujú grunge efekty, pri ktorých boli na písmená aplikované viac alebo menej škvrny.
Riadne grunge to bude až vtedy, keď samotné písmená budú mať aj roztieraný vzhľad. Základom tejto techniky je premietanie s posunovacou maticou.
Krok 28: Vytvorenie posunovacej matice
Vezmem existujúcu textúru a môj vytvorený grunge štetec a raz ju celú prejdem cez dokument. (Kto nemá k dispozícii žiadnu textúru, môže si jednoducho vytvoriť textúru oblakov pomocou filtrov oblakov so zapnutými štandardnými farbami. To funguje tiež!)
Ak vrstva nie je pozadievka, premením ju na takú cez Vrstva>Nová>Pozadie z vrstvy.
Súbor uložím pod menom posunovaciamatice.psd. Moja posunovacia matica je hotová.
Krok 29: Umiestniť text
V novom dokumente veľkosti 1200x1200 pixelov napíšem slovo „Grunge“ veľkosťou písma 160 bodov Army Expanded.
Textovú vrstvu konvertujem na Smart objekt cez Pravé kliknutie v paneli vrstiev>Konvertovať na Smart objekt.
Krok 30: Použitie rozmazávacieho filtra Versetzen
Teraz prichádza do hry Filtr Versetzen. Filtr Versetzen nie je bohužiaľ tak intuitívny v používaní ako sme zvyknutí na iné filtre Photoshopu. Napriek tomu môžem s použitím posunovacej matice vyvolať skvelé efekty, ktoré sa vynikajúco hodí pri štruktúrach s výstupkami a ponorami.
S posunovacou maticou sa hlavný obrázok skreslí – v tomto prípade môj text – tým, že sa na základe rozdielov v jasnosti posúvajú časti obrazu. Preto som najprv vytvoril posunovaciu maticu a tú som prispôsobil pre efekt Versetzen z hľadiska jasu.
Použijem Filtr Versetzen s nasledujúcimi nastaveniami:
• Horizontálne posunutie: 15
• Vertikálne posunutie: 3
• Radiotlačítka:
- Prispôsobiť veľkosti výberu
- Opakovať hraničné pixely
Posunutie môže byť až do 100 percent. 100 má efekt posunu o 128 pixelov. Keďže efekt má prevažne postranný charakter, horizontálna hodnota je vyššia ako vertikálna.
Potvrdím s OK.
V otvárajúcom sa prehliadači súborov priradím predchádzajúcu vytvorenú posunovaciu maticu Filtru Versetzen. Je dôležité, aby posunovacia matica bola uložená ako súbor PSD alebo BMP.
Tento efekt posunu úplne roztiera okraje textu.
Krok 31: Rozmazanie na okrajoch výčnelkov
Ak sa výčnelky javia príliš škvrnité, môžem použiť Gaussov rozmazávač s minimálnym Radiálnym 0,2-0,4 pixelov.
Krok 32: Okrajové grunge efekty
Teraz môžem jednoducho duplikovať svoje grunge špinavé textúry z prvého efektu do nového dokumentu. Takto získam ďalší krásny grunde rámček pre roztrhaný grunge text. Navyše v Naplnovacích možnostiach textovej vrstvy nastavím červený Prekrytie farieb.
Krok 33: Biela kontúra
Pre zvýraznenie textu ešte vytvorím v textovej vrstve bielu kontúru o veľkosti 100 pixelov.
Krok 34: Škvrnky v texte
Ak chcem dať grunge textu korunu, duplikujem vrstvu škvnok, priradím jej bielu farbu a obmedzím viditeľný efekt len na oblasť textu. Preto vyberiem text a pripojím výber duplikovanej vrstve škvrnok ako masku vrstvy.
Krok 35: Stále možné variácie textu
Ak si však nakoniec chcem vybrať iný text, jednoducho kliknem na náhľad smart objektu textovej vrstvy a zmením text v pôvodnom smart objekte. Po uložení sa všetky efekty prepočítajú s novým textom. Skvelé!
Krok 36: Preniesť efekt na prvý grunge efekt
Krok 37: Riešenie pre nie jednofarebné pozadia
Grunge efekt sa v tomto prípade vzťahuje na čierne pozadie a vďaka farebnému prekrytiu vo farbe pozadia môže byť vždy znova prispôsobený. Avšak čo robiť v prípade, že pozadie nie je jednofarebné?
Najlepším riešením je dať svojmu grunge efektu jednoducho prejsť až do pozadia. Aktivujem najvrchnejšiu vrstvu s grunge efektom. Prechádzajúcu priehľadnosť, tzv. výseky, vytvorím veľmi jednoducho tým, že v rozšírených možnostiach výplne nastavím silný výsek na 0 percent oblasti. Potom je úplne jedno, aké pozadie je k dispozícii.
V grunge efekte vždy preniká do popredia príslušné pozadie, v tomto prípade odtieňmi modrej. Dôležité je len, že pozadie je tiež umiestnené ako pozadievá vrstva. (Ak tomu tak nie je, postupujte rovnako: Vyberte pozadie a potom v navigačnom menu kliknite na Vrstva>Nové>Pozadie z vrstvy).
Čo presne sa stalo? Výsek zabezpečuje určitý spôsob vylúčenia všetkých podporných vrstiev v dokumente. Teraz sú všetky priehľadnosti v dokumente vylúčené od vrstvy s nastavením silného výseku až po vrstvu nad pozadievou vrstvou. Je to akoby vystrihnutie z dokumentu, bez ohľadu na to, koľko vrstiev je v dokumente viditeľných.
Práve na tejto časti textu sa zakrývajú priehľadné vrstvy. Keďže pozadievá vrstva nepozná priehľadnosti, vždy sa na tomto mieste zobrazí použitý filter pozadievých vrstiev. A tým sa môže pozadievá vrstva javiť v rôznych farbách a jasnostiach. Stanú sa viditeľnými.
Mimochodom: Existuje veľa písiem, ktoré sú vhodné na vytváranie grunge efektov bez akýchkoľvek problémov. Tu je malý zoznam:
- 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
Kto si teda chce ušetriť prácu, jednoducho sa uchyľuje k predpripraveným písmenám.
Najlepší efekt sa však vždy dosiahne, ak si ho vytvoríte sami a uchováte si všetky možnosti na variácie.
