Tutorial : Create Urban Style Artwork/Wallpaper using Gimp

Tech News & Reviews Reviews and Guides
1

[I]Tutorial : Create Urban Style Artwork/Wallpaper using Gimp

[/I]
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..

http://www.imgx.org/files/19759_gcjes/Urban%20Style%20Preview.png

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-and-tutorials/tutorial-create-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 :- [ol]

[li] THE GIMP : GIMP - The GNU Image Manipulation Program[/li]
[li] Vector Brushes : Vecotrs.rar[/li]
[li] Splatter Brushes : Splatter Brushes by =ka05 on deviantART[/ol]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 ..[/li]
[ul]

[li]** Linux User :** /home//.gimp/brushes/[/li]
[li] **Windows User ** : X:/Program Files/Gimp/Brushes[/ul]Paste the .abr files there and start GIMP.. ** Note : **You can install Photoshop brushes in Gimp ..[/li]
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.

http://www.imgx.org/files/19813_hnbhk/Gradient.png

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

http://www.imgx.org/thumbs/large/19815_kzi8o/Screenshot.png http://www.imgx.org/thumbs/large/19816_u4v2q/Screenshot-1.png

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.

http://www.imgx.org/files/19817_aaim4/Screenshot-2.png

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

http://www.imgx.org/files/19818_7ckeo/Screenshot-3.png

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

[B]

9.[/B] Select the Paintbrush and change the brush to Vector pack_VOL2_brushes_ set the scale to 1.96.

http://www.imgx.org/files/19819_dg2bc/Screenshot-4.png

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..

http://www.imgx.org/files/19820_z4n5t/Screenshot-5.png

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

http://www.imgx.org/files/19821_fkqwk/Screenshot-6.png

[B]

12.[/B] 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..

http://www.imgx.org/files/19822_avy0l/Screenshot-7.png

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

http://www.imgx.org/files/19823_xlckh/Screenshot-8.png

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.

http://www.imgx.org/files/19824_qpka0/Screenshot-9.png

16. Apply the Brush as shown ..

http://www.imgx.org/files/19825_kdzjy/Screenshot-10.png

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[B] 1.72.

[/B]

http://www.imgx.org/files/19827_mc4lb/Screenshot-16.png

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

http://www.imgx.org/files/19828_5kmqp/Screenshot-17.png

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

http://www.imgx.org/files/19829_9dvki/Screenshot-18.png

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

http://www.imgx.org/files/19830_vzqqf/Screenshot-19.png

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.

http://www.imgx.org/files/19831_vfwy3/Screenshot-20.png

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

http://www.imgx.org/files/19832_febvw/Screenshot-21.png

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

http://www.imgx.org/files/19833_ok0fc/Screenshot-22.png

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

http://www.imgx.org/files/19834_gde9d/Screenshot-23.png

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

http://www.imgx.org/files/19836_gvg17/Screenshot-25.png

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

http://www.imgx.org/files/19837_lva4l/Screenshot-26.png http://www.imgx.org/files/19838_irpmy/Screenshot-27.png

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

http://www.imgx.org/files/19839_7wq6d/Screenshot-28.png

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

http://www.imgx.org/files/19840_fpxob/Screenshot-29.png

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

http://www.imgx.org/files/19841_wl7pt/Screenshot-30.png

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

http://www.imgx.org/files/19842_miztb/Screenshot-31.png

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

http://www.imgx.org/files/19843_1tqcy/Screenshot-32.png

[B]

34.[/B] 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.

http://www.imgx.org/files/19844_c0aq3/Screenshot-33.png

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

http://www.imgx.org/files/19845_zxa7f/Screenshot-34.png

**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.. **

http://www.imgx.org/files/19846_gpcv1/Screenshot-35.png http://www.imgx.org/files/19847_kbphw/Screenshot-36.png http://www.imgx.org/files/19848_srfmu/Screenshot-37.png

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

http://www.imgx.org/files/19850_km8bb/Screenshot-38.png

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

  1. [/B]Varying the scale apply the brush randomly at different part as shown..

http://www.imgx.org/files/19849_ev1ie/Screenshot-39.png

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

http://www.imgx.org/files/19851_ag88d/Screenshot-40.png

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

http://www.imgx.org/files/19852_qeagm/Screenshot-41.png

**43. **Change the brush to the following ..

http://www.imgx.org/files/19853_1ai9p/Screenshot-42.png

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

http://www.imgx.org/files/19854_rn1aj/Screenshot-43.png

**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..

http://www.imgx.org/files/19856_ofroq/Screenshot-45.png

… 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-and-tutorials/tutorial-create-simple-funky-wallpaper-gimp-108968.html ** .. .. I have created multiple wallpapers using similar technique..

http://www.imgx.org/files/19858_zx0z4/Urban%20Girl%20Preview.png http://www.imgx.org/files/19857_u58tt/Contaminated%20Bravo%20Preview.png

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

[B]

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

[/B]

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 :wink:

2

Guys please Digg the Tutorial Here Digg - Tutorial : Create Urban Style Artwork/Wallpaper using Gimp

3

Wow mayn. . . U are unbelievibly the most contributing member of TE :stuck_out_tongue:
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

Man your good…

5

Thanks :slight_smile: Here you go ..For mobile 320X240 download this zip Mobile Wallpaper Set.zip

6

i just love your tutorials :).

7

awesome!!!

8

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

Thanks Guys @Arihant^^Will DO that :slight_smile: But The Johnny Bravo should suite your mobile reso..

10

Very nice job Dark Star… was it supposed to look a little like the ipod style artwork ? :stuck_out_tongue:

I have been spreading the reps… but it still does not seem to be enough :stuck_out_tongue:

11

^^Hehe :stuck_out_tongue: Maybe :stuck_out_tongue: Don’t forget to digg the Tutorial :stuck_out_tongue:

12

damn frm where does u learn it i mean self??or some class…i guess their is none for open source stuffs

13

I learnt it by myself :stuck_out_tongue: I keep on watching PP and other artist using PS and creating great every candy stuff :stuck_out_tongue: I never get abc of PS .. Its just too complicated for me :stuck_out_tongue: So I thought of learning Gimp ..:)_Its just all by myself :stuck_out_tongue:

14

Nice stuff I tried and made my first digital art

thx a lot for this nice tutorial.