Så här använder du Drop Shadows i Photoshop

Photoshop-lagstilar är ett populärt sätt att lägga till effekter, till exempel fallskuggor och slag, till lager på ett icke-destruktivt sätt. Med rätt kunskap och erfarenhet kan någon effekt uppnås. För att uppnå dessa effekter måste du förstå vad varje inställning gör och hur de kan kombineras för att få ett visst utseende. 

I den här serien av John Shaver från Design Panoply kommer vi att förklara alla aspekter av Photoshops lagerstilfunktion och visa dig hur du låser upp deras potential. I den här artikeln, Del 2: Hur man använder Drop Shadows i Photoshop, Vi kommer att förklara Drop Shadow-inställningarna, vad de gör var och hur vi kan använda dem för att skapa olika effekter. För att få en bild av vad som är möjligt, kolla in Drop Shadow Photoshop-åtgärderna som finns på Envato Market.


Vad används droppskuggor för?

Den traditionella användningen för en droppskugga är att simulera 3D-djupet i en 2D-bild. Detta görs genom att skapa en förskjuten skugga bakom ett objekt för att indikera att objektet svävar ovanför bakgrunden i 3D-utrymme.

Nedan ser du ett exempel på hur en droppskugga kan ange hur stor ljuskällan är och varifrån den kommer, liksom hur långt bort ett objekt är från bakgrunden. Genom att bara ändra skuggans inställningar kan du dramatiskt ändra utseendet på en bild.


Dialogrutan Layer Shadows Drop Shadow

Dialogrutan Drop Shadow är ett bra ställe att börja för nybörjare eftersom inställningarna är ganska grundläggande och ger dig en övergripande känsla av hur du använder resten av effekterna också. En subtil droppskugga är också en av de bästa effekterna för att ge din design lite pick-me-up.


Blandningsläge

Med blandningsläget kan du ställa in blandningsläge för din skugga. Vanligtvis vill du att detta ska vara flera eller linjära bränner, så att din skugga mörker lagret som ligger bakom det.

Om du inte är bekant med hur alla olika blandningsmetoder fungerar, rekommenderar jag starkt att du tittar på Mixing Fun Fun Basix-handledningen.

Det här är också där du ställer in färgen på din skugga genom att klicka på färgblocket bredvid rullgardinsmenyn Blandningsläge. Som standard kommer skuggfärgen att vara svart, men du kan lägga till en färgton eller till och med prova något irriterande för att få special effekter.

I följande exempel kan du se att färgen på skuggan till vänster är svart medan färgen på skuggan till höger är en mörk rödbrun färg. Detta skapar resultatet som du ser nedan. En enkel ändring kan göra en helt annan utseende stil.


Opacitet

Skyddet för opacitet kan du ange hur transparent din skugga kommer att vara. En inställning på 0% är helt igenom medan 100% är helt ogenomskinlig.

I följande exempel kan du se att genom att ändra opacitet från 25% till 60% blir skuggan mycket mer framträdande.


Vinkel

Vinkelspinnaren och motsvarande låda låter dig ändra den synbara vinkel som ljuskällan kommer ifrån. Genom att aktivera kryssrutan "Använd globalt ljus", ändras alla vinklar av droppskuggan till vinkeln på de ljuskällor som används i andra effekter, t.ex. Bevel och Emboss, Inner Shadow, etc. Genom att lämna den okontrollerade, Du kan ändra ljusvinkeln för droppskuggan oberoende av andra effekter.

Den rekommenderade inställningen är "kontrollerad" för de flesta fall eftersom vi vill ha en likformig ljuskälla för den mest sammanhängande effekten.

I följande exempel ändras vinkeln på ljuskällan hur skuggan faller och eftersom "Använd Global Light" är markerat ändrade det också ljusvinkeln för Bevel and Emboss-effekten.


Distans

Fjärrkontrollen ändrar det tydliga avståndet mellan motivet och bakgrunden. Effekten uppnås genom att ändra avståndet mellan motivet och droppskuggan själv.

I följande exempel ger ökningen av avståndet effekten att texten till vänster svävar precis ovanför bakgrunden medan texten till höger är längre bort.


Spridning

Spridreglaget ändrar skuggans avfall på ett linjärt sätt, eller med andra ord, hur gradvis det bleknar vid kanterna.

För en typisk droppskugga, vill du normalt lämna detta vid 0%, men för hårdare skuggor borde du öka den, och för skuggor med hårda kanter eller till och med extra slag kan du ställa det helt till 100%.

I följande exempel ökar spridningsprocenten skuggans avfall så att den blir mörkare längre eftersom den tappar ut vid kanten.


Storlek

Skärmens storlek ändrar skuggans synliga storlek. När den är inställd på 0 är skuggan exakt lika stor som objektets form. När du ökar storleken växer skuggan i steg om 1 pixel.

I följande exempel ger ökningen av skuggans storlek oss flexibilitet när det gäller att kontrollera inte bara skuggans totala storlek, utan även mjukheten i den.


Kontur

Konturformarna gör det möjligt att ändra skuggans fallfall på ett icke-linjärt sätt. Genom att välja olika kurvprofiler kan du få skuggan att blekna ut på olika sätt.

Den enda gången det här är verkligen användbart är när du försöker uppnå speciell glöd eller abstrakta effekter.

Dessutom gör kryssrutan "Anti-aliased" det möjligt att förbättra kvaliteten på skuggfallen med ett mycket litet fall i prestanda. Prestandaförlängningen är försumbar, så vi rekommenderar alltid att rutan kontrolleras.

I följande exempel resulterar ändringen av konturformen till en inverterad "U" en ojämn "halo" -skuggningseffekt.


Ljud

Ljudskytten är ett användbart verktyg för att ge din skugga en gritty känsla. Om du skapar en stil som kommer att likna smuts eller betong, kan lägga till lite ljud hjälpa till med den övergripande effekten. För en helt jämn skugga, lämna den på 0%.

I det följande exemplet ger vi en ganska stor mängd grus i skuggan. Ett bra intervall att använda är 0% -25%, eftersom gå högre än 25% ofta kan resultera i ett mycket onaturligt utseende.


Knock It Out

Vad i världen betyder "Layer Knocks Out Drop Shadow"? Det är enkelt när du förstår konceptet, men det kan vara svårt för nybörjare eftersom det bara gäller i vissa situationer. Lyckligtvis är denna inställning nästan alltid bättre vänster kontrollerad.

När du skapar ett nytt lager och tillämpar en droppskugga på det, tittar du på två saker, skiktets innehåll och lagstilen. Om du kommer ihåg från del 1 i vår guide kan du dölja lagerinnehållet medan du fortfarande visar lagstilen genom att ställa in "Fyll" i lagerpaletten till 0% för ett visst lager.

I följande exempel har båda uppsättningarna text "Fill" satt till 0%, men den till vänster har markerat kryssrutan "Layer Knocks Out Drop Shadow", medan den till höger inte gör det. Resultatet är att texten till vänster skapar en typ av öppenhetsmask (eller "slår ut" droppskuggan), vilket inte tillåter att droppskuggan visas. Alternativt kan texten till höger inte "släcka ut" dropskuggan, så att den kan visa sig igenom.


Spara och ladda standardinställningar

Du kan spara och ladda standardinställningar för varje effekt i dialogrutan Lagstilar. Genom att klicka på "Gör standard" lagrar Photoshop vilka inställningar som för närvarande är aktiva som de nya standardinställningarna för den effekten.

Genom att klicka på "Återställ till standard" lägger Photoshop sedan in de senaste inställningarna. Detta gör att du kan experimentera och helt enkelt ladda om anpassade standardinställningar om du vill börja om.


En för vägen

Fram till nästa gång tillåter den här fria, exklusiva lagstilen och åtföljande .PSD dig att experimentera med dina egna Drop Shadow-inställningar.

Ladda ner den här stilen

Premium-alternativ

Och om du vill ha mer sofistikerade skuggstilar, erbjuder Envato Market en rad Photoshop-åtgärder som skapar realistiska skuggor automatiskt. Till exempel:

1. Realistisk Drop Shadow (Photoshop Action)

Skapa riktig drop-skugga inom några sekunder med denna atn photoshop-aktionsfil. Du kan släppa skuggan i höger eller vänster riktning så att du kan rotera, ändra storlek eller fria transformera skuggan som du vill, eftersom den kommer att skapas i ett separat lager även om du kan lägga till en mask eller effekt på skiktet.

Realistisk Drop Shadow (Photoshop Action)

2. Special Drop Shadows Generator

Denna mycket snygga uppsättning åtgärder gör att du kan skapa dessa fantastiska skuggeffekter. Skapa flikar, sidokrämningar, webblådor lättare med snygga realistiska skuggor! Med bara ett klick!

Special Drop Shadows Generator

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

Detta är ett paket med 5 actionsatser som innehåller 20 åtgärder för att generera 3D Light and Shadow-effekter på ditt grafiska eller rasteriserade textinnehåll. Den innehåller också 1 bonusreflektionsåtgärd för att lägga reflektioner i ljus- och skuggeffekterna.

Photoshop Text Effect: Cinematisk 3D Light & Shadow