EDUCBA

EDUCBA

MENUMENU
  • Free Tutorials
  • Free Courses
  • Certification Courses
  • 280+ Courses All in One Bundle
  • Login
Home Design Design Tutorials Photoshop Tutorial Artboard in Photoshop
Secondary Sidebar
Photoshop Tutorial
  • Basics and Advanced
    • What is Photoshop?
    • Install Adobe Photoshop
    • Introduction to Photoshop
    • Career in Photoshop
    • Uses of Photoshop
    • Adobe Photoshop Commands
    • Is Photoshop Free?
    • Website Layout in Photoshop
    • Adobe Photoshop
    • Top Features in Adobe Photoshop
    • Adobe Photoshop Elements tools
    • Free UI Kits For Photoshop Download
    • Layers Panel in Photoshop
    • Photoshop Moon Brushes
    • Ripple Effect Photoshop
    • Action in Photoshop
    • Photoshop Color Match
    • Photoshop color picker
    • Photoshop split toning
    • Photoshop GIF
    • Photoshop Extend Background
    • Photoshop template flyer
    • Photoshop content aware fill
    • Photoshop Overlays
    • Photoshop vignette
    • Photoshop Textures
    • Photoshop liquify
    • Photoshop automate
    • Photoshop presets
    • Layer effects in Photoshop
    • Photoshop hologram effect
    • Vintage Effect Photoshop
    • Vaporwave Photoshop
    • Photoshop Polaroid
    • Pixel Effect Photoshop
    • Photoshop Creative
    • MP4 to GIF Photoshop
    • Templates in Photoshop
    • Night Effect in Photoshop
    • Photoshop Sun Effect
    • Photoshop Gold Gradient
    • Perspective Correction in Photoshop
    • VHS Effect Photoshop
    • Halftone in Photoshop
    • Puppet Warp in Photoshop
    • Photoshop Cheat Sheet
    • Resize Object in Photoshop
    • Distortion Effect Photoshop
    • Clone Stamp Tool in Photoshop
    • Fisheye Effect in Photoshop
    • Vanishing Point in Photoshop
    • Fix Perspective in Photoshop
    • Warp Image Photoshop
    • Transform Tool Photoshop
    • Photoshop Straighten Image
    • Glitch Effect in Photoshop
    • Photoshop Cinemagraph
    • Stamp Effect in Photoshop
    • Typography in Photoshop
    • Photoshop Distort Effect
    • How to Print in Photoshop?
    • Morphing in Photoshop
    • Glow Effects in Photoshop
    • Tree Brush Photoshop
    • 3D Text Effect in Photoshop
    • Shiny Effect Photoshop
    • Photoshop Font Effects
    • Metallic Effect Photoshop
    • Ice Effect in Photoshop
    • Dispersion Effect in Photoshop
    • Healing Brush Tool in Photoshop
    • Crop Tool in Photoshop
    • Artboard in Photoshop
    • Fire Effect in Photoshop
    • Photoshop Versions
    • Portrait Effect in Photoshop
    • Quick Selection Tool in Photoshop
    • How to Highlight Text in Photoshop?
    • How to Change Text Color in Photoshop?
    • Change Color in Photoshop
    • Filters in Photoshop
    • Change Hair Color in Photoshop
    • How to Change Shirt Color in Photoshop?
    • Watercolor Brushes in Photoshop
    • How to Blend Images in Photoshop?
    • Plastic Effect in Photoshop
    • Ruler Tool in Photoshop
    • How to Fill Color in Photoshop?
    • How to Delete Background in Photoshop?
    • Plugins in Photoshop
    • Photoshop Mixer Brush Tool
    • Color Replacement Tool in Photoshop
    • Eraser Tool in Photoshop
    • Motion Effect in Photoshop
    • How to Make Logo in Photoshop?
    • Lasso Tool in Photoshop
    • Reflection Effect in Photoshop
    • Metal Text Effect in Photoshop
    • Gold Text Effect in Photoshop
    • Smart Objects in Photoshop
    • Text Effects in Photoshop
    • Layers in Photoshop
    • 3D Text in Photoshop
    • Selection Tool in Photoshop
    • Patch Tool in Photoshop
    • Eyedropper Tool in Photoshop
    • Rectangle Tool in Photoshop
    • Background Eraser Tool in Photoshop
    • Rain Effect in Photoshop
    • Oil Paint Filter in Photoshop
    • Clipping Mask in Photoshop
    • Burn Tool in Photoshop
    • Paint Bucket Tool in Photoshop
    • Snow Effect in Photoshop
    • Mirror Effect in Photoshop
    • Adobe Photoshop Alternatives
    • Transparent Text in Photoshop
    • Sharpen Tool in Photoshop
    • Custom Shape Tool in Photoshop
    • Adobe Photoshop Tools
    • Red Eye Tool in Photoshop
    • Adobe Photoshop Shortcut Keys
    • Pencil Tool in Photoshop
    • Blur Tool in Photoshop
    • Smudge tool in Photoshop
    • Sponge Tool in Photoshop
    • Magic Wand Tool in Photoshop
    • Move Tool in Photoshop
    • Line Tool in Photoshop
    • Photoshop Interview Questions

Related Courses

Photoshop Training Course

Adobe Premiere Pro Training Course

Design Training Course

Artboard in Photoshop

artboard in photoshop

Introduction to Artboard in Photoshop

Artboard in Photoshop are primarily used to streamline the entire design process in Adobe Photoshop as it offers a large variety of default preset sizes along with the option to set your own customized size, and based on whether you are creating elements for website or print media, you can choose an artboard of preferred size, create multiple artboards within the same document and start the work, thus, the uses of the artboard are boundless, and there are numerous benefits of artboards that helps to transform your experience in Photoshop.

How do Artboards Work in Photoshop?

If you are familiar with using artboards in Adobe Illustrator, it is pretty much the same thing you can expect with artboards in Photoshop. Here, the artboard is considered as a layered document. If we use multiple artboards, each element can contain its own individual layers, smart objects, text, group layers, in addition to the Photoshop effects and features. Furthermore, using the layers palette, you can further rearrange the layers in each artboard.

Setting Artboard Preferences

You can select and set your preferred artboard matte color and also choose whether you want the artboard borders to be visible or hidden. For doing that, Select Edit, Next, Choose Preferences and Click on Interface.

Artboard Preferences

Start Your Free Design Course

3D animation, modelling, simulation, game development & others

How to Use Artboard in Adobe Photoshop?

Below are the steps for creating Artboard in Photoshop.

Step 1: After opening Adobe Photoshop, you will be provided with the choice of preset artboard sizes while trying to create a new document.

Use Artboard

Step 2: Open Photoshop and select Create New; depending on the size of the artboard you require, you can choose from U.S. paper, International Paper, Photo, web, mobile, film, and video.

Step 3: In the latest Adobe Photoshop CC version, you will find devices like iPhone, Android, Microsoft Surface and so on.

Step 4: Choose one of the options from the above list of presets and begin your work.

How to Name and Duplicate Artboards in Photoshop?

To rename the artboard, follow the below instructions.

  • Select the artboard and click on Layer, then Rename Artboard.
  • Give an appropriate name to the artboard and tap on Return.

To Duplicate an Artboard in Photoshop

  • Go to the layers palette and select the artboard that you want to duplicate.

Layers Palette

  • After that, using the mouse, right-click and select the duplicate artboard option.

duplicate option

  • Next, you can name the new artboard and click on OK.

Quickly Add New Artboards to a Document

There is an easy method for adding a new artboard to your existing document. After selecting an artboard, you have to click the + icon that appears around the artboard. If you want to retain all the aspects in an artboard, you can use Option/Alt and click the plus (+) icon.

All in One Design Bundle(280+ Courses, 100+ projects)
AutoCADHoudiniAdobe Premiere ProPhotoshop
SolidworksVFX Visual EffectsCorelDrawUnreal Engine
Price
View Courses
280+ Online Courses | 100+ projects | 2000+ Hours | Verifiable Certificates | Lifetime Access
4.6 (65,057 ratings)

New document

  • Under the move tool, select the artboard tool.
  • Choose an artboard you need to copy.
  • You will notice a + icon around the artboard. Choose the + sign in the direction where you need the new artboard to be created.

Creating Designs in the Second Artboard

  • Add an image on the second artboard and select the move tool.

move tool

  • Holding the shift key, proportionally scale the picture
Note: Be careful not to overlap or cut the other artwork even though they are in the same document 

Moving Elements from One Artboard to Another

If you want to use an element from one artboard to another, you can do that simply by clicking on the object and dragging it onto the desired artboard. By default, Photoshop will position the object based on the ruler’s origins.

Exporting Your Artboards

You can also save your file as a Photoshop file to maintain all the layers. After finishing your work, the final part is exporting the design. You can choose from a long list of file formats in which you want to export your Photoshop document.

Below we will see the method to export artboards as files:

Step 1: Select File and pick Export. Then choose Artboards to files.

choose files

Step 2: From the dialog box that popped up, follow these steps:

dialog box

  • Select the location where you want your file to be saved locally on your PC.
  • Pick a prefix name for the file.
  • Next, you have to mention whether you only need the elements within the artboard or the elements that overlap them as well.
  • After that, you can select the number of artboards you need to export.
  • Next comes the option to export the background along with the artboard. If you need the bg, select it.
  • Now comes the file format for the artboard export. Photoshop supports various file formats such as BMP, JPEG, PDF, PSD, Targa, TIFF, PNG-8, or PNG-24.
  • Select the format you need for the export.
  • Decide if you need the artboard name to be retained in the exported file. You can also select the font, size or color in this setting.

Step 3: Select Run. Now Photoshop will export the artboard in the preference picked by you.

Conclusion

It can make work a lot easier for digital artists. Artboards offer a flexible platform where they can create designs. Once you start utilizing artboards in your work, you will notice how things fall in place the way you need them. Make use of the above-discussed methods by practising them and transform your Photoshop experience.

Recommended Articles

This is a guide to Artboard in Photoshop. Here we discuss the Introduction, how to use it, how it works, and How to Name and Duplicate Artboards in Photoshop with proper explanation. You can also go through our other related articles to learn more –

  1. How to Change Text Color in Photoshop?
  2. Photoshop Mixer Brush Tool
  3. How to Fill Color in Photoshop?
  4. Plugins in Photoshop
Popular Course in this category
Photoshop Training (10 Courses, 12+ Projects)
  10 Online Courses |  12 Hands-on Projects |  80+ Hours |  Verifiable Certificate of Completion
4.9
Price

View Course

Related Courses

Adobe Premiere Pro Tutorial (4 Courses, 7+ Projects)4.9
All in One Design Bundle (280+ Courses, 100+ projects)4.8
0 Shares
Share
Tweet
Share
Primary Sidebar
Footer
About Us
  • Blog
  • Who is EDUCBA?
  • Sign Up
  • Live Classes
  • Corporate Training
  • Certificate from Top Institutions
  • Contact Us
  • Verifiable Certificate
  • Reviews
  • Terms and Conditions
  • Privacy Policy
  •  
Apps
  • iPhone & iPad
  • Android
Resources
  • Free Courses
  • Photoshop Tutorial
  • 3ds Max Tutorial
  • All Tutorials
Certification Courses
  • All Courses
  • Design Course - All in One Bundle
  • Photoshop Course
  • Maya Course
  • Unreal Engine Course
  • Unity Course
  • DaVinci Resolve Course
  • Pro Tools Course

ISO 10004:2018 & ISO 9001:2015 Certified

© 2022 - EDUCBA. ALL RIGHTS RESERVED. THE CERTIFICATION NAMES ARE THE TRADEMARKS OF THEIR RESPECTIVE OWNERS.

EDUCBA
Free Design Course

Banner Creation, Object Selection, Sky Replacement, Advance Filters & others

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA Login

Forgot Password?

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

Let’s Get Started

By signing up, you agree to our Terms of Use and Privacy Policy.

This website or its third-party tools use cookies, which are necessary to its functioning and required to achieve the purposes illustrated in the cookie policy. By closing this banner, scrolling this page, clicking a link or continuing to browse otherwise, you agree to our Privacy Policy

Loading . . .
Quiz
Question:

Answer:

Quiz Result
Total QuestionsCorrect AnswersWrong AnswersPercentage

Explore 1000+ varieties of Mock tests View more