Icons vector tutorial in Corel Draw

Icons vector tutorial in Corel Draw



Tutorial details:

  • Program: CorelDraw X6
  • Difficulty: Intermediate
  • Estimated Completion Time: 60 minutes

In this tutorial you will learn about how to create some nice and professional vector icons in Corel Draw. After reading this tutorial you will know to center objects, to apply the Fillet effect, how to use the Mirror and much more.

 

icons_final_result

 

Icons vector – Step 1

In this step we need to create the workspace. Create a New Document, type a name and select the pixel units with the size 600 width and 600 height. Select the rendering resolution to 72 dpi. Then select the options from the top menu: Windows -> Toolbars like in the screenshot.

icons1

Select the View Mode to Enhanced from the View drop down menu and the Snap to Objects option.

icons2

 

Step 2

Select the Rectangle tool from the Toolbox and create a rectangle (70 x 50 px). Create another rectangle (24 x 20 px) and center it with the previous one like in the second screenshot. For doing this you need to hold Shift, select the small rectangle, then the big one and hit C (center horizontally). Then hold Ctrl and drag the small rectangle until the center intersect the midpoint of the big one. Create another rectangle (16 x 12 px) and center it with the previous one. Now select from the Toolbox the Smart Fill tool and click in the handle area. Delete the previous created rectangles (24 x 20 px and 16 x 12 px) and create another two (4 x 40 px). Center them vertically (holding Shift, select the rectangle (4 x 40 px), then the big one (70 x 50 px) and hit E (center vertically)) and create another rectangle (7 x 20 px) for adjusting the horizontally position (see the sixth screenshot). Note! You can use Ctrl + Home for getting object in front of page.

icons3

 

Step 3

Select from the Menu, Window -> Dockers -> Fillet/Scallop/Chamfer and apply the Fillet effect to the big rectangle with the Radius 8 px. Then apply the Fillet effect to the small rectangles with the Radius 2 px. And finally, apply again the effect for the top two nodes from the handle. For doing this select the object, then the Shape tool (F10) from the Toolbox and select the two nodes.

icons4

 

Step 4

Now set the Fill color of the handle to white. Hold Shift and select the bar and then the big rectangle and hit Trim from the Property bar. Delete this two objects and you will have now two hole in the big rectangle. Select all the objects and hit Weld from the Property bar. You will have now only one object, the bag.

icons5

 

Step 5

In this step we will begin to create the e-mail icon. Create again a rectangle (70 x 50 px) and apply the Fillet effect with the Radius 8 px. Create another rectangle (4 x 80 px) and rotate it with 60-degrees. Create another copy of this rectangle and from the Property bar hit Mirror Horizontally. Then drag one rectangle until you intersect with the other one like in the fourth screenshot. Select this two rectangles and hit Weld.

icons6

 

Step 6

Hold Shift, select the bar, then the rectangle and hit C (center horizontally). Now hold Ctrl, select the bar and drag it until you think that look like in the first screenshot. Hold Shift, select the bar and then the rectangle and hit Trim from the Property bar. Delete the bar and now you have the e-mail icon. Select the Shape tool (F10 from your keyboard or from the Toolbox) and apply the Fillet effect for that two nodes like in the second screenshot (with the Radius 6 px and 8 px).

icons7

 

Step 7

Create a rectangle (50 x 36 px) and apply the Fillet effect with the Radius 6 px. Create two circles and center them like in the second screenshot. Create a rectangle and arrange it like in the third screenshot (in the middle of the circles). Now select the Smart fill tool from the Toolbox and click in the top area. Delete the circles and the rectangle (see the fourth screenshot). Select the rectangle tool, hold Ctrl and draw a rectangle from the first node of the top object  to the second. Then drag from the bottom side of the rectangle until intersect the big one (see the fifth screenshot). Create another copy of this new rectangle, hold Ctrl and move it to the right side.

icons8

 

Step 8

Select all the objects and hit Weld. Now we will create the keyhole. Create a rectangle (6 x 12 px) and a circle (10 x 10 px) and center the circle with the top side of the rectangle. Select this two objects and hit Weld. Apply Fillet to the bottom two nodes with the Radius 3 px.

icons9

 

Step 9

Apply Fillet to the middle two nodes with the Radius 6 px and we have the keyhole. Now we will center it with the lock. Hold Shift, select the keyhole, then the lock and hit C (center horizontally). For vertical alignment you can create a rectangle like the red one from the second screenshot and align the keyhole with this one, then delete it. Now select the keyhole, then the lock and hit Trim. Delete the keyhole and you will have now only one object, the lock.

icons10

 

Step 10

Create three rectangles and align like in the first screenshot. The red one is only for alignment. Select all the objects and hit Ctrl + Q (Converte to curves). Select the Shape tool (F10), select the bottom two nodes and apply the Fillet with the Radius 8 px. Select the top rectangle and apply Fillet with the Radius 2 px and then apply the Fillet with the Radius 8 px to the top nodes of the middle rectangle. Select all the objects and hit Weld.

icons11

 

Step 11

Select the object and hit Ctrl + K (Break curves apart). Will result two objects. Select the bottom one and a new created rectangle (4 x 40 px) and hit C (center horizontally) and E (center vertically). Create another two copies of the new rectangle (4 x 40 px) and arrange them like in the fourth screenshot. For arrange them you can create a temporary rectangle with the size 9 px horizontally. Apply Fillet to this three rectangles with the Radius 2 px and then Trim this rectangles from the back object. Delete this rectangles and we will have now three holes. Then select the both objects and hit Weld for having only one object.

icons12

 

Step 12

Let’s create the backgrounds. Create four rectangles (128 x 128 px) and align like in the screenshot. For doing this you can create two temporary rectangles (20 x 60 px, 60 x 20 px). After you are ready with the alignment, select all of them and apply the Fillet effect with the Radius 8 px.

icons13

 

Step 13

Color the rectangles like in the screenshot. Center all the icons with the backgrounds. For doing this you can holding Shift, select the icon, then the background and hit C (Center Horizontally) and E (Center Vertically). Select all the objects and remove the Outline (right mouse click in the “X” from the color palette). Select all four icons and fill with the color R(255)G(241)B(206).

icons14

 
And this is the finally result.
 

icons


Author: coreldrawtuts

Share This Post On

2 Comments

  1. I am new to Corel Draw.. Simple and Clear tutorial … very helpful … thanks

    Post a Reply
  2. Thanks for the tutorial. Do you know how to export these icons to PNG without quality losses?

    Post a Reply

Submit a Comment

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>