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.

Create An Urban-Style Piece of Artwork in Photoshop CS3

Set the next parameters on the made layer by making a click on this layer on the layers’ palette.
Blending Options>Gradient Overlay

Create An Urban-Style Piece of Artwork in Photoshop CS3

Gradient’s parameters:

Create An Urban-Style Piece of Artwork in Photoshop CS3 

Create An Urban-Style Piece of Artwork in Photoshop CS3

We have to find in Internet a photo of a DJ.

Create An Urban-Style Piece of Artwork in Photoshop CS3

Cut out his figure and put him on the main picture, applying for the DJ’s layer the next solution:
Filter>Filter gallery>Cutout

Create An Urban-Style Piece of Artwork in Photoshop CS3 

Create An Urban-Style Piece of Artwork in Photoshop CS3

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

Create An Urban-Style Piece of Artwork in Photoshop CS3

Hide for a while the first layer belonging to the DJ.

Create An Urban-Style Piece of Artwork in Photoshop CS3

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

Create An Urban-Style Piece of Artwork in Photoshop CS3

  •  

  •    
  •  

 

Post Pages: 1 2 3 4 5 6

  • 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 :D
    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

  • Rene

    16/07/2012

    Grear Tut Man i Loved it!

  • NorwegianGuy

    20/09/2012

    I can’t find the stars you are using in the end! Everything went perfect until I found out that I just couldn’t find them… Great tutorial by the way :D

  • Visitor

    23/12/2012

    I think this tutorial would be A LOT more helpful if you included screenshots of your layers panel. That way we can follow your steps better when we’re confused.

    Great job, and thanks!

  • burrrrdd

    30/01/2013

    Armin van Burren. :D

  • zx1997

    24/02/2013

    good choice of dj

  • Ash

    19/06/2013

    Amazing tutorial! and very easy to follow. Thanks!

  • MrBenabedis

    09/08/2013

    Thank you for the tutorial!!!! It helped me make a design for the school!

    Here’s my link to my creation of your amazing tutorial! THANKS A LOT! :D
    https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-prn1/p320x320/1148786_4732083473882_1548918623_n.jpg

Cut down your exam stress by using our latest E20-322 and 642-533.We provide updated 70-620 with 100% pass guarantee along with 1Y0-A21 and 640-461.