An Urban-Style Piece of Artwork
August 3rd, 2008 by ART-D Posted in Adobe Photoshop, Designing
While grunge has its origins in the 90′s, recently the style has been gaining in popularity once more. In this tutorial I will show you how to create a dirty, urban style image using both well known techniques as well as a few new ones.
Create a new file (File>New), having 1280×1024 px and 72 dpi.
Select then the Rectangle Tool (U) to represent the background of the picture we want to have. 
Set the next parameters on the made layer by making a click on this layer on the layers’ palette.
Blending Options>Gradient Overlay 
Gradient’s parameters: 
We have to find in Internet a photo of a DJ. 
Cut out his figure and put him on the main picture, applying for the DJ’s layer the next solution:
Filter>Filter gallery>Cutout 
Make a copy of the DJ layer, situating the copy lower than the first layer (on the layers’ palette). We should set for this new layer – copy the next shown parameters: Blending Options>Color Overlay 
Hide for a while the first layer belonging to the DJ. 
Next we should make visible the first layer of the DJ, applying for it the next indicated parameters:
Blending mode-Overlay
Blending Options>Outer Glow 
hiba
08/09/2009
thx alott, i did ur style and it was really gooood not perfict like urs but reallly nice.
so thx alot and please keep it up ^^,
kevin
20/09/2009
hey that blend mode with the color overlay and the dj (overlay) does not work…..???
Z
27/09/2009
freaking amazing tutorial! I really found this very helpful. Thanks for taking the time to make it!
RoughDraft76
26/10/2009
One of the most useful and awesome tutorials EVER!
Nick
29/10/2009
Kevin I had the same problem but i changed all 3 layers to overlay and it worked.
Awesome effect man X
Harold
21/11/2009
I am not quite sure what I just did but, you have to play with the selection/ image and inverse in the color range adjustment step. It turned up as a black burst, then when the color grad is applied it turns out. It was the only way I could get the free transform to act properly. Ill report back after I practice this step again. Thanks of rthe lesson I had been looking for this very technique.
Rubix
23/11/2009
Great tutorial!
My ilustration: http://tonialmendros.es/images/toni-Urban.jpg
Bye!
Joe J
24/11/2009
Brilliant thanks here is my attempt with a pic of my friend djing and I have 7.0 so couldnt use those lovely flower and swirls and had to impro I also tried one changing the color tones to blue and purple looked preatty neato aswell!
http://photos-g.ak.fbcdn.net/hphotos-ak-snc3/hs046.snc3/13347_350225920610_806665610_10148555_4327469_n.jpg
James
13/01/2010
please dont ever make a tutorial again, worst tutorial ever, you dont explain anything, and just expect us to find all the tools and stuff, please quit
Ben
09/02/2010
Dude. Amazing tutorial. I’m glad you’ve made the amazing seem so simple.
Ali
07/03/2010
Wow…
Great….
Thanks for this lovely post….
Simple and beautiful ….
Thanks…
Weston
14/03/2010
Worst tutiroal EVER! I dont know where anything is. I need help.
ajkfd
31/03/2010
i don’t have any of the shapes you do
lorenz
19/04/2010
nc tut. i’ve learned something new. ty
car
10/05/2010
Great tutorial. Used the technique for a poster. Thanks.
bob marley
29/05/2010
realy coollllll, man!!!!
thx for free tut.
dunia4you
06/08/2010
intersting
vainatey
23/08/2010
very nic tut, i like it
soris
28/09/2010
buenisimo!
Pavel
07/10/2010
Thank you very much! Love this, and learned something new.
p.s. to all those who comment this tutorial is crap go get a life and get off photoshop this is one of the easiest tutorials to follow i’ve seen in a while.
Rehman Textile
23/10/2010
woooow… great piece of work! v.use ful info
Jimmy
25/11/2010
This is really nice and looks awesome
the instructions werent as detailed as i hoped BUT it actually made me get to know photoshop better cos i had to search around to fins some of the stuff
Ryean
30/11/2010
okies… i know i’ma probably get fussed at about this question… but where is blending options? i have cs5 and i see nothing like that >.<
Ryean
30/11/2010
NEVER MIND! lol
white
08/12/2010
good effect
priyanka
13/02/2011
Nice tute.. Very creative..
Vocal
16/03/2011
Aghh. I don’t have those shapes. I suppose I could just do a gradient and distort it to get the same effect, though.
Pradyumn
22/03/2011
nice tutorial loved it
Devante
13/04/2011
this is a beautiful peice of work. im so happy i saw this. i dont know how to thank for this. im telling all my friends. and we are going to all do it together :’)
ye22512345
13/05/2011
Aghh I don`t have those shapes.I suppose I could just do a gradient and distort it to get the same effect though.
But it`s relly good at my tut job. Thanks a lot.:)
Ryan Jijon M
18/05/2011
Best Regards I have a problem is this: in my photoshop filter I have not cut where I can find?
I can you please help?
thanks!!
please
jake
24/05/2011
u r hot
Anon
01/07/2011
Anyone having trouble with the flower and swirls brushes here is another link I found!
http://myphotoshopbrushes.com/brushes/id/114
The link on this tutorial has a .rar file download that won’t upload for me in CS5. The link I provided downloads as a .zip. You then double click on it and it creates a .abr file which I then can open through photoshop.
heshomoney
02/08/2011
Great Tutorialit’s awesome and the making of the Speaker is the major work in this tutorial…Thumps Up
It really helped me
moy
16/08/2011
can’t see the first image…
xXxCo0ki3xXx
10/11/2011
I’m new with Photoshop and I’m having trouble with the “Color Range” step where you have to click “Free Transform”. I do that, but it won’t let me move the black burst. Can someone please precisely explain to me how to do this?
will
06/01/2012
Birlliant tutorial, Easy to follow and end product looks great, wish all tutorials were this easy to follow
Keep it up