A grumbefejezet nyers, nem hagyományos megjelenést ad a tipográfiának és a elrendezésnek, tökéletes a modern és kreatív tervezésekhez. A Photoshop segítségével könnyedén alkalmazhatod ezt a stílust, textúrák, maszkok és ecsetek használatával. Ebben a tutorialban lépésről lépésre megmutatom neked, hogyan varázsolhatsz egyedi grumbos megjelenést a tipográfia és elrendezések segítségével - a finom kopottól a intenzív és káoszosig. Engedd szabadjára kreativitásod és adj extra karaktert a tervezéseidnek!
1. A klasszikus: grumbe szöveg városi, koszos megjelenéssel
A klasszikus grungeeffekt olyan szöveg, amelyet koszos elemek szelnek át, és amelyek adják a szövegnek a tipikus szakállas, koszos megjelenést. Ehhez az effekthez olyan kép szükséges, amely „koszos szerkezeteket” tartalmaz a szöveghez.
1. lépés: Új dokumentum létrehozása
Első lépésként egy új dokumentumot nyitok a Ctrl+N billentyűkombinációval 1200 x 800 képpont méretben. A háttér fehér.
2. lépés: Szöveg elhelyezése
A Szöveges eszközzel húzok egy szövegrácsot és írok egy 400 pontos PSD betűket fekete színnel.
3. lépés: Szöveg elforgatása
A szöveg mindig dinamikusabb, ha kicsit elforgatva van. Ezért az egeret az sarokpontokra helyezem, amíg az egérmutató „jelkeresztté” változik. Most képes vagyok elforgatni a szöveget. 3 és 7 fok közötti szöget választok.
4. lépés: Kép egy strukturált háttérrel történő megnyitása
Megnyitok egy képet, amely kemény, vonalas szerkezeteket tartalmaz, amelyeket be tudok hozni a szövegembe grumrészecskékként. Ennek a képnek a kiindulási állapota határozza meg, hogy a szennyező hatású részecsketestruktúráknak milyenek lesznek a szövegen belül.
A választásom egy fás képre esik. Ebben a képben két különböző struktúrát találok: az egyik a fa szív kérgében levő vonalas vésései a kemény hatás érdekében, a másik a „normál” fakéregben táplálkozó foltos jellemzők.
Képforrás: azaliya – Fotolia.com.
Ha a kép Okos Objektként a már megnyitott dokumentumba helyezésre került, akkor jobb egérgombbal kattintsak az Okos Objektumra az Rétegek Panel> Ebattak egyesítésével ikonra, hogy átalakítsam egy normál réteggé. Ez fontos, mert a következő képjavításom egyébként nem működne.
5. lépés: Képjavítás Küszöbérték alkalmazása
Az Kép> Korrekciók> Küszöbérték menüpont segítségével kiszűrhetem a kívánt szennyező hatású részecskéket a grungeeffekthez.
A Küszöbérték képjavítás minden pixel kirendelése fekete és fehér lesz az adott rétegen. A Küszöbértékszabályozóval kézben tudom tartani, hogy hol legyen a fekete és fehér elválasztás helye. A Küszöbértékszabályzót a 128-től balra kell mozgatnom 1 irányba. A Válogatás megtekintésénél már látom, hogy mikor passzol az effekt. 96-nál hagytam a csúszkát és Rendben-t választottam.
Megjegyzés: Nem minden kép után a Küszöbértékjavítást követően megfelelő szennyező részecskéket lehet felismerni a grungeeffektekhez. Ilyen esetekben a Küszöbértékjavítás egyszerűen különféle képekkel kell végrehajtani, amíg egy olyan kép nem hozza a kívánt eredményeket.
6. lépés: Színmező kijelölése
A Választás> Színmező menüpont segítségével kijelölhetem a fekete pixeleket a képen. Ehhez magas Tűréshatárt választok, és kattintsak egy fekete mezőre a képen a Pipettával. Ezután OK-val megerősítsem.
7. lépés: Szennyező részecskék egy saját rétegbe
A kijelölt fekete pixeleket Ctrl+C és Ctrl+V billentyűkombinációval másolom, majd új rétegen beillesztem őket.
Ezt a réteget, ha a szennyező részecskék szeparálását egy saját dokumentumban végeztem, lemásolom és beillesztem a fő rétegembe. Ha a szennyező részecskék szeparálása már a fő rétegben megtörtént, akkor törölhetem a kép összes egyéb rétegét.
8. lépés: Színátmenet beállítása
A szennyező részecskeréteghez tartozó Kitöltési beállításokban beállíthatok egy Színátmenet a háttérszinben.
Ezzel a hatás a legjobban működik. Így kész a klasszikus grungeeffekt. A következő lépésekben még néhány tanácsot szeretnék adni a további munkához.
9. lépés: Vágómaszk a szöveghez
Mivel a háttérre vetített színátmenet a szennyeződés-réteget követi, nem lehet csak úgy másik háttérképet választani. Ezért optimális, ha a szennyeződés-rétegemet egy vágómaszkkal ellátott szövegréteggel látom el. Ezt elérhetem a Ctrl+Alt+G szerkesztőparancs vagy az Alt és kattintás gyorsbillentyűk hívásával a két réteg között.
Így csak a szövegrészre hat a hatás.
10. lépés: Gauss-elhomályosító
Ha az effektus még kissé túl élesnek tűnik, akkor egy kicsit enyhíthetem a hatását úgy, hogy a szennyeződés-rétegen alkalmazom a Gauss-elhomályosítót minimális, 0,3 pixeles sugárral. Így a szem számára kellemesebbé válnak a szennyeződés-részecskék.
11. lépés: Keret létrehozása a szöveg és maszk réteg körül
A Egyéni formaeszköz segítségével kiválasztom a 7. keretet az alapértelmezett beállítások közül, és körbefogom vele a szöveget. A réteget a szövegréteg fölé helyezem és ugyanazzal a színtónussal látom el, mint a szöveg.
A grunge-hatásnak a keretben is érződnie kell. Egyrészt egyszerűen meg tudom duplázni a szennyeződés-réteget a Ctrl+J gyorsbillentyűvel, majd hozzárendelhetem a keretréteghez vágómaszkot.
Másrészt az összes szöveg- és keretelemet egyszerűen rétegmaszként hozzáadhatom.
Ehhez visszaemellem a vágómaszkt a Ctrl+Alt+G gyorsbillentyűvel és törölöm az előzőleg kettősített szennyeződés-réteget.
A szövegréteg rétegképet a szöveg közvetlen mellett Ctrl és kattintás segítségével kiválasztom és a szennyeződés-réteggel egy időben hozzáadom a rétegmaszkhoz kattintással a rétegmaszkhoz-adás-szimbólumra.
A keretrétegen belül a rétegtartalmat Ctrl és kattintás segítségével a Vektormaszk kijelölöm. Ezután kattintok a szennyeződés-réteg rétegmaszkára és kitöltöm a kijelölést fehér színnel.
Az előnye az rétegmaszk-on át történő eljárásnak az, hogy az újabb szöveg- vagy formaelemek létrehozásakor nem kell mindig új vágómaszkot létrehoznom egy új szennyeződés-réteggel. Így a szennyeződés-részecskéket egy rétegen belül tarthatom és új rétegtartalmakat csak a rétegmaszkban kell figyelembe vennem.
További előny: Az aktivált kitöltési beállításoknál lehetséges, hogy a tényleges rétegstílus a vágómaszkon áll a hierarchiában, és így teljes egészében megjelenik. Ezért esetleg mindig át kell állítani a kitöltési módot a konkrét rétegstílusáthelyezésén keresztül.
12. lépés: Rétegmaszk optimalizálása
Pixelkijelölésekkel Ctrl és kattintás a Rétegpanel miniatűrjeibe behozhat kis kontúrok is, amelyek megmaradnak a kiválasztás után.
Ezért Ctrl és kattintással a rétegmaszkra kiválasztom a maszk tartalmát, majd a Él tisztítása párbeszédpane lyracs meg a Ctrl+Alt+R gyorsbillentyűhívással. Itt a Él-t +100%-ra állítom. A kijelölést minimálisan kiterjesztem.
Ehelyett választhatok a Kijelölő>Kijelölés módosítása>Kiterjesztés menüpontot 1 pixeles értékkel.
A kiterjesztett kijelölést fehér színnel töltöm meg a rétegmaszkban. Ezzel a kis kontúr eltűnt.
13. lépés: Szennyeződés-részecskék opcionálisan állíthatók
A Rétegmaszk és a réteg közötti kapcsolatot feloldom. Így a rétegmaszk mindig ezen a helyen marad, miközben a rétegtartalmat mozgathatom.
Tehát megnézhetem, melyik szennyeződés-részecskék tetszenek a legjobban az adott helyzetben, és igény szerint áthelyezhetem a megjelenést.
Kész a klasszikus grunge-hatásom - ebben a képben egy piros színátmenettel egy fekete háttér előtt.
2. A felvitt grunge-hatás meghatározott ecsetekkel
Mivel a szennyeződés-rétegen keresztül hozott hatás valójában inkább statikus, mivel a részecskék mindig egy megfelelő, strukturált képtől függnek, érdemes a grunge-hatást meghatározott ecsetekkel elérni.
Egy grunge-ecsetet mindenki nagyon gyorsan létrehozhat egy fényképből vagy textúrából. Fontos, hogy a sablon, amelyből az ecsetet létrehozzuk, megfelelő szerkezeti tartalmakkal rendelkezzen.
14. lépés: Az átalakított kép küszöbértékét használjuk mint ecsetbeállítás
Mivel a fa képe már a durva struktúráival használható a klasszikus rongyeffekt létrehozásához, ezért közvetlenül használhatjuk ecsetheggyel is.
Az kivágó eszközzel kiválasztok egy megfelelő területet a képen.
Ezt a területet másolom Ctrl+C-vel, majd beillesztem egy új rétegen Ctrl+V-vel.
Az előzőleg beillesztett koszfoltok pixeleit kiválasztom az Objektumminiatűrára a Ctrl és Kattintás segítségével.
A Szerkesztés menüben beállíthatom a ecsetbeállítást.
15. lépés: Szöveg elhelyezése
Egy új dokumentumban, textúraháttérrel húzz egy szövegdobozt és írj egy 160 pontos Army Expanded szót: Rongy.
16. lépés: Új réteg létrehozása és maszkként beállítása
Létrehozok egy új réteget Ctrl+Shift+Alt+N segítségével, majd ezt egy maszkként beállítom a Ctrl+Alt+G gyorsbillentyűvel a szövegréteg felett. A maszk segít abban, hogy csak a koszfoltok jelenjenek meg a szövegen.
17. lépés: Ecset a ecset előnézetben
Az ecset előnézetben az ecset alulra került hozzáadásra.
Ezt most bármikor alkalmazhatom méretben, színben és átlátszóságban. Javasolt a rongyecseteknél beállítani az Ecset forma tulajdonságok között egy köztes Szögugrás-t. Én 33 százalékra állítottam ezt be. Ez azt eredményezi, hogy minden új kattintással a szerszámvég elfordul, így nem lesznek azonnal azonos ecsethegyek láthatók.
18. lépés: Ecsetezés
Az új ecsetbeállításommal most fehérrel, világosszürkevel és sötétszürkevel lehet rongycseppnyi helyeket ecsetelni az új rétegen.
A rongyhatás felkerül a szövegre.
19. lépés: Rongyszöveg kiemelése
A jobb áttekinthetőség érdekében egy fehér felületet húztam fel a Téglalap eszközzel (U) fehérben a szövegréteg alá 40 százalékos Területtel. A Kitöltési beállításokban beállítottam még egy 10 pixel vastag fekete Kontúrt 25 százalékos Átlátszósággal.
A szöveghez a Kitöltési beállításokon keresztül még egy Árnyékot adtam hozzá 75 százalékos Átlátszósággal.
Kész a felvitt rongy-hatás egy előzőleg meghatározott ecsetheggyel.
20. lépés: Ecsetbeállítások készítése textúrákból
Az első változatban a rongyecset a fotó struktúráiból lett létrehozva. Egy rongy-ecset létrehozása ugyanilyen gyorsan lehetséges egy textúrával is. Ez egyszerűen csak kellően szövevényesnek kell lennie a textúrának ahhoz, hogy működjön. Ebben a textúrában még néhány apróbb módosításra van szükség annak érdekében, hogy rongyos elemeket nyerjünk az ecsetheggyel. Az előzőleg felvittek rétegeket a rongy-szövegen pedig elrejtettem.
A textúra mellesleg a PSD-Tutorials.de áruházában elérhető Texturen-Doppel-DVD-ről származik. A textúra ezen tútoálon munkafájlként is mellékelve van.
21. lépés: Textúra leszínezése
Elsőként egy Szín/mettöret rétegen keresztül leszínezem a textúrát úgy, hogy a Mettöret szabályzót -100-ra csökkentem.
22. lépés: Kontraszt növelése
A következő lépésben az Általános korrekció réteget választom, és a két végső szabályozót kissé a középre helyezem, hogy a textúra kontrasztja megerősödjön. Ezek a külső szabályozók ebben a példában 46 és 135 értéknél állnak.
23. lépés: Egy rétegre redukált példány készítése
Abban az esetben, ha a textúrán megjelenik egy jó alapja egy rongyecsetnek, akkor az összes látható réteget egyre csökkentve tudom másolatot készíteni. Ezt a Ctrl+Shift+Alt+E gyorsbillentyűvel tehetem meg.
24. lépés: Koszfoltok kiválasztása
Az Bájital-Zokszerszám (W)-mel a létrejött rétegen egy sötét foltot kijelölve, ami az ecsetem színét fogja jelenteni. A Simítás opció az Étlapon engedélyezve van, és a Tolleranciát 32-re állítottam.
25. lépés: Kijelölt terület beillesztése egy új rétegbe Az ecsettel kijelölt terület a kiválasztott szín tartalmával van ellátva. Másolom a kijelölést és beillesztem egy új rétegbe. A korábbi réteget a kiválasztott textúrával törölhetem.
26. lépés: Konkrét Grunge-ecset kiválasztása
A Lazítószerszám (L) segítségével könnyedén kiválaszthatom a kívánt Grunge-ecsetet.
A kiválasztott területet másolom Ctrl+C billentyűkombinációval, majd ezt beillesztem Ctrl+V billentyűkombinációval egy új rétegbe. A korábbi réteget az előzőleg kiválasztott Grunge-elemekkel törölhetem. A konkrét Grunge-kiválasztás rétegének pixeljeit kiválasztom a Ctrl és a Bal egérgomb segítségével az adott réteg miniatűrében. A kiválasztott területet Menü>Szerkesztés menüpontban Ecsetvázlatként rögzíthetem.
Amúgy: A PSD-Tutorials.de oldalon számos Grunge-ecset letölthető:
Grunge-ecset letöltése
27. lépés: Grunge-ecset alkalmazása
Most ugyanúgy használhatom a második ecset alkalmazását a Grunge-elemek felhordásához, mint az első esetben.
3. Szakadt Grunge-betűk készítése
Az előző két technika Grunge-hatásokat ír le, amelyekben több vagy kevesebb szennyeződésrészecskét vettek fel a betűkre.
Igazán grunge-s lesz, ha a betűk maguk is szakadt kinézetűek lesznek. Ennek a technikának az alapja egy eltolási-mátrix alkalmazása.
28. lépés: Eltolási-mátrix létrehozása
A meglévő textúrát és az előzőleg létrehozott Grunge-ecsetemet veszem, és egyszerűen végig ecsetelem az egész dokumentumot. (Aki nem rendelkezik textúrával, az egyszerűen létrehozhat egy felhőtextúrát a bekapcsolt alapértelmezett színek esetén a Felhő szűrő segítségével. Az is működni fog!)
Amennyiben a réteg nem háttérréteg, egyszerűen átalakítom anná a módosítási lehetőséggel Réteg>Új>Háttérréteg az aktuális rétegből.
A fájlt elmentem elmozdítási-mátrix.psd néven. A verschiebungsmatrix létrehozva.
29. lépés: Szöveg elhelyezése
Egy 1200x1200 Pixel méretű új dokumentumban 160 ponttal írom meg a „Grunge” szót az Army Expanded betűtípussal.
A szövegréteget Okos objektumként alakítom át a rétegpanelen az egérgombbal való kattintás után a Konvertálás Okos objektummá lehetőséggel.
30. lépés: Eltolás szűrő alkalmazása
Most jön a Mozgás szűrő játékba. A Mozgás szűrő sajnos nem olyan intuitív, mint a többi Photoshop-szűrő, amit megszoktunk. Mégis, az elmozdítási mátrix alkalmazásával olyan szép hatásokat érhetek el, amelyek különösen jól alkalmazhatók a felszínstruktúrákhoz emelkedésekkel és bemélyedésekkel.
Az elmozdítási mátrix segítségével az alap képet eltolják - ebben az esetben a szöveget - a fényességbeli különbségek alapján. Ezért először az elmozdítási mátrixot készítettem, és ezt a megfelelő fényességhez igazítottam a Mozgás hatásához.
A Mozgás szűrőt alkalmazom a következő beállításokkal:
• Vízszintes elmozdítás: 15
• Függőleges elmozdítás: 3
• Radio gombok:
- Kiválasztási méretre skáláz
- Szegélypixel ismétlés
Az elmozdítást akár 100 százalékig is beállíthatom. A 100 százalék 128 pixel elmozdulást eredményez. Mivel a hatás főként oldalirányban történik, a vízszintes érték magasabb, mint a függőleges.
Elfogadom az OK.-val.
A megnyíló fájlkezelőben hozzárendelem a korábban készített elmozdítási mátrixot a Mozgás filterhez. Fontos, hogy az elmozdítási mátrixot PSD vagy BMP formátumban mentettem el.
A Mozgás hatás széttöri a szöveg széleit.
31. lépés: Elmosás az elszakadt részeken
Ha az elszakadt részek túl csíkosaknak tűnnek, a Gaussi elmosó segítségével 0,2-0,4 pixel minimális Sugaras érvényesítésével korrigálhatom.
32. lépés: Szélső Grunge-effektek
Most egyszerűen duplikálhatom az első hatásnál használt Grunge-szennyeződés-textúráimat az új dokumentumba. Így egy szép Grunge-keretet kapok az elszakadt Grungetext mellé. Ezenkívül a szövegréteg Cserebogar lehetőségeket vezérelni egy piros Színátrendezés beállításával.
33. lépés: Feher kontúr
A szöveg kiemelésének érdekében egy fehér kontúrt készítek a szövegrétegben 100 pixel méretben.
34. lépés: Koszrészecskék a szövegben
Ha koronát akarok húzni a kosszöveg fejére, akkor duplikálom a koszréteget, adok neki fehér színt, és korlátozom a látható hatást a szövegterületre. Ehhez kiválasztom a szöveget, és a duplikált koszréteg kiválasztását hozzáadom egy rétegmaszkként.
35. lépés: Textvariációk továbbra is lehetségesek
Ha most azonban más szöveget szeretnék, egyszerűen kattintsak a szövegréteg Smart-objektum-minkájára és módosítok az Smart-objektum eredetijén a szöveget. A mentéssel az összes hatás az új szöveget figyelembe véve érvényesül. Cool!
36. lépés: Effekt átvitele az első kosszhatásra
Az első hatásnál egyszerűen alkalmazom a Transzformációs szűrőt, így ezt a szálkás hatást nagyon gyorsan átvihetem. A transzformációs mátrix továbbra is ugyanaz marad.
37. lépés: Megoldás több színű háttér esetén
A kosszhatás egy fekete háttal kapcsolódik és a háttérszínben lévő Színátöntésnek köszönhetően mindig újra beállítható. De mi van, ha a háttér nem egyszínű?
Ebben az esetben a legjobb megoldás az, hogy azonnal a kosszhatásomat továbbítom a háttérig. Aktiválom a legfelső réteget a kosszhatással, majd a látványos átlátszóságot, az ún. kivágást egyszerűen létrehozom az Haladott töltési lehetőségeknél egy erős kivágású 0 százalékos Terület beállításával. Ezután teljesen mindegy, hogy milyen háttér található.
A kosszhatáson mindig áttűnik a háttér aktuális színárnyalata, ilyen esetben egy kékárnyalatos átmenet. A lényeg az, hogy a háttérrétegként van elhelyezve. (Ha ez nem így van, akkor ismét: Válassza ki a háttért, majd a menüben kattintson az Réteg>Új>Háttér réteg az aktuális rétegből).
Mi is történt pontosan? A kivágás azt eredményezi, hogy a dokumentumban az összes átlátszóságot támogató réteg elutasításra kerül. Most minden átlátszóság a dokumentumban az erős kivágaás beállításával rendelkező rétegtől indulva egészen a háttérréteg felett található rétegig érvényesítve van. Ez egyfajta kivágás a dokumentumban, mindegy, hogy hány réteg látható a dokumentumban.
Az átlátszósági rétegek ezen a szövegrész területén el vannak rejtve. Mivel a háttérrétegen nincs átlátszóság, mindig az adott helyen az alkalmazott szűrő lesz látható a háttérrétegen. Így a háttérréteg számos színárnyalatot és fényerőt tartalmazhat. Ezek láthatóvá válnak.
Egyébként: Számos olyan betűtípus létezik, amelyek ideálisak kosszhatásokhoz. Itt van egy kis lista:
- 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
Aki meg akarja spórolni a munkát, egyszerűen előre gyártott betűtípusokat választ.
A legmenőbb az effekt azonban mindig akkor van, amikor magad készíted el és megtartod az összes variációs lehetőséget.
