logo
g Text Version
Beauty & Self
Books & Music
Career
Computers
Education
Family
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
Money
News & Politics
Relationships
Religion & Spirituality
Sports
Travel & Culture
TV & Movies

dailyclick
Bored? Games!
Nutrition
Postcards
Take a Quiz
Rate My Photo

new
Natural Living
Folklore and Mythology
Baptist
Florida
Cosmetics
Distance Learning
Reading


dailyclick
All times in EST

Full Schedule
g
g Digital Art and Design Site

BellaOnline's Digital Art and Design Editor

g

Multiple Artboard Template in Photoshop CC


In the previous tutorial, we created a new document in Photoshop CC which contained one artboard for an Instagram post layout. Now, we will learn how to add additional artboards to our Photoshop CC document, by adding artboard post layouts for Facebook, Pinterest and Twitter. We can do this easily by duplicating our existing artboard.




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.

  1. Open the document that we started in the last tutorial.

  2. Double-click the Artboard 1 title in the Layers panel.

  3. Rename the layer to "Instagram Post Layout".

    Now we can add a new artboard.

  4. 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.

  5. 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.

  6. 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.

  7. 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.

  8. Select the Artboard icon in the Tools panel.

  9. 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".

  10. Click the Artboard 1 title with the Move tool and drag to position this new artboard next to the second artboard (see screenshot).

  11. Rename this artboard to "Pinterest Post Layout".

    Let's repeat this process to add the last post layout artboard for Twitter. Save your work.

At this point, we have the beginnings of a great social media graphics template. In the next few tutorials, we will add placeholders for the art, shapes and text design elements, keeping reusability in mind.

Extra Facts:

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).

AdobeR PhotoshopR CC Index

Add Multiple+Artboard+Template+in+Photoshop+CC to Twitter Add Multiple+Artboard+Template+in+Photoshop+CC to Facebook Add Multiple+Artboard+Template+in+Photoshop+CC to MySpace Add Multiple+Artboard+Template+in+Photoshop+CC to Del.icio.us Digg Multiple+Artboard+Template+in+Photoshop+CC Add Multiple+Artboard+Template+in+Photoshop+CC to Yahoo My Web Add Multiple+Artboard+Template+in+Photoshop+CC to Google Bookmarks Add Multiple+Artboard+Template+in+Photoshop+CC to Stumbleupon Add Multiple+Artboard+Template+in+Photoshop+CC to Reddit



 



RSS | Related Articles | Editor's Picks Articles | Top Ten Articles | Previous Features | Site Map


For FREE email updates, subscribe to the Digital Art and Design Newsletter


Past Issues


print
Printer Friendly
bookmark
Bookmark
tell friend
Tell a Friend
forum
Forum
email
Email Editor


Content copyright © 2015 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.

g


g features
Design & Bind Your Creative Portfolio - Skillshare

Using Artboards in Photoshop CC

Social Media Post Images & PSE Organizer

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter


vote
Poetry
Daily
Weekly
Monthly
Less than Monthly



BellaOnline on Facebook
g


| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2016 Minerva WebWorks LLC. All rights reserved.


BellaOnline Editor