Photoshop quick design stroke icon creation tutorial

Source: Internet
Author: User
Tags delete key
We will give you a detailed analysis of photoshop software and share with you the tutorial on creating a quick design stroke icon.
Tutorial sharing:
The stroke icon is the icon style designed by the master MBE on the shoes, and then it sets off a fashion trend.
The following are some screenshots:

 

<Click a picture to see the big picture> www.16xx8.com
Before creating a graph, analyze and summarize the features of the above icons:
1. The appearance of the image is centered around a dark line, which can also be called a stroke. The line and the image are occasionally misplaced.
2. Stroke disconnection
3. The graphic lines are simple, round, and basically rounded. It is easy to draw and cute.
4. Bright and bold colors, almost all of which are bright, bright yellow, and blue.
After learning about the features of the stroke icon, let's start to explain how to draw it.
Drawing tools: AI and ps sketch. PS is used as an example.

Start to draw cute ice cream

.

1: Open PS-create a canvas 800*600 and name the stroke icon-ice cream. It is a good habit to name it at any time.

 

2: use the vector rectangle tool to draw the shape of the ice cream. I will use W200 * H260, with a rounded corner of 100px, a rounded corner of 40px, and a stroke of 10 pixels, black. Note that the stroke style here should be the second centered stroke. The endpoint and the corner point are generally in the form of rounded corners, named ice cream stroke. If you are not clear, see the following figure:

 

<Click an image to view a large image>
3: Copy the ice cream stroke layer-name the new layer as ice cream, here the ice cream layer, you need to turn off the stroke, open the fill and fill the blue, next, place the ice cream layer under the ice cream stroke layer, and move the blue ice cream layer 20 pixels to the right. The effect is as follows:

 

<Click an image to view a large image>
4: This step shows the effect of stroke disconnection. Select the ice cream stroke layer with the mouse, and click (select tool directly) to show the anchor and path. Here we will make a short step, click the pen tool to add some anchor points. Depending on the actual situation, at least three anchor points are required. Use the tool to select the anchor point in the middle and press the delete key to delete the points, the stroke is separated, and several other steps are the same. The effect is as follows:

 

<Click an image to view a large image>

 

<Click an image to view a large image>
5: Use an elliptical tool to draw the eyes, turn off the stroke, open the fill, and fill the black and draw the eyes. I will not talk about it here. It is very simple. Pay attention to the even size as much as possible, 16 * 16px is used here.

 

6: Draw your mouth and tongue with a vector tool
The mouth needs to use the addition and subtraction of Boolean operations to draw an elliptic, the size depends on the actual, try to use an even number for all the painting.

 

Then draw a rectangle on the same layer and subtract the top layer shape. Be sure to be in the same layer as the ellipse,

 

<Click an image to view a large image>
Then add a rounded rectangle to the same layer. The merged shape is selected here.

 

Just draw an elliptical shape on your tongue, and you'll just draw your mouth.

 

7: Open the stroke and fill it. Use the rectangle tool (adjust the degree of rounded corner under the rectangle) to draw the ice cream stick, as shown in the figure:

 

<Click an image to view a large image>
8: add a projection for ice cream. The method is to copy the ice cream layer, adjust the size of the copy layer as shown in the figure path, and add an inner shadow.
Inner shadow adjustment-the color is dark blue, angle is 20, distance, blocking, and size is 34, 0, 0, as shown in the following figure:

 

 

9: you can just draw some small ornaments.

 

All right, the above information is the detailed quick design, drawing, and small icon creation tutorials provided to users of photoshop, users now see the small editor here. I believe that you are very clear about the production method. Then, you can follow the small editor's tutorial to create a small stroke icon.

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.