Få mest mulig ut av Photoshop-lag

Måten webdesignere bruker Photoshop på, endrer seg; pixel perfekt comps er mindre relevante enn de var et år eller to siden. Imidlertid er Photoshop fortsatt et uvurderlig designverktøy, og bruk av funksjonene er riktig så viktig som mulig. Følgende tips vil hjelpe deg å mestre å jobbe med lag.


Et raskt ord om beste praksis

Lag er en klassisk synder der prosjektets uorganisering er opptatt. Ved å overlevere en PSD til en kollega, må du anta at de kan forstå og jobbe med det du har gitt dem. Dette betyr å ha godt administrerte lag, fargekoding, riktig merking, gruppering, effektiv og ikke-destruktiv teknikk, rydding og så videre.

Disse aspektene er alle veldig viktige, men vi kommer ikke til å bo på dem her. I stedet skal vi fokusere på teknikker og ferdigheter som vil fremskynde din personlige arbeidsflyt.


Dupliseringslag innenfor et annet PSD-dokument

Å dra og slippe er oftest avhengig av dette, men det er en renere og mer pålitelig måte. For å lage en kopi av det nåværende laget og få det til å vises i den nøyaktige plasseringen i et annet Photoshop-dokument, høyreklikk på laget du vil kopiere, og velg Dupliseringslag. Når dialogboksen vises, velger du Destinasjon fra dokumentlisten, og klikker deretter OK.

For eksempel har jeg opprettet et dokument som inneholder et lag med en logo. Jeg vil gjerne duplisere denne logoen i et annet dokument.

Etter trinnene ovenfor presenteres jeg med duplikatdialogen.

Her er det mulig å velge et eksisterende åpent dokument, eller opprette en ny. I dette tilfellet lager jeg et nytt dokument.

Det er det! Denne teknikken kan være veldig nyttig når du arbeider med en haug med lag som du må eksportere (for eksempel å lage sprite ark).


Fjern Standard "Copy" Extension

Når du kopierer et lag i Photoshop, blir navnet som standard lagt til med "kopi". Dette er en av de standardene som niggles meg, så jeg liker å endre den. For å deaktivere denne standard klikker du på det lille menyikonet øverst til høyre på lagspannet og går til Panelalternativer.

Fjern markeringen i det resulterende popup-vinduet Legg til "kopi" til kopierte lag og grupper.

Det finnes også noen andre nyttige panelalternativer ...

Miniatyrstørrelse

Hendig hvis du er visuelt tilbøyelig, lar dette alternativet endre miniatyrstørrelsen i Lagpanelet.

Miniatyrinnhold

Semi-relatert til det forrige alternativet, vil dette alternativet hjelpe deg med å visualisere innholdet i et lag. Si for eksempel at du har et stort lerret og et lag som inneholder et lite ikon. For å kunne se innholdet i dette laget riktig i miniatyrbildet, kan du bytte innstillingen til Layer Bounds.

I eksemplet nedenfor har jeg simulert dette med et lerret på 1600x1200 og en enkel sirkel på den. Se forskjellen?

Standard masker på fyll lag

Vil du fjerne den lagmask når du lager et fyllingslag? I så fall fjerner du merket for Bruk standard masker på fyll lag alternativ.

Utvid nye effekter

En annen standard som det kan være nyttig å overstyre. Fjern merket for dette alternativet, og neste gang du bruker nye lagestiler et sted, vil stilene kollapses når du er ferdig. Det kan være ganske kjedelig å måtte kollapse utvidede stiler hver gang du har opprettet dem.


Separere lagstiler

Noen ganger referert til som jailbreaking lag stiler, denne teknikken lar deg fullt ut manipulere hver lag stil individuelt. Velg et lag (med stiler) og gå til Lag> Lagstiler> Lag lag og du vil observere dine stiler splitte bort på egne lag.

For eksempel, her har jeg laget et rektangelform med noen lagstiler.

La oss si at jeg vil rotere hver lagsstil individuelt. jeg søker Lag lag som beskrevet ovenfor.

Dette skiller deretter alle effektene, som fortsatt er kombinert med laget mitt.

Jeg kan nå rotere hver effekt individuelt.

Merk: Dette er flott når du bruker Photoshop, og du kan simulere lignende effekter ved hjelp av CSS Transforms i nettleseren.


Designprøver gjennom lagkomponenter

Denne tilnærmingen er et godt alternativ til fyrverkeri stater. Ved å bruke Layer Comps kan vi lagre forskjellige lagarrangementer, noe som gjør det veldig enkelt å bytte mellom dem. Ikke bare kan dette farten din egen arbeidsflyt opp, men også i stor grad forbedre presentasjonen av en PSD til dine kunder.

For eksempel, la oss si at jeg må lage tre designprøver for en enkel knapp. Min klient er interessert i et eksempel med en skygge, en andre med en indre glød, deretter en tredjedel med et slag. Å endre de forskjellige blandingsalternativene og ekskludere noen av lagstiler hver gang, ville være veldig upraktisk. Lagre Layer Comps lar meg bytte mellom forhåndsinnstillinger, slik som:

Gå til Window> Layer Comps for å åpne layer comps panelet. Lag et lag med noen grunnleggende stiler ...

... lagre deretter en ny kompil (det lille "nye dokumentet" ikonet i layer comps panelet). Skriv inn et navn for kompilatoren, sjekk Sikt og Utseende, og legg deretter til en kommentar for din egen referanse.

For å gjøre et bestemt lag comp synlig, se komp iconet til venstre for det.


Juster lag til utvalg

Denne er en av mine favoritter når du arbeider med haug med lag og piksel perfeksjon er viktig.

Hvis jeg for eksempel vil sentrere et lag i en bestemt posisjon, men jeg ikke har noe å justere med, kan jeg bruke valgverktøyet.

Lag et utvalg med Rectanglular Marquee Tool. Velg laget du vil justere, velg Flytt verktøy (V) og bruk ett av justeringsalternativene i øverste verktøylinje.


Nyttige snarveier

Photoshop gir en mengde tastatursnarveier for å øke hastigheten på arbeidsflyten din. Husk disse fem eksemplene, og du blir lynrask når du arbeider med lag.

  • Nytt lag: Cmd / Ctrl + Alt + Skift + N
  • Dupliseringslag: Cmd / Ctrl + J
  • Gruppelag: Cmd / Ctrl + G
  • Lag / Slip Clipping Mask: Cmd / Ctrl + Alternativ + G
  • Fusjonere lag: Cmd / Ctrl + E

Hurtig Tips: Lag din egen snarvei

For å definere dine egne snarveier går du ganske enkelt til Rediger> Tastaturgenveier, men vær forsiktig med at du ikke overskriver noen standard snarveier.

For eksempel vil jeg lage en snarvei for "Rename Layer", og for det vil jeg bruke kombinasjonen Cmd / Ctrl + Shift + R. For det første går jeg til Rediger> Tastaturgenvei, deretter under Lag fanen jeg klikker på Gi nytt navn til lag trykk deretter på kombinasjonen (Cmd / Ctrl + Shift + R) og klikk Aksepterer. Det er det! Du kan bruke så mange tilpassede snarveier som du vil.


Konklusjon

Manipulering av lag riktig og raskt er en grunnleggende ferdighet for Photoshoppers. Det øker arbeidsflyten og forbedrer samarbeidsprosessen når du arbeider i et lag. Hvis du vet om andre lagbaserte tips, vil jeg gjerne høre dem i kommentarene!


Ytterligere ressurser

  • Lagjustering
  • Photoshop Etiquette
  • Flere Photoshop-snarveier