Videos

Design Snack #8: Photoshop Artboards

by

on

View all posts

Earlier this week we announced that InVision supports Photoshop Artboards. I thought it’d be nice to follow up that announcement with some helpful tips on working with Artboards.

Check out the episode above, or read along below. I’ve got some great Artboard workflows, shortcuts, and tips for you!

Navigating between Artboards

1

Moving between Artboards in a smart way will save you a lot of time in the long run. So here’s my preferred method:

Hold down Option and Click on an Artboard in your layers panel to jump to that board and fit it to your screen.

Expand / Collapse all Artboards

2

Of course, the previous tip won’t be helpful if you can’t actually see your Artboard titles in your layers panel. To collapse all artboards at once, just hold Command and Click on the expand/collapse arrow next to your Artboard title.

Creating Artboards from groups

3

You don’t have to start a project with Artboards to use them. It’s easy to convert layers or groups to Artboards after the fact. Just select your layer or group, and go to layer>new>Artboard from layers or group.

Quick export as PNG

This tip doesn’t only relate to Artboards, but it’s new, and super helpful.

4

To quickly export anything as a PNG, just select it in your layers panel, right click and select Quick export as PNG. You’ll be prompted to choose a folder location, and after that a Finder window should pop up with the files you just exported.

I know—it is cool.

In case you missed it

Photoshop Artboards are already compatible with InVision—just sync your PSD with us, and we’ll automatically convert your Artboards into individual screens. For more on that, check out our official announcement.

more-vdieos-animation
Author

Andy Orsow
Designer and product marketer at InVision, resident GIF-ologist and video maker.

Join over 3 million designers

Who get our content first.

No sales pitches, no games, and one-click unsubscribe.

Over 3 million designers
get our newsletter
every week

Find out why

Get awesome design content in your inbox every week

Just like over 3 million of your fellow designers do.

Plus get 3 free downloads, just for signing up.

Give it a try—it only takes a click to unsubscribe.

Thanks for signing up!

You should have a thank you gift in your inbox now—and you'll hear from us again soon!

Prototype better experiences with InVision

Just like over 3 million of your fellow designers do.

I agree to InVision's Terms of Service.

Want a free t-shirt?

Join the 3 million+ designers who get our newsletter weekly for your chance to win!

We hate spam as much as you do, and you can unsubscribe anytime.

Double your chances to win!

Tweet and automatically get a second entry

Tweet Now

No Thanks

Stay in touch!

We share news, freebies, and more on Twitter.