Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
June 14, 2018 07:10 am

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 Generatorfrom my portfolio onEnvatoMarket.

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 new850 x 550pxdocument. 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 theGrunge Stained Paper Texturein 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#7a6849and#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 Shiftkey pressed while you draw, to create a perfect round circle. Call this layer Circle 1.

Draw a Circle in Photoshop

Step 2

HitCommand/Control-Jto duplicate theCircle 1 layerthree times, and call the layersCircle 2,Circle 3, andCircle 4.

Duplicate Layers in Photoshop

Set the Fillof the Circle 1 layer to 0% and also add a Stroke of6 px, color#000000.

Add Stroke in Photoshop
Draw Circle Shape in Photoshop

Step 3

For the Circle 2 layer hitCommand/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 theFillof theCircle 2layer to0%and also add aStrokeof4px, color#000000.

Set Layer Styles
Draw Circle in Photoshop

Step 4

For theCircle 3layer, hitCommand/Control-Tto scale the shape. Make sure to click on theMaintain Aspect Ratiobutton and set the scale to 75%.

Resize Layer in Photoshop

Set theFillof theCircle 3layer to0%and also add aStrokeof6px, color#000000.

Set Layer Style in Photoshop

Draw Circle in Photoshop

Step 5

For theCircle 4layer, hitCommand/Control-Tto scale the shape. Make sure to click on theMaintain Aspect Ratiobutton and set the scale to75%.

Resize Layer in Photoshop

Set theFillof theCircle 4layer to0%and also add aStrokeof4px, 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 Managerand choosePreset 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 theVector Mask Thumbnail of theCircle 3 layer. Pick the Horizontal Type Tooland move directly over the circle path. The cursor will change to anI-beam with a dotted wavy linethrough it.

I used the Intro font andcolor#000000for 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 theVector MaskThumbnail of the Circle 4layer 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 theMan Portraitlayer.

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 > Stampand 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. TheBlend Ifsliders are at the foot of this dialog.Use the sliders calledThis Layerto remove the white color. Simply drag the right slider to 180 to hide the white color.

Blend If Photoshop Layer Style

Right-click on theMan Portraitlayer and choose Convert to Smart Object.

Rubber Stamp Effect

5.How to Add a Grungy Effect

Step 1

Select all the stamp layers (theCirclelayers, theTextlayer and theMan Portraitlayer), right-click on the layers, and chooseConvert to Smart Object.

Add a Layer Mask to the Man Portrait Smart Object. Pick the Brush Tooland set the Brush Size to around 800 px. Also set the Foreground Color to #000000. Use theGrunge Photoshop Brushesto 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 Brushesto 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 theManPortrait Smart Object using color#d9a4ae, or you can add different colors for the layers inside the SmartObject.

Multi Color Rubber Stamp in Photoshop

For the final touches, create a new layer and call itOld Envelope Stamp Brushes. You can use the OldEnvelope 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 ofRubber Stamp Photoshop Generatorfrom my portfolio onEnvatoMarket.

Rubber Stamp Photoshop Generator
Rubber Stamp Photoshop Generator

Original Link:

Share this article:    Share on Facebook
No Article Link

TutsPlus - Design

TutsPlus+ is a blog/Photoshop site made to house and showcase some of the best Photoshop tutorials around.

More About this Source Visit TutsPlus - Design