Welcome To My Blog!

Basic and Advance Photoshop tutorials, Illustrator tutorials, tips and tricks for effective graphic designs, and other how-to guides.

Search This Blog

Friday, March 23, 2012

Easy Steps To Creating A Mail Envelope Icon In Illustrator

So you need a custom mail envelope icon in illustrator? Well, you have come to the right place. We will teach you here how to create a simple but styling mail envelope icon or vector graphic that you can use for your various business or commercial prints. From the covers of your catalogues to your poster prints and postcard prints, these mail icons should come in handy when you want to convey the message of being able to be contacted through snail mail, or even email actually. So just follow the simple tips below and discover.

  1. Fire up your Adobe Illustrator and then choose the appropriate document size.

  2. First, create a rectangle. Just choose the rectangle tool in the tools window.

  3. Then just click and drag the tool over the canvass to get your rectangle.


  4. Now, we’ll colour up this base to make it look like an envelope. First change its stroke colour, something grey would be appropriate. Just choose this from the gradient controls on the right.

  5. Then we’ll chose a gradient base. Just click on the gradient colours, and choose white and grey as the gradient bases for the spectrum. Set the type of gradient to radial.


  6. Now we have the base for our envelope..


  7. Next, we use the pen tool. Choose it from the tools window. (Shortcut P)


  8. Now, draw a path of the fold triangle above the envelope base.


  9. Next, select the Add Anchor Point tool.


  10. Add two anchor points, both midway between the intersecting lines in the middle of the envelope.


  11. Next, select the Convert Anchor Point tool.


  12. Select the middle anchor point and adjust it so that the hard point becomes a nice round edge.


  13. Now, select the direct selection tool and click on our flap.


  14. Press CTRL+C and CTRL+V to copy and paste the flap. Add the copy a few pixels below the original flap.


  15. Change it to a darker grey colour.


  16. Then send this to the back. Just right click on the shape, and then select arrange -> send backward.


  17. Now we have a flap and a shadow.


  18. Make sure of course that the stroke weight is at 0px for this duplicate of the flap to make it look like a shadow.


  19. Next, use the line tool to draw the bottom fold and edge of the envelope. Make sure that this one has a stroke of at least 1px.


  20. Send this to the back as well.


  21. Then just repeat the process for the other fold and edge. Send this to the back as well.


  22. Great! Now we have a convincing looking envelope Icon.


Visit this site, Printplace.com, to read more about Graphic Design Tutorials.

7 comments:

  1. Nice to see this tutorial to create a own icons! which is really nice to having this tuts here, we can create own designs as choices.

    ReplyDelete
    Replies
    1. welcome to my blog! Thank you for the nice comments too. :)

      Delete
  2. Good to learn about creating online envelope for mailing. Thanks for sharing this tutorial.

    ReplyDelete
    Replies
    1. You're welcome! will post more soon. Thank you for visiting my blog.

      Delete
  3. Freaking awesome tutorial. Love to design with your techniques. Thanks

    ReplyDelete
  4. wow that's so easy to make envolope! gonna to make this, thanks for sharing.

    ReplyDelete

Popular Posts