Glen Smith Photoshop logo
artboard

The Artboard Tool

The Artboard tool is handy for designers who need to design for different size screens. Artboards allow you to have multiple canvasses within one document.

For users who mainly edit photos, Artboards can hold various elements they might wish to include in their image.


Artboard Tool Options


Tool Presets - Save the tool with different settings, as different presets
Artboard Background - Choose the colour of the Artboard background, or have it transparent
Size - There are a large number of preset sizes in the drop-down list. The screenshot just shows a small sample. This is useful for designing for multiple size screens
Artboard Orientation - Rotate each Artboard to portrait or landscape orientation
New Artboard - Click to add a new Artboard
Align & Distribute - Align and Distribute objects on the Artboard
Additional Options - Additional tool options

Tool Presets

You can create and save a Tool Preset for any tool, which will remember settings that you choose for that tool, so you can quickly and easily select different presets and settings for a particular tool. The degree of usefulness of presets varies, depending on the tool.

You can reset any tool back to its default settings by right clicking on the Tool Presets button and select Reset Tool. Take care not to Reset All Tools, unless that is intended.


Size

The screenshot shows just a small sample of the large number of screen sizes in the drop-down list. These are mainly used by designers, who are designing for different size screens.

If you are using an Artboard to store elements that you may wish to include in your image, you can adjust the size manually. First, ensure the Artboard is selected in the Layers panel. You will then see a box around the Artboard with "handles" that you can drag to resize.


Artboard Background

Choose a colour for the Artboard background, or select Transparent. If you select Other, the Colour Picker will open and you can select any colour.


Artboard Orientation

You can rotate your Artboards to be either landscape or portrait orientation. You can also resize them.


New Artboard

Click the button to add a new Artboard. You can also duplicate an existing Artboard, in the same ways you would duplicate a layer. This would then need moving, with the Move tool.


Align & Distribute

The Align option allows you to line up your objects to the top, bottom, left or right edges of each object.

The Distribute option allows you to evenly space object widths or heights.


Additional Options

Various additional options for working with Artboards. For beginners and especially for editing photos, I suggest leaving them all selected.




Using Artboards in Image Editing

As I've mentioned above, Artboards are useful for designers looking to plan different layouts for different screen sizes. They are not as useful for editing photos, although they can be still have their uses, such as creating a composite image, or montage, that contains many elements.

In this example, a composite image containing multiple flower photos, an artboard can be used to store some additional elements, for possible future inclusion or to create an alternative.


1

To access the Artboard tool, click and hold on the top button on the Toolbar. The default and most common option for this button is the Move tool, which is what you probably see, initially.


2

Click on the New Artboard button on the options bar.


3

The cursor will change into the one shown in the screenshot. Click and drag to create an Artboard. Note that you may not see anything happening while you click and drag. When you finish your click and drag and release the mouse button, you will see the Artboard. You can then resize it.


4

A new Artboard is added and a number applied in sequence. You can rename an Artboard in exactly the same way that you rename a layer. Double click the Artboard name and type your preferred name.

Note the circles with the + symbol. Click one of these to add a new Artboard.

Click and drag a "handle" to resize.


5

The screenshot shows I've added 3 additional flower photos. I added these in exactly the same way that I would add them to an image. I opened the images, then duplicated the layer from each, (or click and drag with the Move tool) into the desired image file.


Summary of the Artboard Tool

In my view, the Artboard tool can be an invaluable tool for designers looking to create multiple different layouts for different devices and screen sizes, but is not as useful to a user who is primarily just looking to edit photos.

Yes, it has its uses, as described in the example above, but for general image editing, I find that I don't use it. To include extra images that you decide not to use, you can simply hide those layers, or put them in a layer group (also hidden), perhaps named "other images", or "unused images".

Note: this tutorial is for beginners.

This tutorial explains, for beginners what the Artboard tool does, although it is not a tool that I suggest beginners need, when learning Photoshop. This tutorial does not cover uses for designers and multi-screen size options.


Happy editing!


© 2024 Glen Smith