Photoshop Tutorial: Create a rubber stamp

I’ve just been working on a website where I wanted to have a few elements that looked a little old and worn. For one part of the design I created a rubber stamp in Photoshop and these are the steps I took to make it.

1. Start with a new file 500 x 500 pixels with a white background.

2. Select the Ellipse tool from the toolbox. It may be hidden underneath the rectangle tool.


On the tool options bar at the top of the screen, make sure that “paths” is selected.


3. Drag out a circle and hold down Shift as you drag to get a perfect circle.


4. Select the Type tool. When you run your mouse over any part of the circle path you have just drawn, you’ll notice that the cursor changes to the I bar with a wavy line through it. This tells us that we can now add some text on this path.


5. Click on the path and add some text. I used a font called Artistamp which can be downloaded free from Harolds Fonts (http://www.haroldsfonts.com/frontpage.html) . This font is great because it already looks quite old.

6. As you type, your text will now appear around the circle. If you find that your text is too large, highlight it and change the font size value in the tool options bar.


7. When you’re finished typing, click on any other tool or the correct mark on the tool options bar to commit.

8. Create a new layer on top of the text layer. We’re going to add a couple of circles in here in a few moments.

9. Open up the paths palette. You’ll see that there is a path named after whatever you have just typed.


10. Make a duplicate of this path by clicking on the path name and dragging it down to the “Create New Path” button at the bottom of the palette. You will now have two circular paths.

11. Click on the new circle you have just created (probably called Path 1). Then choose Ctrl + T (windows) or Cmd + T (mac) to free transform the circular path.

12. Hold down Shift AND Alt (windows) or Shift AND Option (mac) and drag one of the corner points out so that the circular path becomes larger than the outside of your text. Holding down Alt or Option ensures that the circle is enlarged from the centre. Hit Enter or Return to apply the transformation.


13. In the toolbox select the Paintbrush tool. Set the foreground colour to black and set the brush tip to be Round and about 5 or 6 pixels.

14. In the paths palette, click on the Stroke Path With Brush button. You should now have a black line around the outside of the text.

15. Repeat steps 10 – 13 but this time make the second circular path smaller and use a thinner brush stroke (around 3 pixels), so that it looks something like this:


16. Ok, to add a bit of interest to the centre of the stamp I’m going to bring in my little house logo on a new layer. You can bring in any image you want, to make it part of your stamp.


Needless to say, the house looks a bit too new and a bit too colourful, so we’ll break it down a bit.

17. With the house layer selected, choose Image > Adjustments > Threshold. The layer changes to black and white and by dragging the slider you can get different effects. For this example, I dragged the threshold level to 78 so that I could see a little bit of detail in the house. Click Ok to apply the settings.


18. It’s starting to look the part now, but is still a little bit too new looking. Create a new layer at the top of the stack and choose Filter > Render > Clouds. Then choose Filter > Noise > Add Noise. I added about 20%


19. In the layers palette, select the cloud layer you have just created and set the blending mode to Screen. Your stamp should look a little more authentic now.


Optional Steps:

1. Flatten the whole image by choosing Layers > Flatten Image. The double click on the background layer. This will open the New Layer dialog box. Click OK to accept Layer 0 as the new name. The background layer is now unlocked and you can rotate the stamp image. Hit Ctrl + T or Cmd + T to Free Transform the layer. Drag NEAR one of the corner handles to rotate the image. Hit Enter or Return to apply the transformation.


2. If you want to add some colour to your stamp, choose Image > Adjustments > Variations. This opens the variations dialog box and from here you can choose to add More Yellow, More Red, More Green and so on. Just click on the thumbnail to add more of that colour.


For my final stamp, I added more red and made it a little darker. And the result is here:


Phew. That was a lot of typing for a little stamp!


33 comments

  1. jennyrusks says:

    Hi Vikram, thanks for visiting. As well as my site (of course!), some other great Photoshop tutorial sites are:

    http://www.pslover.com
    http://www.photoshopsupport.com
    http://www.photoshopstar.com

    Hi Resetblog. Do you mean using brushes is the new way to design? I think they can certainly be used as an element of design alright, but there are some other basics required too…

    Hi Sera
    Yes, they are great brushes and I like how you’ve used them on your blog.

  2. Ryan Price says:

    Hey Jenny,

    Just wanted to let ya know that your RSS feed seems broken the last couple days

  3. Randa Clay says:

    I knew I’d come back to this post. I’m working on a header right now that this is perfect for! Thanks for always posting such great stuff. I am such a Photoshop noob, so these things really help me out.

  4. Tiffani Drew says:

    Jenifer, Thank you for your very didactic site
    You are wonderful to share your knowledge and experience, you are indeed very wonderful

  5. Sherif says:

    great tutorial for using paths to create circular text, I just have a problem, why is Stroke Path With Brush button disabled while trying to use it ?

  6. Deepa says:

    Great post.. but.

    I too have the “disabled stroke path” problem.
    I am trying to draw a fuse wire from a bomb.. for the fuse , i have used pen tool to draw the curvy path. Now i just display the path as a curved line. I guess this is possible only by using stroke path.. or is there any other alternative.

    Do i have to disable/ enable any other tool so that the stroke path (path pallete – right click) is enabled.. i am still learning my curves

    Please help
    Deepa

  7. jason says:

    Those having issues with the ‘stroke path with brush’ being disabled, try to make a new layer, and see if that works.

    Thanks for the tutorial! I made a great stamp!

  8. Tracy says:

    Hi…Great tut..very helpful for a project I’m working on…
    One questions:
    If I want to place a solid object below this stamped-effect object, it is rendering the clouds over everything underneath it. I’ve tried putting it in it’s own group..but no difference.
    How can I get the clouds & noise to only affect the elements I want it to affect?

    Thanks

  9. Jairo says:

    Awesome tutorial, the best among a ton of tutorials on rubber stamp effect in Photoshop.

    Thanks a lot!

  10. Jennifer says:

    Hi Tracy
    You could try making the stamped effect object, duplicate the image and flatten it and then put the solid object underneath so that the stamp is a distinct image by itself. Hope that helps a bit.

  11. vijay says:

    i use PS7, does this tut work on PS7 ?? cuz whenever i try to creat path …iy just dont work on my canvas, it simply draws a plain circle, it wont create path, why so ?? what ‘ld be wrong ?? or this tut wont wonk on PS7 ??

  12. John says:

    Hello Jenny.

    Awesome tutorial. I had no problems at all and it was very well explained and easy.

    But because I’m new to Photoshop… is there a way for the stamp to have a transparent background in case I want to add it to an image for example?

    Thanks in advance.

  13. Jennifer Farley says:

    Hi John

    If you set up your stamp so it is NOT on the background layer i.e. Make a new layer when you’re starting, then when you’ve completed your stamp, turn off the visibility of the background layer. You will see the grey and white checkerboard effect. Now you can save your file as a GIF or a PNG with transparency.

  14. roy says:

    this tutorial help me a loooottt..
    i CTRL+T’ed this webpage.. hehehe..
    sound familiar..?
    Thanks again

  15. Satomi says:

    Hello Ms. Farley,

    This looks like a great post as usual, but it seems like the link to the image is broken. If you could restore the link, that would be great. Before I go through the tutorial, it would be nice to see the result.

    Thank you for sharing your knowledge.

    Satomi

  16. Francesco says:

    It also seems the font you mentioned is no longer free ($19.95 at Font Bros, linked from Harold’s Fonts)

Comments are closed.