Design icons vector Illustrator software written

In this lesson we will learn how to design icons vector lines written using basic shapes in Illustrator for use in program interface or on your computer or even on your mobile phone.

We'll start with icon design digital camera. Open Illustrator and then start a new one and use the rectangle tool Rectangle Tool to draw a rectangle. You will notice in this lesson we will use specific dimensions but rely on artistic vision in design but you can adhere to specific dimensions. To shorten the time you make the color of the border with a color and fill color are removed.

01.thumb.png.fde97e2709a78e43345750313c7

Use the selection tool Selection Tool and click on the circle and drag corners to make the corners of the rectangle.

02.thumb.png.95707c3a2aa278bb8673c16aaf7
Use the circle tool, Circle Tool to draw a circle, so you get the circuit correctly press the Alt and Shift keys together while drawing the circle where maintain central drawing and dimensions of the right circle.

03.thumb.png.1360508e55f1e11dd3c69a7c328
Use smart guides to help you in this design. Draw another circle in the same way with start from the center of the circle of old and make new smaller Chamber.

04.thumb.png.4baaff9c2b762b21c8fae25de5a
Repeat the same process but this time draw a circle with half the size of the previous Chamber.

05.thumb.png.36b3ce31c99a6fd10581f6f7341
Use the line tool Line Tool to draw diagonal line and using smart guides will not be that difficult. This figure will represent the shape of the lens for your digital camera.

06.thumb.png.7b779c1b045b8aa466a71efcd7a
Use the rounded rectangle tool Rounded Rectangle Tool to draw slot instant lighting (Flash) and mark the corners with half a small Qatar using the arrow keys while dragging your mouse and draw a shape.

07.thumb.png.9220b5580d7b23e2ed10ab84f62
Draw a small circle drawn in the small rectangle height size and we will do so with the help of smart guides.

08.thumb.png.6f0fc44215cab1491a72e6f99b4
Draw a rounded rectangle in the upper right corner of the camera so that half of it within the camera body and the other outside.

09.thumb.png.a0009b57b82ce303a9f61e64843
Draw a square small rounded to the same height of the rectangle.

10.thumb.png.549e51ef20d9e91433a819b9851
Make a fill color camera body with white and then select the rectangle and the little box emerging from the camera body and sent back to the shortcut CMD + Shift + [.

11.thumb.png.a908313f10a20d25d6645ecbdb9
Draw a rectangle in the bottom left corner of the camera.

12.thumb.png.be2cc81bbfac0dec0413bfcec70
Copy this rectangle twice via Ctrl + C and Ctrl + F mode versions on the same vertical axis to the original shape.

13.thumb.png.cb13d11f469c0dc2c659a742016
Draw a small circle with a diameter of rising small rectangle charted just using smart guides put the circle so that half of it outside the rectangle.

14.thumb.png.d29f94adc26239a1ef5d86a1371
Copy the circle in the same way that our copies where small rectangles.

15.thumb.png.96c5f4301c7529fe07a5d410913
Select all the three small rectangles and circles also three small and select Merge option from the Pathfinder palette to merge all these shapes together.

16.thumb.png.1dd92b85cf9a62d4189ecd142db
And this concludes our design digital camera. Now we'll go to another format and design is a pen that would symbolize the articles or tutorials.

17.thumb.png.2b2c56732bb49652ef6d70a2242
Draw a rectangle thin with very high (used here different colors you can choose colors that suit you).

18.thumb.png.c5bd1329bd9909291b2b35b559e
Copy Ctrl + C and paste on top Ctrl + F this rectangle twice and move versions of all rectangles are lined up next to each other.

19.thumb.png.c433e54266e32d24a4b1054c5e1
Draw a rectangle rounded catch in the top of the three rectangles let half of Qatar the corners of the rectangle.

20.thumb.png.90efdbf0c119fa1f6385f8954a4
Draw another rounded rectangle, this time let half of Qatar large angles and make the bottom half of the rectangle covers the preceding by-then send this form to the bottom using the shortcut CMD + Shift + [.

21.thumb.png.b70c472c90993e9bd33d7be8486
Use the pen tool Pen Tool to draw a triangle shaped pen tip and get a perfect triangle, use smart guides to help you achieve the ideal dimensions of the triangle (not to mention continued use smart guides in each time but used in manual drawing and without specific dimensions facilitates the design process astoundingly).

22.thumb.png.843c15ec8d204205785ba33a7dc
Draw a medium sized circle status is lower triangle head point.

23.thumb.png.48acca6ead7a55c0ca18fc42edd
Then select the triangle shape doubled with the shape of the circle, use the Intersect option from the Pathfinder palette to trim segment shapes.

24.thumb.png.5ccdec3d472c6b13261f884594d
And so it will look like the pen after you finish painting.

25.thumb.png.f6e573065fcdbdbd8cdeccdbfaf
Select all forms of pen then turn using the Transform Panel, 45-degree angle.

26.thumb.png.40182f4e9801611c54a5c5bbe5f
This is the final form of the pen.

27.thumb.png.487a3b4fde52fa5bbb693341cb2
And now we we will make it look like two icon to denote addition and change the font color to green. Start by drawing a large triangle with polygons and Polygon Tool make the base down.

28.thumb.png.90990081911429e2c3e42d9c01f
Use the circle tool while holding down ALT and Shift to draw a circle triangle head position.

29.thumb.png.07f5d1501d220dfc21aa5f13c72
Draw another circle is slightly larger than the first circle share status.

30.thumb.png.fa910bad12685dc58de91a08051
Select the large circle and triangle and click the Minus Front option from the Pathfinder palette to remove the area of a circle with a triangle of a triangle.

31.thumb.png.f2eb49d10988d68cf4ca9143c2c
Select the shape with the circle and then copy Ctrl + C then paste Ctrl + F in the foreground and then move it to the left a little and then small size a bit.

32.thumb.png.e4e4da8abe8ea3aab9521994406
Copy the large Chamber again and then paste it into place in the foreground and then they become slightly with the ALT and Shift keys use to preserve the location of the center of the circle and the aspect ratio.

33.thumb.png.6fa069af14ebb649acd3c72f5c9
Select new and large Chamber small Chamber on the left and then use the Minus Back from Pathfinder Panel to cut large circle shape.

34.thumb.png.7f5651fb36ddffb25c3aee6e149
Repeat the same process with higher Kebir body copy and paste and zoom.

35.thumb.png.8a743a2b498ab88c4bce6f35b79
Again repeat the select configurable objects and go to the order Minus Back from the Pathfinder to cut shapes from each.

36.thumb.png.9c0fd53eb4d6dc8e923708f3ed0
Thus this form ready for use.

37.thumb.png.d91ab8da6fc91f39fe3f4b67c89
In this lesson, you learned the basic method for designing linear icons using basic shapes you can now design the other icons by using the same method used in this lesson. You can use these shapes as easily icons, you can make the fill colors white or left unfilled and can even change the font colors and don't forget that we can adjust the size of these forms without being distorted because it simply Victor graphics, all you have to do now is to issue Export these formats to PNG image and use.

Share on Google Plus

About Unknown


Founder of websecur1ty

0 commentaires:

Post a Comment