Slik bruker du Drop Shadows i Photoshop

Photoshop-lagestiler er en populær måte å legge til effekter, for eksempel dropshadows og streker, til lag på en ikke-destruktiv måte. Med riktig kunnskap og erfaring kan enhver effekt oppnås. For å oppnå disse effektene må du imidlertid forstå hva hver innstilling gjør og hvordan de kan kombineres for å oppnå et bestemt utseende. 

I denne serien av John Shaver fra Design Panoply, vil vi forklare alle aspekter av Photoshops lagstilfunksjon og vise deg hvordan du låser opp deres potensial. I denne artikkelen, Del 2: Hvordan bruke Drop Shadows i Photoshop, Vi vil forklare Drop Shadow-innstillingene, hva de gjør hverandre, og hvordan vi kan bruke dem til å skape forskjellige effekter. For å få en ide om hva som er mulig, sjekk ut Drop Shadow Photoshop-handlingene som er tilgjengelige på Envato Market.


Hva er Drop Shadows brukt til?

Den tradisjonelle bruken av en skygge er å simulere 3D-dybde i et 2D-bilde. Dette gjøres ved å opprette en offset-skygge bak et objekt for å indikere at objektet svinger over bakgrunnen i 3D-plass.

Nedenfor ser du et eksempel på hvordan en dropshadow kan indikere hvor stor lyskilden er og hvor den kommer fra, samt hvor langt et objekt er fra bakgrunnen. Ved å endre bare innstillingene til skyggen, kan du dramatisk endre utseendet til et bilde.


Dialogboksen Layer Shadows Drop Shadow

Dialogboksen Drop Shadow er et bra sted å starte for nybegynnere fordi innstillingene er ganske enkle og gir deg en generell følelse av hvordan du bruker resten av effektene også. En subtil dropshadow er også en av de beste effektene for å gi designet ditt en liten pick-me-up.


Blend Mode

Blendmodusen lar deg sette blandemodus for skyggen din. Vanligvis vil du at dette skal være flere eller lineære brenn, slik at skyggen din mørkgjør laget som ligger bak det.

Hvis du ikke er kjent med hvordan alle de forskjellige blendingmodusene fungerer, anbefaler jeg at du sjekker ut Blending Is Fun Basix-veiledningen.

Dette er også hvor du angir fargene på skyggen din ved å klikke på fargeblokken ved siden av rullegardinmenyen Blandingsmodus. Som standard vil skyggenfarge være svart, men du kan legge til fargetone eller til og med prøve noe opprørende for å få spesielle effekter.

I det følgende eksemplet kan du se at fargen på skyggen til venstre er svart, mens fargen på skyggen til høyre er en mørk maroonfarge. Dette skaper resultatet du ser nedenfor. En enkel forandring kan gjøre en helt annen utseende stil.


opacity

Opacity-glidebryteren lar deg angi hvor gjennomsiktig skyggen din vil være. En innstilling på 0% er helt gjennomsiktig mens 100% er helt ugjennomsiktig.

I det følgende eksemplet kan du se at ved å endre opaciteten fra 25% til 60%, blir skyggen mye mer fremtredende.


Angle

Vinkelspinneren og tilhørende boks lar deg endre den synlige vinkelen som lyskilden kommer fra. Ved å aktivere avmerkingsboksen Bruk Global Light, vil eventuelle endringer du gjør i vinkelen til dråpeskyggen, også endre vinkelen til lyskildene som brukes i andre effekter som Bevel and Emboss, Inner Shadow, osv. Ved å la den være ukontrollert, Du kan endre lysvinkelen for dropshadow uavhengig av andre effekter.

Den anbefalte innstillingen er "kontrollert" for de fleste tilfeller, fordi vi vil ha en jevn lyskilde for den mest sammenhengende utseendet.

I følgende eksempel endrer vinkelen til lyskilden måten skyggen faller på, og siden "Bruk Global Light" er merket, endret også lysvinkelen for kommandoen og Emboss-effekten også.


Avstand

Fjernskyvingen endrer den tilsynelatende avstanden mellom motivet og bakgrunnen. Effekten oppnås ved å endre avstanden mellom motivet og selve skyggen.

I det følgende eksempelet øker avstanden at teksten til venstre svinger rett over bakgrunnen mens teksten til høyre er lengre unna.


Spredt

Spredt glidebryteren endrer fallskyggen av skyggen på en lineær måte, eller med andre ord, hvor gradvis det fades ut ved kantene.

For en typisk dråpe skygge vil du normalt legge igjen dette ved 0%, men for vanskeligere skygger bør du øke den, og for skygger med harde kanter eller ekstra slag kan du sette det helt til 100%.

I følgende eksempel øker spredningen prosentandelen avfallet av skyggen, slik at den forblir mørkere lenger ettersom den fades ut ved kanten.


Størrelse

Skjermbildet Størrelse endrer skyggenes tilsynelatende størrelse. Når den er satt til 0, er skyggen nøyaktig den samme størrelsen som formen på objektet. Når du øker størrelsen, vokser skyggen i trinn på 1 pixel.

I det følgende eksempelet gir økt størrelsen på skyggen oss fleksibilitet over å kontrollere ikke bare den totale størrelsen på skyggen, men også mykheten i det.


Kontur

Konturformene lar deg endre skyggenes fallout på en ikke-lineær måte. Ved å velge forskjellige kurveprofiler, kan du få skyggen til å falme ut på forskjellige måter.

Den eneste gangen dette er veldig nyttig er når du prøver å oppnå spesiell glød eller abstrakte effekter.

I tillegg gjør avkryssingsboksen "Anti-aliased" deg muligheten til å forbedre kvaliteten på skyggefallet med en svært liten nedgang i ytelsen. Resultatreduksjonen er ubetydelig, så vi anbefaler alltid å holde boksen merket.

I følgende eksempel resulterer endring av konturformen til en omvendt "u" en merkelig "halo" -skyggeeffekt.


Bråk

Støyskyderen er et nyttig verktøy for å gi skyggen din en gritty følelse. Hvis du lager en stil som kommer til å ligne skitt eller betong, kan det hende at det legges til lyd som kan bidra til den totale effekten. For en helt jevn skygge, la den stå på 0%.

I det følgende eksempelet gir støyen til bare 15% en ganske betydelig mengde gris i skyggen. Et godt utvalg å bruke er 0% -25%, da å gå høyere enn 25% ofte kan resultere i et svært unaturlig utseende.


Knock It Out

Hva i verden betyr "Layer Knocks Out Drop Shadow"? Det er enkelt når du forstår konseptet, men kan være vanskelig for nybegynnere fordi det bare gjelder i visse situasjoner. Heldigvis er denne innstillingen nesten alltid bedre, venstre kontrollert.

Når du lager et nytt lag og bruker en dråpeskygge til det, ser du på to ting, lagets innhold og lagestilen. Hvis du husker fra del 1 av vår guide, kan du gjemme lagets innhold mens du fortsatt viser lagstilen ved å sette "Fyll" i Lagpaletten til 0% for et gitt lag.

I det følgende eksemplet har begge settene tekst "Fill" satt til 0%, men den til venstre har merket av for "Layer Knocks Out Drop Shadow", mens den til høyre ikke gjør det. Resultatet er at teksten til venstre skaper en type gjennomsiktighetsmaske (eller "slår ut" dropshadow), som ikke tillater dropshadow å vise gjennom. Alternativt kan teksten til høyre ikke "banke ut" skyggen, slik at den kan vise seg.


Lagring og innlasting av standardinnstillinger

Du kan lagre og laste inn standardinnstillinger for hver effekt i dialogboksen Lagstilter. Ved å klikke på "Lag standard" lagrer Photoshop hvilke innstillinger som for øyeblikket er aktive som de nye standardinnstillingene for den aktuelle effekten.

Ved å klikke på "Tilbakestill til standard", vil Photoshop da laste inn hvilke innstillinger som sist ble lagret. Dette gjør at du kan eksperimentere og bare laste på tilpassede standardinnstillinger hvis du vil starte over.


En for veien

Inntil neste gang vil denne gratis, eksklusive lagstilen og tilhørende .PSD tillate deg å eksperimentere med dine egne Drop Shadow-innstillinger.

Last ned denne stilen

Premium-alternativer

Og hvis du vil ha mer sofistikerte skyggestiler, tilbyr Envato Market en rekke Photoshop-handlinger som skaper realistiske skygger for deg automatisk. For eksempel:

1. Realistisk Drop Shadow (Photoshop Action)

Opprett ekte drop shadow innen sekunder med denne atn photoshop actionfilen. Du kan slippe skyggen i høyre eller venstre retning, så du kan rotere, endre størrelse eller fritt forvandle skyggen som du vil, fordi den vil bli opprettet i et eget lag, selv om du kan legge til en maske eller effekt på laget.

Realistisk Drop Shadow (Photoshop Action)

2. Spesial Drop Shadows Generator

Dette veldig kule settet av handlinger lar deg lage disse fantastiske skyggeeffektene. Lag flapper, sidekrøller, webkasser lettere med flotte, realistiske skygger! Med bare ett klikk!

Spesiell Drop Shadows Generator

3. Photoshop Text Effect: Kino 3D Light & Shadow

Dette er en pakke med 5 handlingssett som inneholder 20 handlinger for å generere 3D-lys og skyggeeffekter på grafikk eller rasterisert tekstinnhold. Det inkluderer også 1 bonusrefleksjonshandling for å legge til refleksjoner over lys og skyggeeffekter.

Photoshop Text Effect: Kino 3D Light & Shadow