• Home
  • Community News
  • Advertise
  • Contact

  • Popular
    • Image Galleries
    • Tooltips
    • CSS3
    • Navigations & Menus
    • Website Optimization
    • Forms
    • Charts
  • Scripts
    • jQuery
    • MooTools
    • Javascript
  • Free Icons
  • Web Design
    • Photoshop
    • CSS
    • Flash
    • Open Source
  • Online Tools

Blog - Latest News

  • Follow us on Twitter
  • RSS

Photoshop Tutorial: How to Create Stamp Image

10 Comments/ Category: Photoshop / Tags: Tutorials / Save - 34 Saves

This tutorial shows you ‘the easiest way’ to create a stamp image with Photoshop. There is also a Free Photoshop action by PanosFX with the similar effect.

Download source file – Photoshop CS3

photoshop_stamp_tutorial_final.jpg

1. Create a new 260 x 190 px document with white background, create a new layer and hit the ‘Add a Layer Mask’

image000.jpg

2. Hit the ‘U’ key to select the Rectangle Tool, select Paths in the Options Bar

image001.jpg

and draw a box like the image below.

image002.jpg

3. Hit the ‘B’ key to select the Brush Tool, hit the ‘F5′ key to open the Brushes Palette. Adjust the settings for your image size – in our case diameter – 16px and spacing – 135% should be OK.

image003a.jpg

4. Make sure that foreground color is black

image011.jpg

and select the Paths palette, hit the ‘Stroke path with Brush’, and ‘Load path as a selection’

image004.jpg

Change the view to Layers tab. Deselect Layers Mask by clicking on Layer thumbnail.

image005.jpg

5. If not already selected, set the foreground color white, select the Paint Bucket Tool and fill the selection. There is nothing to see at the moment as background color is also white.

image006.jpg

image007.jpg

6. Double click on Layer thumbnail to open Layer Style properties and apply Drop Shadow effect like the image below

image008.jpg

Now we finally see our stamp

image009.jpg

7. ‘Control + D’ to deselect selection, add new layer and place in stamp image. That’s it!

photoshop_stamp_tutorial_final.jpg

Enjoy!

← IzzyMenu – Create professional CSS/DHTML Menu (previous entry)
(next entry) Password Strength Checker →
Related Posts
3d text tutorial Create a 3D Flowery Text Effect
Photoshop Stickers: 16 web 2.0 style stickers
Photoshop Tutorial: Creating HDR Images in Photosh...
Comments

10 Responses to Photoshop Tutorial: How to Create Stamp Image

  1. Smith says:
    March 17, 2008 at 5:06

    Nice …

    Reply
  2. Morkof says:
    March 18, 2008 at 8:22

    Thanks, beautiful effect and nice tutorial :)

    Reply
  3. Jermayn Parker says:
    March 18, 2008 at 4:50

    Easy as but an even easier option would be for a brush or mask plugin that would do it for you….

    Reply
  4. gaby says:
    November 12, 2008 at 9:07

    bonjour, j’ai essayé de mettre en application mais je ne peux pas choisir l’espacement comme indiqué dans la rubrique n°3 ci-dessus , je n’ai pas non plus dans la palette calque – layer 1 et background – qui apparaissent : j’ai la version CS 2
    merci

    Reply
  5. James Lowell says:
    November 13, 2008 at 11:39

    i block at the paths pallette i cant see the picture there and i the stroke path cant be click

    Reply
  6. fodkito says:
    January 11, 2009 at 1:07

    muchas gracias, al principio me costó enterarme de la explicación.. que podría ser un poco mejor, per obueno, saludos!

    Reply
  7. fatim says:
    June 4, 2009 at 5:11

    oui c effectif et merci de vous aide

    Reply
  8. Frankenstine says:
    December 12, 2009 at 11:36

    Thank you. Great post

    Reply
  9. Tutorial Next | Photoshop and More says:
    February 11, 2010 at 6:29

    very smart way to use the photoshop tools

    Reply
  10. chris says:
    January 5, 2012 at 4:50

    Dear sir,it is unfortunate i try this method even on how to make my own clone stamp and it didn’t work,plz advice

    Reply

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply Cancel reply

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

*

*

Flash components
  • Flash Components
  • Banner Rotator
  • 3D Carousel
  • Flash Gallery
Popular
  • Out of bounds - Photoshop action effectPhotoshop actions: 124+ Free Photoshop Actions to Boost...February 27, 2008, 1:00 pm
  • 10+ Free Magazine WordPress Themes to Choose FromMarch 7, 2008, 4:30 pm
  • flash polaroid gallery20 Free Flash Gallery Solutions for Your ImagesJuly 30, 2008, 12:40 pm
  • Free Flash accordion menus navigationsAccordion Style Flash MenuMarch 3, 2008, 11:26 pm
  • HurriyetotoCreative Minds – The Most Stunning Shopping Bag D...September 17, 2008, 3:04 pm
  • Powerfull List of 28 Online Image and Photo Editing Too...April 1, 2008, 6:11 pm
Recent
  • 1700+ Royalty-Free Stock Images for only $14March 27, 2012, 2:01 pm
  • 28 Social media PSD buttons28 Social Media Buttons with PSD Source – TabIcon...April 24, 2011, 3:38 pm
  • Free vector graphics - VectorFinder.comVector Finder – Free Vector Art & Stock Vector...April 23, 2011, 4:19 pm
  • Pure CSS3 gradient buttonsScalable CSS3 Gradient ButtonsApril 21, 2011, 6:49 pm
  • JavaScript - easily drag and drop table rowsDrag & Drop Table Rows with JavaScript – REDI...April 21, 2011, 7:38 am
  • jQuery image slideshow plugin - SkitterAttractive Effects with jQuery Slideshow Plugin – Ski...April 20, 2011, 11:16 pm
Comments
  • Try this link: November 26, 5:25 pm by Ivan M.
  • Where do i get the jQuery library, s3Slider javascript...November 26, 5:25 pm by Tarun Agarwal
  • Agree, for $14, there are more then enough good images...March 27, 2:01 pm by Ivan M.
  • Hey, nice set of photos. Some of them are not very useful,...March 27, 2:01 pm by Will
  • Go to the linked content: campaignmonitor.com/templates/...November 4, 8:21 pm by Ivan M.
  • I don't see where at the bottom of the page you can download...November 4, 8:21 pm by Alison Yung
Tags
Accordion Ajax scripts brushes Charts Colors CSS3 css framework css layouts css techniques css templates Date-Pickers effects Font Forms Freebies Free Flash Free Icons Gallery Graphs HDR HTML5 iPhone Javascript Lightbox Menus Online Tool PHP prototype PSD Rating Systems Scriptaculous Scripts Tables Textures Toolbox Tooltips Tutorials Twitter Typography vectors Web Applications Website Optimization wp news WP Themes xhtml
117Follower2797Subscribers

Categories

  • Advertising
  • Community News
  • CSS
  • Design Toolbox
  • Devtools
  • Flash
  • Fonts
  • Graphics
  • Icons
  • Javascript
  • jQuery
  • MooTools
  • News
  • Online Tools
  • Open Source
  • Other
  • Photoshop
  • Site Review
  • WordPress

Community News

  • Easter Egg Icons

    25 Easter Egg icons for all most popular social networks. Available in following sizes: 128×128, 96×96, 72×72, 64×64, 48×48 and…

  • 50 Free Vector Social Icon Badges

    A Photoshop PSD Vector Social Icon Set with 50 modern icons.

  • Creative Business Card Designs: 100+ Business Card Design Inspiration

    Creative business card designs are cards bearing business information about a company or individual. They are shared during formal introductions…

  • 31 Fresh and Useful Photoshop Tutorials

    Today we have compiled a great collection of awesome, useful and totally fresh photoshop tutorials.

Add News

Pages

  • Advertise
  • Archive
  • Community News
  • Contact
© Copyright - Visual-Blast Magazine
  • Follow us on Twitter
  • Subscribe to our RSS Feed