PS CC 2015 new feature artboard tool

Source: Internet
Author: User

The artboard is one of the new features of Photoshop CC 2015. If you are familiar with Adobe Illustrator, you may know how to use artboards to improve design operations. For large design management and output of a variety of files, the artboard can be said to be a useful tool. Whether you are familiar with the new PS palette or not, this issue of foreign fine translation tutorials will show you how to use the artboard.

Artboards are widely used. The PS tutorial will not show you how to make very special works with Artboards, but it will teach you how to use this new tool effectively. This tutorial will explain the business card design, and you can follow the tutorials step-by-step, or apply the technical principles of the tutorials to the actual work. To be reminded, the artboard is currently only available at Photoshop CC 2015.

Figure 00

Step 1

First, you can choose to create a new artboard or convert an existing PSD file to an artboard. Because the material provided by the tutorial is a PSD file, it needs to be converted to an artboard.

Open the downloaded tutorial material, and then select the Artboard tool. Press "V" to select the Move tool, then "Shift+v" to the artboard or to the icon for the Move tool, and select "Artboard" in the Drop-down menu. The operation is shown in the following figure.

Figure 01

Step 2

When you have selected the Artboard tool, pull out the marquee and select the footage that is displayed on the artboard. You can select the entire or part of the material, where the range of selection is best not to exceed the material itself.

Figure 02

Step 3

The artboard has been created from the previous operation, and the entire interface is slightly different, you can see a label on the canvas, and the selected area is named "Artboard 1" on the layers panel. As shown in the following illustration, this is just the action on the artboard.

Figure 03

Step 4

To facilitate design management, you need to rename the artboard. In the Layers panel, double-click the Small icon for "Artboard 1" and rename it to "stencil".

Figure 04

Step 5

The following need to add front and back designs for your business cards. Because of the more specific requirements of business card design, add two artboards here to make the design details better. Select Layer > New > Storyboard in the main menu bar.

Figure 05

Step 6

Name the newly added artboard as "front", which is typically 3.5 inches x2 in size and is 300dpi in resolution due to printing needs. If you apply the above requirements, the artboard is set to 1050 pixel x600 pixels. Set as shown in the following figure.

Figure 06

Step 7

When you create a new artboard, the artboard tool is automatically selected. With the artboard tool, you can drag or adjust the artboard the same way you do with the Move tool. Drag the new artboard to a place that does not coincide with other patterns.

Figure 07

Step 8

Repeat steps 5 through 7 to create a "back" artboard in the same way.

Figure 08

Step 9

Now you can start designing your business cards by applying the artboard you just created, and you can use the material provided by the tutorial. Just drag the downloaded material to the appropriate vacancy. Adjust the material to the center of the artboard, and then enter the application. Here, you will find that the material will adjust to the size of the artboard automatically.

Figure 09

Step 10

When you edit the templates and models, you need to export them. In the artboard, you need to export 3 separate PS files separately. In the operating state of the artboard, Photoshop exports individual artboards as image files independently. Click "File > Export > Export as".

Figure 10


After you complete the previous step, you will see the new artboard Export menu pop-up left is the image you want to export, and the right is the SET option. The default settings are usually OK, click the "Export" button in the lower right corner to export the image.

Figure 11

Step 12

Once the operation is complete, you will see 3 separate images in the location you just selected.

Figure 12

Skill 1

If you want to start the design directly from the artboard, you can select Artboards in the file type when you create a new document.

Figure 13

Skill 2

If you want to delete an already created artboard, simply select the artboard in the layers panel and drag it directly to the trash can or delete it.

Figure 14

Skill 3

The artboard can also be quickly exported to a PDF file. Just click on the "File > Export > Artboard to PDF", which will automatically create a PDF brochure, and each artboard will be included as a separate page in the brochure.

Figure 15

Final effect Diagram

Figure 16

    • PS Getting Started Tutorial
Related Article

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: and provide relevant evidence. A staff member will contact you within 5 working days.