Arbeide med tegnebrett i Photoshop CC

Akkurat som i Adobe Illustrator, gir Photoshop-tegnebrett muligheten til å bygge separate sider eller skjermer i ett dokument. Dette kan være spesielt nyttig hvis du bygger skjermer for en mobilapplikasjon eller liten brosjyre.

Du kan tenke på en tegnebrett som en spesiell type laggruppe opprettet ved hjelp av lagpanelet. Funksjonaliteten er kanskje ikke så intuitiv i Photoshop som den er i Adobe Illustrator, men med litt øvelse bør du få taket på det. Følg disse trinnene for å se hvordan du kan lage tegnebrett på egen hånd:

I dette eksemplet opprettes et nytt dokument ved å bruke startdokumentet for iPhone 6. Hvis du starter et nytt dokument med det gamle vinduet Nytt dokument, oppretter du en ny fil med disse dimensjonene: 750 bred x 1334 høy.

Lag et dokument på størrelse med iPhone 6.

Hvis du opprettet det nye dokumentet med iPhone 6-startfilen, ser du allerede et tegnebrett oppført i lagpanelet.

Lag-panelet med et tegnebrett som allerede er opprettet.

Hvis du ikke ser et tegnebrett, oppretter du det nå ved å velge Nytt tegnebrett fra menyen i lagpanelet.

Du kan legge til ditt eget tegnebrett ved å bruke lagpanelmenyen.

Mens du lager tegnebrett, kan du velge mellom en rekke forhåndsinnstilte størrelser eller definere din egen tilpassede tegnebrettstørrelse.

Velg Fil→ Plasser innebygd og naviger til mappen Book03-Photoshop. Dobbeltklikk for å velge bildet som heter water_sky, eller velg bildet og trykk på Plasser.

Når bildet vises på tegnebrettet, ta tak i et av hjørnehåndtakene, hold nede Shift-tasten og klikk og dra utover for å skalere bildet og fylle hele tegnebrettet. Når bildet har størrelse og plassering, merker du av for Bekreft i alternativlinjen, eller trykker på Enter-tasten for å bekrefte plasseringen av bildet.

Plasser et bilde og strekk det slik at det passer til hele tegnebrettet.

Deretter legger du til et tekstlag.

Velg tekstverktøyet og klikk og dra på tegnebrettet for å lage et tekstområde og legge til et nytt tekstlag.

Skriv inn teksten, WATER & SKY. Bruk kontrollene i alternativlinjen, sett typen til følgende egenskaper:

• Font: Myriad Pro Bold
• Størrelse: 110 pt
• Farge: Hvit

Velg Commit-knappen i alternativlinjen etter at du har angitt typen.

Legg til et tekstlag på tegnebrettet ditt.

Du kan trykke Ctrl+Retur (Windows) eller ⌘ +Retur (Mac) for å legge inn et tekstlag også.

Så som du ser, jobber du med tegnebrett akkurat som du ville jobbet med alle andre Photoshop-dokumenter. Forskjellen kommer i neste trinn, hvor du finner hvordan du legger til flere tegnebrett til filen din.

Legger til flere tegnebrett

Du kan også lage flere tegnebrett. Kanskje du vil ha en mobilapp med flere skjermer laget i Photoshop, eller du vil bare lage flere versjoner av én skjerm. For disse instruksjonene fortsetter du med prosjektet startet ovenfor.

Klikk på Flytt-verktøyet og velg det skjulte tegnebrettverktøyet.

Bruk tegnebrettverktøyet til å manipulere tegnebrettene og lage flere.

Plusstegnikoner vises på alle sider av tegnebrettet. Du kan klikke på disse plusstegnikonene for å legge til flere tegnebrett.

Klikk på plusstegnet-ikonet til høyre for din eksisterende tegnebrett for å se at en ny tom tegnebrett er lagt til.

Legg til en tom tegnebrett ved å klikke på plusstegnet.

Ta en titt i lagpanelet. Sørg for at, akkurat som lag, vises den nyeste tegnebrettet over det valgte laget.

Du kan også bruke tegnebrettverktøyet til å lage din egen tegnebrett i egendefinert størrelse. Gjør dette ved å klikke og dra med tegnebrettverktøyet på Photoshop-lerretet. Fra verktøyalternativlinjen velger du en forhåndsinnstilt størrelse fra Størrelse-lokalmenyen, eller bare la den være i din egendefinerte størrelse.

Gi navn til tegnebrettene dine

Før denne filen blir mer kompleks, vil det være lurt å navngi tegnebrettene. Dette gjøres i lagpanelet.

Velg det første tegnebrettet (tegnebrett 1) ​​og dobbeltklikk på tegnebrettet. Når tekstboksen er aktiv, skriv inn navnet Hjem.

Dobbeltklikk på navnet Artboard 2 i lagpanelet og navngi dette laget Beach.

Legger til innhold til den andre tegnebrettet

Legg nå til et bilde og litt tekst til den andre tegnebrettet:

Klikk på tegnebrettverktøyet og bytt det tilbake til flytteverktøyet.

Kontroller at strand-tegnebrettet er valgt i lagpanelet, og velg Fil→ Plasser innebygd. Naviger til Book03_Photoshop-mappen og velg bildet som heter Beach og trykk på Plasser. Bildet legges til den andre tegnebrettet.

Som med det siste bildet du plasserte, hold nede Shift-tasten og Shift-dra på et hjørnepunkt for å proporsjonalt skalere bildet større og fylle skjermen.

Med flytteverktøyet aktivt klikker og drar du bildet. Vær oppmerksom på at selv om det er i samme dokument, overlapper det ikke eller forstyrrer illustrasjoner på andre tegnebrett.

Kloning fra en tegnebrett til en annen

Klon nå teksten fra tegnebrettet hjemme til tegnebrettet på stranden:

Mens Flytt-verktøyet fortsatt er valgt, Ctrl-klikk (Windows) eller ⌘ -klikk (Mac) på WATER & SKY-teksten i Hjem-tegnebrettet. Dette aktiverer det laget.

Hold nede Alt (Windows) eller Tilvalg (Mac)-tasten og klikk og dra teksten fra ett tegnebrett til det neste.

Hvis du holder nede Shift-tasten mens du drar, vil bildet forbli justert.

Bytt til tegnebrettet og dobbeltklikk på den nylig klonede teksten for å aktivere tekstområdet og skriv FUN BEACHES.

En Photoshop-fil med to tegnebrett.

Flytte elementer fra en tegnebrett til en annen

For å flytte et element fra ett tegnebrett til et annet, drar du bare elementene fra ett tegnebrett til et annet. Når du flytter et element mellom tegnebrett, prøver Photoshop å plassere det på samme plassering i forhold til linjalen som er plassert i de øvre venstre hjørnene av tegnebrettene.

Eksporterer tegnebrettene dine

Du kan lagre filen som en Photoshop-fil for å vedlikeholde lag, men i dette eksemplet vil du eksportere filen som en to-siders PDF. Eller bruk Fil→ Eksporter-funksjonen for å eksportere tegnebrettene dine som PNG-er, JPEG-er, PDF-er og mer.