How to create multiple art boards in Photoshop

Summary

In this Creative Nerds screencast, viewers are guided through the process of creating multiple artboards in Photoshop, similar to what can be done in InDesign and Illustrator. The tutorial starts by explaining how to create a new document with the artboard option selected, followed by instructions on adding and editing multiple artboards, such as naming them 'desktop' and 'mobile.' The video concludes by demonstrating how to manage layers within each artboard. A straightforward and helpful guide for optimizing workflow in Photoshop CC.

Takeaways

• 🎨 You can create multiple artboards in Photoshop, similar to InDesign and Illustrator.
• 🖼️ Start by selecting 'File', then 'New', and make sure the 'Artboard' checkbox is ticked before creating a new document.
• 🛠️ After creating an artboard, you can add more by using the 'Artboard Tool' located under the 'Direction Tool'.
• 📏 Artboards can be resized to be smaller or larger based on your preference.
• 📝 To rename an artboard, simply change the name in the layers panel.
• 💻 Artboards can be labeled based on their function, such as 'Desktop' or 'Mobile'.
• 🎨 You can create layers specific to each artboard, ensuring they are organized under the correct dropdown.
• 📱 Each artboard, like 'Mobile' and 'Desktop', has its own layers that can be customized independently.
• 🔄 Every layer intended for a particular artboard must be placed within that artboard's dropdown in the layers panel.
• 👨‍🏫 This screencast provides a quick tutorial on how to create artboards in Photoshop CC.

Q & A

What software is the tutorial focused on?

The tutorial is focused on Photoshop CC.

What feature does the tutorial explain in Photoshop?

The tutorial explains how to create multiple artboards in Photoshop, similar to what can be done in InDesign and Illustrator.

What is the first step in creating an artboard in Photoshop according to the tutorial?

The first step is to go to 'File' and select 'New', ensuring that the 'Artboard' checkbox is ticked before creating a new document.

How do you add multiple artboards once the document is created?

You can add multiple artboards by selecting the 'Artboard Tool' from the direction tool section.

How can you change the size of an artboard in Photoshop?

You can change the size of an artboard by adjusting its dimensions using the 'Artboard Tool'.

How can you rename an artboard in Photoshop?

You can rename an artboard by changing the name of the artboard layer directly within the Layers panel.

What are the example names provided for artboards in the tutorial?

The example names provided for the artboards are 'Desktop' and 'Mobile'.

What is the significance of organizing layers within an artboard?

Each layer that you want to appear on a specific artboard should fall under that artboard’s dropdown menu in the Layers panel.

How do you create content within each artboard?

You create content within each artboard by adding new layers to that artboard.

What is the purpose of the tutorial?

The purpose of the tutorial is to show how to create and manage multiple artboards in Photoshop CC.

Outlines

00:00

🎨 Introduction to Creating Multiple Artboards in Photoshop

In this screencast, the tutorial introduces how to create multiple artboards in Photoshop. This feature is similar to functionalities in Adobe InDesign and Illustrator. The process begins by selecting 'File' > 'New', ensuring the artboard option is selected, and creating the document. From this point, users can add new artboards and adjust their sizes and names, enabling an efficient workflow across different design contexts like desktop and mobile layouts.

Keywords

💡Artboards

An artboard is a defined area within Photoshop where you can create and organize content, similar to a canvas. In the video, it is explained that you can create multiple artboards in Photoshop, similar to features in InDesign and Illustrator. This concept allows users to work on multiple designs in one project, for example, a desktop and mobile version of a design.

💡Photoshop CC

Photoshop CC stands for Photoshop Creative Cloud, a version of Adobe's photo editing software that allows for advanced design features. The video specifically highlights using Photoshop CC to create artboards, making it a tool suitable for designers working on multi-platform projects like mobile and desktop designs.

💡File -> New

This is the command path to create a new document in Photoshop. The video demonstrates how to initiate a new project by selecting 'File', then 'New', which opens the dialog box to create a new document with artboards. It emphasizes the importance of ensuring that the 'artboard' checkbox is selected in this step.

💡Artboard Tool

The artboard tool in Photoshop allows users to add, arrange, and manage multiple artboards in a document. The video instructs viewers to use this tool to create additional artboards once the initial one has been made, such as for designing different layouts for desktop and mobile devices.

💡Direction Tool

The direction tool (referring to the Move Tool in this context) is used to select and position artboards within the workspace. The video shows that after creating a new artboard, the direction tool is utilized to move and adjust the placement of artboards within the document.

💡Layers

Layers in Photoshop are individual components that make up the overall design. The video explains that when working with artboards, each element or design must be placed within the correct layer to ensure that it appears in the appropriate artboard. For example, different layers can be organized under 'Desktop' or 'Mobile' artboards.

💡Layer Naming

Naming layers is a practice of assigning clear, descriptive names to layers in Photoshop to help with organization. The video demonstrates how renaming layers helps identify different artboards, such as renaming them to 'Desktop' or 'Mobile', making it easier to work on multiple designs simultaneously.

💡Create Multiple Artboards

This refers to the ability in Photoshop to create and manage more than one artboard in a single project. The video highlights this feature, showing how users can create separate design spaces for different outputs, like desktop and mobile, which can be worked on simultaneously.

💡Editing Artboards

Editing artboards involves modifying their size, position, and content. The video explains that users can change the dimensions of artboards to match specific design requirements, such as resizing for different device displays (desktop vs. mobile), and organizing layers accordingly.

💡Crave n f quick tips

'Crave n f quick tips' refers to the name of the tutorial series that offers brief instructional videos on how to use Photoshop features. This particular video is part of that series, focusing on creating and managing multiple artboards. It encourages viewers to stay tuned for more tips in future videos.

Highlights

Introduction to creating multiple artboards in Photoshop, similar to features in InDesign and Illustrator.

Starting a new document by selecting 'File' and 'New'.

Ensuring the 'Artboard' checkbox is ticked before creating a new document.

Using the 'Artboard Tool' located in the Direction Tool section to add new artboards.

Option to adjust the size of artboards if needed.

Renaming artboards by simply changing the name in the layers panel.

Example of naming artboards 'Desktop' and 'Mobile' for better organization.

Adding new layers to artboards, ensuring each layer appears within the correct artboard dropdown.

Demonstration of creating layers for different artboards like 'Desktop' and 'Mobile'.

Ensuring layers are properly organized within the corresponding artboard.

Emphasizing how easy it is to create and manage artboards in Photoshop CC.

Use of the 'Artboard Tool' to simplify the design process for various screen sizes.

Artboards help manage different layouts (e.g., Desktop and Mobile) in a single project.

Final step: checking layer hierarchy to ensure elements belong to the right artboard.

Closing with an invitation to stay tuned for more Photoshop tips from Creative Nerds.

Transcripts

hello and welcome to creative nerds

today's screencast we'll be looking at

how you can create multiple art boards

using Photoshop similar to what you can

do in both in design and illustrator so

let's start off by selecting file

new and we're going to create a new

document and I'm going to ensure that

the

artboard checkbox is ticked and then

select

create from there it will bring up a new

artboard and we can create multiple ones

from there by heading over to where the

direction tool is and selecting the

artboard tool and from there we can add

new artboards and we

can change the

so it's smaller if we wanted it to be

smaller and then simply to change the

name of the artboard layer is just

changing the name within the layer here

so for example we call call it desktop

and the other one

mobile and then to edit the dash the

desktop artboard it will simply be a

case of creating a new

layer and just ensuring every every

layer that you want to appear within

that specific art board Falls within

that drop down and like for like with

the mobile one so it's as simple as that

to create art boards using Photoshop CC

thanks for watching and stay tuned to

Crave n f quick tips on how to use

Photoshop