7 Turn your Photos into Digital Stamps - a Tutorial


Make digital stamps (line art) from your own photographs!  I used one of my own images for this tutorial! =)  If this tutorial looks familar it's b/c I made it a long (looooong) time ago and posted it to my personal blog.  I thought perhaps it should be revived and updated as a Tiffany Doodles Tutorial!  Hope you'll find it useful!


photoshop line art tutorial - AFTER

For this tutorial I'm using Photoshop CS5, but this lesson should work with most any version.  Best of all you don't need any 3rd party plugins or filters, you use only basic filters that come with Photoshop. (I'm not sure about Photoshop Elements b/c I've never used it) This tutorial can work on most any type of photo, depending on what type of digital image you want to achieve. You can either isolate an object from a photo (like below) or, use the entire photo as a "scene" for a digital stamp image.

1. Let's start by isolating your object from the background of the image. Use your pen tool to create a new work path and select your object.



If you need help using the pen tool do a google search for a "photoshop pen tutorial". Depending on your image there are other ways of selecting your object; such as selecting by color range. I find it easier to zoom in really close to select your image with the pen tool. Use your space bar to pan around the image as needed. Depending on the detail of your image this step could take a while, but will be worth it in the end! Here you can see my selection path!  When you have a high contrast from object to background you can use your magnetic lasso tool and it will automatically grab the sides! Very cool!



2. After you have selected your object (by connecting the last dot to the first dot!) Then Save Your Selection as a New Path by dragging your "new path" on the palette down to the "create new path" icon at the bottom of your Path palette. It will name itself Path 1.

 





3. Next, Convert Your Path to a Selection by clicking the dotted circle icon at the bottom of your palette.



4. Then go back to your layers palette and hit "cmd/ctrl J" to duplicate your selection.

Name this layer "flower". (1)

Then create a new layer below the flower layer and fill with white. (2)





5. Now, you need to desaturate your image, that means remove all the color. At the bottom of your layers palette click the New Adjustment Layer icon (the half full moon). Click "Hue/Saturation" and slide the Saturation slider all the way to the left. This will make your image look black and white.




6. Your image may seem rather flat, so lets Add Another Adjustment Layer with levels to increase the contrast. Selects "Levels".



On the levels dialogue box the left black slider represents your shadows. The right white slider are your highlights. The middle grey is for your midtones.

I moved my shadows closer in to where the shadow information starts on the scale. I did the same with the highlights moving to the left ▼



Look at your own image and decide what looks best.


This will make better end results with the boost in contrast.

7. Let's put this new grayscale image on it's own new layer.

Hold Cmd/Ctrl and hit your flower layer (the image part of the layer) and that will automatically select what you have on that layer.

Then do a Cmd/Ctrl + Shift + C and copy merge everything that is selected.

Then do a Cmd/Ctrl + V and paste and it will automatically paste onto a new layer. Be sure it is above all other layers.

You can name this new layer: "gray flower" or whatever you would like!! Your Layer palettes should look something like this ▼



Okay, lets start making this thing look like a stamp!! Now the real fun begins!

8. While you are still on the "gray flower" layer apply the "Smart Blur" filter.

Filter>Blur>Smart Blur

Set the Quality to High and the Mode to Edge Only.



These are the settings I used (above). You adjust your settings to fit your own image. Watch your image as you move the sliders.


Looking cool, huh? Now let's invert the image!

9. While still on the "gray flower" layer go to Image>Adjustments>Invert


Eeewww, groovy baby!! Stay on that gray flower layer, don't leave it yet!

Now, let's apply a black stroke to the flower!

10. Click on your Layer Styles icon at the bottom of your layers palette. (fx)



I used these settings below, but you adjust for your image!



Getting closer! Now let's define the edges just a little bit more! (still on the gray flower layer).

11. Filter>Artistic>Poster Edges



Nice! Now let's go the extra mile and make it awesome!

12. Let's apply the Cutout filter: Filter>Artistic>Cutout

These were my settings but you adjust for your image!

Remember every single image you ever do will be different!



Don't worry if you see lots of jiggly lines everywhere.  You can clean up the image as much as you'd like.  You can just erase them by using a white paintbrush as I did on the image below (on a new layer in case you mess up!)

Tweak it as much as you want to!

Finished Image ▼


I hope you learn something from this tutorial! I'll be doing more photoshop tutorials in the near future so stay tuned!

I would LOVE to hear your feedback on this tutorial!!  Did you learn something? Do you wanna try it for yourself?  Did you try it and wanna show me something?

7 comments:

Laura Jane said...

THanks for this TUT!
I will give it a go soon.

Anonymous said...

Very cool! Thanks so much for sharing!

Cathy -Mercieschild said...

Thank yoou or the tutorial, that is so awesome, I have PSP and I haven't used it for a while so thank you for this tut to get me back into it. H ugs CathyK

Cleah said...

This is awesome! I'm trying my hands on digital image enhancements and this would be very useful! Thanks so much for sharing. ;)

Katie said...

Wow this is awesome! Thanks a ton!

txexperiment said...

Amazing tutorial. Thanks so much!

Cheryl said...

Wow - this is a really great tutorial. I am going to have to give it a try. Thank you!

Related Posts with Thumbnails

 
Blog Home | Store Home | TD Flickr Gallery | About | Terms | Support | Contact Tiffany
Tiffany's Garden | TLillian Blog Design | Web Design and Photography

Powered by Blogger
Oh, and remember, websites always look better in Firefox!

Wondering about my Blog Design? Long story...
Originally a WordPress Theme Design by New WP Themes | Then made for Blogger by Lasantha | Then totally Re-Designed, Re-formatted & made Pretty by me, Tiffany!