Grunge efektas suteikia tipografijai ir maketams šiurkščią, netradicinę išvaizdą, kuri puikiai tinka moderniam ir kūrybiškam dizainui. Naudodamiesi "Photoshop" galite lengvai įgyvendinti šį stilių naudodami tekstūras, kaukes ir šepetėlius. Šioje pamokoje žingsnis po žingsnio parodysiu, kaip tipografijai ir maketams suteikti autentišką grunge išvaizdą - nuo subtiliai nudėvėtos iki intensyvios ir chaotiškos. Leiskite pasireikšti savo kūrybiškumui ir suteikite savo dizainui papildomą charakterio dozę!
1. Klasika: grunge tekstas su urbanistine, purvina išvaizda
Klasikinis grunge efektas - tai tekstas, kuriame persipina nešvarūs elementai, suteikiantys tekstui tipišką suplėšytą, purviną išvaizdą. Norint sukurti šį efektą, reikia paveikslėlio, kuriame būtų teksto "purvo struktūros".
1 veiksmas: sukurkite naują dokumentą
Pirmiausia, naudodamas spartųjį klavišą Ctrl+N, atidarau naują 1200 x 800 pikselių dydžio dokumentą. Fonas yra baltos spalvos.
2 veiksmas: patalpinkite tekstą
Naudodamas teksto įrankį, nubrėžiu teksto rėmelį ir juoda spalva, naudodamas 400 punktų armiją, parašau raides PSD.
3 veiksmas: pasukite tekstą
Tekstas visada atrodo dinamiškesnis, kai yra šiek tiek pasuktas. Todėl judinu pelės žymeklį prie kampinių taškų, kol pelės žymeklis pasikeičia į dvigubą rodyklę. Dabar galiu pasukti tekstą. Pasirenku kampą nuo 3 iki 7 proc.
4 veiksmas: atveriu paveikslėlį su struktūrizuotu fonu
Atidarau vaizdą, kuriame yra kietų, linijinių struktūrų, kurias galiu įtraukti į tekstą kaip grunge daleles. Šio vaizdo pradinės sąlygos lemia, kokios struktūros dalelių bus purvo efektas tekste.
Mano pasirinkimas tenka medžio vaizdui. Šiame paveikslėlyje turiu dvi skirtingas struktūras: viena vertus, linijinius įdubimus medžio šerdies žievėje, kad būtų pasiektas kieto grunto efektas, ir, kita vertus, dėmėtus "normalios" medžio žievės bruožus.
Paveikslėlio šaltinis: azaliya - Fotolia.com.
Jei vaizdas buvo patalpintas kaip išmanusis objektas jau atidarytame dokumente, galiu jį konvertuoti į įprastą sluoksnį dešiniuoju pelės klavišu spustelėdamas išmanųjį objektą skydelyje "Layers" (Sluoksniai) > "Rasterise layer" (Rastruoti sluoksnį). Tai svarbu, nes priešingu atveju mano vėlesnis vaizdo koregavimas neveiks.
5 veiksmas: taikyti vaizdo koregavimo ribą
Naudodamasis meniu Image>Corrections>Threshold (vaizdas>Koregavimas>Slenkstis) galiu išfiltruoti norimus purvo elementus, kad būtų galima sukurti grunge efektą.
Naudojant vaizdo korekciją Threshold (slenkstis) visi sluoksnio pikseliai paverčiami juodai baltais. Naudodamas slenksčio vertės slankiklį, galiu jautrumu valdyti tašką, kuriame turėtų įvykti atskyrimas į juodą ir baltą spalvą. Slenksčio vertės slankiklį nuo 128 perstumiu į kairę link 1. Peržiūroje jau matau, kada efektas gali būti tinkamas. Palieku slankiklį ties 96 ir patvirtinu OK.
Pastaba: pritaikius slenksčio vertės korekciją ne visuose vaizduose matomos grunge efektui tinkamos purvo dalelės. Tokiais atvejais paprasčiausiai bandykite slenksčio korekciją taikyti su skirtingais vaizdais, kol vienas vaizdas duos pageidaujamus rezultatus.
6 veiksmas: pasirinkite spalvų diapazoną
Savo juodus vaizdo pikselius galiu pasirinkti naudodamas meniu Selection>Colour range (atranka>Spalvų diapazonas). Pasirenku didelę toleranciją ir spusteliu pipete juodame vaizdo lauke. Tuomet patvirtinu pasirinkdamas OK.
7 veiksmas: nešvarumų dalelės atskirame sluoksnyje
Naudodamas Ctrl+C ir Ctrl+V nukopijuoju pažymėtus juodus pikselius ir įklijuoju juos į naują sluoksnį.
Šį sluoksnį galiu dubliuoti ir įklijuoti į pagrindinį sluoksnį, jei purvo dalelės buvo atskirtos atskirame dokumente. Jei purvo daleles jau atskyriau pagrindiniame sluoksnyje, galiu ištrinti visus kitus vaizdo sluoksnius.
8 veiksmas: Nustatykite spalvų perdangą
Purvo dalelių sluoksnio užpildymo parinktyse galiu nustatyti fono spalvinio tono spalvos perdangą.
Taip sukuriamas geriausias efektas. Dabar klasikinis grunge efektas yra baigtas. Tolesniuose žingsniuose norėčiau pateikti keletą patarimų tolesniam apdorojimui.
9 veiksmas: teksto iškirpimo kaukė
Kadangi purvo dalelių sluoksnio spalvinė danga remiasi fonu, negaliu tiesiog pasirinkti kitokio fono. Todėl būtų idealu, jei purvo dalelių sluoksniui suteikčiau teksto sluoksnio prispaudimo kaukę. Tai darau naudodamas trumpąjį klavišą Ctrl+Alt+G arba Alt ir spustelėdamas tarp abiejų sluoksnių.
Taip efektas veikia tik teksto srityje.
10 veiksmas: Gauso trinties efektas
Jei efektas vis dar atrodo šiek tiek per griežtas, galiu jį šiek tiek sušvelninti purvo dalelių sluoksniui taikydamas Gauso suliejimą, kurio mažiausias spindulys yra 0,3 pikselio. Taip purvo dalelės tampa malonesnės akiai.
11 veiksmas: aplink tekstą ir sluoksnio kaukę sukurkite rėmelį
Naudodamas pasirinktinės formos įrankį, iš standartinių išankstinių nustatymų pasirenku 7 rėmelį ir nubrėžiu jį aplink tekstą. Sluoksnis dedamas virš teksto sluoksnio ir jam suteikiamas toks pat spalvos tonas kaip tekstui.
Grunge efektas taip pat turėtų veikti rėmelyje. Viena vertus, galiu tiesiog dubliuoti purvo dalelių sluoksnį naudodamas Ctrl + J ir priskirti jį rėmelio sluoksniui kaip iškarpymo kaukę.
Kita vertus, taip pat galiu tiesiog pridėti visus teksto ir rėmelio elementus kaip sluoksnio kaukę.
Norėdamas tai padaryti, panaikinu prispaudimo kaukę naudodamas spartųjį klavišą Ctrl+Alt+G ir ištrinu anksčiau dubliuotą purvo dalelių sluoksnį.
Pasirenku tekstą naudodamas Ctrl, spusteliu teksto sluoksnio miniatiūrą ir pridedu pasirinkimą kaip sluoksnio kaukę, o purvo dalelių sluoksnį suaktyvinu spustelėdamas pridėjimo sluoksnio kaukės simbolį.
Rėmo sluoksnį atrenku sluoksnio turinį paspausdamas Ctrl ir spustelėjęs vektorinę kaukę. Tada spusteliu purvo dalelių sluoksnio kaukę ir užpildau pasirinkimą balta spalva.
Sluoksnio kaukės naudojimo privalumas yra tas, kad man nereikia kurti naujos iškarpymo kaukės su purvo dalelių sluoksniu kiekvieną kartą, kai pridedu daugiau teksto ar formos elementų. Tai reiškia, kad purvo daleles galiu laikyti sutelktas viename sluoksnyje ir tiesiog įtraukti naują sluoksnio turinį į sluoksnio kaukę.
Kitas privalumas: jei įjungtos užpildymo parinktys, gali būti, kad konkretus sluoksnio stilius hierarchijoje yra aukščiau už prispaudimo kaukę, todėl rodomas visas. Todėl kilus abejonių visada reikėtų atlikti skaičiavimus keičiant užpildymo būdą.
12 veiksmas: optimizuoti sluoksnio kaukę
Pasirinkus pikselius naudojant Ctrl ir spustelėjus miniatiūras sluoksnių valdymo skydelyje, kartais gali atsitikti taip, kad po pasirinkimo lieka maži kontūrai.
Todėl pažymiu kaukės turinį naudodamas Ctrl ir spustelėjęs sluoksnio kaukę atidarau dialogą " Improve edge" (pagerinti kraštus) naudodamas spartųjį klavišą Ctrl+Alt+R. Ten kraštą nustumiu į +100 proc. Atranka išplečiama minimaliai.
Taip pat galiu tiesiog pereiti prie meniu Selection>Change selection>Extend (atranka>keisti atranką>išplėsti), pasirinkdamas 1 pikselio reikšmę.
Išplėstą pasirinkimą užpildau balta spalva sluoksnio kaukėje. Dabar nedidelis kontūras išnyko.
13 veiksmas: pasirinktinai pritaikykite purvo daleles
Atlaisvinu sluoksnio kaukės ir sluoksnio sujungimo grandinę. Tai reiškia, kad sluoksnio kaukė visada lieka šioje padėtyje, o aš galiu judinti sluoksnio turinį.
Taip galiu matyti, kurios purvo dalelės atitinkamoje padėtyje man labiausiai patinka, ir prireikus perkelti vaizdą.
Mano klasikinis grunge efektas baigtas - šiame paveikslėlyje su raudonos spalvos sluoksniu juodame fone.
2. Grunge efektas, taikomas naudojant fiksuotus teptukus
Kadangi efektas naudojant purvo dalelių sluoksnį yra gana statiškas, nes dalelės visada priklauso nuo tinkamo, struktūrizuoto vaizdo, grunge efektą patartina pasiekti naudojant fiksuotus teptukus.
Kiekvienas gali greitai sukurti grunge šepetėlį iš nuotraukos arba tekstūros. Svarbu, kad šablonas, iš kurio kuriamas šepetėlis, turėtų pakankamą struktūrizuotą turinį.
14 veiksmas. 14 žingsnis: Naudokite slenkstį pakeitusį vaizdą kaip teptuko šabloną.
Kadangi medžio atvaizdą su pagrindinėmis struktūromis jau buvo galima naudoti klasikiniam grunge efektui, galiu jį naudoti ir teptuko antgaliui sukurti.
Naudodamas lazavimo įrankį pasirenku tinkamą vaizdo sritį.
Šią sritį nukopijuoju naudodamas Ctrl + C ir įklijuoju į naują sluoksnį naudodamas Ctrl + V.
Anksčiau įklijuotų purvo dalelių pikselius pasirenku paspausdamas Ctrl ir spustelėdamas sluoksnio miniatiūrą.
Meniu Edit (redaguoti) galiu nustatyti teptuko išankstinį nustatymą.
15 veiksmas. 15 žingsnis: teksto patalpinimas
Naujame dokumente su tekstūros fonu nubraižau teksto rėmelį ir 160 taškų armija Expanded užrašau žodį Grunge.
16 žingsnis: Sukurkite naują sluoksnį ir nustatykite jį kaip prispaudimo kaukę.
Sukūriau naują sluoksnį naudodamas Ctrl+Shift+Alt+N ir nustačiau jį kaip prispaudimo kaukę, naudodamas trumpąją klaviatūros kombinaciją Ctrl+Alt+G virš teksto sluoksnio. Apkarpymo kaukė užtikrina, kad nušveisto purvo dalelės būtų rodomos tik ant teksto.
17 veiksmas. 17 žingsnis: teptuko peržiūra
Teptukas buvo pridėtas teptuko peržiūros apačioje.
Dabar galiu jį naudoti bet kokio dydžio, spalvos ir skaidrumo. Naudojant grunge teptukus, teptuko formos savybėse patartina nustatyti vidutinio kampo trūkčiojimą. Aš nustačiau 33 proc. Taip užtikrinama, kad įrankio galiukas pasisuktų su kiekvienu nauju spustelėjimu ir kad nebūtų naudojami iš pirmo žvilgsnio vienodi teptuko galiukai.
18 veiksmas.
Naudodamas naująją teptuko išankstinę nuostatą, dabar galiu šepetėliu valyti purvo daleles naujame sluoksnyje naudodamas baltą, šviesiai pilką ir tamsiai pilką spalvą.
Tekstui taikomas grunge efektas.
19 veiksmas: paryškinkite grunge tekstą
Kad geriau matytųsi, stačiakampio įrankiu (U) po teksto sluoksniu nubrėžiau 40 proc. ploto baltą sritį. Užpildymo parinktyse taip pat nustačiau 10 pikselių storio juodą kontūrą su 25 proc. neskaidrumu.
Tada, naudodamasis užpildymo parinktimis, prie teksto pridedu 75 proc. nepermatomumo lašo šešėlį.
Baigiamas grunge efektas, pritaikytas naudojant anksčiau nustatytą teptuko galiuką.
20 veiksmas. 20 žingsnis: Sukurkite teptuko išankstinius nustatymus iš tekstūrų
Pirmajame variante grunge teptukas buvo gautas iš nuotraukos tekstūrų. Grunge teptuką taip pat galima taip pat greitai sukurti iš tekstūros. Tiesiog ji turi būti pakankamai struktūrizuota, kad jis veiktų. Šioje tekstūroje, norint sukurti grunge elementus teptuko antgaliui, reikia atlikti kelis nedidelius koregavimus. Paslėpiau ankstesnius sluoksnius su taikomu grunge tekstu.
Beje, ši tekstūra yra iš mūsų tekstūrų dvigubo DVD, kurį galima įsigyti PSD-Tutorials.de parduotuvėje. Tekstūra taip pat pridedama prie šios pamokos kaip darbinis failas.
21 veiksmas: išsklaidykite tekstūros sodrumą
Pirmiausia desaturuoju tekstūrą naudodamas atspalvio / sodrumo koregavimo sluoksnį, sumažindamas sodrumo slankiklį iki -100.
22 veiksmas: padidinu kontrastą
Kitame žingsnyje pasirenku Tono korekcijos ko regavimo sluoksnį ir du išorinius šliaužiklius šiek tiek pastumiu į vidurį, kad padidinčiau tekstūros kontrastą. Šiame pavyzdyje išoriniai slankikliai yra 46 ir 135.
23 veiksmas: Dubliuokite sumažintą į vieną sluoksnį
Jei tekstūra rodo, kad sukurtas geras grunge teptuko pagrindas, galiu visus matomus sluoksnius dubliuoti iki vieno. Tai darau naudodamas trumpąjį klavišą Ctrl+Shift+Alt+E.
24 veiksmas: Pasirinkite purvo daleles
Naudodamas stebuklingosios lazdelės įrankį (W), gautame sluoksnyje spusteliu tamsią sritį, kuri turėtų atspindėti mano teptuko spalvinį turinį. Įjungiama meniu parinktis Smooth (išlyginti) ir nustatoma 32 tolerancija.
25 veiksmas: Įkelkite pasirinktą sritį į naują sluoksnį Pasirenkamos atitinkamos teptuko sritys su pasirinktu spalviniu turiniu. Nukopijuoju pasirinkimą ir įklijuoju jį į naują sluoksnį. Galiu ištrinti ankstesnį sluoksnį su pritaikyta tekstūra.
26 veiksmas: pasirenku specifinį grunge teptuką
Naudodamas lazos įrankį (L), dabar galiu lengvai pasirinkti norimą grunge šepetėlį.
Pasirinktą sritį nukopijuoju naudodamas Ctrl + C ir įklijuoju į naują sluoksnį naudodamas Ctrl + V. Galiu ištrinti ankstesnį sluoksnį su anksčiau pažymėtais grunge elementais. Šio sluoksnio pikselius pasirenku paspausdamas Ctrl ir spustelėdamas kairįjį pelės klavišą konkretaus grunge pasirinkimo sluoksnio miniatiūroje. Per Meniu>Edit (Meniu>Edit) galiu nustatyti pasirinktą sritį kaip šepetėlio išankstinį nustatymą.
Beje: svetainėje PSD-Tutorials.de galite rasti daug grunge šepetėlių, kuriuos galite atsisiųsti:
Grunge šepetėliai parsisiųsti
27 veiksmas: Taikyti grunge teptukus
Kaip ir su pirmuoju šepetėlio išankstiniu nustatymu, dabar galiu naudoti antrąjį šepetėlio išankstinį nustatymą grunge elementams taikyti.
3. Sukurti nutrintas grunge raides
Ankstesniuose dviejuose metoduose aprašyti grunge efektai, kai ant raidžių buvo uždėta daugiau ar mažiau purvo dalelių.
Viskas tampa išties grungy, kai pačioms raidėms taip pat suteikiama nusitrynusio vaizdo. Šis metodas pagrįstas kompensavimu naudojant poslinkio matricą.
28 veiksmas: sukurkite poslinkio matricą
Paimu esamą tekstūrą ir anksčiau sukurtą grunge teptuką ir vieną kartą teptuku visiškai perbraukiu per dokumentą. (Jei po ranka neturite tekstūros, taip pat galite tiesiog sukurti debesų tekstūrą naudodami debesų filtrą su įjungtomis standartinėmis spalvomis. Tai taip pat veikia!)
Jei sluoksnis nėra fono sluoksnis, paverčiu jį tokiu sluoksniu naudodamas sluoksnių meniu " Layer>New>Background" (sluoksnis>Naujas>Fonas).
Failą išsaugau pavadinimu displacementmatrix.psd. Mano poslinkio matrica paruošta.
29 veiksmas: teksto talpinimas
Naujame dokumente, kurio dydis 1200x1200 pikselių, parašau žodį "Grunge" 160 punktų Army Expanded.
Teksto sluoksnį konvertuoju į " Smart Object" (išmanųjį objektą ) dešiniuoju pelės klavišu spustelėdamasskydelio "Layers"(Sluoksniai) > "Convert to Smart Object" (Konvertuoti į "Smart Object").
30 veiksmas: Taikau iškraipymo filtrą "Offset".
Dabar į žaidimą įsijungia filtras "Offset". Deja, Offset filtrą naudoti ne taip intuityvu, kaip esate įpratę naudodami kitus "Photoshop" filtrus. Nepaisant to, taikydamas poslinkio matricą galiu sukurti puikių efektų, kuriuos ypač gerai galima panaudoti paviršiaus struktūroms su paaukštinimais ir įdubimais.
Poslinkio matrica iškraipo pagrindinį vaizdą - šiuo atveju mano tekstą - perkeldama vaizdo dalis pagal ryškumo skirtumus. Todėl pirmiausia sukūriau poslinkio matricą ir atitinkamai pakoregavau jos ryškumą, kad būtų pasiektas poslinkio efektas.
Taikau poslinkio filtrą su šiais nustatymais:
- Horizontalusis poslinkis: 15
- Vertikalusis poslinkis: 3
- Radijo mygtukai:
- Mastelio keitimas pagal pasirinktą dydį
- Pakartoti krašto pikselius
Poslinkį galima įvesti iki 100 proc. 100 reiškia 128 pikselių poslinkį. Kadangi efektas daugiausia turėtų būti šoninis, horizontalioji vertė yra didesnė už vertikaliąją.
Patvirtinu paspausdamas OK.
Atsidariusioje failų naršyklėje priskiriu anksčiau sukurtą poslinkio matricą poslinkio filtrui. Svarbu, kad poslinkio matrica būtų išsaugota kaip PSD arba BMP dokumentas.
Poslinkio efektas visiškai užgožia teksto kraštus.
31 veiksmas. 31 žingsnis: Nusitrynusių kraštų ištrynimas
Jei dėmėti kraštai atrodo pernelyg dėmėti, galiu taikyti Gauso suliejimą, kurio mažiausias spindulys yra 0,2-0,4 pikselio.
32 veiksmas: kraštų išgraužimo efektas
Dabar taip pat galiu tiesiog dubliuoti savo grunge tekstūras iš pirmojo efekto į naują dokumentą. Taip gausiu gražų grunge rėmelį, skirtą išskobtam grunge tekstui. Teksto sluoksnio užpildymo parinktyse taip pat nustatau raudonos spalvos perdangą.
33 veiksmas: baltas kontūras
Norėdamas dar labiau pabrėžti tekstą, teksto sluoksnyje sukuriu 100 pikselių dydžio baltą kontūrą.
34 žingsnis: purvo dalelės tekste
Jei noriu vainikuoti grunge tekstą, dubliuoju purvo dalelių sluoksnį, suteikiu jam baltą spalvą ir apsiriboju matomu efektu tik teksto srityje. Kad tai padaryčiau, pasirenku tekstą ir pridedu dubliuoto purvo dalelių sluoksnio pasirinkimą kaip sluoksnio kaukę.
35 veiksmas: vis dar galimi teksto variantai
Tačiau jei dabar noriu kitokio teksto, tiesiog spusteliu teksto sluoksnio išmaniojo objekto miniatiūrą ir pakeičiu tekstą išmaniojo objekto originale. Išsaugojus, naujam tekstui pritaikomi visi efektai. Šaunu!
36 veiksmas: efekto perkėlimas į pirmąjį grunge efektą
Paprasčiausiai pritaikęs poslinkio filtrą pirmajam efektui, galiu labai greitai perkelti šį nusitrynusį efektą. Perstūmimo matrica išlieka ta pati.
37 veiksmas: sprendimas nespalvotam fonui
Šiuo atveju grunge efektas susijęs su juodu fonu ir jį visada galima koreguoti dėka fono spalvos perdangos. Tačiau ką daryti, jei fonas nėra vienspalvis?
Geriausias sprendimas - tiesiog nufotografuoti savo grunge efektą per foną. Suaktyvinu viršutinį sluoksnį su grunge efektu. Tiesiog sukuriu permatomumą, kuris šaudo pro šalį, vadinamąjį iškirpimą, išplėstinėse užpildymo parinktyse nustatydamas stiprų 0 proc. ploto iškirpimą. Tada nesvarbu, koks yra fonas.
Per grunge efektą visada prasišviečia atitinkamas fonas, šiuo atveju - mėlynų tonų gradientas. Svarbu tik tai, kad fonas taip pat būtų patalpintas kaip foninis sluoksnis. (Jei taip nėra, pasirinkite foną kaip įprastai, tada meniu spustelėkite Layer>New>Background from layer (sluoksnis>Naujas>Fonas iš sluoksnio ).
Kas tiksliai įvyko? Įpjova sukelia savotišką visų skaidrumą palaikančių dokumento sluoksnių išmetimą. Dabar išpjaunami visi dokumente esantys permatomumai, pradedant nuo sluoksnio su stipriu išpjovos nustatymu ir baigiant sluoksniu, esančiu virš fono sluoksnio. Tai tarsi dokumento išmušimas, nepriklausomai nuo to, kiek sluoksnių matoma dokumente.
Skaidrumo sluoksniai paslepiami būtent šioje teksto vietoje. Kadangi fono sluoksnis neatpažįsta permatomumo, šioje vietoje visada matomas fono sluoksniui pritaikytas filtras. Tai reiškia, kad fono sluoksnis gali turėti visas įmanomas spalvas ir ryškumą. Jie tampa matomi.
Beje: Taip pat yra daug šriftų, kurie lengvai tinka grunge efektams. Štai nedidelis sąrašas:
- Šiukšlynas
- Šaligatvis
- Dirty Ames
- Turbo Ripped
- Neoprint M319.
- Havajų mylėtojas ir Havajų žudikas
- Karalius ir karalienė
- Marcelle
- Kraujuojantys kaubojai
- Herojaus gimimas
- Alpaka 54
- Įkandimas
- Rūgšties etiketė
- Doctor Atomic
- Tomas smurtas
Taigi, jei norite sutaupyti darbo, tiesiog naudokite paruoštus šriftus.
Tačiau efektas vis tiek bus šauniausias, kai jį sukursite patys ir išsaugosite visas variacijų galimybes.
