Mac style Wallpaper
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 Results:

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

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

Set the Layer to "overlay"

Step 7
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 8
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 9
Again with the Path tool draw the shape shown below.

Step 10
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 11
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 13
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 14
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 15
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 16
Repeat step 15 by creating New Layer, garbing the Blend tool and applying it in the bottom left corner to the centre.

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 :)
Totally awesome Gold Pendant Necklaces available at LusterForever jewelers stores
We are the world leaders in providing best 70-432 dumps & brain dumps prep solutions. Our incredible offers for testking 640-863 and 117-102 exams are accessible at reasonable prices; testking 70-293 is very rare in IT world sense.
- 684972 reads












xcf File
Can't see the xcf file
I am a Member
Re: xcf File
Re: Mac style Wallpaper
Really Useful
Maybe I'll use this kind of style for my web desgin, This is a really good technique
Thanks
Thanks
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! :)
is the path a individual layer?
thanks a lot!
bye!
Re: Mac style Wallpaper
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!
Thanks! This is awesome!
Re: Mac style Wallpaper
Nice tutorial
It was not so difficult :-)
thx for it 8-)
nice!
How nice!
I like it,thanks!
COOL
Thanks
Re: Mac style Wallpaper
very good job!
Very Nice
Best Tutorial I've ever seen for GIMP! Very nice done!
Good!
Thanks for this tut!
Really like it. Really going to use this in my webdesign!
how to...
change the foreground color to d03500 and e46a18 ?!?!?! Helpppp??
Re: Mac style Wallpaper
pick the color d03500 as your foreground and e46a18 for the background.
Re: Mac style Wallpaper
How do you make the paths stay!?? They keep disappearing once i select gradient tool...
Re: Mac style Wallpaper
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
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
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
Get Ubuntu! I couldn't recommend it enough.
Re: Mac style Wallpaper
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
i have version 2.4 and my tool tip says "Blend tool" :)
Wow this is good! :) I'm
Wow this is good! :)
I'm going to try this later. :D
Well done, and keep up the work! ;)
Re: Mac style Wallpaper
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
Big Applause
Re: Mac style Wallpaper
Great tutorial, the one I was looking for. Thanks very much!
Re: Mac style Wallpaper
hey...um does anyone know where to get backgrounds for GIMP?
Ehhhh a question: how to set
Ehhhh a question:
how to set the Layer to "overlay"?
I'm using the dutch version so finding things sucks...
Re: Mac style Wallpaper
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
"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
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
Now that I can make Mac style wallpapers, what's the point of buying a Mac?
Re: Mac style Wallpaper
Nice tutorial. I have never used GIMP, mostly work in Photoshop. Now I will thing about GIMP. It's also very powerful having excellent futures. Thanks for the tutorial.
Re: Mac style Wallpaper
Thank you very much. This has been a good learning experience. I've managed to "closely" follow all your intstructions. :D
-Cheerios,
Re: Mac style Wallpaper
How do I get the path tool to do the 5th step? I know where it is..i'm just stuck on how to draw it. Do I use the free select tool? I've been confused on this for days. Thanks
Re: Mac style Wallpaper
For detailed help please use the forum...
hi, can you teach me how to
hi,
can you teach me how to make a wallpaer??
Seems interesting, gonna try
Seems interesting, gonna try it
to000o coo000ol!
to000o coo000ol!
it beautiful images
it beautiful images
I cant make a path stay or be
I cant make a path stay or be a selection, I am running GIMP 2.0(something) Can some one help me?
Good job this is a great
Good job this is a great tutorial! The en d result is also nice.
GOOD JOB!
GOOD JOB!
There is no blend tool
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
Gets kinda messed up after
Gets kinda messed up after first path is made.
in witch program did u do
in witch program did u do this walpaper ?
This whole site is a tutorial
This whole site is a tutorial site for gimp. That wallpaper was made in gimp.
thanks :D it's great
thanks :D it's great
ugh, which direction do we do
ugh, which direction do we do the blend for step 7? jesus how hard is it to add that into the tutorial
Cooooooool!
Cooooooool!
can you make iti in a JPEG
can you make iti in a JPEG format ?
QUOTE:: Visitor:: There is no
QUOTE:: Visitor:: There is no blend tool available in any GIMP that I've known of::
Haha, GIMP noobs thinking they are pro. The Blend tool 'IS' the gradient tool.
Put your mouse over the so-called 'Gradient Tool' and it says this (in GIMP 2.0 that is)
"Blend Tool: Fill selected area with a color gradient: L"
this's a very good trick i
this's a very good trick i ever seen befor.thank for sharing gimp-tutorials.net!!
Your directions are hard to
Your directions are hard to follow if you're a beginner. You need to take time and put more steps. I can't follow.
Thanks,
It was somethimes hard to
It was somethimes hard to follow, for a norweigan kid ;- P
But i liked the tutorial :- D
Here's what i made:
http://img3.imageshack.us/img3/7148/macwalpaper.jpg
Great, thank you.
Great, thank you.
GREAT TUTORIAL! Although
GREAT TUTORIAL! Although tiring and hard for beginners, Its's worth a shot, i took like 1/2hr and got it done, and its like, worth it.