To the users of the illustrator software to explain the detailed interpretation of the use of the exquisite app icon to share the tutorial.
Let's take a look at the final effect chart:
Message/Chat application icon, brainstorming what you think about, here is the message to the birds. This tutorial mainly explains the icons from the original sketch to the vector icon design ideas. Simple tutorial, the great God not to spray.
The mind of the idea probably draw out, more than a few editions, you can not draw very fine. Early may also collect some related material, designs the application icon to consider when the icon puts in the application store how recognizes the higher degree. So the head of the bird was chosen as the main body, plus the postman's hat.
Draw a few more sketches and choose a suitable
The next style of positioning, you can go to dribbble looking for inspiration.
Color Line Style Determination
New size 1024 x 1024 document, which is the maximum size of the icon. This tutorial is made with iOS applications.
Set gridline spacing: Edit > Preferences > Guides and Networks (10px,10)
View > Display network; view > Alignment network;
New Document Set size and color
2nd Step: Placing Sketches
File > Insert, then place the sketch, click Embed, opacity 50% in the linked file, rename the sketch, and click on the icon next to the eye to lock the layer. Create a new layer on the sketch layer to draw the shape.
Analyze the sketch to see what geometry can be more easily sketched, with different color strokes, you can better distinguish. The main use is the Pen tool, the Path Finder (circle, rectangle, triangle, curve, etc.) please see the following figure:
3rd Step: Adjust the layer
File management, place each element on a separate layer and name it. The layer order is as follows:
After drawing the basic shape, the next step is to adjust the color (the number of colors is best not too much). This is the color used in the iOS7.
This is the basic color to the graph, where the left and right are separate, the left 75% opacity and the right 100% opacity the same color, so that does not look very flat. Open the window > Color reference (SHIFT+F3) to set different colors. Select the four-color combination 2, the eyedropper tool (I) to absorb the color in the iOS7, you can select the appropriate color in the color reference;
Here's a quick introduction to the Shape Builder tool (Shift+m), which makes it easy to combine and subtract shapes.
If you want to combine the left and right graphics together, you can also select a shape to use the Shapes Builder tool (Shift+m), and then click one of the graphics to drag to another, and you will see a plus sign indicating that the shape will be added to the current shape, and pressing ALT will display a minus sign, Represents subtracting the currently selected shape;
Draw eyebrows, to the eyes, hair, mouth, head, hat plus a faint shadow, can try different colors to see the effect, the details should not be too much, because we this is flat style.
To make the birds more prominent, copy the entire graphic, merge the graphics, and adjust the layers between the circle and the head. Open the window > appearance. Set white stroke to 6pt, add a new red stroke 12pt. Select Styling > Shading in the palette and add a faint shadow, as shown below:
6th step: Icon iOS7 template
Put the icons we have painted on the iOS7 application icon template to show the effect;
icon in iOS template effect
Use Photoshop's action template to generate different sizes of icons, putting a good icon into a template;
Well, the above information is small make up to you illustrator of this software users brought to the detailed mapping of exquisite app icon tutorial to share all the content, you see the users here, small series believe that we are now very clear the way to draw the bar, Then we will go to the small part of the above to share the tutorial on their own to make exquisite icon it.
