Du har lagt tekst oppå et bilde, men bokstavene forsvinner i bakgrunnen. Eller du har klippet ut et objekt og plassert det på en ny bakgrunn, men det flyter i luften uten forankring. En skygge i Photoshop løser begge problemene. Den gir dybde, skaper kontrast mot bakgrunnen og får elementer til å se ut som de hører hjemme i komposisjonen.
Drop Shadow via Layer Styles
Den enkleste måten å legge til skygge i Photoshop er gjennom Layer Styles. Dobbeltklikk på laget i lagpanelet (ikke på navnet, men på det åpne feltet). Dialogboksen Layer Style åpnes. Klikk på Drop Shadow i listen til venstre.
Du kan også komme hit via Layer > Layer Style > Drop Shadow i menyen, eller ved å klikke fx-knappen nederst i lagpanelet. Alle tre metodene åpner samme dialogboks.
Innstillingene som former skyggen
Drop Shadow har flere innstillinger som gir deg full kontroll over hvordan skyggen ser ut:
- Blend Mode bestemmer hvordan skyggen blandes med lagene under. Multiply er standard og fungerer godt fordi den mørkner uten å fjerne farger fra bakgrunnen.
- Color lar deg velge skyggefarge. Svart er standard, men en mørk versjon av bakgrunnsfargen gir ofte et mer naturlig resultat.
- Opacity styrer hvor tydelig skyggen er. 75 % er standard, men for et subtilt resultat kan 30-50 % fungere bedre.
- Angle angir lysretningen. Lyset faller fra den vinkelen du velger, og skyggen kastes i motsatt retning.
- Distance bestemmer hvor langt fra objektet skyggen faller. Høyere verdi gir inntrykk av at objektet svever høyere over bakgrunnen.
- Spread gjør skyggekanten hardere. 0 % gir en helt myk kant, 100 % gir en solid kant uten gradering.
- Size kontrollerer hvor myk og diffus skyggen er. Høyere verdi gir en bredere, mykere skygge som ligner skyggene du ser i jevnt dagslys.
Inner Shadow for innsunket effekt
I samme Layer Style-dialogboks finner du Inner Shadow. Denne legger skyggen på innsiden av objektet i stedet for utsiden. Effekten gir inntrykk av at objektet er presset ned eller hugget inn i overflaten.
Inner Shadow brukes ofte på tekst for å gi en gravert eller preget effekt. Den fungerer også for knapper, rammer og UI-elementer der du vil skape dybde uten å bruke klassisk drop shadow.
Bruk Global Light for konsistens
Når du setter vinkelen på en Drop Shadow, legger du merke til avkrysningsboksen Use Global Light. Aktiver denne. Den synkroniserer lysretningen på tvers av alle lag som bruker Layer Styles. Endrer du vinkelen på ett lag, oppdateres alle andre automatisk.
Uten Global Light kan du ende opp med skygger som peker i ulike retninger. En skygge til høyre på teksten og en skygge til venstre på logoen ser unaturlig ut fordi det bryter med fysikkens lover. Konsistent lysretning er nøkkelen til troverdige skygger.
Kopier skyggen mellom lag
Har du satt opp en perfekt skygge på ett lag og vil bruke den på flere? Høyreklikk på laget og velg Copy Layer Style. Marker lagene som skal ha skyggen, høyreklikk og velg Paste Layer Style. Alle innstillingene kopieres over.
Du kan også holde Alt (Option på Mac) og dra fx-ikonet fra ett lag til et annet. Begge metodene sparer deg fra å taste inn de samme verdiene manuelt på hvert lag.
Realistiske skygger
Standardinnstillingene gir ofte en skygge som ser digital og kunstig ut. For et realistisk resultat, følg disse prinsippene:
- Hold Opacity lav (20-40 %). Skygger i virkeligheten er sjelden helt svarte.
- Bruk tilstrekkelig Size for myk kant. Harde skygger hører til direkte lys. De fleste lyskilder gir myke, diffuse skygger.
- Match lysretningen med resten av bildet. Ser du skygger i bakgrunnsbildet, bruk samme vinkel.
- Vurder å bruke en mørk farge fra bildet i stedet for rent svart. En mørk blå skygge på en blå bakgrunn ser mer naturlig ut.
Tekst med skygge for lesbarhet
Hvit tekst på et lyst bilde er uleselig uten skygge. En subtil Drop Shadow med lav Distance (1-2 piksler), moderat Size (3-5 piksler) og Opacity rundt 50 % skaper nok kontrast til at teksten er lesbar uten at skyggen tar oppmerksomhet.
For overskrifter og titler kan du øke Distance og Size for en mer dramatisk effekt. For brødtekst holder du det minimalt slik at skyggen bare skaper separasjon uten å forstyrre lesbarheten.
Har du et bilde med varierende lyse og mørke partier, kan du også legge til en Outer Glow med mørk farge i stedet for Drop Shadow. En Outer Glow sprer seg jevnt rundt hele teksten i alle retninger og gir lesbarhet uansett hva som ligger bak. Dette er en teknikk mange grafiske designere bruker for tekst over fotografier.
Neste steg
Skygger kombineres naturlig med blend modes for å kontrollere hvordan de samspiller med bakgrunnen. For å forstå hvordan Layer Styles passer inn i den større lagstrukturen, les om lag i Photoshop. Skal du fjerne bakgrunnen fra et objekt før du legger til skygge, viser artikkelen om å fjerne bakgrunn deg hvordan.
Denne videoen er hentet fra kurset Adobe Photoshop - komplett guide på Utdannet.no. I det fulle kurset lærer du også avanserte Layer Styles som Bevel and Emboss, Gradient Overlay og teknikker for å lage realistiske komposisjoner med lys og skygge.
