g Text Version
Beauty & Self
Books & Music
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
News & Politics
Religion & Spirituality
Travel & Culture
TV & Movies

Bored? Games!
Take a Quiz
Rate My Photo

Natural Living
Folklore and Mythology
Distance Learning

All times in EST

Full Schedule
g Digital Art and Design Site

BellaOnline's Digital Art and Design Editor


Using Artboards in Photoshop CC

One of the great features in Photoshop CC is the addition of artboards. As a long-time Photoshop CS6 user, upgrading to Photoshop CC is almost like learning a new software. There are many new features and some enhancements to the more familiar features. In this tutorial, we will learn how to start a new artboard document in Photoshop CC 2018, using the New Document window.

So, what are artboards and why would you use them. Most people use artboards for documents that have several pages or screens. For example, a web page layout document might have an artboard for each page of the website. Or, you might want to have a grouping of post layouts for Instagram, using a different artboard for each post layout.

In the Layers panel, a Photoshop artboard is a special type of layer grouping. You can use as many artboards as you need. However, you do want to keep file size in mind, especially if your are sharing the document with a client via email or uploading for collaborating.

In Photoshop CC, you can control artboards in the Layers panel, just as with layers and layer groups. Artboards can contain layers and layer groups but not another artboard. Any layers or groups that are not contained, or clipped, inside an artboard will be listed at the top of the Layers panel.

Let's start a new document containing an artboard for a post layout for Instagram.

  1. Open Photoshop CC and click the Create New button to open the New Document window (see screenshot).

  2. Choose the Web category tab and select the first blank document preset.

  3. In the Preset Details panel on the right, give your new document a name (see screenshot).

    Let's make some changes to this preset. We will change the width and height for the Instagram post dimensions.

  4. Set the Width and Height to 1080 pixels.

  5. Check the box next to Artboards. This tells Photoshop to create an artboard document.

  6. Keep the default settings for the other options and click Create.

  7. Save your new file as a .psd document.

You should have a new document with one 1080 x 1080 pixel artboard named Artboard 1 by default (see screenshot). In the Layers panel, you will see the Artboard 1 group with a default empty layer named Layer 1. At this point, we can begin to add our design elements for the Instagram post layout. You will work with the Layers, Layer Groups, Layer Blends and Smart Objects in an Artboard in the same way as in a regular .psd document.

Extra Facts

If you are working on an existing Photoshop document that does not have artboards, you can quickly create an artboard from a layer or layer group.

  1. Select the layer or group in the Layers panel

  2. Right-click and choose Artboard From Layers (see screenshot) or Artboard From Group.

Finally, in the Preferences window, you can customize the matte color of the background area containing the artboards and show/hide the borders. (Preferences - Interface - Appearance - Artboards)

AdobeR PhotoshopR CC Index

Add Using+Artboards+in+Photoshop+CC to Twitter Add Using+Artboards+in+Photoshop+CC to Facebook Add Using+Artboards+in+Photoshop+CC to MySpace Add Using+Artboards+in+Photoshop+CC to Del.icio.us Digg Using+Artboards+in+Photoshop+CC Add Using+Artboards+in+Photoshop+CC to Yahoo My Web Add Using+Artboards+in+Photoshop+CC to Google Bookmarks Add Using+Artboards+in+Photoshop+CC to Stumbleupon Add Using+Artboards+in+Photoshop+CC to Reddit


RSS | Related Articles | Editor's Picks Articles | Top Ten Articles | Previous Features | Site Map

For FREE email updates, subscribe to the Digital Art and Design Newsletter

Past Issues

Printer Friendly
tell friend
Tell a Friend
Email Editor

Content copyright © 2015 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.


g features
How to Create Patterns in Illustrator

Multiple Artboard Template in Photoshop CC

Design & Bind Your Creative Portfolio - Skillshare

Archives | Site Map


Past Issues

Less than Monthly

BellaOnline on Facebook

| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2016 Minerva WebWorks LLC. All rights reserved.

BellaOnline Editor