En Grunge-effekt giver typografi og layouts et råt, utraditionelt look, som er perfekt egnet til moderne og kreative designs. Med Photoshop kan du nemt implementere denne stil ved at bruge teksturer, masker og pensler. I denne vejledning viser jeg dig, hvordan du trin for trin giver typografi og layouts et autentisk grunge-look - fra subtilt slidt til intens og kaotisk. Lad din kreativitet udfolde sig og tilføj ekstra karakter til dine designs!
1. Klassikeren: Grungetekst i en urban, beskidt stil
Den klassiske grunge-effekt er tekst, der er gennemsyret af beskidte elementer, som giver teksten det karakteristiske flækkede, beskidte look. For at skabe denne effekt kræves et billede, der indeholder "snavs-strukturer" til teksten.
Trin 1: Opret nyt dokument
Først åbner jeg et nyt dokument ved hjælp af genvejen Ctrl+N i størrelsen 1200 x 800 pixels. Baggrunden er hvid.
Trin 2: Placer tekst
Med værktøjet tekst trækker jeg en tekstboks ud og skriver bogstaverne PSD med en skriftstørrelse på 400 punkter i sort farve.
Trin 3: Drej tekst
Teksten får altid mere dynamik, når den er let drejet. Derfor går jeg til hjørnepunkterne med musen, indtil musen skifter til en dobbelt pil. Nu kan jeg dreje teksten. Jeg vælger et vinkelinterval mellem 3 og 7 procent.
Trin 4: Åbn billede med struktureret baggrund
Jeg åbner et billede, der har hårde, linjeformede strukturer, som jeg kan lade flyde ind i teksten som grunge-partikler. De oprindelige forhold i dette billede bestemmer, hvilken partikelstruktur snavseffekten i teksten vil have.
Jeg har valgt et billede af et træ. I dette billede har jeg to forskellige strukturer: Den ene er linjeformede riller i træets bark for en skarp effekt, den anden er dryppende træk i den "normale" bark.
Billedekilde: azaliya - Fotolia.com.
Når billedet er placeret som smartobjekt i det allerede åbnede dokument, kan jeg konvertere det til et almindeligt lag ved at højreklikke på smartobjektet i lagpanelet og vælge Lag> Omdan til lag. Dette er vigtigt, da min efterfølgende billedkorrektion ellers ikke vil fungere.
Trin 5: Anvend tærskelværdi til billedkorrektion
Ved hjælp af menuen Billede> Justeringer> Tærskelværdi kan jeg filtrere mine ønskede snavsede partikler til grungeeffekten.
Billedkorrektionen tærskelværdi omdanner alle pixel i laget til sort og hvid. Med skyderen til tærskelværdi kan jeg styre følsomheden for, hvor separationen i sort og hvid skal finde sted. Jeg flytter skyderen til venstre fra 128 mod 1. I forhåndsvisningen kan jeg allerede se, hvornår effekten kan være passende. Jeg lader skyderen blive på 96 og bekræfter med OK.
Bemærk: Ikke alle billeder viser passende beskidte partikler til grungeeffekter efter anvendelse af tærskelværdi-korrektionen. I disse tilfælde skal tærskelværdi-korrektionen blot prøves med forskellige billeder, indtil et billede giver de ønskede resultater.
Trin 6: Vælg farveområde
Ved hjælp af menuen Valg> Farveområde kan jeg vælge mine sorte pixels i billedet. Jeg vælger en høj tålmodighed og klikker med pipetten på et sort felt i billedet. Derefter bekræfter jeg med OK.
Trin 7: Snavsede partikler i et separat lag
Med Ctrl+C og Ctrl+V kopierer jeg de valgte sorte pixels og indsætter dem i et nyt lag.
Dette lag kan duplikeres, hvis separationen af snavsede partikler blev udført i et separat dokument, og indsættes i mit hovedlag. Hvis jeg allerede har udført separationen af snavsede partikler i hovedlaget, kan jeg slette alle andre lag i billedet.
Trin 8: Juster farveoverlapning
I fyldningsindstillingerne for snavs-partikellaget kan jeg justere en farveoverlapning i baggrundens farvetone.
Sådan får effekten sin bedste virkning. Nu er den klassiske grunge-effekt færdig. I de følgende trin vil jeg give nogle tip til yderligere bearbejdning.
Trin 9: Maske til tekst
Da farveoverlapningen af snavspartikellaget er orienteret mod baggrunden, kan jeg ikke bare vælge en anden baggrund. Det er derfor optimalt, hvis jeg giver mit snavspartikel lag en maske til tekstlaget. Dette gør jeg med genvejen Ctrl+Alt+G eller med Alt og skift mellem de to lag.
På denne måde påvirker effekten kun tekstområdet.
Trin 10: Gaussisk sløring
Hvis effekten stadig virker lidt for hård, kan jeg blødgøre den lidt ved at anvende Gaussisk sløring på snavspartikellaget med en minimal radius på 0,3 pixels. Derved gøres snavspartiklerne mere venlige for øjnene.
Trin 11: Opret ramme om tekst og lagmaske
Med Eget formværktøj vælger jeg ramme 7 fra standardindstillingerne og trækker den omkring teksten. Laget placeres over tekstlaget og får samme farvetone som teksten.
Grungeeffekten skal også virke i rammen. Jeg kan på den ene side blot duplikere snavspartikellaget med Ctrl+J og tildel det til rammen som en maske.
På den anden side kan jeg også tilføje alle tekst- og rammeelementer som enkelt lagmaske.
For at gøre dette hæver jeg masken med genvejen Ctrl+Alt+G og sletter det tidligere duplikerede snavspartikel lag.
Jeg vælger teksten ved at trykke på Ctrl og skift på miniaturen af tekstlaget og tilføjer markeringen med aktiveret snavspartikel lag som lagmaske ved at klikke på tilføj-lagmaske-symbol.
For ramme laget vælger jeg lagindholdet ved at trykke Ctrl og skift på vektormasken. Derefter klikker jeg på lagmasken af snavspartikellaget og fylder markeringen med hvid farve.
Fordelen ved at bruge lagmasken er, at jeg undgår at skulle oprette en ny maske med et snavspartikel lag hver gang jeg tilføjer ny tekst eller formelementer. Jeg kan derfor centrere snavspartiklerne i ét lag og blot bruge dem som lagmaske for nye lagindhold.
Yderligere fordel: Ved aktiveret fyldmuligheder kan det ske, at det konkrete lagstil er over masken i hierarkiet og vises fuldt ud. Derfor kan en justering af fyldemetoden være nødvendig i tvivlstilfælde.
Trin 12: Optimer lagmasken
Ved pixel markeringer med Ctrl og skift i miniaturen i lagpanelet kan det ske, at små konturer forbliver efter markeringen.
Derfor vælger jeg markeringen i lagmasken ved at trykke Ctrl og skift og åbner dialogboksen Forbedre kant med genvejen Ctrl+Alt+R. Her flytter jeg kanten til +100 procent. Markeringen udvides minimalt.
Alternativt kan jeg blot gå til menuen Valg>Valg ændre>Udvide med en værdi på 1 pixel.
Jeg fylder den udvidede markering med hvid farve inden i lagmasken. Den lille kontur forsvinder derved.
Trin 13: Juster snavspartikler valgfrit
Jeg afbryder forbindelseskæden mellem lagmasken og laget. Så forbliver lagmasken altid på den position, mens jeg kan flytte lagindholdet.
På denne måde kan jeg se, hvilke snavspartikler jeg bedst kan lide i den pågældende position, og ændre visningen efter behov.
Min klassiske grungeeffekt er færdig - på dette billede med en rød farveoverlapning på en sort baggrund.
2. Den påførte grungeeffekt med fastlagte pensler
Da effekten via et snavspartikel lag er ret statisk, fordi partiklerne altid afhænger af et passende struktureret billede, anbefales det at opnå grungeeffekten ved hjælp af fastlagte pensler.
Enhver kan meget hurtigt oprette en grungepensel fra et billede eller en tekstur. Det vigtige er, at skabelonen, som penslen oprettes fra, har tilstrækkeligt struktureret indhold.
Trin 14: Brug ændret billedtærskel som penselindstilling
Da billedet af træet allerede kunne bruges til den klassiske grungeeffekt med dets grungestrukturer, kan jeg også straks oprette en penselspids fra det.
Med lassoværktøjet vælger jeg et passende område i billedet.
Jeg kopierer dette område med Ctrl+C og indsætter det med Ctrl+V på et nyt lag.
Ved at trykke på Ctrl og klikke på lagets miniaturebillede vælger jeg pikslerne i de tidligere indsættede snavsede partikler.
I menuen Rediger kan jeg vælge penselindstilling.
Trin 15: Placer tekst
I et nyt dokument med en tekstur baggrund trækker jeg en tekstboks ud og skriver ordet Grunge med en Army Expanded skrift på 160 punkter.
Trin 16: Opret nyt lag og angiv som klipmaske
Jeg opretter et nyt lag med Ctrl+Shift+Alt+N og angiver det som en klipmaske med genvejen Ctrl+Alt+G over tekstlaget. Klipmasken sikrer, at de børstede snavsede partikler kun vises på teksten.
Trin 17: Pensel i penselvisning
I penselvisningen er penslen blevet tilføjet nederst.
Nu kan jeg bruge den frit i størrelse, farve og gennemsigtighed. Det anbefales at justere en middel værdi af vinkel-rysten på grungepensler i pensel-egenskaberne. Jeg har indstillet det til 33 procent. Dette sikrer, at værktøjspidsen drejes med hver ny klik, så der ikke bruges identiske penselspidser ved første øjekast.
Trin 18: Brushing
Med min nye penselindstilling kan jeg nu skalere snavsede partikler på det nye lag med hvidt, lysegråt og mørkegråt.
Grungeeffekten påføres teksten.
Trin 19: Accentuér grungeteksten
For bedre visning har jeg trukket en hvid flade under tekstlaget med rektangelværktøj (U) i hvid med 40 procent gennemsigtighed. I fyldmulighederne har jeg også indstillet en 10 pixels tyk sort kontur med 25 procent gennemsigtighed.
Efterfølgende tilføjer jeg teksten en skygge med 75 procent gennemsigtighed via fyldmulighederne.
Grungeeffekten, påført via en forudbestemt penselspids, er færdig.
Trin 20: Opret penselindstillinger fra teksturer
I den første version blev grungepenslen oprettet ud fra strukturerne i et foto. Oprettelsen af en grungepensel kan også gøres lige så hurtigt med en tekstur. Den skal bare være tilstrækkelig struktureret til, at det virker. Denne tekstur kræver nogle små tilpasninger for at opnå grungielementer til en penselspids. Jeg har skjult de tidligere lag med den påførte grungetext.
For øvrigt stammer teksturen fra vores Dobbelt-DVD med teksturer, der kan købes i PSD-Tutorials.de's butik. Tekturen er også vedlagt denne tutorial som arbejdsfil.
Trin 21: Desaturér teksturen
Først desaturerer jeg teksturen via en justering i laget farve/mætning, ved at reducere mætningsregulatoren til -100.
Trin 22: Øg kontrasten
Derpå vælger jeg justeringen toningskorrektion og flytter de to yderste skydere lidt mod midten for at forstærke teksturens kontraster. De yderste skydere er i dette eksempel på 46 og 135.
Trin 23: Duplikér og reducer til et lag
Hvis det viser sig i teksturen, at der er dannet et godt grundlag for en grungepensel, kan jeg duplikere alle synlige lag til et enkelt lag. Dette gøres med genvejen Ctrl+Shift+Alt+E.
Trin 24: Vælg snavsede partikler
Med tryllestavsværktøjet (W) klikker jeg på en mørk plet i det oprettede lag, som skal repræsentere penslens farve. Indstillingen udglat i menuen er aktiveret, og en tolerance på 32 er indstillet.
Trin 25: Indsæt det valgte område i et nyt lag De relevante steder i penslen med den valgte farve er valgt. Jeg kopierer valget og indsætter det i et nyt lag. Jeg kan slette det tidligere lag med den tilpassede tekstur.
Trin 26: Vælg en specifik snavset pensel
Med Lasso-værktøjet (L) kan jeg nu nemt vælge den ønskede snavsede pensel.
Jeg kopierer det valgte område med Ctrl+C og indsætter det i et nyt lag med Ctrl+V. Jeg kan slette det tidligere lag med de tidligere valgte snavselementer. Med Ctrl og Klik venstre museknap i miniaturebilledet af den specifikke snavsevalg vælger jeg pixlerne på dette lag. Via Menu>Rediger kan jeg definere det valgte område som penselpræference.
Forresten: På PSD-Tutorials.de er der adskillige snavsede pensler til download:
Snavsede pensler til download
Trin 27: Anvend snavsede pensler
Nu kan jeg anvende den anden penselpræference til at påføre snavselementer på samme måde som med den første penselpræference.
3. Opret udfrasede snavsede bogstaver
De to tidligere teknikker beskriver snavsede effekter, hvor flere eller færre snavsede partikler er påført bogstaverne.
Rigtig snavset bliver det, når bogstaverne selv også får et udfranset look. Grundlaget for denne teknik er at kombinere med en forskydningsmatrix.
Trin 28: Opret forskydningsmatrix
Jeg tager den eksisterende tekstur og min tidligere oprettede snavsede pensel og børster en gang over hele dokumentet. (Hvis du ikke har en tekstur ved hånden, kan du også nemt oprette en skytekstur via skyfilteret med aktiverede standardfarver. Det virker også!)
Hvis laget ikke er et baggrundslag, konverterer jeg det til et ved at gå til Lag>Ny>Baggrund fra lag.
Jeg gemmer filen under navnet forskydningsmatrix.psd. Min forskydningsmatrix er færdig.
Trin 29: Placer tekst
I et nyt dokument med størrelsen 1200x1200 pixel skriver jeg ordet "Snavs" i en Army Expanded-skriftstørrelse på 160 point.
Jeg konverterer tekstlaget til et Smart-Objekt ved at højreklikke i lagpanelet og vælge Konverter til Smart-Objekt.
Trin 30: Anvend forskydningsfilter
Nu kommer Forskydningsfilter ind i billedet. Forskydningsfilteret er desværre ikke så intuitivt at bruge som andre Photoshop-filtre. Ikke desto mindre kan jeg med anvendelsen af en forskydningsmatrix frembringe fantastiske effekter, som især er gode til overfladestrukturer med højder og fordybninger.
Med forskydningsmatricen forvrænges hovedbilledet - i dette tilfælde min tekst - ved at flytte billeddele baseret på forskelle i lysstyrke. Derfor har jeg først oprettet forskydningsmatricen og derefter tilpasset den til lysstyrken for forskydningseffekten.
Jeg anvender Forskydningsfilteret med følgende indstillinger:
• Horisontal forskydning: 15
• Vertikal forskydning: 3
• Radioknapper:
- Skalér til udvælgelsesstørrelse
- Gentag kantpixler
Forskydningsindhentningen kan justeres indtil 100 procent. 100 har effekten af en forskydning på 128 pixels. Da effekten primært skal være vandret, er den horisontale værdi højere end den vertikale.
Jeg bekræfter med OK.
I den åbnede filbrowser tilføjer jeg min tidligere oprettede forskydningsmatrix til Forskydensfilteret. Det er vigtigt, at forskydningsmatricen er gemt som en PSD- eller BMP-fil.
Forskydningseffekten udfransker tekstens kanter fuldstændigt.
Trin 31: Gennemfør sløring ved udfransninger
Hvis udfransningerne ser for sprængte ud, kan jeg anvende Gaussian Blur med en minimal Radius på 0,2-0,4 pixels.
Trin 32: Kanteffekter af snavs
Nu kan jeg også blot duplikere mine snavsetekstur fra den første effekt til det nye dokument. På den måde får jeg en flot snavseramme til den udfransede snavsetekst. Derudover justerer jeg i Fyldningsindstillingerne af tekstlaget en rød Farveoverlejring.
Trin 33: Hvid Kontur
For at fremhæve teksten lidt mere, opretter jeg en hvid Kontur med en størrelse på 100 pixels i tekstlaget.
Trin 34: Snavspartikler i teksten
Hvis jeg vil krone grungeteksten, duplikerer jeg snavspartikelelaget, giver det en hvid farve og begrænser den synlige effekt til tekstområdet. Jeg vælger teksten og tilføjer valget af det duplikerede snavspartikelelag som Lagsmaske.
Trin 35: Tekstvarianter stadig mulige
Hvis jeg nu vil have en anden tekst, klikker jeg blot på Smart-Objekt-miniatyren af tekstlaget og ændrer teksten i Smart-Objekt-original. Når jeg gemmer, beregnes alle effekter med den nye tekst. Fedt!
Trin 36: Effekt overføres til første grungetekst
Ved blot at anvende Flyt-filtret på den første effekt kan jeg meget hurtigt overføre denne filtrede effekt. Forskydningsmatricen er stadig den samme.
Trin 37: Løsning ved ikke-enfarvede baggrunde
Grungeeffekten er i dette tilfælde baseret på en sort baggrund og kan tilpasses igen og igen takket være Farvemiksning i baggrundsfarven. Men hvad så, hvis baggrunden ikke er enfarvet?
Den bedste løsning er at skyde min grungeeffekt lige igennem til baggrunden. Jeg aktiverer det øverste lag med grungeeffekten. Den igennemskydende gennemsigtighed, det såkaldte udsnit, oprettes simpelthen ved at indstille en kraftig udsnit på 0 procent areal under Avancerede udfyldningsmuligheder. Så er det helt ligegyldigt, hvilken baggrund der er.
I grungeeffekten synes baggrunden altid at trænge igennem, i dette tilfælde en gradient i blå nuancer. Det vigtigste er, at baggrunden også er placeret som et baggrundslag. (Hvis dette ikke er tilfældet, som tidligere nævnt: Vælg baggrunden, og klik derefter på Lag>Nyt>Baggrund fra lag i menuen).
Hvad er der præcist sket? Udsnittet sørger for at skubbe al gennemsigtighed fra understøttende lag i dokumentet. Nu udsnit alle gennemsigtigheder i dokumentet på baggrund af laget med indstillingen af den kraftige udsnit og op til laget over baggrundslaget præcist ud. Det er som en slags udstansning i dokumentet, ligegyldigt hvor mange lag der er synlige i dokumentet.
Transparenlagene skjules præcis på dette tekststed. Da baggrundslaget ikke har gennemsigtigheder, vil filteret anvendt på baggrundslaget altid være synligt på dette sted. Og så kan baggrundslaget have alle mulige farver og lysstyrker. De bliver synlige.
Forresten: Der findes også en masse skrifter, der egner sig perfekt til grungeeffekter. Her er en lille liste:
- Trashed
- Sidewalk
- Dirty Ames
- Turbo Ripped
- Neoprint M319.
- Hawaii Lover og Hawaii Killer
- King and Queen
- Marcelle
- Bleeding Cowboys
- Birth of a hero
- Alpaca 54
- A bite
- Acid label
- Doctor Atomic
- Tom violence
Hvis du gerne vil spare dig besværet, kan du blot bruge foruddefinerede skrifter.
Men effekten er stadig sejere, hvis du selv laver den og bevarer alle muligheder for variation.
