Skip to main content

Så här använder du artboardsna i Adobe Photoshop CC 2018

Gifs With Sound #228 (Maj 2024)

Gifs With Sound #228 (Maj 2024)
Anonim

Dra några grupper av grafikdesigners tillsammans och fråga dem vad deras främsta smärtpunkt är när det gäller att utforma gränssnitt för mobilappar. De kommer att berätta "Photoshop." Även om detta kan överraska några personer är det förståeligt. Smarta telefoner och surfplattor där ute har olika skärmstorlekar, vilket oundvikligen resulterar i några dussin Photoshop .psd-filer som innehåller flera lager och ett omvandlat arbetsflöde. 2015 introducerade Photoshop en spiffy Artboards-funktion som förenklade utvecklingen för olika skärmstorlekar.

Om du är Adobe Illustrator-användare är du bekant med användningen av skyltar. Artboardsfunktionen i Photoshop fungerar mycket som dess Adobe Illustrator-motsvarighet.

01 av 04

Så här skapar du en tavla i Photoshop CC 2018

Det finns två sätt att skapa en tavla i Photoshop CC 2018.

  • Det första är att skapa en när du öppnar ett nytt Photoshop-dokument. Det finns nu en ritytan val i Förinställda detaljer sektion. När du väljer Mobil fliken och klickaritytan, du ser presenterar som inkluderar flera iPhone-storlekar, tillsammans med Android-telefoner, iPads, Microsoft Surface-enheter, Mac, Apple Watch-storlekar och en generisk storlek för allt annat.
  • Den andra metoden är att välja Artboard verktyg, som kan hittas genom att klicka och hålla på Flytta verktyg. När du väljer ritytan verktyget går du till toppen av gränssnittet och väljer en förinställning Storlek från samma lista som du ser när du skapar ett nytt dokument. Du kan också ställa in en anpassad storlek för tavlan, ändra orienteringen till stående eller liggande, lägga till en ny tavla eller välj andra alternativ

Här är det riktigt snyggt med tavlor: Du kan ha så många som du vill ha i en enda Photoshop-fil.

Fortsätt läsa nedan

02 av 04

Så här namnger och duplikerar du tavlor i Photoshop CC 2018

Det finns två sätt att duplicera en tavla.

  • Öppna Skikten panel, välj en tavla och välj Duplicate Artboard från kontextmenyn.
  • Välj teckensnittet i Skikten panel och byta till Flytta verktyg. Med den valda tavlan trycker du på och håller ned Alternativet / Alt nyckeln och dra en kopia till en plats du väljer.

Att ha generiskt namngivna tavlor berättar inte något. För att ändra namnet på en tavla, välj det i rutan Skikten panelen och byta namn på den så att du vet vilken enhet och orientering som gäller för varje tavla.

Fortsätt läsa nedan

03 av 04

Så här lägger du till innehåll på en tavla i Photoshop CC 2018

En tavla fungerar som ett lager. Ungefär.

Varje tavla är ett separat skiktat dokument, vilket betyder vad som helst du kan lägga till i ett lager som du kan lägga till i en tavla. Varje tavla har sina egna lager, lagergrupper, text, smarta objekt och allt annat du kan lägga till i ett Photoshop-dokument.

Du kan skifta lagringsordningen i varje tavelstav och ordningens tavlor.

04 av 04

Så här förhandsvisar du en Photoshop CC 2018 Artboard på en iOS-enhet

När artboardsna debuterade i Photoshop CC 2015 släppte Adobe en iOS-app med namnet Adobe Preview som tillåter användare att kolla sitt arbete för iPhone eller iPad på en mobilenhet om den var i samma trådlösa nätverk som datorn eller ansluten till datorn via en USB-anslutning. Adobe fick kritik vid den tiden eftersom ingen medföljande Android-app introducerades. Android-utvecklare använde funktionen Device Preview i Photoshop för att förhandsgranska sitt arbete.

Adobe tog bort Adobe Preview-appen från Apples App Store i slutet av 2017. Samtidigt upphörde användningen av Device Preview-funktionen inom Photoshop.

Från och med 2018 måste användarna förlita sig på exemplarprogram från tredje part för att kontrollera sitt arbete för mobila enheter. Adobe föreslår användningen av Skala Preview-appen som fungerar med MacOS för att förhandsgranska arbete på både iOS- och Android-enheter. PS Mirror är tillgängligt som en plug-in för Windows-datorer och som en app för Android och iOS-enheter för förhandsgranskning.