PS Small white must learn to pull drawing skills

Source: Internet
Author: User

To pull a map is to isolate a particular object from the background, and the premise of the pull is that we have a completely clear image. In the process of image processing, the drawing is very popular, especially for web design, poster design and cover design. The prospect of drawing extraction may be a combination of people, objects or landscapes, or three factors.

This issue of foreign quality translation tutorials with you to introduce the well-known UI designer Jake Rocheleau is how to use the PS Pen tool to pull the map. The author thinks, at present Photoshop CC's function, the pull out tool has many kinds of, but in the long time picture processing process, the PS Pen tool is the most accurate and the most effective drawing tool. Of course, for many PS small white, PS pen tool to pull the map at the beginning to use a bit of a challenge, but once you have mastered the use of PS Pen tool, you will find the PS Pen tool pull the charm. This PS tutorial is not very difficult, very suitable for the PS beginners Learning practice.

Drawing, especially important in poster and cover design

Let's get started!

First, let's be clear about where the PS Pen tool is located. In the PS toolbar, there is an icon similar to pen in the left toolbar, and right click to see the options for the icon, including the Pen tool, the free Pen tool, the Add Anchor Point tool, the Delete Anchor Point tool, and the conversion point tool.

Of course, in the PS operation process, the use of shortcut keys can greatly enhance the efficiency of PS. The Pen tool shortcut key is "P", regardless of what you are using the PS tool, just click the "P" button, the current tool will automatically skip to the "pen" option.

Figure 01

In this PS tutorial, the author used the material is a handheld smartphone from graphicstock picture. For the vast majority of designers, Graphicstock is quite useful, because it contains a large number of vector graphics, pictures, icons and texture resources, and these resources are downloaded free of charge (generally have 7 days of free probation).

Of the many PS-pull tools, the PS Pen tool is the most challenging and valuable cutout tool. The PS Pen tool, which was initially practiced, is usually connected to vector graphics. Most of these graphs are created with pens, or at least have very similar shapes. In this PS tutorial, if you don't like this material, you can find another one in Graphicstock.

Layout Anchor Point

Open your footage in Photoshop and confirm the selected Pen tool. In this step, our goal is to create segments between the anchor points. When you click on a picture using the pen tool, it creates a new anchor point that allows you to control the shape, size, and curve path.

Our ultimate goal is to select the entire object through the anchor point, then load the path selection, delete the background, and keep what we need.

Figure 02

In this PS tutorial, we need to delete a section that contains two different parts. First of all, the author is dealing with the outside of the hand area, and then go to the bottom of the Palm area. The key point here is to create some anchor points-these anchors can be used to identify each line or curve.

When you click on the picture, you create a new anchor point, you can try to click and drag the anchor point, there will be a Bezier curve that separates the adjustment path. In a Bézier curve, the bottom adjusts the previous curve, while the front adjusts the next curve. Here is a little practice to mix the two together.

The important point here is that you can adjust the processing individually. After dragging, you can maintain the status quo, or hold down the ALT key, but hover over a point, the Bezier curve processing cursor will appear an arrow (conversion point tool), and then you can handle each curve without affecting the other.

Manipulating anchor points

You can't always lay anchor points in the right place every time. At this point, you need to make some adjustments to each anchor point. After creating an anchor with the PS Pen tool, hold down the CTRL key and temporarily switch to the direct selection tool, allowing you to manipulate and move certain elements of the path.

Figure 03

You can also use the accelerator "A" to use this tool, but I think it is easier to use the above operation directly. Remember that moving anchor points also adjusts the previous path. In the path creation process, you will repeat this operation many times.

Add an extra path

In this PS tutorial, there is a small area in the material picture that is not directly connected to anything-the thumb. After the layout of the whole body contour (hand + smartphone), the author also needs to handle the thumb area. Otherwise, the thumb will also be deleted when the background is deleted. Take a look at the picture below:

Figure 04

Not found in the image above, our path selection does not contain a thumb. In other words, the thumb will also be deleted when the background is deleted.

In some cases, this may not be a big problem, thinking that the thumb is not really an important picture element. But I still want to tell you how to add separate paths to the same, after all, this problem is a fairly common problem.

First, click on the path panel in the layers panel of the same window, and you will see an active path named "Working path." Double-click and rename in the way you like, and there's a temporary working path where the name will be saved to the file.

Figure 05

After renaming, select the Pen tool for your path, and you can see the options bar at the top of the screen. These different options can be changed on the tools you choose. For the pen tool, there are a lot of cool things. However, I am particularly concerned about the changes in the four directions, because these determine whether a new path will be added, reduced, or merged with existing paths. Click on the leftmost icon to add a new path to the existing path.

Now, you can use a different path to select the Thumb area. If the new path is terminated on a separate layer, the layer can be copied and pasted onto the main layer. That's why you're renaming, so you don't miss any data.

Select and remove Backgrounds

Once the path is created on a single layer, the hardest part is done. Next, we just need to load the selection of the path and delete the background. Go to the Path panel, right-click the path layer, and select options to create a selection.

Figure 06

At this point, there will be a window, there will be some parameter settings. I suggest that you check "anti-aliasing" because it clears the edges of the clutter. In addition, the feather radius, the author's setting is "0", unless you really need to target the edge of the subtle rendering. As a result, the default option parameter settings are basically sufficient.

Figure 07

Now, if you click Delete, you will delete your target. This is because we have a path rendering to the edge of the object, not the background. So we also need to do a reverse operation, in the menu bar, select-Reverse (Ctrl + Shift +i).

Now, if you click Delete again, you will see that the background has been deleted, but the current picture background is white rather than transparent.

Figure 08

Here, the author's operation is to use a simple cut and paste, create a transparent background of the new file. In addition, you can also directly use Ctrl+x to select the object, and then create a new file, the height and width of the file will automatically be based on your original image to fill, and then make sure the new file background content set to transparent, and then paste your target to the new file.

Figure 09


Hopefully this PS tutorial will help PS beginners learn and practise PS pen tool gouging. Pen tool, is one of the most important tools in Photosho, so long as you stick to the PS pen tool, you will feel that PS is a very easy thing to pull.

    • PS Pull Map Tutorial

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.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.