TechEnclave
New Tech Posts
New Market Posts
TechEnclave RuleBook



Comment
 
LinkBack (5) Article Tools
<!-- google_ad_section_start -->Tutorial : Create Mac like Wallpaper with Gimp.<!-- google_ad_section_end -->
Tutorial : Create Mac like Wallpaper with Gimp.
Published by Dark Star
22 Mar 08
Member rating
Rate This ReviewN/A
0 users rated N/A% average
Thumbs Up Tutorial : Create Mac like Wallpaper with Gimp.



Tutorial : Create Mac Like Wallpaper using Gimp

Have you ever wondered how those glossy and stupendous wallpapers are created ? If not ! Then let me take you on a tour which will help you to create glossy wallpapers without any havoc.. This guide is targeted towards beginners .. I have tried my best to make it simple .. Being an Open Source user and FOSS follower I always use Open Source software to do my work. In this tutorial I had used GNU Image Manipulation Program [Gimp 2.4.2] to create wallpaper, so this tutorial will be focused on GIMP while people using Photoshop can still use the same technique to create this wallpaper..

The wallpaper I created has been inspired by Mac Aqua series of wallpaper.. Since I am using GNU OS I dedicate my 1'st wallpaper to my Operating System . i.e. Kubuntu 8.04..

In this tutorial we will focus to create a wallpaper like this..



Gimp is a multi platform Image Editor available for Windows, Linux, and Mac OSX.. So you can use tutorial on any OS.. So lets get started ...

Note :
Please save your work in .xcf file .. So that you can use it later for modification.. .xcf is the standard GIMP format which saves all the layers and effects that you applied.. It is just like .psd in Photoshop..

Step 1 : Before we get started decide the resolution you want to start , higher resolution will be beneficial since it will be easy for you to scale down if some one request for low resolution wallpaper..
Here in this tutorial I have used a Wide Screen resolution of 1680X1051 .. So I would recommend the same for the optimum results..

Step 2 : Set the foreground color to 3b00d0 and background color to 1882e4 .After you are done grab the Blend tool from the tool menu , now apply the Blend by dragging a line from Bottom to Top. Make sure the line is straight .. You can always undo the mistakes by CTRL+Z


Step 3 : Create a new transparent layer using the layer tool box.. Now set the foreground colour to while and select the blend tool .. Now do the following settings in order for create a glow..


In the new layer, apply the Blend by dragging from Center to lower left part of the image..


Set the layer attributes to Overlay..

Step 4 : Create a new transparent layer, and create an odd looking triangle using the Path tool..


Step 5 : Use the blend tool by dragging the from top to bottom right as mentioned in the image.. Do the following in Blend option .. These option will be the universal option for Blend tool in this tutorial..


Set the layer to Overlay Mode.


Step 7 : Create another transparent layer and draw a curve using the path tool..


Now use the blend tool by dragging it from left to right inside the curve path.. With White as its Foreground Colour..Set the Layer attribute to Overlay and adjust the Opacity according to your need..

Step 8 : Pick the path tool and draw the path below...


Step 9 : Now select the Airbrush with Black as its Foreground colour.. Under Airbrush option select the brush type “Circle Fuzzy 19” and set the size of the brush to 10.0 ..Now add the touch to the path as shown..


Step 10 : Right Click one the Image and a menu will pop up , under the menu navigate to Select option and click on Invert..

Step 11: Use the Airbrush and darken the path again. Select the Bucket Fill tool and and set the Foreground Colour to White..

Step 12 : Create a new Transparent layer and use the bucket tool inside the path ... It will colour up the whole selected portion to white. Set the layer attribute to Overylay and adjust the Opacity to 49..

Step 13 : Create a new layer and with the path selected right click on the image and Navigate to Select and click on Grow. Set the Pixel to 15 and click ok..


Setp 14 : Select the Airbrush from the toolbar and set the foreground colour to black .. Colour the new and increased outline make sure the colour should not spread much.. Use the brush as shown..


Step 15 : Once you are done set the mode to Overlay and set the opacity according to your taste . Do not lighten it too much.. Deselect the selected path by pressing CTRL+SHIFT+A

Step 16 : Use the path tool and create the path as shown in the image..


Step 17 : Select the blend tool with White as its foreground colour.. Drag it as shown in the figure..and set the mode to Overlay.. Deselect it by pressing CTRL+SHIFT+A


Step 18 : Now we will add the shade to upper and lower left path of the image.. To do this create a new Transparent layer and select the blend tool with White as its foreground colour.. Drag the blend tool from upper left to the opposite corner of the image... Set the mode to Overlay..

Step 19 : Create another new Transparent layer and do the same with blend tool. Drag it from Bottom left towards the opposite corner of the image.. Set the mode to Overlay .

Step 20 : We are finished now.. Add the logo if you want....


Here is another Wallpaper I have created using the same technique .. Gave a greenish shade and added the openSUSE logo at the center..


Hope this tutorial helps you.. Keep the comments and suggestions coming..

Peas Ds
Published by
Dark Star's Avatar
Freedom !
Join Date: May 2006
Location: /sys/power
Posts: 5,791
Dark Star is extremely Illustrious Dark Star is extremely Illustrious Dark Star is extremely Illustrious Dark Star is extremely Illustrious Dark Star is extremely Illustrious Dark Star is extremely Illustrious Dark Star is extremely Illustrious Dark Star is extremely Illustrious Dark Star is extremely Illustrious Dark Star is extremely Illustrious Dark Star is extremely Illustrious

Article Tools

| More



  5 links from elsewhere to this Post. Click to view. #1 (permalink)  
By Arihant.EXE on 22 Mar 08, 09:38 PM
Default Re: Tutorial : Create Mac like Wallpaper with Gimp.

Wow man!
Amazing !
I wud ,for sure ,like to try this!
I'll let u look at the outcomes
Repped ya!
Reply With Quote
  #2 (permalink)  
By DanDroiD on 22 Mar 08, 09:51 PM
Default Re: Tutorial : Create Mac like Wallpaper with Gimp.

Nice tut... ... though I think it is more vista like.... than mac
I will try this myself cool thanks...
Reply With Quote
  #3 (permalink)  
By Dark Star on 23 Mar 08, 09:28 AM
Default Re: Tutorial : Create Mac like Wallpaper with Gimp.

Thankss guys.. But still I will say it Mac like rather than calling it Vista like
Reply With Quote
  #4 (permalink)  
By Amaresh on 23 Mar 08, 10:19 AM
Default Re: Tutorial : Create Mac like Wallpaper with Gimp.

Very nice tutorial mate, good work
Reply With Quote
  #5 (permalink)  
By Quad Master on 23 Mar 08, 11:03 AM
Default Re: Tutorial : Create Mac like Wallpaper with Gimp.

Nice Tutorial There DarkStar

Keep up the good work :thumbsup:

you must spread some rep blah blah
sorry can't rep you.
Reply With Quote
  #6 (permalink)  
By w1nD on 23 Mar 08, 12:39 PM
Default Re: Tutorial : Create Mac like Wallpaper with Gimp.

sexo damn too good darky.awesome tutorial u got reps frm my side
Reply With Quote
  #7 (permalink)  
By Dark Star on 23 Mar 08, 05:09 PM
Default Re: Tutorial : Create Mac like Wallpaper with Gimp.

Those who are interested in Wallpaper w/o logo check this

Reply With Quote
  #8 (permalink)  
By w1nD on 19 Jul 08, 02:47 PM
Default Re: Tutorial : Create Mac like Wallpaper with Gimp.

its not ur own tutorial only thing is u have done in gimp
Reply With Quote
  #9 (permalink)  
By Dark Star on 19 Jul 08, 02:54 PM
Default Re: Tutorial : Create Mac like Wallpaper with Gimp.

Actually it was a PS tutorial on Psd tuts or seomthing like that Which composed of totally different techniques .. The thing posted here are totally different from the one you are talking about.. You won't find similar blending and creating path tech. like this in PS.. It so easy in PS Just a mere one click job

Though I agree that the design is same but the technique used is pretty different

Edit : Will try to post something similar tuts focusing these wallpaper

Blue Aura Wallpaper. | Sabayon Wallpapers
Last edited by Dark Star; 19 Jul 08 at 03:01 PM..
Reply With Quote
  #10 (permalink)  
By Gurpartap Singh on 19 Jul 08, 05:20 PM
Default Re: Tutorial : Create Mac like Wallpaper with Gimp.

Where's the DIGG link?
Reply With Quote
  #11 (permalink)  
By cooling_dexter on 19 Jul 08, 06:32 PM
Default Re: Tutorial : Create Mac like Wallpaper with Gimp.

nice tool, would give it a try...
Reply With Quote
  #12 (permalink)  
By spynic on 19 Jul 08, 10:53 PM
Default Re: Tutorial : Create Mac like Wallpaper with Gimp.

killer ... u shud join the gui guys!
Reply With Quote
Comment


Article Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On


LinkBacks (?)
LinkBack to this Thread: http://www.techenclave.com/guides-and-tutorials/tutorial-create-mac-like-wallpaper-gimp-107881.html
Posted By For Type Date
Digg - Design This thread Refback 11 Jul 08 10:15 AM
Digg - Design This thread Refback 11 Jul 08 09:01 AM
Digg - Tutorial : Create Mac like Wallpaper with Gimp. This thread Refback 11 Jul 08 08:53 AM
overview by ShashPant on reddit.com This thread Refback 18 May 08 12:39 AM
Tutorial : Create Mac like Wallpaper with Gimp. - TechEnclave This thread Refback 22 Mar 08 10:14 PM

Search TechEnclave
Register on TechEnclave to Remove the ads and the sidebar
Have some Fun!


Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.3.2