User Guides Tutorial : Create Urban Style Artwork/Wallpaper using Gimp

Discussion in 'Reviews and Guides' started by Dark Star, Jul 23, 2008.

  1. Dark Star

    Dark Star Well-Known Member
    ex-Mod

    Joined:
    May 7, 2006
    Messages:
    7,337
    Likes Received:
    469
    Tutorial : Create Urban Style Artwork/Wallpaper using Gimp

    Twentieth Century has brought some tremendous change in the lifestyle of people.. After Technology , the field that has witnessed complete makeover is Fashion.. Whether its dressing up yourself ,home, or your desktop.. the design has gained a total new facelift.. From Auqa , to Aurora to Waves to Aero Style and now to Grungy and Urban Style.. Yes Urban style is the talk of the town these days.. You can notice these style in advertisements, cartoons, dresses, wallpapers and everywhere.. All these style are result of Digital Art..

    You can easily create Urban/Grungy style artwork/wallpaper .. Though it looked tough at first sight but its the most easiest artwork to learn and create. Thanks to Vector Brushes..

    [​IMG]

    There are several ways to create Urban Style artwork .. You can make it from Scratch like in this Tutorial that I posted.. http://www.techenclave.com/guides-a...reate-simple-funky-wallpaper-gimp-108968.html Or you can ease you work by using versatile Vector brushes..

    Photoshop user are well aware of Urban/grungy style artwork.. But like my previous Tutorial I will use my favourite GFX program I.e. THE GIMP to create Urban Style Artwork..

    Before we get started you will need the following things pre-installed to perform this Tutorial :-
    1. THE GIMP : GIMP - The GNU Image Manipulation Program
    2. Vector Brushes : Vecotrs.rar
    3. Splatter Brushes : Splatter Brushes by =ka05 on deviantART
    To Install the brushes first Install GIMP , Linux users no need to install as all GNU/Linux comes with pre-installed GIMP.. I would recommend the latest stable version 2.4.6 ..After you installed navigate to Gimp directory ..

    • Linux User : /home/<user-name>/.gimp/brushes/
    • Windows User : X:/Program Files/Gimp/Brushes
    Paste the .abr files there and start GIMP.. Note : You can install Photoshop brushes in Gimp ..

    So lets get started : -

    1. Open Gimp and Create a new project .. with resolution of 2560 X 1600 or 1600 X1200 depending upon what resolution you have.. If you have a 4:3 Monitor then create 1600 X 1200 else 2560X1600 .. You can re size the wallpaper after you create it ..

    2. Set the Foreground Color to #1b3a7a and Background Color to #4c9fcf.

    3. Select the Gradient Tool from Tool Menu Or press L .. Under Settings option Set the Gradient to FG to BG.

    [​IMG]

    4. Apply The Gradient in the Background Layer from Top to Bottom ...Press CTRL while applying the Gradient to make it straight.

    [​IMG] [​IMG]

    5. Now create a new Transparent Layer and Name it to “New Layer†or “Characterâ€

    6. Select The Paint Brush from the Tool bar or Press 'P' . Under Brushes settings, change the Brush type to Jumping_People_Brush and scale it to

    1.40. You can even select a different character according to your taste.

    [​IMG]


    7. Apply the Brush at the Bottom Centre of the “Character Layerâ€. Make sure the FG Color is set to black.

    [​IMG]


    8. Create a New Transparent Layer and rename it Grass.



    9.
    Select the Paintbrush and change the brush to Vector pack_VOL2_brushes_ set the scale to 1.96.

    [​IMG]


    10. Set the FG color to White and apply the grass at the bottom of the Grass Layer.. The Right End of the Vector Grass brush is straight so to avoid wall like structure adjust the height of grass such that the right straight part get covered..

    [​IMG]


    11. Select the Brushes to Butterflies and create some Butterflies using Vector Flies brushes.

    [​IMG]




    12.
    Create a new transparent layer and rename it to Sun Ray. Set the FG Color to White.Pick the Paintbrush and set the brush to Vector_by_PhysicalMagiz.abr , scale it to 2.71..

    [​IMG]


    13. Apply this bush at the centre and set the layer mode to Overlay..

    [​IMG]


    14. Now we will add some cool clouds/splashy texture in the picture.. To do this create a new transparent layer and name it Clouds..

    15. Select the Paintbrush and set the Brush to 387_Abstract_Vector_Brush . Set the scale to 1.12.

    [​IMG]


    16. Apply the Brush as shown ..

    [​IMG]

    Now its the main part .. From now on we will add cool vector style to make our wallpaper funky .. Please note that most of the Vector Brushes have same name so you have to see the Screenshot to identify the exact brush.

    18. Create a new layer and name it Vectors.

    19. Select the Paintbrush and set the brush to 387_Abstract_Brush , scale it to 1.72.



    [​IMG]


    20. Apply it on the left side of the Vector layer as shown.

    [​IMG]

    21. Again pick up the paintbrush and change the brush to Vector_pack_Vol2 , scale it to 1.10.

    [​IMG]


    22. Apply it on the right side of the Vector layer as shown..

    [​IMG]

    23. Now we will decorate the Circle on the Left ... To do this change the brush to 387_Abstract_brush and scale it to 0.73.

    [​IMG]


    24. Apply the Brush on the lower part of the bigger circle as shown.

    [​IMG]


    25. Change the brush to Vector2.abr-011 and scale it to 2.34 .

    [​IMG]


    26. Apply the Brush on the Upper part of the Bigger Circle as shown.

    [​IMG]


    27. Lower down the Scale of the Same brush to 1.10 and apply it to Right side near the Small Circle..

    [​IMG]


    28. Change the Brush to VectorPack_vol2_brush and VectorPack_VOL2_brush scale it to 0.18 and 0.39 respectively.

    [​IMG] [​IMG]


    29. Apply the brushes as shown in the Screenshot..

    [​IMG]


    30 . Again change the brush to Vector_Brush_set01 and scale it to 0.39 ..

    [​IMG]


    31. Apply The Brush to Left Circle as shown..

    [​IMG]


    32. Now pick the regular brush .. Select the Circle (15) Brush .. Set the Maximum Scale to 2.79

    [​IMG]


    33. Varying the scale apply the brush randomly at different part as shown..This will provide the dirty look to our wallpaper.

    [​IMG]




    34.
    Now we will add another big Circle .. No need to create a new layer.. Using the same layer , change the brush to 387_Abstract_Brush , set the scale to 2.09.

    [​IMG]


    35. Apply the Brush just above the big circle on the left side.

    [​IMG]

    36. We will repeat the decoration part . But this time we will change the brushes used to provide unique looks.

    37. Change the brushes to 387_Abstract , 387_Abstract_Brushes, Vector2.abr-011. Set the scale to 0.62, 0.58, 1.17 simultaneously.. Use the listed brushes one by one..

    [​IMG] [​IMG] [​IMG]


    38. Apply the brushes and decorate the new circle as shown..

    [​IMG]


    39. Now we will use the regular Circle (15) brush to decorate.. Set the Maximum Scale to 2.79.

    40.
    Varying the scale apply the brush randomly at different part as shown..

    [​IMG]


    41. Pick the Ribbon shaped Vector brush named Vectorpack_Vol2_Brushes, set the scale to 1.47.

    [​IMG]


    42. Apply the brushes at the corner of the Vector Layer..

    [​IMG]


    43. Change the brush to the following ..

    [​IMG]


    44. Apply the brush the Top Centre of the Layer Vector..

    [​IMG]


    45. We are almost done.. Now select the Layer 'Clouds' .. Pick the 387_Abstract_Brush and set the scale to 1.0/. Apply the brush to upper corners as shown..

    [​IMG]

    ..... Its done. You have created Funky looking Urban Style Wallpaper. You can use different Vector Brushes to add more spice to your wallpaper. Just make sure you vary the scale and the brush type to provide a unique looks..

    Its so easy.. You can also create similar wallpaper w/o using Vector brushes as described in this tutorial http://www.techenclave.com/guides-a...reate-simple-funky-wallpaper-gimp-108968.html .. .. I have created multiple wallpapers using similar technique..

    [​IMG] [​IMG]

    The former is pretty similar to the one described in the tutorial while the latter is a whole new style created from Scratch :p The latter is in 4:3 resolution for CRT and low end LCD users..



    Download HD PNG Wallpaper Pack : Blue Urban Art Wallpaper Pack 16: 9 WS | Dancing Urban Girl Pack 16:9 WS | Contaminate Bravo Wallpaper Pack 4:3 Normal



    Download the .XCF of all the above listed Urban Wallpapers : Urban Artwork Xcf.zip

    That's it for now !

    Keep the comments and suggestions coming.

    Regards Darky ;)
     
    3 people like this.
  2. Dark Star

    Dark Star Well-Known Member
    ex-Mod

    Joined:
    May 7, 2006
    Messages:
    7,337
    Likes Received:
    469
  3. Arihant.EXE

    Arihant.EXE Well-Known Member
    ex-Mod

    Joined:
    Aug 11, 2006
    Messages:
    767
    Likes Received:
    81
    Wow mayn. . . U are unbelievibly the most contributing member of TE :p
    I just love how u write the reviews in so easy to understand language .

    Nice review mayn!
    Repped+
    Ps: if possible,plz post the 320x240 version of the wallpapers too!
    Thanx!
     
  4. H2O

    H2O Well-Known Member
    Adept

    Joined:
    Feb 10, 2008
    Messages:
    1,587
    Likes Received:
    25
    Man your good....
     
  5. Dark Star

    Dark Star Well-Known Member
    ex-Mod

    Joined:
    May 7, 2006
    Messages:
    7,337
    Likes Received:
    469
  6. FaH33m

    FaH33m Analog Vibes
    Veteran

    Joined:
    Apr 29, 2006
    Messages:
    5,293
    Likes Received:
    246
    i just love your tutorials :).
     
  7. spynic

    spynic New Member
    Disciple

    Joined:
    Jun 5, 2007
    Messages:
    439
    Likes Received:
    38
    awesome!!!
     
  8. Arihant.EXE

    Arihant.EXE Well-Known Member
    ex-Mod

    Joined:
    Aug 11, 2006
    Messages:
    767
    Likes Received:
    81
    Arey yar . .
    The mobile is held vertically na. . .thats y i need something for that sort. And thats y i requested u for the mobile version . . I cud've resized them myself. .
    Plz make me the vertical version (or whatever u call it) of these awesome wallies . .
    Thanx da,
    Arihant
     
  9. Dark Star

    Dark Star Well-Known Member
    ex-Mod

    Joined:
    May 7, 2006
    Messages:
    7,337
    Likes Received:
    469
    Thanks Guys @Arihant^^Will DO that :) But The Johnny Bravo should suite your mobile reso..
     
  10. DanDroiD

    DanDroiD New Member
    Disciple

    Joined:
    Apr 17, 2007
    Messages:
    1,776
    Likes Received:
    141
    Very nice job Dark Star... was it supposed to look a little like the ipod style artwork ? :p

    I have been spreading the reps... but it still does not seem to be enough :p
     
  11. Dark Star

    Dark Star Well-Known Member
    ex-Mod

    Joined:
    May 7, 2006
    Messages:
    7,337
    Likes Received:
    469
    ^^Hehe :p Maybe :p Don't forget to digg the Tutorial :p
     
  12. MAGNeT

    MAGNeT Well-Known Member
    Adept

    Joined:
    May 4, 2005
    Messages:
    3,903
    Likes Received:
    141
    damn frm where does u learn it i mean self??or some class.....i guess their is none for open source stuffs
     
  13. Dark Star

    Dark Star Well-Known Member
    ex-Mod

    Joined:
    May 7, 2006
    Messages:
    7,337
    Likes Received:
    469
    I learnt it by myself :p I keep on watching PP and other artist using PS and creating great every candy stuff :p I never get abc of PS .. Its just too complicated for me :p So I thought of learning Gimp ..:)_Its just all by myself :p
     
  14. vinitkumar

    vinitkumar New Member
    Disciple

    Joined:
    Jul 26, 2008
    Messages:
    4
    Likes Received:
    0
    Nice stuff I tried and made my first digital art

    thx a lot for this nice tutorial.
     

Share This Page