Saturday, 27 August 2016

How to make an infographic element in illustrator



How to make an infographic element in adobe illustrator

In this tutorial , we will learn how to built an infographic poster , using various tools and techniques in adobe illustrator. In this tutorial , an infographic is through poster only, no work is done on topography.

Program: adobe  illustrator
Time : 45 min
Topic : shapes, distort and transform,
Here is the final image :


street food





Table and umbrella part

Step 1: Start by  choosing rectangle tool from and set the preference as shown. Fill it with RGB 139, 94, 60.




Again choose rectangle and fill it with RGB 209, 211, 212












Step 2 : choose rectangle tool with width :17 pt, height 681pt and fill it with RGB..  to make table stand create a rectangle of width 17 pt, height 119 pt filled with RGB 209, 211, 212. select the rectangle and rotate 45degree. Using direct selection tool lengthen the fourth side to make the stand as in the image. Do it same for the other side.











Step 3 : select ellipse tool with width 893 pt and height 397 pt fill with RGB 194, 181, 155. using direct selection tool make this ellipse into semi-ellipse. Again make a  semi-ellipse of width 67 pt and height 76 pt filled it with RGB 241, 90,41.  Select the small semi-ellipse , choose effect> distort &transform> transform. Now set the preference as shown.












Chair Part

Step 4 : choose rectangle of width 121 pt and height 13 pt filled it with RGB 139,94,60. Again make a rectangle of width 11pt and height 150 pt. now make the rectangle of width 94 pt and height 127 pt filled with RGB 139,94,60. Make the complete path as shown.











Coffee Corner Part

Step 5 : make a rounded rectangle of width 792 pt, height 567 and corner radius 20 pt. filled it with RBG 194, 181, 155.  To make strips , make a rectangle of width 868 pt and height 83 pt filled with RGB247, 148, 30. Select the last rectangle choose effect>distort & transform> transform. Filled the preference to make 3 stripes.









Step 6 : to make the stand choose a rectangle of width 12 pt and height 492 pt filled it with RGB 139, 94, 60. make a copy using alt-click and drag to the right corner for another rod.




Step 7: make a rounded rectangle of option filled with as shown. Filled it with RGB 139,94,60.  now make a  semi-ellipse of width 89pt and height 94 pt filled with RGB 139,94,60.  choose effect>distort& transform> transform and set the value to make 13 copies of it.








Step 8: to make the top most layer , make a rounded rectangle with the set preference filled it with RGB247, 148, 30.





Step 9 : to make the components of the shop make some items as shown in the following three images below.










Step 10: to make the menu board, choose rounded rectangle of set preference. Choose shear angle of 20 degrees with a horizontal axis. Make a rectangle with angle 20-degree shift to make the stand for the menu board.









To make the background

Step : make a rectangle of width 2560 and height 816 pt filled with RGB 230, 231, 232. To make some bricks, choose rounded rectangle of given preference, filled with RGB 241, 242, 242. Make some copies of bricks on the background.






Step : using text tool make the text “STREET FOOD”, COFFEE CORNER, INFOGRAPHIC ELEMENTS




Here is the final image.