Topics   |   Free Tutorials   |   Photoshop   |   Graphics & Text   |   Tools & Techniques

How to Use Artboards in Photoshop

  • Easy
  • 30
    mins
  • Add to
    favorites

Artboards are a great Tool for designing across multiple devices.

If you want to see what a webpage would look like on a 27″ iMac, a 15″ MacBook PRO and an iPhone, you can use artboards to create design previews of each! Learn how to use artboards to design quickly and efficiently in today’s episode!


How to Create Artboards

Preview your design at different resolutions by going to ‘File – New’ and choosing Artboard from the dialogue box. Here, you can select the resolution you want to preview on (27″ iMac). With the Artboard Tool selected, hold ‘Alt/Option’ and click on an edge icon to duplicate the Artboard.

Artboards are useful for allowing you to duplicate your designs across Artboards as well, so you don’t have to reimport your elements.

How to Use Linked Smart Objects in Artboards

Smart Objects are the best way to adjust and resize your design without losing information. Right click on a layer and go to ‘Convert to a Smart Object’ to make one. To place them onto your artboard, simply duplicate your design layers. If you need to resize the Artboard, click and drag the edges with the Artboard Tool.

After you’ve arranged the Smart Objects to your liking, you can repeat the process on more artboards. Duplicate the current artboard to make new ones, which you can set to be the Sizes of a 15″ MacBook PRO and an iPhone. The Smart Objects will make sure you re-adjust all of your elements non-destructively.

Watch hundreds of PRO Tutorials and download Lightroom Presets, Photoshop Actions and more.
Learn More

Featured

Join us as we equip you with everything you need to know about shooting and editing in monochrome.
With over 4 hours of step-by-step instruction, we cover the tools and methodology required to make any color change appear realistic and natural.
While it may seem like magic, the ability to make anything disappear in Photoshop isn’t a trick – it’s a skill that anyone can learn.
Photoshop Compositing
In this tutorial, we cover several tools and techniques that, when combined, will allow you to create perfect masks of anything from the precision curves of designer products to the messy detail of a head of hair.
Lightroom Essentials
A smarter way to master the fundamentals of Lightroom. Find and learn the skills you need to organize, edit, and manage your photos with confidence.

Reviews

There are no reviews yet.