Easy to draw icons! Teach you a minute to play. PS Path Strokes

By chance to learn how to make a wireframe icon, learn to do a picture, the effect is not very ideal, vector diagram in the AI is the best, but

This example reinforces the use of the following pen tool, path strokes:

One, PS Draw line icon detailed process

Tools used to draw the path:

Pen Tool--draws the path.

Path Selection Tool--Adjust the path size to use.

Direct Spear Point Selection Tool--adjust the spear point position.

Corner Tool-Adjust path fillet and angle use

With the help of the foot to understand several shortcut keys, easy to use in the drawing. After drawing the Pen tool, you can use Shift/ctrl/atl to switch back and forth the direct selection tool, the Anchor selection tool, and the Chamfer tool.

Here is a step by step to teach you to draw a line icon. In order to let the beginner understand, I try to write more detailed.

1. Create a new canvas in PS. (shortcut key: Ctrl + N)

2. Draw two rectangles with a rectangular path (shortcut: Draw a rounded rectangle, and then hold down the ALT key to drag the layer to copy).

3, use-Path selection tool-box Select all the paths, find the top right corner of PS fill and stroke, hide the fill, stroke set 2 pixels.

4. Use the direct selection tool to remove excess path anchor points, thereby removing excess path lines.

In-Call reminder: When you need to delete the middle path, you need to first add the anchor point with the Pen tool, and then select the Delete with the direct selection tool.

What if I want to remove a path to the red area?

We continue!!

5. Use the Ellipse tool to draw the sun (you can draw a positive circle by holding down the SHIFT key during drawing) and the pen tool to draw the mountain section.

6, after the end of the adjustment path stroke style is rounded or right angle.

7. Select the angle you want to adjust, and then use the corner point in the stroke option for rounded corners to make the shape more rounded.

Such an icon is complete.

You can also use path strokes to distinguish the three-dimensional icon. The combination of shapes with different thickness strokes makes the icons richer.

Second, post-decoration: Make the lines more smooth

The correction of the path edge will give the entire icon a fine feeling, especially when there are individual lines and corners.

A path stroke can also make a selection of its pattern according to your needs, stroke outside the path, or in the middle, or inside the stroke. This is often used in the drawing of the path stroke graph.

Easy to draw icons! Teach you a minute to play. PS Path Strokes