Advanced how to use the Photoshop pen tool

Advanced how to use the Photoshop pen tool

When I was a novice UI, copying a lot of works, each copy can be divided into two steps, the first step is to use the pen tool and shape tools to outline the object, the second step is to fill the shape of color, and then add some gradient or projection. In the fill color and details of the time is very enjoyable, but in the hook profile is always very crash, draw out the curve is always not smooth, also do not know where the problem is, in fact, is the pen tool did not master well.

Later saw a foreign language article, wrote is in the illustrator use Pen tool's skill, only then understood how can use the pen tool to draw the curve, today unifies that article with my sentiment to talk about the difficulty in the UI design, the pen tool.

Prepare work, check the rubber belt tool

I design with Code by Chris Gannon

Pen tool Everyone should be very familiar with the middle of a node, the two sides of the two handle, adjust the direction of the handle can control the trend of the curve, adjust the length of the handle can control the curvature of the curve. The above dynamic design is the expression of this meaning.

When using the Pen tool, there is an option to help us, called the rubber belt, after the tick, the curve will move with the mouse, so that we can preview the direction of the curve, look at the picture, at the far right, click on the Gear check:

Node handle direction and position is the key to draw a good curve

The next step is to draw the curve with the pen tool, before we can look at what advanced UI designers do with the nodes of the curve, look at the two images below:

Classification:

• PS Getting Started Tutorial