Powerful Duplication in Illustrator for a Stamp Shape

One of my favorite tricks to use in Illustrator which I forgot to mention in my “favorite Illustrator tips” blog is Ctrl-D (Command-D), which allows you to duplicate your last transformation and is especially useful when you’re copying objects and want them to be spaced an exact distance apart. The command can be found under Object > Transform > Transform Again. In this example, I’ll make a postage stamp shape, using Ctrl-D to duplicate the circles that I’ll eventually cut out of the sides.

Start with a rectangle and a little circle on the edge of the rectangle. (I’m not too concerned with exact dimensions here, so I’ll resize the rectangle “to fit” the circles eventually.)

Use the black arrow tool to select the circle, then Shift-Alt-drag (Shift-Option-drag) the circle to the right to duplicate it (and constrain the movement to a straight line). Move it over as far as you think it will look good when cut out of the rectangle.

Now, don’t do anything else, but immediately hit Ctrl-D (Command-D). The circle will duplicate itself again, at the exact same distance as your original move! Keep hitting Ctrl-D until you have enough circles to fit the top of the rectangle.

Now, Alt-drag one of the circles to the side of the box to start the vertical line of circles. Shift-alt-drag that new circle down so you have two circles along the vertical side. Ctrl-D to duplicate that move several times until the circles line the vertical side of the box.

What I find is easiest now is to select the top row of circles, then Shift-Alt-drag them down to the bottom line of the box and create a copy. Then I select the vertical column of circles and Shift-Alt-drag them to make a copy on the other side. Finally, I end up with this:

In the Pathfinder palette, click the “Minus Front” button to cut the circles out of the rectangle to get this result:

And after importing this vector stamp shape into Photoshop, adding a picture, some text layers, and a drop shadow, this is what I get:

I’ll be out of town this next week… so have a great one!

Free book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.

  • http://www.mission36teen.com M36Teen

    Cool, I’ll use that one!

  • http://www.lowter.com charmedlover

    Nice, I’m saving up for Illustrator as you have really encouraged me to use it as I like the stuff you do with it.

  • http://www.igeek.info asp_funda

    That’s really cool Corrie, thanks. Till now I’ve been just a Photoshop user but with the Illustrator tuts you are turning up, I think that I’ll start painting the town red in it. ;)

  • http://www.pixeladdiction.com PixelAddiction

    Illustrator is king and so are the tips! Thank you. And put the skills to good use at our site. We’re offering a free Wacom Graphire tablet for our Halloween contest.

  • spags

    great tips! thanks …

  • spags

    how did you import it? I saved this as EPS in illustrator 10 , then opened the EPS in Photoshop 7.

  • Peter Witt

    Nice & simple tutorial to recreate the edge effect. Spags, you either have to change your settings in Illustrator to ‘preserve paths’ and then copy it to Photoshop – OR – convert the object to a Compound Shape and Export to a PSD file. It will be in the file as a Work Path, so it’s much more flexible.

  • Jono

    Good tip, well worth knowing for college project. Thanks

  • Sarah

    Thank you for taking the time to post handy tutorials like this for people like. It is very much appreciated!

  • Bob

    Exactly what I needed today! Thanks!