Simple Stamp Effect

featured_image

This one’s real quick and easy! This stamp effect is perfect for adding a bit of texture to your artwork without overdoing it.

Ingredients:

  • Illustrator
  • Photoshop
  • One-colour design to work with [1]
  • Concrete texture
  • Optional: Groovy pattern (Sprinkles & Winks available in our shop—read on for 50% off!)
  • Optional: Rubber stamp for reference (take a look at our stamp if you like)

Method:

First things first

We’re going to kick things off in Ai. Create a decent-sized canvas, approx. 4000-6000px square. We’ll cover why so big in a sec. We’re using the below to play with, but you can use a piece of lettering, an icon, illustration; whatever you want to stampify.

Fig. 01

Fig. 01 – Roughin’ is set in Edmondsans.

Select your artwork and head up to Effect > Distort & Transform > Roughen.... Check out the settings we used below as a guide, but go to town and twiddle those numbers to get a result that works for you.

Fig. 02

Fig. 02 – Selecting Relative can look pretty screwy though, probably avoid that option.

Fig. 03

Fig. 03 – We opted for a relatively subtle amount of roughness—just to allude to ink bleed from a stamp.

You can see it’s looking a little less sterile already. Now we’re ready to throw it into Ps for some texture.

Adding texture

Rubber stamps never lay down a perfect deposit of ink. This, along with the fibres of your paper, contributes to a lovely natural texture that makes stamps so sought after. We’re going to fake this using a photo of some concrete. The rough specks and grooves lend themselves surprisingly well to the task at hand.

A fantastic resource for textures of all kinds is CGTextures.com. Below is the texture we chose:

Fig. 04

Fig. 04

Once you’ve chosen some concrete, fire up Ps and create a nice big canvas ( ⌘N ). Bring in your vector artwork ( File > Place Linked... ), then above it place your concrete image. Holding down Option/Alt, position your cursor over the line dividing your artwork and concrete layers in the Layers tab (You should see this symbol: Clipping). Click, and your concrete layer (which should be at the top) will be clipped to your artwork thusly:

Fig. 05

Fig. 05

Now we’ll desaturate the concrete by adding a Hue/Saturation adjustment, which you can find in the Adjustments tab ( Window > Adjustments ), or by clicking Fig. 04 in the Layers tab. Set the Saturation to -100.

At the moment, the small flecks and marks in the concrete that will make up our stamp texture are the darkest areas in the concrete. We actually want the inverse of this, so select Invert from the Adjustments tab, placing it at the top of your other layers.

Now add a Brightness/Contrast adjustment layer. Punch the Contrast way up into the 90’s (adjust to taste of course), and fiddle with the Brightness to determine the strength of the concrete texture. More Brightness = heavy, crustier texture. Less = subtle, scattered texture.

Fig. 06

Fig. 06 – Your design should be looking a little something like this.

You could almost stop here, but we’re going to add a few more steps that’ll really help to sell the effect.

Ink tends to gather more around the edges of the design on a rubber stamp. This creates an ‘inner-shadow’ effect. To achieve this, right-click on your artwork’s layer and choose Blending Options.... Tick Inner Glow, take a look at the settings we used, and have a play with your own:

Fig. 07

Fig. 07 – Be sure to experiment with the Size slider.

In this screenshot we’ve turned off the Invert adjustment layer so you can see the effect that the Inner Glow has had on the design more clearly:

Fig. 08

Fig. 08 – The layer style appears above the clipped layers, so the Inner Glow appears over the concrete texture.

Finishing Up

Turn your Invert layer back on, and you’re ready for the final touch! In Fig. 03 we roughened up the edges of our design. This was a shout-out to ink bleed, and in this last step we’re going to drive that effect home even further. It’s the same technique as the one we described in our tutorial on creating a logotype (Fig. 16).

With your main artwork layer selected, go to Filter > Blur > Gaussian Blur.... We chose a 6px radius, but this will depend on your canvas size. Choose a value that feels good, step back, and proudly survey your result.

Fig. 09

Fig. 09

Looking good! All that’s left to do now is prepare your file for easy use. At the moment you’ve got a wonderful mess of clipped layers, blurs, adjustment layers and solid backgrounds. We will go into more detail on sweet document management / non-destructive / action-enhanced workflows soon in an up-coming tutorial (subscribe to stay posted), but in short you’re best off a) saving a copy of your stamp effect Ps document, b) flattening all the layers into one c) following the process described in our tutorial on isolating type and d) wrapping this all in an action for easy use next time. Seriously, this next tutorial is going to be a cracker, so subscribe and keep an eye on your inbox!

Adding a pattern

Our type was looking rather lonely all by itself, so to add a little interest we created a pattern—and decided to make it available to you guys in our Shop too! Enter coupon code STAMPTUT on the Cart page to get 50% off Sprinkles & Winks as well as all other paid resources. This offer expires Friday 23rd 2014, so don’t dawdle.

Fig. 09

Fig. 09 – Sprinkles & Winks

You’re done!

Nice work guys. As always, we love hearing from you, so send us any questions, suggestions or comments to [email protected]. If you found this tutorial helpful, share it around with those buttons at the top. Thanks so much for joining us, keep a look-out for more tutorials, interviews, new projects Laura and I are working on and even an Inspiration section coming soon. Exciting times ahead, can’t wait to share them with you.

Hasta luego.

References

[1] You can totally work with multiple colours, you’ll just have to run this effect over each colour individually and put them together, as the process relies on desaturating your artwork.