Photoshop Design Stroke style icon making tutorial

Source: Internet
Author: User
Tags delete key
To the users of Photoshop software to detailed analysis of the design of the stroke style icon to create a tutorial.
Tutorial Sharing:
1, new "dribbble card" canvas 800x600

Color mode, resolution don't choose wrong oh.
2. Draw a rectangle with a rectangular tool

3, the selection of parameters, will be filled out, open stroke, pixel point of their own choice.

4, adjust the stroke form, "alignment" to choose "Endpoint" and "Corner point" generally choose rounded corners

5, after the following shape, with the pen tool, in the Red Arrow area point several anchor points, spacing of their own choice.

6, with the Direct selection tool, box selection between two anchor points.

Following figure ↓

7, and then press the DELETE key on the keyboard delete, you get the following shape.

8, draw a rectangle again, set the following, close the stroke, open the fill.

9, choose a color, drag to the stroke rectangle, note that the yellow rectangle and stroke rectangle is the same spacing.

10. Draw Two Eyes

11. Draw a mouth again

12, with rectangular marquee tool, from the horizontal line of the ellipse to draw a selection, the following figure I draw the selection is w:24px, then my anchor point will be point in the distance horizontal midline, from the left to the right is 24px.

Following figure ↓

13, with the direct selection tool, select the circle of 3 anchor points. Press the DELETE key on the keyboard again.

14, we will get the following shape. (⊙o⊙) Wow, what a big mouth!

15, the mouth is too big, we use just the method. With rectangular marquee tool, this time draw a w:12px bar, then left and right each point two anchor points, and then delete points do not need anchor points.

16, we can get a slightly smaller Meng Meng's mouth (⊙o⊙) Oh. We can draw this small mouth into the mouth of a chick duckling, you can drag the anchor point to draw the shape of the line you want.

17, group, and then copy one of the groups.

18, will copy the Group, Command (CTRL) +t, change the angle.

19, with the pen tool and delete key to remove the anchor point

20, with the shape minus unwanted rectangular area, select the Rectangle tool hold down the ALT key on the mouse side will appear a minus sign, indicating that you can subtract the current rectangle.

21, minus after we're drawing a rectangle

22. Create a clipping mask, and hold down the ALT key in the middle of two layers to make a quick clipping mask.

23, changing the shape, change a color, general, yellow above the projection will be red.

24, finished (⊙o⊙) Wow, and so on there is a small partner. (? 3?)

25, new small partners, we are copying a group, (shortcut keys I will not repeat it).

26, ready to move another small partner when we should remember the right side of the position, hold down the command key will appear a fast spacing pixel display. We can write down these numbers and we can refer to this number when we move the other graph to the left to ensure symmetry. (⊙o⊙) is true

27, another small partner came over, change the horizontal flip, keep the left and right values consistent.

28, change the color, with a blue, general cool on the projection on the warm, warm on the projection on the cold, you can make a good color effect.

29, finally, we draw some embellishment. It's finished. ~(???) /~

Well, the above information is small set to you photoshop this software users bring detailed design strokes style icon of the production of the entire content of the analysis, you see the users here, now you are very clear method of making it, Now, everyone, just go and make your own.

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: info-contact@alibabacloud.com 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.