Working with Photoshop's New Artboard Feature

Working with Photoshop's New Artboard Feature

Working with Photoshop's New Artboard Feature
step-003

Step 4

Now let's rename this artboard to help keep our project organized. Double click the section in the layers panel that reads 'Artboard 1' and rename it 'Mockup'

step-004

Step 5

Now we'll need to add two more artboards for the front and back design of the business cards. Because Business cards have more specific requirements, we will add these artboards using a method that gives us a little more precision. Click Layer > New > Artboard...

step-005

Step 6

Let's name this artboard 'Front'. Business cards are usually 3.5 in x 2 in, and since we'll be printing this, we'll want it at 300 dpi. If we multiply that out, we'll get 1050px x 600px. Set this artboard to 1050px wide by 600px tall.

step-006

Step 7

After you create a new artboard, the artboard tool is automatically selected. With the artboard tool active, you can drag and scale artboards the same way you can transform layers with the move tool. Drag your newly created artboard somewhere where it won't overlap with any others.

step-007

Step 8

Repeat steps 5-7 to create the back artboard. This time, name the artboard 'Back'.

step-008

Step 9

You can now begin designing your own business cards within these artboards, or you can use the templates supplied at the beginning of this course. To add the supplied template, simply drag the downloaded PSD file into the corresponding empty artboard area (06-Front.psd to the 'Front' artboard, etc.). Center the template with the artboard, and push return to apply it. You'll notice that the content is automatically clipped to the size of the artboard.

step-009

Step 10

Once you've edited your templates and the mockup, it's time to export your files. Before artboards, we would have had 3 separate photoshop files that we would have had to export individually. With artboards, Photoshop will export each artboard a separate image. Click File > Export > Export As...

step-010

Step 11

You'll see the new artboard export menu pop up. It lists your artboards in the column on the left, and the export settings on the right. The default settings are usually fine. Click 'Export' on the bottom right to export your images.

Pages: 1 2 3

5 comments on “Working with Photoshop's New Artboard Feature”

    1. Hey Terry,

      Artboards are a brand new feature in CC 2015, so, this cannot be replicated in CS5 :/ Sorry!

Leave a Reply

Your email address will not be published.

cross