Grungevaikutelma antaa tyypografialle ja asetteluille karhean, epäsovinnaisen ilmeen, joka sopii täydellisesti moderneihin ja luoviin suunnitteluihin. Photoshopilla voit helposti toteuttaa tämän tyylin käyttämällä tekstuuria, maskia ja sivellintä. Tässä oppaassa näytän sinulle, miten vaihe vaiheelta varustat tyypot ja asettelut aitoon Grunge-tyyliin - hienovaraisesti kuluneista aina voimakkaasti ja kaoottisesti. Anna luovuutesi virrata ja tuo suunnitelmiisi lisää luonnetta!
1. Klassikko: Grungeteksti urbaanissa, likaisessa ilmeessä
Klassinen grungevaikutelma on tekstiä, joka on täynnä likaisia elementtejä, jotka antavat tekstille tyypillisen revenneen, likaisen ilmeen. Tätä vaikutelmaa luodaksesi tarvitset kuvan, joka sisältää "likarakenteita" tekstiä varten.
Vaihe 1: Luo uusi asiakirja
Ensimmäiseksi avaan uuden asiakirjan pikanäppäimen Ctrl+N avulla koossa 1200 x 800 pikseliä. Tausta on valkoinen.
Vaihe 2: Sijoita teksti
Käyttäen tekstityökalua vedän tekstikehyksen ja kirjoitan mustalla värillä 400 pistekoon kirjaimet PSD.
Vaihe 3: Käännä teksti
Teksti saa aina hieman enemmän dynamiikkaa, kun se on hieman käännetty. Siksi menen hiiren kohdalla kulmiin, kunnes hiiren kohdistin muuttuu kaksoisnuoleksi. Nyt voin kääntää tekstiä. Valitsen kulman 3-7 prosentin välillä.
Vaihe 4: Avaa kuva strukturoidulla taustalla
Avaan kuvan, jossa on kovia, viivamaisia rakenteita, joita voin sisällyttää likahiukkasiksi tekstiini. Tämä kuvan alkuasetus määrittää, millainen likavaikutteen hiukkasrakenne tekstillä tulee olemaan.
Valitsen puukuva. Tässä kuvassa minulla on kaksi erilaista rakennetta: Toisaalta viivamaisia uria puun sydänpuussa tuottaen kovia rajattuja vaikutuksia, toisaalta roiskeileviä ominaisuuksia "normaalissa" puunkuoreessa.
Kuvan lähde: azaliya - Fotolia.com.
Kun kuva on asetettu älykkääksi objektiksi jo avatulle asiakirjalle, voin muuttaa sen normaaliksi tasoksi napsauttamalla sitä hiiren oikealla painikkeella älykkäänä objektina tasovalikossa>Tasot rasteroitu tasoksi. Tämä on tärkeää, koska seuraava kuvankorjaus ei muuten toimi.
Vaihe 5: Käytä kynnyksen korjausta kuvaan
Valikon kautta Kuva>Korjaukset>Kynnyksellä voin suodattaa haluamani likahiukkaset Grungevaikutelmaan.
Kynnyskorjauksen avulla kaikki tason pikselit muutetaan mustaksi ja valkoiseksi. Kynnyksen liukusäätimellä voin ohjata, missä vaiheessa erottaminen mustaan ja valkoiseen tapahtuu. Siirrän Kynnyksen liukusäädintä arvosta 128 vasemmalle kohti 1. Esikatselussa näen milloin vaikutus sopii. Jätän liukusäätimen arvoon 96 ja vahvistan OK:lla.
Huomio: Kaikki kuvat eivät anna sopivia likahiukkasia Grungevaikutelmien tunnistamiseen kynnyksen korjauksen jälkeen. Näissä tapauksissa kynnyksen korjausta on yksinkertaisesti kokeiltava eri kuville, kunnes kuva antaa halutut tulokset.
Vaihe 6: Valitse värialue
Valikon kautta Valinta>Värialue voin valita mustat pikselit kuvassa. Valitsen korkean sallitun ja napsautan värinäytettä mustassa kentässä kuvassa. Tämän jälkeen vahvistan OK:lla.
Vaihe 7: Likahiukkaset omaan tasoon
Kopioin valitut mustat pikselit Ctrl+C ja Ctrl+V ja liitän ne uuteen tasoon.
Tätä tasoja voin, jos likahiukkasten erottelu tapahtui omassa asiakirjassa, kopioida ja liittää pääasetteluun. Jos likahiukkasten erottelu on jo tehty pääasettelussa, voin poistaa kaikki muut kuvan tasot.
Vaihe 8: Aseta värikerroksen sekoitus
Käyttäen täyttöoptioita likahiukkasen tasolla voin asettaa värikerroksen sekoituksen taustan sävyyn.
Näin vaikutelma toimii parhaiten. Näin klassinen grungevaikutelma on valmis. Seuraavissa vaiheissa haluan antaa muutaman vinkin jatkokäsittelyyn.
Vaihe 9: Leikkausmaske tekstille
Koska värikerros likahiukkastasolla noudattaa taustaa, en voi vaihtaa taustaa harkitsematta. Optimaalista on siksi asettaa likahiukkastaso leikkausmaskilla tekstitasolle. Teen tämän pikakuvakkeella Ctrl+Alt+G tai valitsemalla Alt ja klikkaamalla molempien tasojen välillä.
Näin vaikutus kohdistuu vain tekstialueelle.
Vaihe 10: Gauss-sutteneva
Mikäli vaikutelma on vielä hieman liian voimakas, voin pehmentää sitä hieman käyttämällä likahiukkastasolla Gauss-suttenevaa minimaalisella 0,3 pikselin säteellä. Tällä tavoin likahiukkaset ovat miellyttävämpiä silmälle.
Vaihe 11: Reunus tekstin ympärille ja luodaan tasoalue
Oman muotoilu-työkalun avulla valitsen vakiosuunnitelmista reunuksen 7 ja vedän sen tekstin ympärille. Taso sijoitetaan tekstitasolle ja saa saman värisävyn kuin teksti.
Haluan, että rosovaikutus näkyy myös reunuksessa. Toisaalta voin yksinkertaisesti kopioida likahiukkastason Ctrl+J ja määrätä sen leikkausmaskiksi reunuksen tasolle.
Toisaalta voin myös lisätä kaikki teksti- ja reunaelementit yksinkertaisesti tasoalueena.
Tämä tehdäkseni poistan leikkausmaskin pikakuvakkeella Ctrl+Alt+G ja poistan aiemmin kopioidun likahiukkastason.
Valitsen Ctrl ja klikkaan tekstitasotason tasoalueeseen ja lisään valitun likahiukkastason aktivoituun tasoalueeseen painamalla klikkaamalla tasoalueeseen lisää-symboliin.
Reunatason valitsen tasoalueella Ctrl ja klikkaamalla vektorimaskiin. Tämän jälkeen klikkaan likahiukkastason tasoalueen maskissa ja täytän valinnan valkoisella värillä.
Etuna tasoalueen kautta kuljettaessa on, että mahdollisten tulevien teksti- tai muotoiluelementtien yhteydessä säästän aikaa, koska minun ei tarvitse luoda joka kerta uutta leikkausmaskia likahiukkastasolle. Näin voin pitää likahiukkaset keskitettynä yhdellä tasolla ja ottaa uudet tasoaineistot huomioon vain tasoalueessa huomioiden.
Lisäetu: Aktiivisilla täyttöasetuksilla voi olla niin, että hierarkiassa tietty tasotyyli on leikkausmaskin yläpuolella hierarkiassa ja siksi näkyy täysin. Siksi tarvittaessa pitää aina tehdä laskeminen uudelleen muuttamalla täyttömenetelmää.
Vaihe 12: Tasoalueen optimointi
Pik valinnoilla Ctrl ja klikkaamalla tasoaluekentässä voi aina silloin tällöin jäädä pieniä ääriviivoja valinnan jälkeen.
Siksi valitsen Ctrl ja klikkaan tasoalueen maskiin valintasisällön ja avaan valintaikkunan paranna reunaa pikakuvakkeella Ctrl+Alt+R. Siellä siirrän reunan +100 prosenttiin ja valintaa laajennetaan minimaalisesti.
Vaihtoehtoisesti voin myös mennä valikkoon Valinta>Valinnan muokkaaminen>Laajennus arvolla 1 pikseli.
Laajennettu valinta täytetään valkoisella värillä tasoalueen maskin sisällä. Pieni ääriviiva häviää tällä tavoin.
Vaihe 13: Likahiukkasten säätäminen valinnaisesti
Solmun tasoalueen ja tason välisen yhteyden katkaisen. Näin tasoalue pysyy aina tässä kohdassa, kun taas tasoaineistoa voi siirtää.
Näin voin tarkastella, mitkä likahiukkaset ovat parhaita kyseisen sijainnin kannalta ja siirtää niitä tarpeen mukaan näkymää.
Klassinen rosovaikutukseni on valmis - tässä kuvassa punainen värikerros mustalla taustalla.
2. Levitetty rosovaikutus määrittyneillä siveltimillä
Koska vaikutus likahiukkastasolla on melko staattinen, koska hiukkaset ovat aina riippuvaisia sopivasta, rakenteellisesta kuvasta, suosittelen rosovaikutuksen saavuttamista määriteltyjen siveltimien avulla.
Kuka tahansa voi luoda nopeasti roso-siveltimen kuvasta tai tekstuurista. Tärkeää on, että mallilla, josta sivellin luodaan, on riittävästi rakenteellisia elementtejä.
Vaihe 14: Käytä kynnysarvokuvaa muutettuna kuvana siveltimenä
Koska puukuvaa voitiin jo käyttää klassisen Grunge-efektin luomiseen sen Grungestruktuurien avulla, voin siitä myös saada siveltimen kärjen.
Käytän lassotyökalua ja valitsen sopivan alueen kuvasta.
Kopioin tämän alueen painamalla Ctrl+C ja liitän sen uuteen kerrokseen painamalla Ctrl+V.
Painamalla Ctrl ja klikkaamalla kerroskuvaketta valitsen aiemmin lisätyt likarakeet.
Valikosta muokkaa voin määrittää siveltimen määrityksen.
Vaihe 15: Sijoita teksti
Luo uusi asiakirja tekstuuritaustalla ja vedä tekstialue sekä kirjoita sana Grunge 160 pisteen Army Expanded -fontilla.
Vaihe 16: Luo uusi kerros ja määritä se leikkausmaskiksi
Luo uusi kerros painamalla Ctrl+Shift+Alt+N ja aseta se leikkausmaskiksi pikanäppäimellä Ctrl+Alt+G tekstikerroksen ylitse. Leikkausmaski varmistaa, että sivellyt likarakeet näkyvät vain tekstillä.
Vaihe 17: Sivellin sivellinvalinnassa
Siveltimenvalinnassa sivellin on liitetty alimmaiseksi.
Nyt voin käyttää sitä vapaasti koon, värin ja läpinäkyvyyden suhteen. Grunge-siveltimillä suositellaan asettamaan keskitason kulmakulmuheittely sivellinmuoto-ominaisuuksissa. Olen asettanut sen 33 prosenttiin. Tämä varmistaa, että työkalun kärki pyörii jokaisella uudella napsautuksella eikä samanlaisia siveltimenkärkiä käytetä ensi silmäyksellä.
Vaihe 18: Sivellä
Uudella siveltimeniä voinkin nyt sivellä likarakeita valkoiseen, vaaleanharmaaseen ja tummanharmaaseen uudessa kerroksessa.
Grunge-efekti levitetään tekstiin.
Vaihe 19: Korosta Grungetekstiä
Paremman näkymän saamiseksi olen luonut valkoisen alueen suorakulmaustyökalulla (U) valkoiseksi tekstialueen alapuolelle 40 %:n tilasta. Olen myös asettanut 10 pikselin vahvan mustan reunuksen 25 %:n peittävyydellä täyttöasetuksissa.
Lisäsin tekstiin myös varjostuksen 75 %:n peittävyydellä täyttöasetusten kautta.
Työni on valmis, Grunge-efekti on levitetty aiemmin määritetyn siveltimen avulla.
Vaihe 20: Luo sivellinmäärityksiä tekstuurista
Ensimmäisessä vaihtoehdossa Grunge-sivellin voitettiin kuvan rakenteista. Grunge-siveltimen luominen tekstuurista on yhtä nopeaa. Tekstuurin on oltava riittävän strukturoitu, jotta se toimii. Tässä tekstuurissa tarvitaan joitain pieniä säätöjä siveltimenkärjen grunge-elementtejä varten. Piilottelin aiemmat kerrokset, joissa oli sivellyt Grunge-tekstit.
Muuten tekstuurimme on alkuperäisestä PSD-Tutorials.de-kaupasta saatavan tekstuurien DVD:n tekstuuri. Tämän tekstuurin mukana seuraa myös tämän opetusohjelman työskentelytiedosto.
Vaihe 21: Kyllästä tekstuuria
Ensin kyllästän tekstuurin asettaen sävy/saturaatio säätökerroksen ja vähentämällä saturaatio-liukusäädintä -100:aan.
Vaihe 22: Kontrastin lisääminen
Seuraavaksi valitsen säätökerroksen sävykorjaus ja siirrän molemmat uloimmat liukusäätimet hieman keskelle, jotta tekstuurin kontrasti vahvistuu. Uloimmat liukusäätimet ovat tässä esimerkissä 46 ja 135.
Vaihe 23: Yhdistä ja tuplaa yhdistetyt kerrokset
Mikäli tekstuurissa näkyy, että hyvä perusta Grunge-siveltimelle on luotu, voin yhdistää ja kopioida kaikki näkyvät kerrokset yhdeksi kerrokseksi. Teen tämän pikanäppäimellä Ctrl+Shift+Alt+E.
Vaihe 24: Valitse likarakeet
Klikkaan taikasauva-työkalua (W) luodussa kerroksessa tummaan kohtaan, joka edustaa siveltimeni värisisältöä. Vaihtoehto tasoitus valikossa on käytössä ja asetettu sietokykyyn 32.
Vaihe 25: Valitun alueen lisääminen uudelle tasolle Valitut kohdat siveltimellä valituilla värillä ovat valittuja. Kopioin valinnan ja liitän sen uudelle tasolle. Aiemman tason, jossa oli muokattu tekstuuria, voin poistaa.
Vaihe 26: Konkreettisen Grunge-siveltimen valinta
Lassotyökalun (L) avulla voin nyt valita halutun Grunge-siveltimen helposti.
Valitsemani alue kopioin Strg+C ja liitän sen uudelle tasolle Strg+V. Aiemman tason, jossa oli aiemmin valittuja Grunge-elementtejä, voin poistaa. Painamalla Ctrl ja Vasen Napsautus konkreettisen Grungevalinnan tasokuvakkeeseen valitsen tämän tason pikselit. Ohjeiden Valikko>Muokkaa avulla voin asettaa valitun alueen Harja-asetukseksi.
Muuten: PSD-Tutorials.de-sivustolta löytyy runsaasti Grunge-siveltimiä ladattavaksi:
Lataa Grunge-siveltimiä
Vaihe 27: Grunge-siveltimen käyttö
Nyt voin käyttää toista harja-asetusta Grunge-elementtien levittämiseen aivan kuten ensimmäisen harja-asetuksen kanssa.
3. Röyhkeiden Grunge-kirjainten luominen
Molemmat aiemmat tekniikat kuvaavat Grunge-efektejä, joissa enemmän tai vähemmän likahiukkasia on levitetty kirjaimiin.
Oikeasti rohkeaksi se muuttuu, kun kirjaimet itse saavat röyhkeän ulkoasun. Tämän tekniikan perustana on laskeminen siirtomatriisilla.
Vaihe 28: Siirtomatriisin luominen
Otan olemassa olevan tekstuurin ja aiemmin tekemäni Grunge-siveltimen ja sivelen kerran koko asiakirjaa. (Jos sinulla ei ole tekstuuria käytettävissä, voit luoda pilvitextuurin aktivoimalla vakiovärit ja käyttämällä pilvifiltteriä. Sekin toimii!)
Jos kerros ei ole taustakerros, muutan sen sellaiseksi valitsemalla kohdan Kerros>Uusi>Tausta kerroksesta.
Tallennan tiedoston nimellä siirtomatriisi.psd. Siirtomatriisi on nyt valmis.
Vaihe 29: Tekstin sijoittaminen
Uudessa 1200x1200 pikselin kokoisessa asiakirjassa kirjoitan 160 pisteen Army Expanded -fontilla sanan "Grunge".
Konvertoin tekstitason Smart-Objektiksi napsauttamalla hiiren oikealla painikkeella tasojen hallintapaneelissa Konvertoi Smart-Objektiksi.
Vaihe 30: Siirrä suodatin sovelluksen avulla
Nyt tulee kuvioon Siirrä-suodatin. Siirrä-suodatinta ei valitettavasti ole yhtä intuitiivista käyttää kuin muut Photoshop-suotimet. Silti voin luoda upeita efektejä käyttämällä siirtomatriisin sovellusta, jota on erityisen hyvä käyttää pintarakenteissa, joissa on kohoumia ja laskuja.
Siirtomatriisin avulla pääkuvaa vääristetään - tässä tapauksessa tekstiäni - siirtämällä kuvan osia valoisuuserojesi perusteella. Siksi olen luonut siirtomatriisin ensin ja säätänyt sen valon kirkkauden siirtovaikutuksen mukaisesti.
Käytän Siirrä-suodatinta seuraavilla asetuksilla:
• Horisontaalinen siirto: 15
• Vertikaalinen siirto: 3
• Valintapainikkeet:
- Skaalaa valintakokoon
- Toista reunapikselit
Siirron syöttö voi olla jopa 100 prosenttia. 100: lla on vaikutus siirtoon 128 pikseliä. Koska vaikutus on pääasiassa sivusuunnassa, horisontaalinen arvo on korkeampi kuin vertikaalinen.
Vahvistan painamalla OK.
Avaamani tiedostoselain määrittää aiemmin luodun siirtomatriisin Siirrä-suodattimelle. On tärkeää, että siirtomatriisi on tallennettu PSD- tai BMP-tiedostomuodossa.
Siirtovaikutus tahraa tekstireunat kokonaan.
Vaihe 31: Sutiminen röyhkeissä kohdissa
Jos reunat näyttävät liian laikuilta, voin käyttää Gauss-sutinta minimaalisella Ympyrän säteellä 0,2-0,4 pikseliä.
Vaihe 32: Reunagrungiefektit
Nyt voin myös yksinkertaisesti kopioida ensimmäisen efektin Grunge-saastetekstuurit uuteen asiakirjaan. Näin saan kauniin Grungekehyksen ääriviivoilla olevan Grungetekstin ympärille. Lisäksi määritän tekstikerroksen Täyttöoptioihin punaisen Värikerroksen.
Vaihe 33: Valkoinen ääriviiva
Tekstin korostamiseksi luon tekstitasolla valkoisen ääriviivan 100 pikselin kokoisena.
Vaihe 34: Likahiukkaset tekstissä
Haluaisin viimeistellä grunge-tekstin, kopioin likahiukkasen tason, annan sille valkoisen värin ja rajoitan näkyvän vaikutuksen tekstialueelle. Valitsen sitten tekstin ja lisään valitun kopioitua likahiukkastasoa käyttäen tasomaskeja.
Vaihe 35: Tekstivariaatiot edelleen mahdollisia
Halutessani vaihtaa tekstiä, napsautan vain tekstikerroksen Smart Object Miniature ja muutan Smart Object Originalissa tekstiäni. Tallentaessani kaikki efektit päivittyvät uuteen tekstiin. Mahtavaa!
Vaihe 36: Efektin siirtäminen ensimmäiseen grunge-efektiin
Levittämällä ensimmäiseen efektiin myös Verschiebefilterin voin siirtää tämän rosoisen efektin hyvin nopeasti. Siirtomatriisi säilyy edelleen samana.
Vaihe 37: Ratkaisu ei yksivärisille taustoille
Grunge-efekti viittaa tässä tapauksessa mustaan taustaan ja sen avulla värien päällekkäisyyden avulla taustaväriä voidaan säätää uudelleen. Mutta mitä, jos tausta ei ole yksivärinen?
Tehokkain ratkaisu on päästää grunge-efekti läpi taustalle asti. Aktivoin ylimmän kerroksen grunge-efektiä varten. Läpäisevä transparenssi, ns. uurtuminen, luodaan yksinkertaisesti asettamalla Laajentuneet täyttövaihtoehdot voimakkaalle uurtumiselle 0 prosenttia Alue. Silloin ei ole väliä, millainen tausta on.
Grunge-efektissä tausta näkyy aina tekstissä, tässä tapauksessa sinisävyisenä väriloistona. Tärkeintä on, että tausta on sijoitettu taustakerrokseksi. (Jos näin ei ole, valitse tausta, sitten valikosta Layer>New>Background Layer klikkaa).
Mitä tapahtui? Uurtaminen mahdollistaa kaikkien dokumentin läpinäkyvyyttä tukevien kerrosten torjumisen. Nyt kaikki dokumentissa olevat läpinäkyvyydet, jotka perustuvat voimakkaaseen uuttumiseen, jäävät tarkasti pois pelistä kerroksesta, jossa voimakas uurtuminen on asetettu, aina taustakerroksen yläpuolelle saakka. Se on ikään kuin leikkaus dokumentista, tuntematta, kuinka monta kerrosta dokumentissa on näkyvissä.
Läpinäkyvyyskerrokset piilotetaan tästä tekstistä. Koska taustakerros ei tunne läpinäkyvyyksiä, sovellettavan suodattimen taustakerroksessa näkyy aina tässä kohdassa. Näin ollen taustakerroksessa voi olla mitä tahansa värejä ja kirkkauksia. Ne tulevat näkyviin.
Muuten: On myös paljon fontteja, jotka sopivat hyvin grunge-efekteihin. Tässä pieni luettelo:
- 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
Joten jos haluat säästää vaivaa, käytä valmiita fontteja.
Tehokkain efekti syntyy kuitenkin, kun teet sen itse ja säilytät kaikki mahdollisuudet varioinnille.
