Sådan laver du en spray paint teksteffekt i Photoshop
Lær, hvordan du laver en spray paint teksteffekt i Photoshop, hvor dine bogstaver er spraymalet på baggrunden! En trinvis vejledning til Photoshop CC og tidligere.
I denne vejledning viser jeg dig, hvordan du skaber en simpel spraymalet teksteffekt, hvor bogstaverne ser ud, som om de er blevet spraymalet på en væg eller en overflade. Jeg viser dig også, hvordan du kan blande spay-malingen ind i overfladen for at få en mere realistisk udseende effekt. Og da vi skaber spraymalingen ved hjælp af intet andet end en lageffekt og Photoshop’s blandingsmuligheder, vil din tekst fortsat kunne redigeres, selv når vi er færdige.
Jeg vil bruge den nyeste version af Photoshop CC, men enhver nyere version vil fungere.
Her er et eksempel på, hvordan den sprøjtemalede teksteffekt vil se ud. Du kan selvfølgelig bruge hvilken som helst tekst, baggrund og farver, du vil:
Lad os komme i gang!
Download denne vejledning som en udskriftsklar PDF!
Sådan laver du spraymalet tekst i Photoshop
Vi starter med at lære, hvordan du laver den vigtigste spraymaleffekt, og derefter viser jeg dig, hvordan du blander bogstaverne med baggrunden. Jeg viser dig også, hvordan du kan duplikere effekten for at tilføje mere tekst til dit design, og hvordan du ændrer farven på malingen.
Du kan også følge med i videoen af denne vejledning. Eller download denne vejledning som en printklar PDF!
Strin 1: Åbn dit baggrundsbillede
Da vi vil spraymale teksten på en slags baggrund, skal du starte med at åbne dit baggrundsbillede. Jeg bruger dette billede, som jeg har downloadet fra Adobe Stock:
Og i panelet Lag ser vi billedet på laget Baggrund:
Relateret: Lær at bruge lag i Photoshop
Stræk 2: Tilføj din tekst
For at tilføje din tekst skal du vælge Typeværktøjet på værktøjslinjen:
Vælg en skrifttype
Og vælg derefter din skrifttype i indstillingslinjen. Jeg vil bruge “HWT Gothic Round”, som jeg har downloadet fra Adobe Typekit. Hvis du ikke har adgang til denne skrifttype, er det helt i orden. Enhver skrifttype vil fungere:
Mere skrifttypemuligheder
Selv i Indstillingslinjen indstiller jeg min skriftstørrelse til 72 pt, bare for at give mig den største forudindstillede størrelse for nu. Og jeg indstiller tekstjusteringen til midten.
For farven vælger jeg hvid ved at klikke på farveprøven og vælge hvid fra Photoshop’s farvevælger. Dette er ikke den farve, vi skal bruge til spraymalingen. Det eneste, vi har brug for nu, er noget, der lader os se teksten, mens vi tilføjer den:
Tilføjelse af teksten
Så klikker du i dokumentet og tilføjer din tekst. Jeg skriver ordet “PAINT”:
Accept af teksten
For at acceptere den skal du klikke på fluebenet i indstillingslinjen:
Stræk 3: Ændre størrelsen og flytte teksten med Free Transform
For at ændre tekstens størrelse og flytte den på plads skal du gå op til menuen Rediger i menulinjen og vælge Free Transform:
Og for at ændre tekstens størrelse skal du klikke og trække i et af hjørnehåndtagene. Fra og med Photoshop CC 2019 låses tekstens formatforhold automatisk, når du trækker i håndtagene. I tidligere versioner af Photoshop skal du holde Shift-tasten nede, mens du trækker, for at låse formatforholdet på plads.
For at ændre tekstens størrelse fra midten skal du trykke på Alt (Win) / Option (Mac) og holde tasten nede, mens du trækker. Og hvis du har brug for at omplacere teksten, skal du klikke inde i feltet Fri transformation og trække teksten på plads.
For at acceptere det og forlade Fri transformation skal du trykke på Enter (Win) / Return (Mac) på tastaturet:
Stræk 4: Sænk fyldningsværdien for laget Type til 0 %
I panelet Lag ser vi vores tekst på et nyt lag Type over billedet:
For at skabe spraymalingseffekten er det første, vi skal gøre vores tekst gennemsigtig. For at gøre det skal du sænke Fill værdien øverst til højre i panelet Layers helt ned til 0 %. Sørg for, at du sænker værdien Fyldning og ikke værdien Opacitet:
Teksten forsvinder helt. Den er der stadig, den er bare gennemsigtig:
Hvad er forskellen på Opacitet og Fyld?
I panelet Lag påvirker både Opacitet og Fyld-værdierne et lag’s gennemsigtighed. Forskellen mellem dem er, at Opacitet styrer gennemsigtigheden af både indholdet af et lag og eventuelle lageffekter, som vi har anvendt. Udfyldning påvirker på den anden side kun indholdet af et lag. Det har ingen effekt på lageffekterne.
Det betyder, at vi ved at sænke værdien Fyld kan anvende lageffekter på vores tekst og holde effekterne synlige, selv om selve teksten er skjult. Og det er det, der giver os mulighed for at skabe vores spraymalingseffekt.
Stræk 5: Tilføj en lageffekt Drop Shadow til laget Type
Hele spraymalingseffekten kan oprettes ved hjælp af en enkelt lageffekt, og den, vi har brug for, er Drop Shadow. Når laget Type er valgt, skal du klikke på ikonet Lagstyle (ikonet “fx”) nederst i panelet Lag:
Og vælg derefter Dråbeskygge:
Stræk 6: Nulstil indstillingerne for Drop Shadow til standardindstillingerne
I dialogboksen Lagstil skal du klikke på knappen Nulstil til standard for at gendanne standardindstillingerne for Drop Shadow, bare så vi begge ser det samme:
Stræk 7: Skift dropskyggens farve til hvid
Så ændrer du dropskyggens farve ved at klikke på farveprøven:
Og i farvevælgeren skal du vælge hvid for nu, og derefter klikke på OK. Vi vælger forskellige farver til effekten lidt senere:
Stræk 8: Skift skyggens blandingstilstand til Skærm
For at se det hvide skal du ændre blandingstilstanden for dropskyggen fra Multiply (standardblandingstilstanden) til Skærm:
Og med det samme begynder vi at se, at der vises hvidt bag bogstaverne:
Stræk 9: Øg opaciteten af skyggen til 100 %
For at gøre effekten lysere skal du øge opaciteten af dropskyggen helt til 100 %:
Og nu er effekten lettere at se. Ved at ændre farven på dropskyggen fra sort til hvid og ændre dens blandingstilstand fra Multiply til Screen har vi stort set forvandlet vores skygge til en glød:
Stræk 10: Indstil afstanden og spredningen til 0%
Ignorer indstillingerne Angle (Vinkel) og Use Global Light (Brug globalt lys), da de ikke har nogen betydning her. Men sænk afstanden til 0px, og sørg for, at Spredning er på 0 %:
Ved at sætte afstanden til 0px har vi centreret dropskyggen bag teksten, hvilket skaber en svag omrids eller streg omkring bogstaverne:
Strin 11: Forøg størrelsen af dråbeskyggen
For at sprede skyggen (eller gløden, i dette tilfælde) længere ud fra kanterne skal du øge værdien Størrelse:
Desto mere du øger den, jo bredere fremstår gløden:
Stræk 12: Skift kontur til kegle
På dette tidspunkt ligner effekten indtil videre ikke meget spray paint. Vores glød skal mere ligne en kontur omkring bogstavernes former.
For at rette op på det skal du stadig i dialogboksen Lagstil gå til afsnittet Kvalitet og klikke på den lille pil ved siden af miniaturebilledet Contour preview:
Og vælg derefter konturen Cone ved at dobbeltklikke på dens miniaturebillede. Det er den i øverste række, den anden fra venstre:
Konturer påvirker dropskyggens gennemsigtighed, idet de ændrer, hvordan og hvor den overgår fra uigennemsigtige til gennemsigtige områder. Og med det samme ser vi en meget stærkere omrids omkring bogstavernes kanter:
Stræk 13: Fjern markeringen af “Layer Knocks Out Drop Shadow”
Mærk dog, at selvom vores tekst er gennemsigtig, vises gløden kun omkring ydersiden af den. Vi skal også kunne se gløden inde i bogstaverne.
For at rette op på det skal du fjerne markeringen af den indstilling, der hedder Layer Knocks Out Drop Shadow:
Og nu vises konturen både uden for og inden for teksten:
Stræk 14: Juster størrelsesværdien igen, hvis det er nødvendigt
På dette tidspunkt skal du måske gå tilbage og justere størrelsesværdien igen for at ændre tykkelsen af konturen. Du må dog ikke gå for højt op, da du ellers spreder gløden for langt ud. Den nøjagtige størrelse, du har brug for, afhænger af størrelsen på din tekst.
I mit tilfælde vil jeg gå med en Size-værdi på omkring 120px, men du har måske brug for en anden værdi:
Og her er resultatet:
Stræk 15: Tilføj støj
Til sidst tilføjer du noget støj til omridset ved at øge Noise-værdien. Jeg indstiller min til omkring 25-30 %:
Og hvis jeg nu zoomer ind, kan vi se små pletter i omridset, hvilket får det til at ligne spraymaling.
Afhængigt af størrelsen på den skrifttype, du bruger, kan du måske bemærke nogle svage hårde kanter langs de områder, hvor effekten og baggrunden mødes. I dette skærmbillede kan du se dem inden for bogstaverne “P” og “A”. Disse kanter forsvinder, når vi blander teksten med baggrunden, hvilket er det, vi gør næste gang:
Sådan blander du den spraymalede tekst med baggrunden
På dette tidspunkt er vi færdige med vores Drop Shadow-lagseffekt. Så lad os lære, hvordan vi blander effekten med baggrunden, så det ser ud som om, at teksten faktisk er spraymalet på baggrunden og ikke bare sidder foran den. Når vi er færdige, viser jeg dig, hvordan du kan kopiere effekten for at tilføje mere tekst, samtidig med at lagvirkningerne og blandingsindstillingerne forbliver intakte.
Stræk 16: Åbn Photoshop’s blandingsindstillinger
Vælg kategorien Blandingsindstillinger til venstre i dialogboksen Lagstil:
Skridt 17: Træk det sorte skydepanel “Underliggende lag” til højre
Underst i Blending Options findes to sæt skydepaneler. Den øverste siger “This Layer” (Dette lag) og den nederste siger “Underlying Layer” (Underliggende lag). Vi kan bruge disse skydere til at blande vores tekst med baggrundsbilledet. Og det sæt, vi har brug for, er det nederste (Underliggende lag):
Bemærk de to skydere under gradientbjælken. Der er en sort skyder til venstre og en hvid skyder til højre. Vi vil blande vores tekst med de mørkeste dele af vores baggrundsbillede. Og til det skal vi bruge den sorte skyder.
Klik på den sorte skyder, og begynd at trække den mod højre:
Hold øje med din tekst, mens du trækker, og du vil se, at de mørkeste områder af baggrundsbilledet begynder at komme til syne gennem teksten. Og efterhånden som du trækker yderligere, kommer mere og mere af baggrunden til syne:
Skridt 18: Del den sorte skyder i to dele
Problemet er, at overgangene mellem teksten og baggrunden er meget hårde. Du kan skabe mere glidende overgange ved at holde tasten Alt (Win) / Option (Mac) på dit tastatur nede. Klik på den højre side af den sorte skyder, og træk den væk fra den venstre side. Dette deler skyderen i to halvdele:
Stræk 19: Juster skyderne for at skabe en jævn overgang
Den venstre halvdel af skyderen styrer nu det lysstyrkeniveau, hvor teksten begynder at blive vist foran baggrunden. Og den højre halvdel indstiller det lysstyrkeniveau, hvor teksten bliver helt synlig, og hvor baggrunden ikke længere skinner igennem den. Området mellem de to skydere bliver overgangsområdet, hvor teksten og baggrunden blandes sammen. Jo længere du trækker skyderne fra hinanden, jo mere gradvis fremstår overgangen.
Justér hver halvdel af skyderen, indtil du er tilfreds med effekten. Der er ingen specifikke værdier at bruge her, da det vil afhænge af dit baggrundsbillede.
I mit tilfælde indstiller jeg min venstre halvdel til et lysstyrkeniveau på 10 og min højre halvdel til et lysstyrkeniveau på 60. Med andre ord vil alle områder af mit baggrundsbillede, der har et lysstyrkeniveau på 10 eller mørkere, helt komme til at skinne igennem teksten. Områder med et lysstyrkeniveau på 60 eller lysere vil være helt skjult af teksten. Og lysstyrkeniveauerne midt imellem (11 til 59) er der, hvor overgangen finder sted:
Og med teksten nu blandet med billedet får vi en meget mere realistisk udseende spraymalingseffekt:
Strg 20: Luk dialogboksen Lagstyle
Vi er færdige med den vigtigste effekt, så gå videre og luk dialogboksen Lagstyle ved at klikke på OK:
Og i lagpanelet kan vi nu se vores dropskygge som en effekt under laget Type. Vi ser også et ikon for blandingsindstillinger ved siden af ikonet “fx”, hvilket fortæller os, at vi også har nogle avancerede blandingsindstillinger anvendt på laget:
Download denne vejledning som en udskriftsklar PDF!
Sådan kopierer du effekten spray-painted text
Det er nu nemt at tilføje mere spray-painted text.
Stræk 21: Lav en kopi af laget Type
Det eneste, vi skal gøre, er at duplikere vores lag Type. Du skal blot trække det ned på ikonet Tilføj nyt lag nederst i panelet Layers (Lag):
En kopi af laget Type vises over originalen, komplet med vores Drop Shadow-effekt og vores blandingsmuligheder:
Stræk 22: Vælg Flytteværktøjet
For at flytte teksten skal du vælge Flytteværktøjet på værktøjslinjen:
Stræk 23: Flyt teksten på plads
Og klik derefter på teksten, og flyt den på plads. Jeg trækker kopien af teksten opad:
Så klikker jeg på det oprindelige lag Type i panelet Lag for at vælge det:
Og jeg trækker den originale tekst nedad:
Sådan redigerer vi den spraymalede tekst
Da vores tekst stadig er en redigerbar type, kan vi nemt redigere teksten og bevare spraymalingseffekten intakt.
Stræk 24: Vælg Typeværktøjet
Jeg vil ikke have, at begge ord skal være ens, så for at redigere den øverste tekst vælger jeg Typeværktøjet fra værktøjslinjen:
Stræk 25: Vælg og rediger teksten
Så vil jeg dobbeltklikke inde i ordet for at fremhæve det:
Og jeg ændrer ordet fra “PAINT” til “SPRAY”:
For at acceptere den klikker jeg på fluebenet i indstillingslinjen:
Stræk 26: Ændre størrelsen på den redigerede tekst med Fri transformation
Jeg ændrer størrelsen på den øverste tekst ved at gå op i menuen Rediger og vælge Fri transformation:
Og så trækker jeg i håndtagene i det øverste hjørne for at ændre størrelsen på ordet, så det har samme bredde som det nederste ord. For at acceptere det trykker jeg på Enter (Win) / Return (Mac) på mit tastatur:
Sådan ændrer du farven på spraymalingen
Og lad os til sidst se på, hvordan du ændrer farven på effekten.
Stræk 27: Dobbeltklik på effekten Drop Shadow-lag
For at ændre farven på spraymalingen skal du dobbeltklikke på ordene “Drop Shadow” under laget Type. Hvis du har mere end ét Type-lag, som jeg har, skal du sørge for at dobbeltklikke på det lag, du vil redigere.
I mit tilfælde starter jeg med ordet “SPRAY” øverst:
Stræk 28: Klik på farveskalaen
Derved åbnes dialogboksen Lagstil igen. Klik på farveudsnittet:
Stræk 29: Vælg en ny farve i farvevælgeren
Og vælg derefter en ny farve i farvevælgeren. Jeg vælger noget lyst, f.eks. gul:
Klik på OK for at lukke farvevælgeren, og klik derefter på OK for at lukke dialogboksen Lagstil. Og nu er min øverste tekst farvet gul:
Ændring af farven på den nederste tekst
Jeg vil gøre det samme med den nederste tekst. Jeg dobbeltklikker på ordene “Drop Shadow” for at genåbne dialogboksen Lagstyle:
Og så klikker jeg på farveudsnittet:
Og jeg vælger en ny farve fra farvevælgeren. Til den nederste tekst vælger jeg igen noget lyst, f.eks. en rødlig rosa:
Jeg klikker på OK endnu en gang for at lukke farvevælgeren og derefter på OK for at lukke dialogboksen Lagstyle.
Og her, efter at jeg har tilføjet farve til begge ord, er mit endelige resultat:
Og der har vi det! Sådan laver du spray-malet tekst i Photoshop! Tjek vores sektioner Fotoeffekter og Teksteffekter for at finde flere vejledninger. Og glem ikke, at du kan downloade alle vores tutorials som PDF-filer!