Tutorial : Create Simple/Funky Wallpaper with Gimp.

Discussion in 'Guides and Tutorials' started by Dark Star, Apr 9, 2008.

  1. Dark Star
    Offline

    Dark Star Super Moderator Staff Member

    Tutorial: Create Simple/Funky Wallpaper using Gimp
    Recently I released a few wallpapers for Linux Mint and lots of people loved the simplistic design .. Though the techniques was very easy still I got lots of request to create a detailed tutorial on How To create Simple/Funky wallpaper. Since I am a Gimp user, this tutorial will be based on Gimp.. So here I am again writing my second wallpaper tutorial for Gimp..

    In this tutorial we will focus to create this type of wallpaper :-

    [​IMG]
    So lets get started...

    Step 1 : We will start by creating a new image of resolution 1920 X 1200 .. I have used a Wide Screen and quite big resolution .. The benefit of creating big resolution wallpaper is that you can easily resize it for lower resolution..

    Step 2 : Set the Foreground Colour to #199bed and Background Colour to #0f50f8 , or you can select any other colour .. But the Foreground colour should be lighter than that of background colour..

    Step 3 : Select the Gradient Tool from Gimp tool menu and set these settings...

    [​IMG]
    After that apply the gradient from Bottom Right to Top Left as shown in figure..

    [​IMG]
    Step 4 : Create a new transparent layer and name it Upper Rectangle..and grab the Rectangle Select tool and create a similar looking Rectangle as shown..

    [​IMG]
    Fill it with white colour, and create two more rectangle using same method.. The output should look like this..

    [​IMG]

    Step 5 :
    Set the opacity of Upper Rectangle layer to 60 from the layer dialog box..Create a new layer and name it Left Circle.

    Step 6 : Grab the Ellipse Select tool and create a small circle at the bottom left part of the image.. The output should look like this.

    [​IMG]
    Step 7 : Now de-select it by pressing CTRL+SPACE+A and again create a big circle whose half part should be outside the image as shown . Try to sketch the circle in such a way that the small circle appears at the center with respect to the bigger curve..

    Step 8 : Navigate to Dialogs - > Brushes and click on select bush named Circle 05 , you can vary the thickness of the curve according to your taste, after that set the Foreground colour to Solid White and navigate to Edit - > Stroke Selection and click on Stroke with paint tool and from the drop down list select Paintbrush and click Ok. make sure the Circle path is still selected..

    Step 9: You will see that a curve now covers the small circle. Using similar Technique create another curve biiger than the one we just created..As shown : -

    [​IMG]
    Step 9 : Now grab the Paint Brush ,white as its Foreground Colour, and fill the area b/w the 2 Curve that you just created ...That will give the 2 curve a look of single thick curve.

    Step 10 : Create 2 more curve, bigger than the thick curve.. Now the left curve part is almost finish.. As you have stroked the path , the bottom gets stroked with white lines .. To remove this grab the Eraser Tool and carefully erase the white lines from the bottom and from b/w the curve.To erase the work Zoom the image to 100%. As shown :-

    [​IMG]
    Step 11 : The curve you created doesn't look smooth , to give them the smooth looks grab the Blur/Sharpen tool and set it to provide Blur Effect.. Carefully apply Blur at the edges of the curve.. As shown : -

    [​IMG]
    This will provide it a smoother look ...

    Step 12 : Set the opacity to 60 . Create a new transparent layer and name it Middle Lines. Grab the Path Tool and create a Straight Line as shown : -

    [​IMG]
    Step 13 : In the Brushes Dialog box select bush named Circle 05. Navigate to Edit -> Stroke Path and click on Stroke with paint tool and from the drop down list select Paintbrush and click Ok.
    Similarly create a new Line but change the size of the brush to Circle 07.
    Set the opacity to 80 .. The output should look like this..

    [​IMG]
    Step 14 : Create a new Transparent layer and name it Bottom Right . Grab the Ellipse Selection tool and create a small Curve at the Bottom Right Corner of the Image. In the Brush Dialog box select the Brush named Circle 05 and navigate to Edit - > Stroke Selection and click on Stroke with paint tool and from the drop down list select Paintbrush and click Ok. make sure the Circle path is still selected.. A small curve will get strike.. Now make 2 more curve bigger than the preview one..The output should look like this..

    [​IMG]
    Step 15 : Grab the Path tool and create a path as shown : -

    [​IMG]
    Fill the path with Solid White.. After that repeat Step 10 and 11..Set the Opacity to 60.

    [​IMG]
    Step 16 : We are almost done the only thing left if to create Circles .. To do that create a new Transparent layer and name it Circle..

    Step 17 : Grab the Ellipse Select Tool and create a Circle as shown.. Fill it with white colour..

    [​IMG]
    Step 18 : Now create a bigger curve than the circle .. Try to create the bigger curve in such a way that the small white circle appears to be at center. Now in the brush dialog box select Circle 07 and stoke it with White colour using Stroke Selection in Edit Menu..

    Step 19 : Create a bigger curve the curve you create should be very close to the white curve that you created in Step 18. Now in the brush dialog box select Circle 09 and stoke it with #0f50f8 colour using Stroke Selection in Edit Menu..

    [​IMG]
    Step 20 : Create several circles using same meathod and place it as shown .. After that repeat Step 10 and 11..Set the Opacity to 60.

    [​IMG]
    Step 21 : Create a new layer and name it Arrow and using the path tool create an Arrow from the Center of the Circle at Bottom Left and stretch it to the Middle of the lines.. and stroke it with White Colour using Stroke Path under Edit Menu.

    [​IMG]

    Its over now.. Add the text if you want.. There you go . You have created a Cool yet simple wallpaper using Gimp..So keep experimenting with Gimp and get better effects.....

    Hope this tutorial helps you. For any queries do ask me..

    Download the wallpaper/xcf file for reference : Cool Blue Wallpaper.zip

    Keep the comments and suggestions coming ;)

    Regards Shash.
    3 people like this.
  2. ultra vires
    Offline

    ultra vires Privileged Users

    Nice tutorial m8 ..
    i didn't think that it was this easy :O

    Repped.
    (aing ... u must spread reps :mad: )
  3. hammerhead
    Offline

    hammerhead Privileged Users

    Good one. The wallperpaper looks nice.
  4. greenhorn
    Offline

    greenhorn Privileged Users

    I dont see funky in any of the wallpapers :p
  5. thexfactor
    Offline

    thexfactor Insanely Awesome!!

    Nice tutorial ... Thanx :D
  6. Dark Star
    Offline

    Dark Star Super Moderator Staff Member

    Thanks guys for the comments :)
  7. wimo
    Offline

    wimo New Member

  8. Dark Star
    Offline

    Dark Star Super Moderator Staff Member

    ^^Yep sure , you can convert this Tutorial to the language you want, just post the URL at the end pointing towards the original posts :)
  9. DanDroiD
    Offline

    DanDroiD Upgraded User

    Nice job, sometimes simplicity is the most effective way to go :) ....
    drat.... :mad: I must spread more reps around .......
  10. Dark Star
    Offline

    Dark Star Super Moderator Staff Member

    ^^Thanks for the comments .. Thanks for the fonts dan :D
  11. The Sauron
    Offline

    The Sauron Privileged Users

    awesome work..I am also trying to make own wallpaper.....
Similar Threads
Forum Title Date
Guides and Tutorials Tutorial : Create Urban Style Artwork/Wallpaper using Gimp Jul 23, 2008
Guides and Tutorials Tutorial : Create Glassy Button/Box with Gimp. Apr 16, 2008
Guides and Tutorials Tutorial : Create Mac like Wallpaper with Gimp. Mar 22, 2008
Guides and Tutorials Windows Media Player Custom Background Tutorial Nov 28, 2011
Guides and Tutorials X360 Reset Glitch Hack - GGbuild 0.33 Noob-friendly tutorial by dragon_unleashed Oct 29, 2011

Share This Page