Search
Your Ad here contact
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
User login
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)
Other Gimp Sites
Mac style Wallpaper
Submitted by Gimper on Tue, 09/25/2007 - 13:20.

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:

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

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

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

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.

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

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.

Set the Layer to "overlay"

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.

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"

Step 8
again with the Path tool draw the shape shown below.

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.

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

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

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.

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.

set the layer to "Overlay" mode

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.

then set mode as "Overlay".

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

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

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

-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 :)
- 195065 reads











xcf File
Submitted by Dany on Thu, 09/27/2007 - 13:30.Can't see the xcf file
I am a Member
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
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
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

Thanks
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
wow...great! :)
Submitted by Visitor on Sat, 10/20/2007 - 23:26.is the path a individual layer?
thanks a lot!
bye!
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'.
WOooT!
Submitted by Visitor on Sat, 10/27/2007 - 08:37.Thanks! This is awesome!
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-)
nice!
Submitted by resun on Wed, 11/21/2007 - 01:16.How nice!
I like it,thanks!
COOL
Submitted by Visitor on Tue, 12/11/2007 - 10:18.Thanks
Re: Mac style Wallpaper
Submitted by Visitor on Wed, 12/12/2007 - 15:51.very good job!
Very Nice
Submitted by Visitor on Sun, 12/30/2007 - 18:17.Best Tutorial I've ever seen for GIMP! Very nice done!
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!
how to...
Submitted by Visitor (not verified) on Sat, 03/01/2008 - 10:32.change the foreground color to d03500 and e46a18 ?!?!?! Helpppp??
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.
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...
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.
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.. :)
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...
Re: Mac style Wallpaper
Submitted by Michael (not verified) on Wed, 04/16/2008 - 17:43.Get Ubuntu! I couldn't recommend it enough.
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
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" :)
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! ;)
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
Re: Mac style Wallpaper
Submitted by Zydoon (not verified) on Fri, 05/30/2008 - 08:53.Big Applause
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!
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?
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...
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.
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.
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
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?
Post new comment