Vectordiary

Top Illustrator Tutorial & Tips

Hello Guest! | Log in| Register

Illustrator Tutorial: Stamp

Illustrator Stamp Tutorial

We have seen how Nick La create his vector stamp using 3 simple steps. But the edges doesn’t really look like what I see on a real stamp. We have seen how others draw circles and blend to specified steps to create the dotted lines and subtract it from a rectangle. But I find it too much of a hassle and work. So why am I rewriting on this since there’s so many tutorials written on it? Cos I’m showing you my unorthodox way of creating a stamp easily. So let’s get the ball rolling!

1. Creating the stamp edges

Let’s begin by drawing a rectangle with your Rectangle Tool. Next copy the rectangle by pressing Ctrl/Command+C and duplicate 2 copies of the rectangle by pressing Ctrl/Command+F twice. Go to your Layers Palette and hide one of the rectangles as we will offset it later to create the inner edge of the stamp. Now, here’s the trick, we will need to create round dotted lines around the stamp. Open up you Stroke Palette and select the topmost rectangle. Copy the settings below. Make sure dash is kept at 0pt and gap is larger than the Weight. (Adjust your gap settings if you find the dotted lines overlap) Also select Round Caps for the Stroke as boxed in red.

Now we will need to expand the dotted lines.Go Object>Flatten Transparency. Make sure it is set to 100% vector as shown below. Click ok when done.

Select the expanded dotted lines and the rectangle below. Open up your Pathfinder Palette and hold Alt/Option and select Subtract from shape area. This will give you the sawtooth edges of a stamp.

2. Drawing the stamp graphic

Go to you Layers Palette and show the hidden layer of our original rectangle. Go Object>Path>Offset Path. Enter a negative value. This will create the inner edge of our graphic area. Now I will start filling my stamp with different colors. Notice that the stamp has a slight drop shadow. What I did was I duplicate the background and give it a dark grey and I nudge it right and down by 1 pixel using the keyboard arrow keys. With the stamp template done, you can start drawing your stamp graphic.

You notice that I have a star burst effect behind the dove. To create this effect go and select your Flare tool and draw a sun flare. I then hide it behind the dove. A little quick trick of mine.

Now we will need to mask away the protruding shapes. Select the blue background and copy it by pressing Ctrl/Command+C. I then group the graphics of my stamp together (stars, dove, blue trail and sun flare) by pressing Ctrl/Command+G. Now paste the blue background by pressing Ctrl/Command+F. Selected the grouped object and the pasted shape and go Object>Clipping Mask>Make to hide away the protruding shapes.

4. Creating the mail stamp

Let’s move on to the final step of creating the mail stamp. Draw a circle using Circle Tool and holding Shift as you draw. Draw a smaller circle inside it. Next draw a line with the Line Segment Tool by holding Shift and drag. Select the Line and hold Alt/Option and drag down to duplicate a new line. After you have created 5 rows of lines, nudge the lines to the left so that it doesn’t overlap the circle.

Select the 5 rows of lines and go Effect>Distort & Transform>Zig Zag. Enter the values below and click Ok. Go Object>Expand Appearance after that.

Open up your Brushes Palette (Window>Brushes). Click the arrow icon at the top right and choose Open Brush Library>Artistic_ChalkCharcoalPencil. Select your mail stamp and select a thin charcoal brush to give make it a textured line. Finally we will move our mail stamp over our stamp graphic and we are done.

final vector stamp

To download the source file for this tutorial, you will need to login as a member.
Sign up today to access all exclusive members content!


[private_basic]
Download Source File
[/private_basic]
[private_premium]
Download Source File
[/private_premium]

Share and Enjoy:
  • Digg
  • del.icio.us
  • Design Float
  • Reddit
  • Technorati
  • Twitter
  • StumbleUpon

Tags: Illustrator, stamp, tutorial


About The Author: admin

Hi. I'm the founder of Vector Diary. Illustrator is my passion and I have written numerous tutorials on illustrator helping people learn illustrator. My most popular tutorial on learning illustrator in 30 days has been a hit. It makes learning illustrator so easy and has benefited more than 20,000 people worldwide. Also, I've revealed some of my secret techniques in the premium tutorials. So don't forget to check it out!

Read all articles writen by this author

11 Trackbacks

Illustrator??????????????? | ????? | Illustrator??????????????? | ?????
May 8th, 2008 at 7:22 am

Tutorial Machine » Blog Archive » Stamp | Tutorial Machine » Blog Archive » Stamp
May 29th, 2008 at 10:39 am

Top 10 Sites for Illustrator Tutorials | Vandelay Website Design | Top 10 Sites for Illustrator Tutorials | Vandelay Website Design
July 23rd, 2008 at 8:30 am

En iyi 10 Illustrator Sitesi | Teknoloji Her?eyim | En iyi 10 Illustrator Sitesi | Teknoloji Her?eyim
July 24th, 2008 at 4:37 pm

Daily Design Links for 9-25-08 » Anidan Design | Daily Design Links for 9-25-08 » Anidan Design
September 27th, 2008 at 11:13 am

For Wednesday: 2/11 « | For Wednesday: 2/11 «
February 10th, 2009 at 3:37 pm

25 Brilliant Vector Tutorials | Pingable.org :: Resources for Web Developers | 25 Brilliant Vector Tutorials | Pingable.org :: Resources for Web Developers
March 15th, 2009 at 5:28 pm

Designfeed.me » Illustrator Tutorial: Warp Text Inside A Heart Shape | Designfeed.me » Illustrator Tutorial: Warp Text Inside A Heart Shape
April 1st, 2009 at 7:48 am

Vector Stamp | Tutorial Collection | Vector Stamp | Tutorial Collection
June 19th, 2009 at 9:04 am

Postage stamp edges tutorial « PSU 224 with Briar Levit | Postage stamp edges tutorial « PSU 224 with Briar Levit
November 12th, 2009 at 1:33 pm

timlawrence.net | timlawrence.net
March 10th, 2010 at 7:18 am

+Add Comment23 Comments

  1. Gravtar for hfng
    hfng May 5th, 2008

    Very elegantly done! Thanks!

  2. Gravtar for arnaud
    arnaud May 6th, 2008

    Really cool !

  3. Gravtar for Rinoju
    Rinoju May 7th, 2008

    Thx for sharing

  4. Gravtar for jaimi
    jaimi May 11th, 2008

    I tried your stamp and up until the clipping mask I had no trouble. I could not get the clipping mask to work. I am not sure what I was doing wrong.

  5. Gravtar for iStockdiary
    iStockdiary May 11th, 2008

    Hi jaimi,

    For the clipping mask to work you mask group all the objects you want to mask. Then paste the mask above the grouped objects. Select the 2 objects (anything more wouldn’t work) and go Object>Clipping Mask>Make.

  6. Gravtar for Barb Chaplin
    Barb Chaplin June 3rd, 2008

    I had trouble from the start. I followed the steps exactly i thought but could not create the sawtooth edges. It all clears. What am I doing wrong?

  7. Gravtar for iStockdiary
    iStockdiary June 3rd, 2008

    Barb Chaplin,

    I realised that I missed out highlighting the Round Caps for the Stroke in step 1. That’s why it did not work. I have updated it. Is that the problem?

  8. Gravtar for Jacek Parczewski
    Jacek Parczewski June 13th, 2008

    I have a problem with getting the edges right – i do exactly what you wrote, but when i select both layers and choose subtract from shape area with alt pressed i get an error that the filter do not make any result. help needed

  9. Gravtar for iStockdiary
    iStockdiary June 15th, 2008

    Hi Jacek Parczewski, make sure the dotted lines have been expanded using the Flatten Transparency. Then also ensure the dotted lines is above the white rectangle we are going to subtract from. Then we hold Alt and choose subtract from shape area. Hope this helps.

  10. Gravtar for Olisa in Germany
    Olisa in Germany June 19th, 2008

    Thank you for this tutorial and the Illustrator file! Very useful!

  11. Gravtar for Shannon Hale
    Shannon Hale June 27th, 2008

    I had the same problem as Jacek with the edges. It seems to have been caused by having the fill set on the rectangles. Setting the fill on the rectangles to No Fill, and the initial stroke to 1 pixel in black, resolved the issue for me.

  12. Gravtar for mike gfx
    mike gfx November 28th, 2008

    nice & clear, even for beginners. 10x Man. Keep going

  13. Gravtar for Art
    Art December 11th, 2008

    thanks i forgot this tip

  14. Gravtar for mister.king
    mister.king February 5th, 2009

    its nice work.

  15. Gravtar for Da Writer
    Da Writer February 15th, 2009

    Thanks so much this really works!!!

  16. Gravtar for Jon1d
    Jon1d May 1st, 2009

    very cleverly executed

  17. Gravtar for Rachelle
    Rachelle September 16th, 2009

    Umm… at the following step: Go to your Layers Palette and hide one of the rectangles as we will offset it later to create the inner edge of the stamp.

    My layers palette is open but.. how do I hide one of them if they’re all on one layer? :/

    I feel lame for being stuck right at the beginning of this tutorial, but I feel like you are not being thorough enough in your instructions…

  18. Gravtar for Rachelle
    Rachelle September 16th, 2009

    Also, everytime I try to subtract I get “The filter produced no results. Please select two intersecting paths.”

    …um?

  19. Gravtar for Designs Genius
    Designs Genius October 29th, 2009

    Unfortunately the download source is not running anymore :(

  20. Gravtar for kate
    kate October 31st, 2009

    Hmmmm….would like to download source file. Am getting “page not found” on a few tutoirals.

  21. Gravtar for Cathy
    Cathy November 2nd, 2009

    Nor could I get the “Minus Front” to work to get the sawtooth edge. I tried eliminating the fill as suggested by Shannon, along with adding a 1pt stroke, and that worked. Thanks Shannon!

  22. Gravtar for Big bonus
    Big bonus December 19th, 2009

    Hi it is me.
    I loose control!
    Free java casino no download
    casino
    List flash no download casino
    casino
    Virtual casino birthday welcome bonus
    casino
    Flash no download casino without deposit
    casino
    Internet poker web sites

  23. Gravtar for joani
    joani March 3rd, 2010

    i cant get the sawtooth edges, every time i follow the directions the whole rectangle is deleted except one circle i need help!

Add a Comment

(required)

(will not be published)

join membership
rss or subscribe via email


Write an illustrator tutorial and get paid $150 for each tutorial! Your bio and website will also be included to increase your exposure.

Find out more»



About Vectordiary

Vector Diary is a popular blog offering great illustrator tutorials and tips. It was created by Tony Soh, a graphic designer, who has great passion in illustration. Tony has written one of the most popular tutorial for learning illustrator and has helped more than 20,000 people. On top of that, his tutorials and tips has helped designers improve their illustration skills and have received great feedback. So join Vector Diary and start learning today!

Write a Tutorial

Get paid $150 for each approved tutorials! Any writers who are passionate about sharing their illustrator techniques can contribute.

Learn how »

My Network


All Content & Theme Design © 2008 Vectordiary. Hosted by Media Temple