Tutorial Details
- Program: Adobe Photoshop CS4+
- Difficulty: Beginner
- Estimated Completion Time: 5 - 10 Minutes
Download Source Files
Final Product What You'll Be Creating
Burn and Dodge are very powerful tools that you can use in Photoshop to create a great number of things. In today’s quick tip tutorial we will demonstrate how to create a wrinkled sticker in Photoshop using these fantastic tools. Let’s get started!
Step 1
Create a new document. Make it 600px by 400px.
Step 2
Fill the background with #282828. Then, place a stone texture onto a new layer and place it above. Set the blending mode to Overlay. You can download "stonetexture5.jpg" from the Stone Texture Pack. Choose File > Place.
Step 3
Now, let’s create the sticker. Create a round edged rectangle using the Rounded Rectangle Tool. Set the corner radius to about 12px and set the color to #ebebeb.
Step 4
Next, you need to transform the shape, but you need to rasterize it first. Select Layer > Rasterize > Shape. Once this is done, select a part of the sticker using the marquee tool (M) and rotate it a bit using Cmd/Ctrl + T. You might need to adjust the position a bit using the arrow keys to fill any gaps that may have been created.
Step 5
Use the Smudge Tool in various sizes and strengths to create some irregularities in the sticker. Tip: Try to use some hard brushes and high values of strength for best results. Otherwise, it could become too blurry. A similar result can be achieved using the Liquify Filter, but smudge is a bit faster. What we are trying to do here is create a major fold in the center as shown in the example below.
Step 6
We are now ready to add some shadows and highlights to add some realism. Using the Burn Tool, draw some lines on the right side of the bump. It doesn’t have to be perfect; imperfections will only make it look more realistic. Feel free to adjust the size of the brush to create varied results.
Now, do the same with the Dodge Tool.
Use the same technique to create some more wrinkles as shown.
Step 7
To add a bit of depth, add a slight Drop Shadow and a subtle Bevel as shown.
Step 8
To make the sticker a bit more crisp, make a copy of it and clear the layer styles. Go to Layer > Layer Style > Clear Layer Style. Then, select Filter > Other > High Pass. For those who don’t know much about High Pass filter, it’s a filter that accentuates the dark/bright edges.
Set it to about 2%. Place the layer above the sticker and set the blending mode to Overlay.
Step 9
What’s great about this technique, is that the text is quite easily customizable. For this quick tip, I used Trade Gothic Lt Std Bold, it’s a well proportioned gothic font that’s great for titles. Make it about as big as the sticker, depending on the word you choose, it should be around 75pt. Set the color to #393939.
Step 10
When placing your text layer, try to place a letter right in the middle so that it will bump with the folded area. You should rasterize your text before transforming.
Step 11
Using the same method as the sticker, dodge and burn some areas and smudge the letters around the bumps to make them look displaced.
Step 12
To add some texture, you can paint on some grunge with a grunge brush. There are plenty available on the web.
Step 13
Now let’s add a vignette effect. To do this, create a new layer, fill it black and draw an elliptical shape with 150 px as feather value.
Then, press Delete a few times to get rid of the center, 2-3 times should be enough.
Final Image
That’s it! We’re finished! I hope you enjoyed it!
Enjoyed this Post?
Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!
By Antoine Hallé
Join our newsletter!
Create a Tutorial, Get Paid!
Have something to teach the world? Want to earn money doing it? Tutorials, screencasts, and articles published here on Psdtuts+ are largely contributed by readers just like you! We'll pay you great money for good content. Find Out More
The result is really cool. I have an idea for how to use it already!
this is really awesome!!! would definitely try it.
That’s a VERY VERY handy technique. Wow….
the title of this alone made me laugh out loud at work..great..i mean..awesome tut!
This looks good, but for an easier way to make the text go on top of the sticker you could use displacement-map..
For sure. A displacement map will probably look a little crisper too. The smudged areas of the ‘S’ stand out and detract slightly from the overall image but if you put that aside, it’s quite cool :) Will give this a try using a displacement map at some stage.
I believe it would be great, but I’m not too familiar with these tools yet. I guess it’s almost the same as 3D softwares’ displacement maps ? Anyway, sounds like a good idea, I might take a look more closely.
Looks great! Are the blue text bubbles part of a screenshot app? or just manually added to the screenshots? Thanks!
These are manually added in photoshop, yes.
And you’ll want to be more careful than the tutorial shows with your brush technique on the letters. The places in which it was brushed really stand out along the letter “S” (unless that is what you were intending to show how to do it…)
Very nice Tutorial, thanks for sharing
nicely explained tut even a newbie can try out, thanks for the share
thanks for this useful Tutorial, already search for something like this.
The sticker came out pretty nice. When you used the burn tool to make the wrinkle in the middle, did you just brush straight down by hand?
great tut. i’ll try it. thanks for share :)
Brilliant tut! Iv’e learnt something here. Thank you
Great tutorial! However, I can’t seem to be able to use burn on the text without disabling protect tones :\
Very nice !! I will use it for my work :D
Thanks for a great tut. Being a noob, I really appreciate the screen shots and highlights of settings and buttons. I also learned some simple yet really cool techniques.
Nice turorial
I learnt briliant tut here. thanks alot for this tut and hope to put a great tuts as usual
ShaKeeB was here
Very cool, I wouldn’t have thought of using the smudge tool. Another way to create the distortion on the text is to use the sticker layer as a displacement map for the text layer, then also copy the sticker layer, move the copy above the text layer, and then change the copy’s blending mode to hard light. Also make the sticker copy layer black and white and play with the brightness and contrast/curves. Could save some time if you’re in a pinch.
this is great work i really apreacaite your great work
Thanks……….For the Sharing!
awesome!! really useful :)
Awesome…………..
I love psdtuts but I haven’t done a tutorial so I thought I would start with this one.
It was very straight forward, easy to follow, and I came out with a cool result. I used it for my 365 album cover project http://bit.ly/9EH1du
Great, I see it worked fine for you, the result is impressive.
easy to follow ,i will do it later.
that’s an awesome effect! The Burn tool and the dodge tool can make such subtle shadow effect. amazing.
Love the tutorial –
not missing the point
BUT
Can you tell me how you did the lovely blue arrows on the tutorial?
You can easily achieve the same result with illustrator or photoshop to create those arrows, I used illustrator for these some time ago for another project.
I adore this technique, you can make things look so awesome easily.
Thank you so much for sharing this..!
Here is my outcome:
http://tweetphoto.com/28443380
great tutorial!
Adorei esse tutorial.
Vejam minha versão:
http://felipegenuino.com/blog/portfolio/design-grafico-001/
Abraços a todos
Hey, the same effect ( one u created with burn and dodge to create folds) can be done with liquefy.. Add a gradient black-white and liquefy, find edges and u have it..
Great tutorial, I’ve never thought it could be so easy…this effect is great…
That was fun! Just finished this all the way through. The only thing that I missed and didn’t get the same effect on was the smudge of the word at the end. Came out a little crappy.
Plus in the beginning when you placed the image5.jpg – Mine didn’t blend the same way as yours, not sure what I did wrong there.
Overall that is pretty cool, never really had the use for dodge or burn, but now I know.
thanks. it really helped me allot. i just got started with photoshop and theese tutorials are really good for nwebies like me xD. also great effect to use as an avatar for im services etc..
Nice tutorial for beginners like me. I had a little trouble doing step 11 because it’s hard for me to have sense to see how the effect will come out. Didn’t finished it yet but surely, i’ll keep trying…
very nice outcome.
didnt know you can create a depth with such easy methods like the burn and the dodge tools
thanks for sharing
Wow that looks really good thanks for your share, very nice tutorial.
Thanks. Great tutorial.
If anybody can help me, im trying to rotate the rectangle but is like i duplicate the part im marking with the marquee tool, i hope i explain myself.
good work!
Really “awesome” tutorial. I like the cleanness of your tutorials as well, very easy to follow
Thanks
Thank you! That was fun! I made my own stone brush from one of my DSLR pics and from your tut I learned how to create a vignette and added new tools to my arsenal with your awesome color burn/dodge techniques and selection techniques. Hooray! :) (p.s. Hooray is the word I initially used in this but couldn’t get it to center).
So here’s mine: http://twitpic.com/27qd2j
love this tutorial…..
Awesome tutorial tried it myself followed the instructions and it came out looking great. so much I have it as my desktop background.
This was an interesting tutorial. Really great effect and easy to follow.
Mine is here – http://yoitsmarketti.deviantart.com/#/d30af5q
Suggestions appreciated!
it help me a lots thaks man
Simple but awesome tutorial!
Thanks
Wow~ it’s very awesome-
Cool！