Home > Free Tutorials > Graphics & Text > How to Use Artboards in Photoshop

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!

Share this tutorial


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.

Featured Tutorials

How to Master Layer Styles in Photoshop
In this tutorial, we’ll help you master every layer effect with practical examples like adding photorealistic text to an environment, creating a neon glow effect from scratch, using layer styles to add a natural glow to a light source and more.
How to Master Blending Modes in Photoshop
We take you through every adjustment layer, showing you how to fix exposure, color correct, color grade, place objects on solid colored-backgrounds, make advertisements for print or web, and much more!
How to Master Blending Modes in Photoshop
In this tutorial, we break down all 27 blending modes that Photoshop offers, providing in-depth explanations and practical examples that are bound to help you get your creative work done faster and with impressive results.
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.

Reviews

There are no reviews yet.