• home
  • forum
  • downloads
  • brushes
  • contact
Home

Search

Your Ad here contact

Open source marketing tools

Recent comments

  • Re: Super Slick Dusky Lighting Effects in Gimp
    8 hours 9 min ago
  • Re: Button Tutorial
    19 hours 8 min ago
  • Re: Text to Path
    23 hours 16 min ago
  • Re: Text to Path
    1 day 4 hours ago
  • Re: Cubes Brushes
    3 days 53 min ago
  • Re: Cubes Brushes
    3 days 1 hour ago
  • Re: Button Tutorial
    3 days 2 hours ago
  • Re: Wordpress theme designed with Gimp
    4 days 1 hour ago
  • Re: 130 Ultimate Web 2.0 Gradients for Gimp
    4 days 5 hours ago
  • Really nice brushes. Good
    4 days 9 hours ago

Tutorial Categories

  • Effects
  • Icons & Buttons
  • Photo Manipulation
  • Textures
  • Website Layouts
  • Misc
  • Painting
  • Text Effects
  • Video Tutorials

User login

  • Create new account
  • Request new password
Enter your Email





Preview | Powered by FeedBlitz

Most Viewed Tutorials

  • Mac style Wallpaper (195065)
  • Vista Button (117712)
  • How To Create Your Own Website Design Using Gimp (85240)
  • Glow Effect (84738)
  • 30 Ultimate Web 2.0 Layer Styles for Gimp (73109)
more

Other Gimp Sites

  • Gimp.org
  • Gimpology.com
  • Gimper.net
  • Gimpusers.com
  • Wilber-loves-apple
  • Gimphoto.com

Mac style Wallpaper

Submitted by Gimper on Tue, 09/25/2007 - 13:20.

Average: 4.4 (159 votes)
Preview:
gimp_wallpaper_tutorial.jpg

Saw this great Wallpaper tutorial on Psdtuts.com by Collis for PS and i really liked the outcome, i have re-created it with Gimp using different techniques to achieve the same effect.

even though this original wallpaper was inspired by macs wallpaper i added a touch of Ubuntu logo,lately Ubuntu has really caught my attention to the extent I'm considering buying a Dell laptop Inspiron Notebook 1420 N with pre-installed Ubuntu on it and best of all its only $749 :).

the out come:

wallpaper

this tutorial is intended for intermediate users but i encourage beginners to have a go at it,the quickest way to learn anything, is to just jump right into it :), it took me around 5 tries to get my final result, not because of the techniques, their they're quite simple and easy,but getting everything smoothly blended with each other is what's difficult, so don't give up on your first try! now lets begin.

Note: i recommend saving your work in .xcf very often :P.

Step 1

Before creating an image decide what resolution you want the wallpaper to be, its always best to start off big like 1600x1200 as i did, since its always easy to adjust the image size to smaller resolutions later on.

Now create a new image 1600x1200, you might want to zoom out so you have a good view of the image space, i put mine on 30% because I'm working on a small 1024x768 screen.

Step 2

Grab the Blend tool , adjust the foreground color to d03500 and e46a18 for the background. now apply it from bottom to top (make sure its straight).

wallpaper

Step 3

Create a new Layer Select the Blend tool again and pick the color white for the foreground, now adjust the settings of the Gradient in the Tool Options, to

"FG to Transparent" for the Gradient type
"Radial" for the shape

wallpaper

Step 4

Apply the "Radial Gradient" starting from the center and moving out to the lower right corner as shown below.

wallpaper

adjust the layer to "Overlay" mode,this is how it should look. if its not exactly positioned the same way you can always move it with the move tool.

wallpaper

Step 5

New layer,grab the Path tool and draw an odd looking triangle shape as shown in the image.

wallpaper

6 Take the Blend tool and in the "Option Tool" change the Shape to "Linear" select the "FG to Transparent" and make sure your foreground is set to a White color.

wallpaper

Set the Layer to "overlay"

wallpaper

Step 6

New layer, With the path tool draw another triangle opposite to the one we just made but this time use the color black for the foreground "FG to Transparent",then adjust the mode to "overlay and "opacity" of the layer to 7.5.

wallpaper

Step 7

With the Path tool Draw a half-oval looking shape then with the Blend tool apply "FG to Transparent" with white foreground from left to right. Set the layer in "Overlay mode"

wallpaper

Step 8

again with the Path tool draw the shape shown below.

wallpaper

Step 9

Pick the color Black for FG then Grab the Airbrush tool select "Circle Fuzzy (19)" brush and scale the size to 10.00 now add a touch of black to the inner side of the path as shown in below.

wallpaper

right click mouse go to select>invert and brush the outer side of the lower part of the path as shown in the image.

wallpaper

Step 10

New Layer, while still having the selection active grab the "Bucket fill" tool and fill the path solid White,adjust the mode to "Overlay" and finally the "Opacity" to 43.5

wallpaper

Step 11

New Layer, with the same path selection right mouse click to Selection>Grow by 14px grab the Airbrush they we Used before and brush the outline of all the path, place the brush half way above the path as shown in the image.

wallpaper

once you have brushes all the outlines adjust the "Opacity" to 33.3.

Step 12

again with the path tool Draw the roundish shape that covers almost all the image except the lower left part. with color White selected as fourgound and
"FG to Transparent" Gradient apply it from the middle of the path to upper right.

wallpaper

set the layer to "Overlay" mode

wallpaper

Step 13

now will want to add abit of shade of light to the left top part of the wallpaper, create a new layer, grab the Blend tool with White as the foreground and
"FG to Transparent" gradient,example below.

wallpaper

then set mode as "Overlay".

wallpaper

Step 14

Repeat step 15 by creating New Layer, garbing the Blend tool and applying it in the bottom left corner to the center.

wallpaper

Set the layer to "Overlay" mode and your done! :)

wallpaper

Here is the Final version,added the ubuntu logo brushed it solid white white and set the mode to overlay :) Enjoy!

wallpaper

-Mac Style Wallpaper for Ubuntu Download pack sizes from 1600x1200 to 1024x760 in a zip
-Members can download the .xcf source file Attachment
-If you you need specific help please use the forum http://gimper.net :)

Bookmark/Search this post with:
  • Delicious
  • Reddit
  • Magnoliacom
  • Furl
  • Facebook
  • Google
  • Yahoo
  • Technorati
  • Icerocket

Coffe

If you liked this post, you can buy me a coffee, thanks

  • Misc
  • 195065 reads
Dany's picture

xcf File

Submitted by Dany on Thu, 09/27/2007 - 13:30.

Can't see the xcf file Foot in mouth

I am a Member 

  • reply
Gimper's picture

Re: xcf File

Submitted by Gimper on Thu, 09/27/2007 - 13:48.

sorry dany i totaly forgot that i haven't attached it yet, its 3mb and on my slow net its going to take time, i'll do that tonight, been busy with updating the sites theme that will be released in a few hours.

thanks for the heads up

  • reply
Gimper's picture

Re: Mac style Wallpaper

Submitted by Gimper on Thu, 09/27/2007 - 23:35.

here you go the XCF source file for everyone to download
http://gimp-tutorials.net/files/macwallpaper_xcf.zip

  • reply
Visitor's picture

Really Useful

Submitted by Visitor on Wed, 10/03/2007 - 11:30.

Maybe I'll use this kind of style for my web desgin, This is a really good technique

ThanksSmile

  • reply
El Llama's picture

Thanks

Submitted by El Llama on Fri, 10/05/2007 - 21:03.

This is really cool. And I have to agree that(besides this site) Ubuntu is about the coolest thing around. I love it!!!

 

ellamasblog.blogspot.com

El Llama

  • reply
Visitor's picture

wow...great! :)

Submitted by Visitor on Sat, 10/20/2007 - 23:26.

Smile hi! i think that it's great! a wonder tutorial! well i want to ask something because i 'm doing a wallpaper following this technique but i have a problem...when i try to paint the triangle  (made with the path tool) with the gradient tool, GIMP fill all the layer.Yell how i can resolve it?

is the  path a individual layer?

thanks a lot!     

 bye!

  • reply
Visitor's picture

Re: Mac style Wallpaper

Submitted by Visitor on Thu, 10/25/2007 - 21:14.

There was one important step left out.  Once you've finished drawing the path, you must close it off and choose 'Select > From path' from the menu or in the patch dialog, right click the path and choose 'Path to Selection'.

  • reply
Visitor's picture

WOooT!

Submitted by Visitor on Sat, 10/27/2007 - 08:37.

Thanks! This is awesome!

  • reply
Siddharth's picture

Re: Mac style Wallpaper

Submitted by Siddharth on Fri, 11/16/2007 - 12:00.

Nice tutorial

It was not so difficult :-)

thx for it 8-)

  • reply
resun's picture

nice!

Submitted by resun on Wed, 11/21/2007 - 01:16.

How nice!

I like it,thanks!Laughing

  • reply
Visitor's picture

COOL

Submitted by Visitor on Tue, 12/11/2007 - 10:18.

Thanks

  • reply
Visitor's picture

Re: Mac style Wallpaper

Submitted by Visitor on Wed, 12/12/2007 - 15:51.

very good job!

  • reply
Visitor's picture

Very Nice

Submitted by Visitor on Sun, 12/30/2007 - 18:17.

Best Tutorial I've ever seen for GIMP! Very nice done!

  • reply
Visitor's picture

Good!

Submitted by Visitor on Tue, 01/08/2008 - 16:42.

Thanks for this tut!
Really like it. Really going to use this in my webdesign!

  • reply
Visitor's picture

how to...

Submitted by Visitor (not verified) on Sat, 03/01/2008 - 10:32.

change the foreground color to d03500 and e46a18 ?!?!?! Helpppp??

  • reply
Gimper's picture

Re: Mac style Wallpaper

Submitted by Gimper on Sat, 03/01/2008 - 13:13.

pick the color d03500 as your foreground and e46a18 for the background.

  • reply
Visitor's picture

Re: Mac style Wallpaper

Submitted by Visitor (not verified) on Mon, 03/10/2008 - 05:10.

How do you make the paths stay!?? They keep disappearing once i select gradient tool...

  • reply
Gimper's picture

Re: Mac style Wallpaper

Submitted by Gimper on Mon, 03/10/2008 - 07:17.

you can open your Path dialog and see any paths you have created. in there you can right click on it and transform the path to a selection.

  • reply
Visitor's picture

Re: Mac style Wallpaper

Submitted by Visitor on Wed, 04/02/2008 - 05:08.

Awesome tutorial! I love it!
I can do so much more art with this design, thanks! It's very well explained, and useful.. :)

  • reply
everett's picture

Re: Mac style Wallpaper

Submitted by everett (not verified) on Sun, 04/13/2008 - 06:43.

What is it in Step #7 that gives it that nice orange to yellowish gradient? Mine keeps coming out a darker orange to normal orange gradient...

  • reply
Michael's picture

Re: Mac style Wallpaper

Submitted by Michael (not verified) on Wed, 04/16/2008 - 17:43.

Get Ubuntu! I couldn't recommend it enough.

  • reply
wAfFl3oOkIeZ's picture

Re: Mac style Wallpaper

Submitted by wAfFl3oOkIeZ (not verified) on Sun, 04/20/2008 - 06:09.

Okay just saying this is a quick scan that I went through. It is the "gradient" not the blend tool, as there is no blend tool available in any GIMP that I've known of. As what you said does what the gradient tool does, nice job though I'll do it in my own colours though and post my outcome here a little later

  • reply
Gimper's picture

Re: Mac style Wallpaper

Submitted by Gimper on Sun, 04/20/2008 - 06:15.

i have version 2.4 and my tool tip says "Blend tool" :)

  • reply
Visitor's picture

Wow this is good! :) I'm

Submitted by Visitor (not verified) on Wed, 05/14/2008 - 15:42.

Wow this is good! :)

I'm going to try this later. :D

Well done, and keep up the work! ;)

  • reply
Christine's picture

Re: Mac style Wallpaper

Submitted by Christine (not verified) on Sun, 05/25/2008 - 06:22.

Thanks for the tutorial! It's really a nice thing to learn though I wasn't able to fully grasp it haha. It was kind of difficult to me but that's probably because I'm in between a beginner and intermediate haha. I got completely lost at step 8 because it wasn't turning out like the example. I'll definately be trying this again later. :D

  • reply
Zydoon's picture

Re: Mac style Wallpaper

Submitted by Zydoon (not verified) on Fri, 05/30/2008 - 08:53.

Big Applause

  • reply
BANAGO's picture

Re: Mac style Wallpaper

Submitted by BANAGO (not verified) on Fri, 06/13/2008 - 17:07.

Great tutorial, the one I was looking for. Thanks very much!

  • reply
IMVU User's picture

Re: Mac style Wallpaper

Submitted by IMVU User (not verified) on Sun, 06/22/2008 - 18:27.

hey...um does anyone know where to get backgrounds for GIMP?

  • reply
Quastion's picture

Ehhhh a question: how to set

Submitted by Quastion (not verified) on Wed, 06/25/2008 - 18:24.

Ehhhh a question:
how to set the Layer to "overlay"?

I'm using the dutch version so finding things sucks...

  • reply
Gimper's picture

Re: Mac style Wallpaper

Submitted by Gimper on Wed, 06/25/2008 - 20:01.

it should be in the Layers dialog, its the drop down menu with many layer mode options in it. check the split toning tutorial and you will find one of the steps mentioning it with a screenshot.

hope that helps.

  • reply
Akimbo's picture

Re: Ehhhh a question: how to set

Submitted by Akimbo (not verified) on Wed, 07/23/2008 - 10:45.

"Overlay" in the dutch version is "Overheen leggen". You can find it in the layer mode dropdown menu.

Hope this helps.

  • reply
JheeBz's picture

Re: Mac style Wallpaper

Submitted by JheeBz (not verified) on Fri, 07/25/2008 - 07:45.

Nice tutorial, however i have a problem, when i got to step 5, this is what happened, any advice?

http://img136.imageshack.us/img136/4571/unavngivetkb8.jpg

  • reply
Bumbeak's picture

Re: Mac style Wallpaper

Submitted by Bumbeak (not verified) on Sun, 08/10/2008 - 19:47.

Now that I can make Mac style wallpapers, what's the point of buying a Mac?

  • reply

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Web page addresses and e-mail addresses turn into links automatically.
  • You can use BBCode tags in the text, URLs will automatically be converted to links.

More information about formatting options

Captcha
This question is used to make sure you are a human visitor and to prevent spam submissions.
Solve this simple math problem and enter the result. E.g. for 1+3, enter 4.

  • home
  • forum
  • downloads
  • brushes
  • contact