The Artboard Tool Is Grouped With the Art Panel

Photoshop, though used by millions of users around the world and the almost well-entrenched industry standard in graphic blueprint, digital fine art, and photograph editing, remains something of an enigma to many users yet scratching at the surface of the software'due south total potential. While the basic toolset and layout are easy to grasp, it is the more off-the-beaten-path features that make Photoshop the incredibly powerful image creation tool it is. Sadly, yet, it is exactly these fundamental features that are as well oft left untapped by virtually users.

Down below, we'll take a quick look at i such tool, Artboards, and give y'all a simple and easy-to-employ explanation of how artboards work and why you should consider integrating them into your workflow — be it UX design, concept art, or photograph editing.

Related: How to Brand Photoshop Brushes for Beginners (So You Can End Asking!)

• What is an Artboard in Photoshop?
• Why Artboards are Useful
• How to Create Artboards in Photoshop
  • Stride 1: Create a New Document
  • Stride 2: Adding New Artboards
  • Step iii: Renaming Artboards
  • Step 4: Exporting Artboards

What is an Artboard in Photoshop?

Artboards in Photoshop are essentially just special container groups that act similar individual canvases inside the same certificate. Because each i serves the function of a singular canvas, information technology is an excellent tool for interface and UX design for things similar apps and websites that crave several screens, often reusing images and other assets throughout.

By using Artboards, you can illustrate a user's path through multiple screens without necessitating multiple documents and reuse a singular pool of assets — helping designers iterate, preserve theme, and encounter the proverbial forest along with the trees. By using artboards, users can not merely speed up their workflow but tin make exporting and sharing their ideas even easier.

Why Artboards are Useful

The artboard itself will automatically clip layers/images whenever whatever part of their pixel-expanse enters their canvas. This makes information technology smashing for quickly finding the crop you want and iterating compositions of private layouts. I of the all-time features of artboards is the ability to use and reuse image assets across artboards. For example, using the photograph of the canyon above, nosotros are able to utilize the same photograph on dissimilar screens of the aforementioned app, and, more importantly, shop the photoexterior of any particular sail.

This allows you to chop-chop iterate ideas and move avails around in an intuitive, time-efficient way. Each asset, when clipped inside of an artboard is included nether that artboard's layer group in the layer menu. When stored outside the sheet, that particular layer is separated from whatsoever layer group and will no longer be registered equally part of any artboard.

This ability to stow layers outside the Artboards' canvases as well allows designers to keep their assets on hand for easy admission, giving them the ability to experiment more freely. There are numerous ways to take advantage of this.

Another excellent employ-case for artboards is to create easily accessible references for artists. While at that place are groovy programs similar PureRef that are designed specifically for creating large-calibration reference boards, using the artboard feature can speed upwardly artists who apply a lot of photobashing in their piece of work by storing them as layers outside the sheet.

Related: How to Flip Canvas in Photoshop: Shortcuts and Menu Location

How to Create Artboards in Photoshop

Down below we'll run you through the bones steps to set up and control your artboards besides as consign them for external use.

Step 1: Create a New Certificate

The showtime thing you'll have to practice is, well, create an artboard of course. To do this, all you have to exercise is make sure you cheque the artboards option besides the orientation in the new certificate panel. This option will automatically be selected when choosing a format from the Web or Mobile option.

When y'all create a new document using Artboards, the first Artboard's layer group volition automatically be generated in the layer carte du jour.

Step 2: Adding New Artboards

Adding new artboards in Photoshop is as simple equally tapping on the artboard proper noun and pressing any of the plus signs on the side of the artboard. Photoshop will automatically shift your cursor to the next plus sign, allowing you to rapidly add any number of boards.

Footstep 3: Renaming Artboards

To rename your artboards, only move over to the layers tab, double click on the artboard'due south layer grouping title, and input an entirely appropriate name for that board.

Footstep four: Exporting Artboards

Exporting your artboards is easy. But go to File > Export and choose whether you'd like to export your artboards to local files in a number of formats or as a PDF. Yous have the added option of exporting either a specific board(s) by checking the 'Consign Selected Artboards" option. Leaving this pick unchecked will consign your boards together in a single file.

And that's the gist of using artboards; within their outward simplicity comes numerous nifty workflow-enhancing capabilities, and then brand certain to experiment and find out how they can best be integrated into your ain process.

---

All the same confused? Nursing whatsoever more artboard or photoshop-related questions? Let 'em out — accomplish out to us in the comments below and we'll rush to your aid as soon as we can!

RELATED

• Photoshop Clipping Masks Guide
• How to Flip Canvas in Photoshop
• Photoshop Blending Modes Explained

Share this post