Få ut det mesta av Photoshop-lager

Det sätt på vilket webbdesigners använder Photoshop förändras. pixel perfekta comps är mindre relevanta än de var ett år eller två sedan. Photoshop är dock fortfarande ett ovärderligt designverktyg och att använda funktionerna är korrekt lika viktigt som någonsin. Följande tips hjälper dig att behärska arbetet med lager.


Ett snabbt ord om bästa praxis

Lager är en klassisk synder där projektet är oorganiserat. Genom att överlämna en PSD till en kollega måste du anta att de kan förstå och arbeta med vad du har gett dem. Det betyder att ha välskötta lager, färgkodning, korrekt märkning, gruppering, effektiv och icke-destruktiv teknik, städning och så vidare.

Dessa aspekter är alla mycket viktiga, men vi kommer inte att bo på dem här. I stället kommer vi att fokusera på tekniker och färdigheter som kommer att påskynda ditt personliga arbetsflöde.


Duplikatlager inom ett annat PSD-dokument

Att dra och släppa är oftast beroende av detta, men det finns ett renare och mer tillförlitligt sätt. För att skapa en kopia av ditt nuvarande lager och få det att visas i den exakta platsen i ett annat Photoshop-dokument, högerklicka på det lager som du vill kopiera och välj Duplicate Layer. När dialogrutan visas väljer du destinationen i dokumentlistan och klickar sedan på OK.

Till exempel har jag skapat ett dokument som innehåller ett lager med en logotyp. Jag skulle vilja kopiera den här logotypen i ett annat dokument.

Genom att följa stegen ovan presenteras jag med Duplicate Layer-dialogrutan.

Här är det möjligt att välja ett befintligt öppet dokument eller skapa en ny. I det här fallet skapar jag ett nytt dokument.

Det är allt! Denna teknik kan vara till stor hjälp när du arbetar med ett gäng lag som du behöver exportera (som att skapa spreadsheets).


Ta bort standard "kopia" förlängning

När du kopierar ett lager i Photoshop, kommer det som standard att läggas till med "kopia". Detta är ett av de standardvärden som nigglar mig, så jag gillar att ändra den. För att inaktivera den här standarden klickar du på den lilla menyikonen i det övre högra hörnet av lagerskivan och går till Panelalternativ.

Avmarkera i det resulterande popup-fönstret Lägg till "kopia" till kopierade lager och grupper.

Det finns några andra användbara panelalternativ också ...

Tumnagelsstorlek

Praktiskt om du är visuellt benägen, kan du ändra miniatyrstorleken i panelen Lager.

Thumbnail Innehåll

Semi-relaterat till det tidigare alternativet, hjälper det här alternativet att visualisera innehållet i ett lager. Säg att du till exempel har en stor duk och ett lager som innehåller en liten ikon. För att korrekt se innehållet i detta lager i miniatyren kan du ändra inställningen till Layer Bounds.

I exemplet nedan har jag simulerat detta med en dukstorlek på 1600x1200 och en enkel cirkel på den. Se skillnaden?

Standard masker på fylllager

Vill du ta bort den lagermask när du skapar ett fyllningsskikt? I så fall avmarkera du Använd standard masker på fyllnadslagret alternativ.

Expandera nya effekter

En annan standard som det kan vara praktiskt att åsidosätta. Avmarkera det här alternativet och nästa gång du lägger till nya lagerformat någonstans kommer stilarna att kollapsas när du är klar. Det kan vara ganska tråkigt att kollapsera utökade stilar varje gång du har skapat dem.


Separera lagstilar

Ibland kallas jailbreaking layer styles, med denna teknik kan du fullständigt manipulera varje lager stil individuellt. Välj ett lager (med stilar) och gå till Lag> Lagstilar> Skapa lager och du kommer att observera att dina stilar delas upp på egna lager.

Till exempel, här har jag skapat en rektangelform med några lagerformat.

Låt oss säga att jag vill rotera varje lagerstil individuellt. jag ansöker Skapa lager som beskrivits ovan.

Detta skiljer sedan alla effekter, som fortfarande är kopplade till mitt lager.

Jag kan nu rotera varje effekt individuellt.

Notera: Det här är bra när du använder Photoshop, och du kan simulera liknande effekter med hjälp av CSS Transforms i webbläsaren.


Designprover genom Layer Comps

Detta tillvägagångssätt är ett bra alternativ till fyrverkerierna. Genom att använda Layer Comps kan vi lagra olika lager arrangemang, vilket gör det väldigt enkelt att byta mellan dem. Inte bara kan detta snabba ditt eget arbetsflöde, men förbättrar också kraftigt att presentera en PSD för dina kunder.

Till exempel, låt oss säga att jag måste skapa tre designprover för en enkel knapp. Min klient är intresserad av ett prov med en skugga, en andra med en inre glöd, då en tredjedel med en stroke. Att ändra de olika blandningsalternativen och utesluta några av lagstilarna varje gång skulle vara mycket opraktiskt. Genom att spara lagkompis kan jag växla mellan förinställningar, så här:

Gå till fönstret> Layer Comps för att öppna panelen för lagsammansättning. Skapa ett lager med några grundläggande stilar ...

... spara sedan en ny kompil (den lilla "ny dokument" -ikonen i panelen för lagsammansättning). Ange ett namn för kompiset, kontrollera Sikt och Utseende, lägg sedan till en kommentar för din egen referens.

För att göra ett visst lager comp synligt, kolla comp ikonen till vänster om det.


Anpassa lager till val

Den här är en av mina favoriter när man arbetar med en massa lager och pixel perfektion är viktigt.

Om jag till exempel vill centrera ett lager i en viss position men jag har inget att anpassa mig till, kan jag använda urvalsverktyget.

Skapa ett urval med Rectanglular Marquee Tool. Välj det lager du vill justera, välj Flytta verktyg (V) och använd ett av justeringsalternativen i verktygsfältet.


Användbara genvägar

Photoshop ger en mängd kortkommandon för att påskynda ditt arbetsflöde. Minns dessa fem exempel och du blir blixtsnabb när du arbetar med lager.

  • Nytt lager: Cmd / Ctrl + Alt + Skift + N
  • Dubbletter: Cmd / Ctrl + J
  • Grupplagringar: Cmd / Ctrl + G
  • Skapa / Släpp Clipping Mask: Cmd / Ctrl + Alternativ + G
  • Sammanlagda lager: Cmd / Ctrl + E

Snabbtips: Skapa din egen genväg

För att definiera dina egna genvägar, gå bara till Redigera> Tangentbordsgenvägar, men var försiktig med att du inte skriver över några genvägar.

Till exempel vill jag skapa en genväg för "Rename Layer" och för det vill jag använda kombinationen Cmd / Ctrl + Shift + R. Först går jag till Redigera> Tangentbordsgenväg, sedan under Lager fliken jag klickar på Byt namn på lager tryck sedan på knappkombinationen (Cmd / Ctrl + Shift + R) och klicka Acceptera. Det är allt! Du kan använda så många anpassade genvägar som du vill.


Slutsats

Manipulera skikt ordentligt och snabbt är en grundläggande färdighet för Photoshoppers. Det påskyndar arbetsflödet och förbättrar samarbetsprocessen när man arbetar i ett lag. Om du känner till några andra lagerbaserade tips, skulle jag gärna höra dem i kommentarerna!


Ytterligare resurser

  • Lagjustering
  • Photoshop Etiquette
  • Fler Photoshop-genvägar