Create Heavy Distressed Grunge Social Sticker Icon in Photoshop
February 23, 2010 | Thoughts & Words By Nikola Lazarevic | 17 Comments
In this Photoshop tutorial you will learn how to create a Heavy Distressed Grunge Social Sticker Icon. This is a very easy, step by step tutorial. We will be mixing shapes, brushes and blend modes to achieve the final result.
Let’s take a look at final result:
Materials needed for tutorial
Facebook vector logo 20 Free Crumpled Paper Textures Heavy Scratch Brush
Step 1:
Fireup Photoshop and create a new document with dimensions 550x400px. Fill the background with #45452d.
From the Tools bar pick up Rounded Rectangle Tool (U), set radius to 8px and draw a rectangle.
Change the color of rectangle to #00549f (which is the color of the facebook logo), then open Layer Style properties and apply Stroke. Name this layer "sticker background".
Open Facebook vector logo in Photoshop, in the Rasterize EPS format dialog box, for mode choose RGB Color from drop down menu, and click OK. With Magic Wand Tool (W), click on the Facebook background to select blue color, and then while holdig Shift key click on blue color inside letters.
Go to Select -> Inverse to inverse selection (or by pressing Command + Shift + I on keyboard).
Copy selected text and paste it into our document. Name this layer "facebook logo".
Select these two layers and duplicate it.
Merge duplicate layers, and name result layer facebook sticker.
Hide "facebook logo" and "sticker background" layers.
So far we have a nice and simple facebook sticker.
Step 2:
Pick up Polygonal Lasso Tool (L) from Tools menu and make a selection like shown in the picture.
Go to Layer -> New -> Layer via Cut (Command + Shift + J on keyboard). Give a new layer name "sticker cut". Hide "facebook sticker" layer to see "sticker cut" layer.
Unhide "facebook sticker" layer. Select "sticker cut" layer, go to Edit -> Free Transform (Command + T) and rotate "sticker cut" layer. Angle is -3¼.
Now using arrow keys on the keyboard, move "sticker cut" up and left few times, to achive result like on the picture. Zoom in to make life a little easier.
Select "facebook sticker" and "sticker cut" and merge these two layers into one. Name resulting layer "sticker".
Step 3:
Load "Heavy Scratch Brush" into Photoshop. Create new layer above "sticker", right click on this layer and choose Create Clipping Mask (Command + Alt + G).
Make sure that foreground color is black, pick up Brush Tool (B), for the brush choose Scratch Heavy, adjust size, paint once or twice with this brush. Lower the opacity to 60%.
Create another layer on top, Create Clipping Mask (Command + Alt + G), for the foreground color set white, pick up again Brush Tool (B), use same brush as before, rotate brush, and paint over the layer once or twice. Lower the opacity to 60%.
Select "sticker" and scratches layers and merge them into one.
Import "crumpledpapertexture19.jpg", go to Image -> Adjusments -> Desaturate (Command + Shift + U), since is really big, resize it, change the Blend Mode to Hard Light.
Create Clipping Mask.
Merge these two layers.
Step 4:
Duplicate resulting layer. Change Blend Mode to Multiply. Merge these two layers.
Apply Drop Shadow from Layer Style.
We come to the end of this tutorial. I hope you learned something from this tutorial! Thanks for reading!
Subscribe Via Rss
OR Email
Never miss a freebie or some creative inspiration!
Related Posts :
Grid patterns as backgrounds on websites are very hip and trendy. They instantly give the feel of a moleskin cahier or graph paper style sketch book, which is quite a coveted look. The bes ...
Didn't you always want to cut out a picture of your friend from a family photo and place it next to a gorgeous woman in a photo, shot in an exotic locale, just to give his wife a great big scare? ...
A few weeks ago I shared a free high resolution photoshop brush set with my readers. Today I am going to show you how to create that brush set in 5 easy steps. We will be using both Illust ...
Great result and also very easy follow tutorial. Nice job Nik, hope to see more tutorials in Photoshop from you! Sneh, you got a great tutor here!
I’m sorry, I accidentally clicked all the social buttons
Sorry! 
)
.-= Lam Nguyen – AEXT.NET Mag´s last blog ..Learning jQuery: Your First jQuery Plugin, “BubbleUP” =-.
Thanks Lam
I’m glad you like it.
.-= Nikola Lazarevic´s last blog ..How To Create An Undersea Abstract Wallpaper In Illustrator =-.
Nice tutorial, will have to pick up those brushes.
.-= Forest´s last blog ..Save Money On Printing =-.
you did excellent job in this beautiful tutorial.
.-= Tutorial Lounge´s last blog ..Create a Penguins Illustration Tutorial for Global Warming Cause =-.
thanks Nik simple and good effect – Idesigned some icons myself just yesterday -thanks
.-= Benjamin Rama´s last blog ..Some Small Changes – Digital Art Empire Update =-.
very well. thanks for tut
thank you very much…
.-= ale´s last blog ..????? ???? ?? ??? ?? ?????????? ?????? =-.
It looks very nice ! Simple and yet of great effect !
.-= PSDDude´s last blog ..The Red Queen of Hearts from Alice in Wonderland =-.
Hi very nice tutorial. Can you please upload some tutorials for GIMP
Thanks alot Nice BLOG
Take care
.-= Gilad Elazar ´s last blog ..??????- ??? ???? ?????? ??? =-.
Created desktop image with this and love the tutorial, thanks.