How to Create a Rubber Stamp Effect in Adobe Photoshop

Final product image
What You’ll Be Creating

In this tutorial, I will show you how to create a realistic rubber stamp effect in Photoshop. Turn any photo into a rubber stamp in just a few quick steps.

The rubber stamp effect is a part of Rubber Stamp Photoshop Generator from my portfolio on Envato Market.

Rubber Stamp Photoshop Generator
Rubber Stamp Photoshop Generator

Tutorial Assets

The following assets were used during the production of this tutorial:

1. How to Create the Grunge Paper Background

Step 1

Create a new 850 x 550px document. You can, of course, use another size for your PSD file, but you have to proportionally adjust all the sizes used in this tutorial. 

Add the Grunge Stained Paper Texture in a new layer. 

Create Grunge Stained Background Texture in Photoshop

Step 2

Go to Layer > New Adjustment Layer and add a Gradient Map adjustment. The colors used for the gradient map are #7a6849 and #fffbf7.

Change Background Color in Photoshop with Gradient Map

2. How to Create the Rubber Stamp Shape

Step 1

Pick the Ellipse Tool. Keep the Shift key pressed while you draw, to create a perfect round circle. Call this layer Circle 1.

Draw a Circle in Photoshop

Step 2

Hit Command/Control-J to duplicate the Circle 1 layer three times, and call the layers Circle 2Circle 3, and Circle 4.

Duplicate Layers in Photoshop

Set the Fill of the Circle 1 layer to 0% and also add a Stroke of 6 px, color #000000.

Add Stroke in Photoshop
Draw Circle Shape in Photoshop

Step 3

For the Circle 2 layer hit Command/Control-T to scale the shape. Make sure to click on the Maintain Aspect Ratio button and set the scale to 95%.

Resize Layer in Photoshop

Set the Fill of the Circle 2 layer to 0% and also add a Stroke of 4px, color #000000.

Set Layer Styles
Draw Circle in Photoshop

Step 4

For the Circle 3 layer, hit Command/Control-T to scale the shape. Make sure to click on the Maintain Aspect Ratio button and set the scale to 75%.

Resize Layer in Photoshop

Set the Fill of the Circle 3 layer to 0% and also add a Stroke of 6px, color #000000.

Set Layer Style in Photoshop

Draw Circle in Photoshop

Step 5

For the Circle 4 layer, hit Command/Control-T to scale the shape. Make sure to click on the Maintain Aspect Ratio button and set the scale to 75%.

Resize Layer in Photoshop

Set the Fill of the Circle 4 layer to 0% and also add a Stroke of 4px, color #000000.

Set Layer Style in Photoshop

Draw Circle in Photoshop

Step 6

Download the Circle Photoshop Shapes and load the CSH file in Photoshop. Go to Edit > Preset Manager and choose Preset Type > Custom Shapes. Click the Load button to load the CSH file. 

Set the Foreground color to #000000. Pick the Custom Shape Tool and make sure you have the Defined Proportions option checked. For this tutorial, I used shape no.17, but you can use any shape you like. 

Circle Photoshop Custom Shapes

3. How to Add Text on the Rubber Stamp

Click on the Vector Mask Thumbnail of the Circle 3 layer. Pick the Horizontal Type Tool and move directly over the circle path. The cursor will change to an I-beam with a dotted wavy line through it. 

I used the Intro font and color #000000 for the text. You can use another font type and another color.

Add Text on Path in Photoshop

4. How to Create the Photo Stamp Effect

Step 1

Add the Man Portrait stock image on a new layer. 

Add Stock Image in Photoshop

Step 2

Keep the Control key pressed and click on the Vector Mask Thumbnail of the Circle 4 layer to make a selection.  

Create Selection From Layer in Photoshop

Click on the Add Layer Mask button from the Layers tab to add a mask for the Man Portrait layer.

Add Layer Mask in Photoshop

Layer Mask in Photoshop

Step 3

Make sure the Foreground color is set to #000000 and the Background color is set to #ffffff, otherwise the next photo effect will not look right. 

Go to Filter > Sketch > Stamp and set the Light/Dark Balance to 4 and the Smoothness to 1.

How to Use Stamp Filter in Photoshop

Create Rubber Stamp in Photoshop

Step 4

Open the Layer Style window of the Man Portrait layer. The Blend If sliders are at the foot of this dialog. Use the sliders called This Layer to remove the white color. Simply drag the right slider to 180 to hide the white color.

Blend If Photoshop Layer Style

Right-click on the Man Portrait layer and choose Convert to Smart Object

Rubber Stamp Effect

5. How to Add a Grungy Effect

Step 1

Select all the stamp layers (the Circle layers, the Text layer and the Man Portrait layer), right-click on the layers, and choose Convert to Smart Object.  

Add a Layer Mask to the Man Portrait Smart Object. Pick the Brush Tool and set the Brush Size to around 800 px. Also set the Foreground Color to #000000. Use the Grunge Photoshop Brushes to create grungy stamp effects; use different brushes. 

Grunge Photoshop Brushes

Step 2

Create a new layer and call it Stamp Lines. Pick the Brush Tool and from the Rubber Stamp Photoshop Brushes, use the stamp-lines brush. 

Stamp Line Photoshop Brushes

Add a Layer Mask to the Stamp Lines layer. Again, use the Grunge Photoshop Brushes to create grungy stamp effects and also to hide some parts of the stamp lines that cover the stamp. 

Stamp Line Photoshop Brushes

6. How to Create a Multi-Colored Rubber Stamp

If you want to create a multi-colored rubber stamp, you can add a Color Overlay layer style to the Man Portrait Smart Object using color #d9a4ae, or you can add different colors for the layers inside the Smart Object

Multi Color Rubber Stamp in Photoshop

For the final touches, create a new layer and call it Old Envelope Stamp Brushes. You can use the Old Envelope Stamp Brushes to add a realistic old envelope effect. Use color #b24659 and color #b24659 to add different stamps. 

Old Envelope Stamp Brushes

Congratulations! You’re Done!

In this tutorial, you’ve learned how to create a rubber stamp effect in Photoshop from scratch using brushes and textures. I hope you’ve enjoyed this tutorial. 

How to Create a Rubber Stamp in Photoshop

The rubber stamp effect is a part of Rubber Stamp Photoshop Generator from my portfolio on Envato Market.

Rubber Stamp Photoshop Generator
Rubber Stamp Photoshop Generator

{excerpt}
Read More

Leave a Reply

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