How to create rule icons in Illustrator

Source: Internet
Author: User
I will give you a detailed explanation of the rules icon tips for the Illustrator software users.
Tutorial sharing:
Painting teaches you how to observe, and then converts what you see on paper with a picture. I think this is the key to my understanding of how to create an icon.
Ry
First, you should know that the following four images can form any complex graphics.

 

When I want to convert something into an icon, I will observe it carefully and try to scatter it into the simplest structure. For example, the shape of a water drop may consist of triangles and circles.

 

A heart-shaped icon can be composed of two circles and a triangle.

 

I usually use Adobe Illustrator to create these shapes. With vector shapes, I can easily control the line width, shape relationships, and their anchor points. Illustrator can also easily convert a line into a shape, and vice versa. All of this seems very elementary, but I use this method to create very complex icons. The following is a slightly more complex example. This is a Bill Icon I recently made, and I also use the same basic image.

 

Interface icon
Recently I have designed a complete set of icons for an iPhone App called Parker Planner. I like the work of this project very much. The most important thing is, the easy-to-understand, functional, and beautiful user interface icons I have created can help users better understand and use this application.

 

We extract one of these icons for deconstruct so that you can understand how I created it. The following uses the recycle bin icon as an example. The icon consists of three rounded rectangles and three lines.
1. Select the rounded rectangle tool

 

2. Drag out the shape of the rounded rectangle

 

3. Adjust the stroke size until you are satisfied.

 

In a set of icons, I usually choose one or two stroke sizes. This makes these icons look consistent and associated.

 

4. Use another rounded rectangle to create a lid.

 

5. Use a rounded rectangle to create the handle of the lid.

 

6. Erase the lower half of the rounded rectangle.

 

7. Add three vertical bars to the bin to create the stripe.

 

8. We are done! A waste bin icon is ready. If you like, you can adjust the color and width of the line.

 

The path finder is one of the most useful tools in the process of creating icons. The path finder allows you to trim, merge, and interrupt shapes easily.

 

Stroke/fill tools allow you to easily switch between shapes and stroke keys.

 

Stroke panel is my favorite tool, where you can change the tail of a very stiff corner or line to a smooth circle.

 

After completing the design of a set of icons, I usually put them in a line to see if some icons look weird or not in coordination with the whole. Next, I will make some necessary adjustments.

 

In the last step, I usually check in the app to see if the icons look perfect on the device.

 

Finally, I would like to say a few words. Although the skills of the Illustrator software are very important, the method of creating a great icon is even more important. The best way is to practice frequently to interpret things around you into simple graphics. Always stick to this and you will eventually become a great graphic designer!
All right, the above information is the detailed tutorial on creating rule icons for users of Illustrator's software, you can see the users here. I believe that everyone is very clear about the method of drawing, so you can draw it by yourself according to the tutorials shared by Xiaobian.

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.