Lär dig allt du behöver veta för att börja använda lagereffekter och lagerstilar i Photoshop CC 2020, inklusive en titt på CC 2020: s nya lagerstilförinställningar, lutningar, mönster och mer!

I denna första handledning i min serie om Photoshop-lagereffekter täcker jag allt du behöver veta för att lägga till lagereffekter och lagerstilar i Photoshop CC 2020! Vi börjar med att lära oss skillnaden mellan en lagereffekt och en lagerstil, och hur du använder Photoshops lagerstilförinställningar för att lägga till omedelbara klickeffekter till dina bilder. Vi tittar på de helt nya lagerstilarna som ingår i Photoshop CC 2020, och jag visar dig var du hittar de saknade stilarna från tidigare versioner av Photoshop.

Därifrån lär du dig att lägga till och redigera dina egna lagereffekter och hur du kan dra full nytta av Photoshop CC 2020: s fantastiska nya lutningar och mönster. Jag ska även visa dig hur du lägger till flera kopior av en effekt i samma lager, hur du skalar lagereffekter för att passa din bild, hur du sparar dina effekter som anpassade lagerstilförinställningar och mer!

Denna handledning är uteslutande för Photoshop CC 2020. Så innan du börjar vill du se till att din kopia av Photoshop CC är uppdaterad.

Vi har mycket att täcka, så låt oss komma igång!

Ställa in dokumentet

Om du vill följa med, öppna alla bilder som du vill använda som bakgrund och lägg sedan till lite text ovanför. Här använder jag en bakgrundsstruktur som jag laddade ner från Adobe Stock och jag har lagt till orden "LAYER" och "EFFECTS". Jag kommer att arbeta med typlager för den här självstudien, men lagereffekter kan också tillämpas på pixellager och formlager:

Originaldokumentet med text framför en bakgrundsbild.

I panelen Lager ser vi strukturen på bakgrundsskiktet, och varje ord finns på sitt eget typlager:

Panelen Lager som visar de tre lagren i dokumentet.

Vad är lagereffekter i Photoshop?

Lagereffekter är en samling icke-förstörande, redigerbara effekter som kan tillämpas på nästan alla slags lager i Photoshop. Det finns 10 olika lagereffekter att välja mellan, men de kan grupperas i tre huvudkategorier - Shadows and Glows, Overlays and Strokes . Skikteffekter är liveeffekter som länkar direkt till skiktet. Så om du gör ändringar i ett lagers innehåll kommer alla effekter som tillämpas på det lagret att uppdateras direkt.

Vad är lagerstilar?

Medan du ofta hör orden "lagereffekter" och "lagerstilar" som används omväxlande, är lagereffekter själva de enskilda effekterna, som Drop Shadow, Stroke, Yuter Glow, och så vidare. En lagerstil är en samling av två eller flera lagereffekter som arbetar tillsammans för att skapa ett större, generellt utseende. Lagerstilar inkluderar också alla blandningsalternativ som appliceras på lagret, inklusive lagrets blandningsläge, tillsammans med dess aktuella inställningar för Opacity och Fill Opacity.

Vilka är fördelarna med att använda lagereffekter?

Lagereffekter är enkla att använda, helt redigerbara och helt icke-förstörande . Och de lägger nästan inget till den totala storleken på ditt Photoshop-dokument. Medan lagereffekter oftast används med typ, kan de också användas med bilder och vektorformer för att lägga till realism eller kreativitet på sätt som skulle vara svåra, om inte omöjliga, utan lagereffekter.

Du kan lägga till flera effekter i ett enda lager, växla och inaktivera lagereffekter, redigera deras inställningar och radera lagereffekter utan att göra några permanenta ändringar i din bild. Du kan till och med lägga till lagereffekter i en hel lagergrupp för att tillämpa samma effekter på flera lager samtidigt. Och du kan kombinera lagereffekter med typ för att skapa fantastiska texteffekter samtidigt som du håller din text helt redigerbar!

Var hittar jag Photoshops lagereffekter?

Det finns två huvudplatser där du hittar listan över lagereffekter.

Lager-menyn

Den ena är genom att gå upp till Layer-menyn i menyraden och välja Layer Style . Därifrån ser du en lista över alla lagereffekter du kan välja mellan, inklusive Bevel & Emboss, Stroke, Inner Shadow och mer. För att lägga till en effekt, välj den från listan:

Gå till Layer> Layer Style för att välja en lagereffekt.

Panelen Lager

Det andra och snabbare sättet att lägga till lagereffekter är genom att klicka på fx- ikonen längst ner på panelen Lager :

Klicka på fx-ikonen.

Och sedan välja från samma lista över lagereffekter som vi såg i menyraden:

Lägga till en lagereffekt från panelen Lager.

Varför är mina lagereffekter gråa ut?

Om effekterna i menyn Layer Style i menyfältet är gråade, eller fx-ikonen i panelen Layers är grå, är det troligtvis att du har valt bakgrundslagret i panelen Layers. Photoshop tillåter oss inte att lägga till lagereffekter i bakgrundsskiktet, främst eftersom lagereffekter fungerar bäst på lager som innehåller områden med transparens, som bakgrundsskiktet inte stöder:

Lagereffekter är inte tillgängliga när bakgrundsskiktet är aktivt.

Så innan du lägger till lagereffekter måste du först se till att du har valt rätt lager:

Att välja lager innan du lägger till lagereffekter.

Lär dig allt om lager med vår Layers Learning Guide!

Hur man använder Photoshops förinställningar för lagerstil

Innan vi börjar lägga till våra egna lagereffekter, låt oss titta på hur du använder Photoshops laginställningar . En förinställning av en lagerstil är som en färdig, klickeffekt. Du klickar bara på en lagerstil för att välja den och effekten appliceras direkt på ditt lager. Det finns många förinställda stilar att välja mellan, och Photoshop CC 2020 ger ännu mer! Och de finns alla i Photoshop- panelen Styles .

Om du inte ser Styles-panelen på skärmen kan du öppna den genom att gå upp till Fönstermenyn i menyfältet och välja Stilar :

Gå till Fönster> Stilar.

De nya standardlagerstilarna i Photoshop CC 2020

Photoshop CC 2020 introducerar helt nya standardlagerstilar och de nya stilarna grupperas i en av fyra uppsättningar - Basics, Natural, Fur och Fabric . Varje uppsättning har sin egen mapp på Styles-panelen, och varje lagerstil representeras av en miniatyrbild.

Som standard vrids alla fyra mappar öppna och miniatyrstorleken är inställd på Stor . Så för att se alla stilarna måste du bläddra nedför listan:

Standardpanellayouten för Styles i Photoshop CC 2020.

Anpassa Styles-panelen

Om du vill se fler lagerstilar på en gång kan du ändra storleken på miniatyrbilderna. Klicka på menyikonen uppe till höger på panelen Stilar:

Öppna menyn Styles-panelen.

Och välj sedan Liten miniatyrbild :

Att välja liten miniatyrstorlek.

Och nu visas miniatyrerna mycket mindre:

Fler lagerstilar syns nu på en gång.

Dricks! Hur du vrider alla mappar öppna eller stängda samtidigt

Varje uppsättning på Styles-panelen kan vridas öppet eller stängt genom att klicka på pilen till vänster om mappikonen. Eller så kan du vrida alla mappar öppna eller stängda samtidigt genom att hålla Ctrl (Win) / Command (Mac) -tangenten på tangentbordet när du klickar på en av pilarna.

Här har jag stängt alla mappar, vilket gör det enkelt att se alla fyra av de nya standarduppsättningarna:

Håll Ctrl (Win) / Command (Mac) för att stänga alla mappar på en gång.

Släpp sedan Ctrl (Win) / Command (Mac) för att öppna bara den mapp du behöver, och klicka på pilen. Jag öppnar mappen Natural :

Öppna en enda mapp genom att klicka på pilen.

Hur man använder en förinställd lagerstil

För att tillämpa en av lagerstilarna i mappen klickar du bara på dess miniatyrbild. Jag väljer den nya havsstilen:

Klicka på en lagerstil för att tillämpa den.

Stilen tillämpas direkt på ditt valda lager, och här får vi den här typen av mörk, undervattenseffekt:

Resultatet efter att ha använt en av Photoshops förinställda lagerstilar.

Och i lagpanelen visas alla de enskilda lagereffekter som utgör stilen listade nedanför lagret. Så denna enlagersstil är faktiskt resultatet av (i detta fall) sju lagereffekter som arbetar tillsammans:

En enkellagersstil kan innehålla flera lagereffekter.

Skapa en Spray Paint Text Effect med Photoshops lagereffekter!

Att välja en annan lagerstil

För att välja en annan stil klickar du bara på en annan miniatyrbild. Jag ska prova en annan stil från Natural set, som Wood :

Välja en förinställning av en annan stil.

Den nya lagerstilen ersätter den föregående, och nu är min text fylld med denna träkorneffekt:

Nya lagerstilar ersätter omedelbart den tidigare stilen.

Och effekterna som utgör den nya stilen visas under skiktet:

Olika lagerstilar använder olika effekter.

Välja lagerstilar från en annan uppsättning

Jag stänger den naturliga uppsättningen genom att klicka på pilen bredvid mappen. Då öppnar jag pälsuppsättningen och klickar på Zebra- stilen:

Att välja en annan stil från en annan uppsättning.

Och den här gången är min text fylld med sebrabänder:

En annan ny standardlagerstil i Photoshop CC 2020.

Och igen ser vi listan över effekter under skiktet:

Effekterna som utgör Zebra-lagerstilen.

Skapa 80-talets retrotext med lagereffekter!

Utöka och kollapsa listan över lagereffekter

För att frigöra utrymme i panelen Lager kan du kollapsa listan över lagereffekter genom att klicka på den lilla pilen bredvid fx- ikonen längst till höger om lagret. Klicka på pilen igen för att utöka listan. Detta aktiverar eller stänger inte själva effekterna. Det är bara ett sätt att förhindra att panelen lager ser rörig ut, särskilt när du har flera lager med effekter applicerade:

Klicka på pilen för att utöka eller kollapsa listan över effekter.

Hur du laddar fler lagerstilar i Photoshop CC 2020

Vid första anblicken ser det ut som att Photoshop CC 2020 inte innehåller många förinställningar i lagerstil. Och om du har uppgraderat från en tidigare version av Photoshop, undrar du kanske vad som hände med de ursprungliga förinställda stilarna som har varit en del av Photoshop i flera år. Alla förinställda stilar från tidigare versioner finns fortfarande tillgängliga i CC 2020, tillsammans med ännu mer helt nya stilar. För att få åtkomst till dem behöver vi bara ladda dem i Styles-panelen.

Klicka på menyikonen för Styles-panelen:

Öppna menyn Styles-panelen.

Och välj Legacy Styles and More :

Att välja "Legacy Styles and More" från menyn.

Detta lägger till en "Legacy Styles and More" -mapp under standardmapparna:

En ny mapp "Legacy Styles and More" visas.

Vrid mappen öppen så hittar du ytterligare två mappar i den. Mappen 2019 Styles innehåller fler nya lagerstilar att testa. Och mappen All Legacy Standard Styles innehåller alla förinställda ursprungliga lagerstilar från tidigare versioner av Photoshop:

Uppsättningarna "Styles 2019" och "All Legacy Standard Styles".

2019-stilarna

Skiktstilarna i mappen Styles 2019 är indelade i olika uppsättningar, inklusive gel, glas, grunge, krom, metall och 3D. Jag vrider upp Chrome- setet och väljer sedan Bling- stil:

Att välja en av de nya förinställningarna för det nya lagret i mappen Styles 2019.

Och som du kan förvänta dig av något som heter Bling, får vi den här glänsande, toppeffekten:

Resultatet från Bling-lagerstilen.

Och om jag vrider upp 3D- mappen och jag väljer Duplicates- stilen längst ner:

Att välja en stil från 3D-uppsättningen.

Vi får denna helt annorlunda effekt, med duplikat av texten som visas bakom den i olika färger:

Resultatet från duplicates-lagerstilen.

Armerade standardstilar

Om du vill använda någon av lagerstilarna från tidigare versioner av Photoshop öppnar du mappen All Legacy Standard Styles och du hittar alla de ursprungliga stilarna, åter uppdelade i uppsättningar.

Jag väljer Chromed Satin- stil från Legacy Standard Styles- uppsättningen:

Att välja en arvlagerstil.

Och nu får vi den här klassiska kromeffekten från Photoshop:

Arven Kromad satineffekt.

Hur man växlar mellan lager och effekter

Ett enkelt sätt att se hur varje lagereffekt bidrar till det övergripande utseendet på stilen är genom att växla till och från de individuella effekterna, vilket du kan göra genom att klicka på synlighetsikonen (ögongloppet) till vänster om deras namn.

Om jag till exempel stänger av Gradient Overlay i Chromed Satin-stil:

Stänga av en av effekterna i lagerstilen.

Den orange och blå gradienten i bokstäverna försvinner, vilket bara lämnar skuggningseffekterna och droppskuggan bakom texten:

Lagerstilen med Gradient Overlay stängdes av.

För att slå på effekten igen, klicka på den tomma platsen bredvid effektens namn:

Slå på Gradient Overlay igen.

Och lutningen visas igen:

Samma lagerstil med Gradient Overlay aktiverat.

Hur du växlar alla lagereffekter på en gång

För att stänga av alla lagereffekter på en gång klickar du på huvudsiktikonen bredvid ordet "Effekter". Klicka på den igen för att aktivera effekterna igen:

Växla och släcka alla lagereffekter.

Hur man flyttar och kopierar lagerstilar

För att kopiera en lagerstil från ett lager och klistra in den på ett annat lager, högerklicka (Win) / Control-klicka (Mac) på fx- ikonen på lagret som innehåller den stil du vill kopiera:

Högerklicka (Win) / Kontrollklicka (Mac) på ikonen "fx".

Och välj Copy Layer Style från menyn:

Att välja "Copy Layer Style".

Högerklicka sedan (Win) / Kontrollklicka (Mac) på det lager där du vill klistra in stilen:

Höger / Kontrollklicka på ett annat lager.

Och välj Paste Layer Style :

Att välja "Klistra in lagerstil".

Och nu används samma lagerstil på båda lagren:

Resultatet efter att du har kopierat och klistrat in lagerstilen.

Hur man rensar en lagerstil

Ta bort en lagerstil genom att rensa den genom att högerklicka (Win) / Kontrollklicka (Mac) på lagerets fx- ikon:

Högerklicka (Win) / Kontrollklicka (Mac) på ikonen "fx".

Och välja Clear Layer Style :

Att välja "Rensa lagerstil".

Och nu kommer jag tillbaka till effekterna som endast tillämpas på det översta textlagret:

Lagerstilen har rensats från bottentexten.

Hur man flyttar lagereffekter till ett annat lager

Om du bara vill flytta effekterna till ett annat lager, klicka på fx- ikonen på lagret som innehåller effekterna, dra det till det andra lagret och släpp sedan musknappen:

Dra "fx" -ikonen från ett lager till ett annat.

Effekterna flyttas direkt från det ursprungliga lagret till det nya lagret:

Effekterna har flyttats från det översta textlagret till botten.

Lär dig fem enkla sätt att flytta bilder mellan Photoshop-dokument!

Ett snabbare sätt att kopiera lagereffekter

Och om du håller ner Alt (Win) / Option (Mac) på tangentbordet när du drar fx- ikonen:

Håll Alt (Win) / Alternativ (Mac) medan du drar ikonen "fx".

Du kopierar, snarare än att flytta, effekterna från ett lager till det andra. Jag täcker mer om att kopiera lagereffekter i min tutorial för att kopiera lagereffekter:

Effekterna appliceras igen på båda typskikten.

Hur man redigerar en effekt i en lagerstil

Observera att efter att ha kopierat samma Chrome-lagerstil till båda textlagren, ser lutningen ut exakt densamma i båda bokstäverna, från orange på botten till blått på toppen. Vad händer om jag ville vända lutningen i bottentexten? Vi ska titta på hur du lägger till och redigerar lagereffekter mer detaljerat på ett ögonblick. Men för att redigera inställningarna för alla effekter i en lagerstil, dubbelklickar du på effektens namn under lagret.

Till exempel vill jag redigera gradienten, så jag dubbelklickar på Gradient Overlay- effekten:

Dubbelklicka på effekten jag vill redigera.

Photoshop öppnar dialogrutan Layer Style och i mitten av dialogrutan finns inställningarna för effekten:

Dialogrutan Layer Style öppnas för lagereffektens inställningar.

För att vända färgerna i gradienten behöver jag bara välja alternativet Vändning . Sedan klickar jag på OK för att stänga dialogrutan:

Välj omvänd för att vända lutningsfärgerna.

Och nu är lutningsfärgerna i bottentexten omvända:

Effekten efter att ha vänt färgerna i Gradient Overlay.

Hur man rensar lagerstilar från flera lager på en gång

Tidigare lärde vi oss att rensa en lagerstil från ett enda lager. För att rensa stilar från två eller flera lager samtidigt, klicka på ett lager och markera det och håll sedan Ctrl (Win) / Command (Mac) -tangenten och klicka på de andra lagren för att välja dem:

Att välja två lager samtidigt i panelen Lager.

Högerklicka sedan (Win) / Kontrollklicka (Mac) på något av de valda lagren och välj Rensa lagerstil på menyn:

Att välja kommandot "Rensa lagerstil".

Och nu är jag tillbaka till mina vita bokstäver framför den blå bakgrunden:

Resultatet efter att lagerstilarna har rensats från båda typlagren.

Hur man skalar lagereffekter i Photoshop

Ibland tillämpar du en lagerstil och effekten ser ut som att den antingen är för stor eller för liten för innehållet i ditt lager. Det beror på att resultatet från lagereffekter beror mycket på storleken på din bild. Större bilder behöver ofta andra inställningar än mindre bilder för att få samma utseende. Men du kan korrigera alla storleksproblem genom att skala effekterna till vilken storlek du behöver.

I panelen Lager väljer jag till exempel mitt översta textlager:

Välja det översta lagret i panelen Lager.

Och sedan i Styles-panelen, kommer jag att öppna KS Styles- uppsättningen (finns i mappen All Legacy Standard Styles) och jag väljer den frostade stilen:

Att välja den frostade lagerstilen.

Detta ger texten direkt en frusen, isig look. Men även om det är en cool effekt (ordalydelse avsedd), ser det också lite överväldigande ut, som om effekten är för stor för storleken på bokstäverna:

Resultatet efter applicering av Frosted-lagerstilen.

För att fixa det kan vi skala effekterna. Ett sätt att skala lagereffekter är genom att gå upp till Layer- menyn i menyraden, välja Layer Style och sedan välja Scale Effects :

Gå till Layer> Layer Style> Scale Effects.

Och det andra är genom att högerklicka (Win) / Control-klicka (Mac) på lagrets fx- ikon:

Höger / kontrollklicka på "fx" -ikonen.

Och välja Scale Effects från menyn:

Att välja "Scale Effects" från "fx" -menyn.

I dialogrutan Skala lagereffekter justerar du sedan skalvärdet till det belopp du behöver. Jag sänker min från 100% till 60%. Se till att rutan Förhandsvisning är markerad så att du kan förhandsgranska resultaten när du justerar värdet. När du är klar klickar du på OK för att stänga dialogrutan:

Justera skalan.

Och här är resultatet med samma Frosted-stil skalad till 60% av sin ursprungliga storlek. Observera att storleken på själva texten inte har förändrats. Endast effekterna på texten har ändrats i storlek:

Resultatet efter skalning av effekterna.

Hur du ändrar storlek på bilder utan att förlora kvaliteten med smarta objekt!

Lagerstilar kan innehålla mer än bara effekter

Innan vi går vidare, märker du på panelen Lager att tillsammans med effekterna sänker denna lagerstil också lagrets fyllningsvärde från 100% ned till 56%:

Lagerstilen ändrade också lagrets fyllningsvärde.

Vi ska titta på vad Fill-värdet betyder på ett ögonblick. Men en lagerstil kan inkludera inte bara effekter utan också lagrets blandningsalternativ, som inkluderar värdena för opacitet och fyllning tillsammans med lagrets blandningsläge :

Värdena blandningsläge, opacitet och fyllning kan alla ingå i en lagerstil.

Ytterligare ett sätt att rensa en lagerstil

Och här är ytterligare ett sätt att rensa en lagerstil i Photoshop CC 2020. Kontrollera att lagret är korrekt i panelen Lager. Öppna sedan mappen Basics i Styles-panelen och välj standardformatet, som är Ingen . Det är den vita miniatyren med den röda diagonala linjen:

Att välja "Ingen" från grunderna-mappen.

Och efter att ha rensat stilen är jag återigen tillbaka till min vanliga vita text. Och det är grunderna i att använda lagerstilförinställningar i Photoshop!

Resultatet efter att lagerstilen är inställd på "Ingen".

Hur du lägger till lagereffekter i Photoshop

Så nu när vi vet hur vi använder Photoshops förinställningar för lagerstil, låt oss lära oss att lägga till våra egna individuella lagereffekter. Vi tänker inte täcka varje lagereffekt och varje inställning, men du får en god förståelse för hur lagereffekter fungerar. Och jag kommer att täcka specifika effekter mer detaljerat i andra tutorials i denna serie.

Att välja en lagereffekt

Först markerar du lagret där du vill använda en eller flera effekter på panelen Lager. Jag väljer mitt översta textlager:

Att välja det översta textlagret.

Klicka sedan på ikonen Layer Effects ( fx- ikonen):

Klicka på ikonen "fx".

Och välj en lagereffekt från listan. Jag börjar med Drop Shadow :

Lägga till en Drop Shadow-lagereffekt.

Photoshops dialogruta för Layer Style

Att välja vilken effekt som helst öppnar dialogrutan Layer Style . Och eftersom jag valde Drop Shadow öppnas dialogrutan till Drop Shadow-inställningarna så att jag kan anpassa effekten av effekten:

Dialogrutan Layer Style som visar inställningarna för den valda lagereffekten.

Återställa lagereffektens standardinställningar

Dialogrutan Layer Style kommer ihåg de senaste inställningarna du använde. Så innan du börjar anpassa en effekt är det vanligtvis en bra idé att återställa standardinställningarna genom att klicka knappen Återställ till standard :

Dialogrutan Layer Style i Photoshop.

Hur du anpassar en lagereffekt

Sedan kan du justera inställningarna för effekten för att skapa det utseende du behöver. Varje lagereffekt har sina egna inställningar unika för den specifika effekten.

Så till exempel med Drop Shadow kan du dra skjutreglaget Opacity för att justera skuggens intensitet. Du kan ändra blandningsläget för effekten (även om Multiply vanligtvis fungerar bäst för skuggor). Och du kan klicka på färgrutan för att välja en annan färg för skuggan. Svart är standardskuggfärgen, men ibland fungerar en annan färg bättre:

Drop Shadow's Opacity, Blend Mode och Color-inställningar.

Vinkelalternativet låter dig justera ljuskällans riktning, och skuggan kommer att visas i motsatt riktning. Så om ljuset kommer från den övre vänstra delen, kommer skuggan att visas längst ner till höger. Du kan ändra vinkeln genom att klicka och dra i radialratten eller genom att ange ett specifikt värde:

Använd vinkel-alternativet för att justera skuggens ljuskälla.

Använd Global Light

Alternativet Use Global Light tillåter alla lagereffekter som kräver en ljuskälla att dela samma ljuskälla, så att belysningen kommer att vara enhetlig under hela effekten. Det här alternativet hittar du inte bara i Drop Shadow-inställningarna utan också i inställningarna för Bevel & Emboss och Inner Shadow. I de flesta fall vill du låta Använd Global Light vara aktiverat, vilket det är som standard:

"Använd globalt ljus" håller ljuskällan i linje med olika effekter.

Distansvärdet styr hur långt ut skuggan sträcker sig från lagrets innehåll. När du till exempel applicerar en droppskugga på ett typlager, kontrollerar Distans hur långt ut skuggan sträcker sig från bokstäverna.

Och storleksvärdet styr den totala storleken på skuggan. När spridningsvärdet är inställt på 0%, ökar storleksvärdet skugga kanterna. Och att öka Spread-värdet fylls i skuggan och gör det mer ogenomskinligt:

Alternativ för avstånd, spridning och storlek.

Jag ökar skuggens opacitet till 40%, avståndet till 90 pixlar och storleken till 40 pixlar :

Anpassa Drop Shadow-inställningarna.

Hur du accepterar dina inställningar

Om du är nöjd med inställningarna och det här är den enda lagereffekten du behöver tillämpa klickar du på OK för att acceptera dina inställningar och stänga dialogrutan Layer Style:

Klicka på OK för att stänga dialogrutan.

Skapa redigerbar suddig text med Drop Shadows!

Hur man redigerar en lagereffekt

I dokumentet visas droppskuggan bakom bokstäverna i ordet "LAYER":

Resultatet efter att ha lagt till en Drop Shadow till ordet "LAYER".

Och i lagerpanelen listas Drop Shadow nu som en effekt under skiktet. Om du vill redigera en lagereffekt dubbelklickar du på effektens namn:

Dubbelklicka på orden "Drop Shadow".

Photoshop öppnar igen dialogrutan Layer Style till effektens aktuella inställningar så att du kan göra alla ändringar du behöver. Skikteffekter är helt och hållet icke-förstörande, så du förlorar inte bildkvaliteten oavsett hur många ändringar du gör.

Jag ska öka skuggens opacitet till 50% och jag kommer att öka avståndet till 100 px . Men jag stänger inte dialogrutan Layer Style ännu eftersom jag har andra lagereffekter som jag vill lägga till:

Redigera Drop Shadow-inställningarna.

Efter att ha redigerat effekten är skuggan nu mer synlig bakom bokstäverna:

Resultatet efter redigering av Drop Shadow-inställningarna.

Lägga till fler effekter i dialogrutan Layer Style

Vi vet att vi kan lägga till lagereffekter genom att klicka på fx- ikonen i panelen Lager. Men om dialogrutan Layer Style är öppen kan du lägga till fler effekter genom att välja dem från kolumnen till vänster:

Listan över effekter i dialogrutan Layer Style.

Hur man visar saknade effekter

Om några av dina lagereffekter saknas i listan klickar du på fx- knappen längst ner till vänster i dialogrutan:

Klicka på "fx" -knappen.

Och välj Visa alla effekter :

Att välja "Visa alla effekter" från menyn.

Skiktet påverkar kategorier

Som jag nämnde tidigare kan Photoshops lagereffekter grupperas i tre huvudkategorier. Vi har Shadow and Glow- effekter, som inkluderar Bevel & Emboss, Inner Shadow, Inner Glow, Satin, Yuter Glow och Drop Shadow. Observera att kontur och struktur som listas nedan Bevel & Emboss är en del av Bevel & Emboss-effekten, varför de är indragna till höger:

Effekter av skuggor och glödlager.

Vi har också Overlay- effekter (Color Overlay, Gradient Overlay och Pattern Overlay):

Effekter på överlagret.

Och vi har Stroke, som lägger en kontur eller gräns runt skiktets innehåll:

Stroke lagereffekten.

Photoshops lagereffekt staplingsordning

Lägg märke till i vilken ordning skikteffekterna listas. I de senaste versionerna av Photoshop listas nu lagereffekter i den ordning de tillämpas, från botten till topp. Så en droppskugga appliceras alltid först och sedan appliceras en yttre glöd ovanför den. Nästa skulle vara Overlay-effekterna (Mönster, sedan Lutning och sedan Färg), följt av Satin, Inner Glow, Inner Shadow och sedan Stroke. Och Bevel & Emboss-effekten tillämpas alltid sist, ovanpå alla andra effekter som vi har använt.

Drop Shadow och Outer Glow är också de enda två lagereffekterna som visas under lagrets innehåll. Varje annan effekt visas ovanför innehållet. Att känna till staplingsordning för lagereffekter kan verka trivialt, men det kan hjälpa dig att förstå varför dina effekter inte ger dig de resultat du förväntade dig:

Lagereffekter tillämpas alltid i ordning från botten till topp.

Lägga till en andra lagereffekt

För att lägga till ytterligare en lagereffekt, klicka på dess namn i listan. Jag lägger till en stroke :

Lägga till en strokelagereffekt.

Anpassa Stroke-effekten

I Stroke-inställningarna börjar jag återigen med att klicka knappen Återställ till standard för att återställa standardvärdena:

Återställ Stroke-standardinställningarna.

Sedan ändrar jag färgen på streken genom att klicka på färgrutan :

Klicka på Strokes färgprov.

Och i färgväljaren väljer jag en nyans av orange genom att ställa in nyansvärdet ( H ) till 25, mättnadsvärdet ( S ) till 100 och ljusstyrkan ( B ) också till 100 . Sedan klickar jag på OK för att stänga färgväljaren:

Att välja en ny färg för Stroke.

Alternativet Position låter dig anpassa stroken till antingen insidan eller ytterkanten på lagrets innehåll. Eller så kan du centrera streken längs kanten. Jag väljer Utanför. Och storleksalternativet är där vi ställer in slagets bredd eller tjocklek. Jag ökar storleken till 20px :

Ställa in storlek och position för stroke.

Återigen lämnar jag dialogrutan Layer Style öppen. Och här är effekten med den orange streken och droppskuggan på topptexten:

Resultatet med stroke och droppskugga applicerad.

Hur man skapar guldtext med lagereffekter!

Blandningsalternativen

Tillsammans med att välja och redigera effekter ger dialogrutan Layer Style oss också tillgång till lagrets blandningsalternativ. Klicka på kategorin Blandningsalternativ ovanför effekterna i vänstra kolumnen:

Öppna blandningsalternativen.

Härifrån kan vi komma åt samma blandningsläge, opacitet och fyllningsinställningar som finns i panelen Lager. Vi har också några avancerade blandningsalternativ som vi tittar på i andra handledning:

Du kan ändra blandningsläge, opacitet eller fyllning i dialogrutan Layer Style.

Hur man döljer lagerinnehållet och visar bara effekterna

Ett bra trick som vi kan göra med blandningsalternativ är att vi kan dölja det faktiska innehållet i ett lager och bara se själva lagreffekterna. Du kan göra detta antingen i dialogrutan Lagerstil eller i panelen Lager.

Om jag sänker Opacity- värdet från 100% hela vägen till 0% :

Sänker opacitetsvärdet till 0 procent.

Både text- och lagereffekter som appliceras på texten försvinner:

Att sänka opaciteten gjorde lagret och skikteffekterna transparenta.

Men om jag ställer in opaciteten till 100% och sedan sänker jag fyllningsvärdet (eller fyller opacitet i dialogrutan Layer Style) till 0% :

Sänker fyllningsopacitetsvärdet till 0 procent.

Den här gången försvinner texten i sig men lagereffekterna förblir synliga, vilket gör att vi kan se igenom bokstäverna till den blå bakgrundsbilden bakom dem. Så opacitetsvärdet påverkar transparensen för både lagrets innehåll och eventuella lagereffekter, och fyllningsvärdet påverkar transparensen för bara lagrets innehåll. Kolla in min tävling om Layer Opacity vs Fill för att lära dig mer:

Resultatet efter att sänka fyllningsvärdet till 0 procent.

Blanda text i moln med Photoshops avancerade blandningsalternativ!

Stänger dialogrutan Layer Style

Jag stänger dialogrutan Layer Style för nu genom att klicka på OK:

Klicka på OK för att stänga dialogrutan.

Och i lagerpanelen ser vi Stroke och Drop Shadow listade som effekter under lagret. Lägg märke till att fyllningsvärdet också är satt till 0%, eftersom jag sänkte det i dialogrutan Layer Style:

Panelen Lager som visar de två lagereffekterna plus det nya fyllningsvärdet.

Nya lutningar och mönster i Photoshop CC 2020

Tillsammans med nya lagerstilar inkluderar Photoshop CC 2020 också nya lutningar och mönster, som båda kan tillämpas som lagereffekter. Men för att få tillgång till alla lutningar och mönster måste vi först besöka panelerna Gradient och mönster, som också är nya i CC 2020.

Hur man laddar fler mönster

Byt först till panelen Mönster . Du hittar det kapslad med panelerna Färg och färgrutor. Precis som med Styles-panelen delas de nya mönstren upp i uppsättningar som kan vridas öppna och stängda. Men som standard finns det bara några få mönsteruppsättningar att välja mellan (träd, gräs och vatten).

För att ladda fler mönster klickar du på menyikonen för mönsterpanelen :

Klicka på menyikonen för mönsterpanelen.

Och välj Legacy Patterns och mer :

Att välja "Legacy Patterns and more".

En ny mapp med namnet "Äldre mönster och mer" visas under standardmönsteruppsättningarna. Och om du vrider mappen öppen hittar du ytterligare två mappar i den. Det ena har fler nya mönster från 2019, och det andra har alla de ursprungliga mönstren från tidigare versioner av Photoshop. Alla dessa mönster kommer nu att finnas tillgängliga i dialogrutan Layer Style:

Alla Photoshop-mönster är nu tillgängliga.

Hur du laddar fler lutningar

Därefter byter du till den nya Gradient- panelen, kapslad bredvid Mönster-panelen. Här hittar du massor av nya lutningar att välja mellan i CC 2020, återigen uppdelat i uppsättningar.

Men om du också vill ha åtkomst till föregående lutningar från tidigare versioner av Photoshop, klicka sedan på menyikonen för övergångspanelen :

Klicka på menyikonen för övergångsbilden.

Och välj Legacy Gradients :

Laddar Legacy Gradients i Photoshop CC 2020.

En mapp "Äldre gradienter" visas under standardgradienterna, och de kommer nu att vara tillgängliga i dialogrutan Layer Style:

Legacy Gradients har laddats.

Lägga till en mönsteröverläggningseffekt

Lutningar och mönster kan båda tillämpas på lager som överläggningseffekter. För att lägga till ett mönster, klicka på fx- ikonen längst ner på panelen Lager:

Klicka på ikonen Layer Effects.

Och välj Mönsteröverlägg :

Lägga till en mönsteröverläggningseffekt.

Klicka på mönsterprovet i dialogrutan Layer Style:

Klicka på färgrutan i inställningarna för Mönsteröverlägg.

Och bläddra sedan i seten för att välja ett mönster. Jag kommer att öppna mappen Legacy Patterns and More, sedan mappen 2019 Patterns och sedan Stone- mappen, och jag väljer Stone Marble- mönstret genom att klicka på miniatyrbilden. Observera att du kan dra mönstervalsfönstret större om det behövs:

Välja ett av de nya mönstren i Photoshop CC 2020.

Och nu är min text fylld med ett marmormönster:

Resultatet efter att ha applicerat ett Mönsteröverlägg på texten.

Lägga till en gradientoverlayeffekt

För att lägga till en lutning med dialogrutan Layer Style fortfarande öppen väljer du Gradient Overlay i den vänstra kolumnen:

Lägga till en gradientoverlayeffekt.

Och klicka sedan på den lilla pilen bredvid gradientprovet. Klicka inte på själva färgen, så öppnar du Photoshop's Gradient Editor. Vi vill bara välja mellan gradientförinställningar, så klicka på pilen istället:

Klicka på pilen bredvid gradientprovet.

Then scroll through the sets to choose a gradient. I'll twirl open the Oranges folder and I'll select the Orange 10 gradient by clicking its thumbnail:

Selecting one of the new gradients in Photoshop CC 2020.

And here's my text with the gradient applied. But notice that the gradient is blocking the pattern from view. That's because gradients are always applied above patterns, as we learned earlier when we looked at the layer effect stacking order:

The gradient is currently blocking the pattern below it.

Changing a layer effect's blend mode

To blend the gradient in with the pattern, go up to the Blend Mode option in the Gradient Overlay settings and choose a new blend mode from the list. I'll choose Linear Burn :

Setting the Gradient Overlay effect to Linear Burn.

And now the colors from the gradient are blending in with the pattern below it:

The Gradient Overlay now blends with the Pattern Overlay effect.

Get my Layer Blend Modes Complete Guide when you download this tutorial as a PDF!

How to add multiple copies of the same layer effect

If you look at the effects along the left of the Layer Style dialog box, you'll notice that some effects ( Stroke, Inner Shadow, Color Overlay, Gradient Overlay, and Drop Shadow ) each have a plus sign on the right. The plus sign means that we can add multiple copies of the effect to the same layer:

Photoshop lets us add multiple copies of certain effects.

Editing the first Stroke effect

Let's look at how to add a second stroke. But first, I want to change the color of my existing stroke, so I'll reselect Stroke from the list:

Reselecting the current Stroke layer effect.

Then I'll click on the stroke's color swatch :

Changing the color of the first stroke.

And in the Color Picker, I'll choose white :

Att välja vitt från färgväljaren.

I'll leave the Position of this stroke set to Outside :

Leaving the stroke's Position set to Outside.

And here we see the text with the stroke color changed to white:

The result after changing the Stroke color.

Adding a second Stroke effect

To add a second stroke to the same layer, click the plus sign :

Clicking the plus sign to add another stroke.

Photoshop adds the new Stroke effect above the first one, which means that it's sitting above the original stroke in the document:

A second stroke is added.

Editing the second stroke

At the moment, both strokes are exactly the same. So for my second stroke, I'll change its color to black by clicking the color swatch :

Clicking the color swatch for the second Stroke.

And choosing black from the Color Picker:

Setting the new Stroke to black.

But notice that the new stroke is now blocking the original one from view. Instead of seeing a white stroke and a black stroke around the text, all we're seeing is black:

The black stroke appears, but the white stroke is now missing.

The reason is that both strokes have their Position set to Outside, which means they are both aligned to the outside edges of the letters. And since both strokes are the same size (20px), the second one is blocking the first one from view.

To fix that, I'll change the Position of the second stroke to Inside so that it aligns to the inside edges of the letters. And I'll lower the stroke's Size from 20px down to 10px :

Changing the second stroke's Position to Inside and lowering its size.

And now, we have a white 20px stroke around the outside of the text, and a black 10px stroke along the inside. You can add up to 10 strokes to the same layer:

Both strokes are now visible around the letters.

Saving your effects as a custom layer style preset

Finally, to save your layer effects as a new style preset, click the New Style button on the right of the Layer Style dialog box:

Clicking the "New Style" button.

And then give your preset a name. I'll name mine "2 Strokes + Orange + Marble ". Make sure Include Layer Effects is checked, and if you've used any custom blend settings, check Include Layer Blending Options as well. You can also add the new style to your Creative Cloud library:

Saving the new layer style preset.

Click OK to close the New Style dialog box, and then click OK to close the Layer Style dialog box.

Switch over to your Styles panel, and you'll find a thumbnail for your new style below the folders:

The new style appears in the Styles panel.

Creating your own layer styles folder

To keep the Styles panel organized, add your custom styles to a separate folder. Click the Create New Group icon at the bottom of the Styles panel:

Clicking the "Create New Group" icon.

And then give the group a name, like "My Styles". Click OK to accept it:

Naming the new group.

The new folder appears below the others. Click on your layer style's thumbnail and drag it into the folder:

Dragging the custom style into the "My Styles" folder.

How to apply your custom layer style

To apply any of your custom styles to a layer, first select the layer in the Layers panel:

Selecting the layer where the custom style will be applied.

Then in the Styles panel, just click on the style's thumbnail:

Selecting the custom style.

And the entire effect is instantly applied to the layer:

The result after applying the custom style to the second type layer.

Och där har vi det! That's everything you need to know to start using layer effects and layer styles in Photoshop CC 2020! Kolla in vårt Photoshop Basics-avsnitt för mer tutorials. Och glöm inte att alla våra Photoshop-tutorials är tillgängliga att ladda ner som PDF-filer!