• home
  • forum
  • downloads
  • brushes
  • contact
Home

Your Ad here contact

Tutorial Categories

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

Recent comments

  • Re: Contaminated Effect
    9 hours 8 min ago
  • Re: Textured Design
    9 hours 9 min ago
  • Re: Textured Design
    9 hours 12 min ago
  • Hey Gimper, Thx so much for
    13 hours 17 min ago
  • Re: 30 Ultimate Web 2.0 Layer Styles for Gimp
    1 day 8 hours ago
  • Re: Wordpress theme designed with Gimp
    1 day 9 hours ago
  • Re: Blog Theme Design tutorial
    1 day 16 hours ago
  • Re: How To Create Your Own Website Design Using Gimp
    1 day 22 hours ago
  • Re: Super Slick Dusky Lighting Effects in Gimp
    3 days 11 hours ago
  • Re: Split-toning in GIMP
    3 days 23 hours ago

User login

  • Create new account
  • Request new password
Enter your Email





Preview | Powered by FeedBlitz

Most Viewed Tutorials

  • Mac style Wallpaper (224757)
  • Vista Button (126652)
  • How To Create Your Own Website Design Using Gimp (96760)
  • Glow Effect (94961)
  • 30 Ultimate Web 2.0 Layer Styles for Gimp (83351)
more

Other Gimp Sites

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

Windows Vista Folder Icon

Submitted by carlosp120 on Sun, 09/09/2007 - 02:39.

Average: 4.5 (49 votes)
Preview:
gimp_folder_icon_tutorial.jpg

In this tutorial I will show you how to make a Windows Vista Icon in Gimp.
This is the first time I use GIMP. so if I name a tool name wrong, sorry.
I was using GIMP 2.2 on Mac OS X during the tutorial.
Enjoy! Cool

vistaicon-gimp

 

1. Go to File > New and create a new image 250 x 250px.

2. Create a new Layer, and with the Path Tool create something like this:

3. Click on "Create selection from path" in the path's tool options.

4. Now you will see the the design you made with the path tool is selected and dotted.

Change your colors to: #fff29e to ffd46f :

And with the Gradient Tool, drag it from the top of the folder to the bottom, this is how it should look:

5. Select the folder and go to Select > Grow - Grow by 1 Pixel.
Now go to Select > Border - Border Selection by 1 Pixel.
Change your color to: #fff4db, and with the Paint Bucket (Shift + B) Paint the border.
Now go to Select > None.

6. Select Again the folder. and go to Select Grow by 2 pixels.
Now go to Select > Border - Selection by 1 Pixel.
Change your color to: #f4c85b, and with the Paint Bucket (Shift + B) Pain the border.
Now go to Select > None, and should look like this:

7. Go to Layer > Layer Duplicate
Hide the first Layer: like this:

8. With your 2nd layer. Select the "Change Prespective Tool" (Shift + P) and do this:

9. Select the Scale Took (Shift + T) and Scale the image down to:

10. We are done with the folder, now we need to add the shadow.

11. Make a New Layer. Now with the "Select Elliptical Regions Tool" (E). Create a circle like this one:

12. Color the Circle in the new layer with whatever color you want (color will not affect the final result).
Now click Select > None.. You should have this:

 

13. Now on the Layers option, change the opacity to 0.0

14. Now go to Script-Fu > Shadow > Drop Shadow and Apply this Settings:

15. A New Layer called Drop Shadow will be made. Drag that Layer between Background and the First Layer:

 

16. Drag the Layer Shadow back of the folder, and you should get this:

Now you can add Papers, Music Notes, Movies inside the folder and make it for whatever you want. Enjoy!!

Coffe

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

  • Icons and button

Comment viewing options

Select your preferred way to display the comments and click "Save settings" to activate your changes.
Visitor's picture

Shery

Submitted by Visitor on Sun, 09/09/2007 - 06:21.

Good tutorial, thanks

  • reply
Visitor's picture

Mai

Submitted by Visitor on Thu, 09/13/2007 - 18:34.

Thanks for the tut! It's was a very easy to follow, good job! =3

  • reply
Visitor's picture

Re: Windows Vista Folder Icon

Submitted by Visitor on Fri, 10/05/2007 - 17:29.

Great tutorial, thank you!

  • reply
fedella's picture

Great tuto!

Submitted by fedella on Tue, 10/16/2007 - 15:38.

Thank you for the tuto. Easy to follow easy to do!

Grrrreat work Laughing

  • reply
metromax's picture

great one

Submitted by metromax on Thu, 10/18/2007 - 12:47.

easy to follow, good for begginnersWink

  • reply
Visitor's picture

ok..

Submitted by Visitor on Fri, 11/02/2007 - 03:20.

Good, but I couldn't find the "Create selection from path" option... I'm brand new with gimp, so yeah, I couldn't find this, so I coundn't make the design. =[

  • reply
Visitor's picture

I make that.

Submitted by Visitor on Sat, 11/03/2007 - 06:25.

it's small, but pespective tool is difficult to me.

  • reply
Visitor's picture

Very nice!

Submitted by Visitor on Tue, 11/06/2007 - 10:42.

Well - explained tutorial!

Thanks! 

  • reply
Visitor's picture

dude!

Submitted by Visitor on Sun, 01/13/2008 - 13:58.

making a vista icon in mac inviroment?
thats just sick!

  • reply
hamid's picture

where is the SCRIPT FU I

Submitted by hamid (not verified) on Sat, 04/12/2008 - 11:10.

where is the
SCRIPT FU I NEED TO KNOW
BOOGOO

  • reply
Gimper's picture

Re: Windows Vista Folder Icon

Submitted by Gimper on Sat, 04/12/2008 - 12:28.

you can just go to Filters>Light and Shadow>Drop shadow

  • reply
Visitor's picture

Re: Windows Vista Folder Icon

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

what format does the file need to be saved as for it to be used as a icon on windows?

  • reply
Gimper's picture

Re: Windows Vista Folder Icon

Submitted by Gimper on Wed, 05/14/2008 - 02:25.

.ico is the format you need.

  • reply
J.Smith's picture

Re: Windows Vista Folder Icon

Submitted by J.Smith (not verified) on Wed, 07/09/2008 - 08:37.

Thanks for this detailed tutorial. I just wonder which format should I save it as to create a transparent background image?
__________________
software reviews

  • reply
Befo's picture

Re: Windows Vista Folder Icon

Submitted by Befo on Fri, 09/26/2008 - 20:51.

I'm pleased this subject. Really, i'm interested. Thanks to who prepare that.

sohbet - çet - giresun chat

  • reply

Comment viewing options

Select your preferred way to display the comments and click "Save settings" to activate your changes.

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.
Copy the characters (respecting upper/lower case) from the image.

  • home
  • forum
  • downloads
  • brushes
  • contact