Basics

Working with Photoshop’s New Artboard Feature

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.

step-011

Step 12

You’ll see that this process exports 3 separate images to your chosen location.

step-012

Artboard Tip 1

If you know from the beginning of your workflow that you want an artboard project, you can select ‘Artboard’ from the ‘Document Type’ dropdown in the new File dialogue, as seen below.

step-013

Artboard Tip 2

If you’d like to delete an artboard you’ve created, simply select the name of the artboard you’d like to delete in the layers panel, and push delete.

step-014

Artboard Tip 3

You can quickly export your artboards to a PDF booklet. To do this, click File > Export > Artboards to PDF… This will automatically create a PDF booklet, with each of your artboards as individual pages in that booklet.

step-015

Final Results

final-results

Download the PSD

[vc_column width=”1/1″ el_position=”first last”] [vc_cta_button title=”Download” href=”http://downloads.photoshoptutorials.ws/Artboards.zip” color=”btn” size=”btn-large” icon=”none” target=”_self” position=”cta_align_right” call_text=”Artboards.zip | 1.49 MB” width=”1/1″ el_position=”first last”] [/vc_column]

Tutorial by Nate Pelzel

profileThat covers the basics of using artboards in Photoshop CC 2015. I hope this tutorial has inspired you to utilize this new feature to help simplify your workflow and file organization.

– Nate

Related posts
BasicsPhotoshop TutorialsUpdated

Quick Tip: Erase Backgrounds Quickly With The Background Eraser Tool

BasicsPhotoshop TutorialsText Effects

Why is the Font so Big or Small in Photoshop

BasicsPhotoshop Tutorials

Dear Adobe, How to Redesign the Tone Curve

BasicsPhotoshop TutorialsUpdated

How to Match Color Grading Between Photoshop, Premiere, and Others

5 Comments

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Join Our V.I.P. Mailing List!

Subscribe and get the latest Photoshop tutorials, tips, and more via email. As a way of saying thanks, you'll also receive a free copy of Lomocam Photoshop Actions ($7 retail value).