Working with Photoshop’s New Artboard Feature


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 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 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 12

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


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.


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.


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.


Final Results


Download the PSD

[vc_column width=”1/1″ el_position=”first last”] [vc_cta_button title=”Download” href=”” color=”btn” size=”btn-large” icon=”none” target=”_self” position=”cta_align_right” call_text=” | 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
BasicsPhoto RetouchingPhotoshop TutorialsUpdated

How to Trick Photoshop's Dehaze Tool

BasicsPhotoshop TutorialsUpdated

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

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


Leave a Reply

Your email address will not be published.

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

Get 57 Photoshop Actions Free from Our Awesome Newsletter!

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 by SparkleStock ($7 retail value).