Multiple Artboard Template in Photoshop CC
For the new artboards, we will use the pixel width and height dimensions for Facebook, Pinterst and Twitter posts.
Facebook 940 x 788
Pinterest 735 x 1102
Twitter 1024 x 512
Our first step will be to rename our existing artboard from "Artboard 1" to "Instagram Post Layout". Then we will duplicate this artboard.
- Open the document that we started in the last tutorial.
- Double-click the Artboard 1 title in the Layers panel.
- Rename the layer to "Instagram Post Layout".
Now we can add a new artboard.
- Select the Artboard icon in the Tools panel (see screenshot).
You should see the Plus icons surrounding the original artboard (see screenshot). Let's add the new artboard to the right of the existing artboard.
- Click the Plus icon on the right side of the Instagram Post Layout artboard.
You will see a duplicate of the original artboard named Artboard 1 by default (see screenshot). In the Layers panel, you should see the new artboard added above the original artboard.
- Let's rename this artboard to "Facebook Post Layout" in the Layers panel.
Now we need to change the pixel dimensions for the Facebook requirements.
- With the Facebook Post Layout artboard selected, you will see the pixels dimensions displayed in the Tool Options bar. Change the Width to 940 and the Height to 788 pixels (see screenshot).
Let's add the post layout artboard for Pinterest using another method.
- Select the Artboard icon in the Tools panel.
- Click and drag to "draw" the third artboard. As you drag, watch the pixel display box (see screenshot) until the dimensions are set to 735 x 1102. Release your mouse.
You should have a new artboard with the title "Artboard 1".
- Click the Artboard 1 title with the Move tool and drag to position this new artboard next to the second artboard (see screenshot).
- Rename this artboard to "Pinterest Post Layout".
Let's repeat this process to add the last post layout artboard for Twitter. Save your work.
If our original artboard contained design elements, we could duplicate the artboard along with its design elements by adding the Options key when clicking on the Plus icon.
Also, when creating an artboard from scratch, you have your choice of presets (see screenshot).
Copyright 2018 Adobe Systems Incorporated. All rights reserved. Adobe product screen shot(s) reprinted with permission from Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst and Flash Paper is/are either [a] registered trademark[s] or a trademark[s] of Adobe Systems Incorporated in the United States and/or other countries.
Editor's Picks Articles
Top Ten Articles
Content copyright © 2018 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.