Windows Vista Folder Icon

Average: 4.4 (73 votes)

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!

vistaicon-gimp

Step 1

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

Step 2

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

Step 3

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

Step 4

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

Change your colours 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:

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

Step 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:

Step 7

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

Step 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:

Step 9

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

Step 10

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

Step 11

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:

Step 13

Now on the Layers option, change the opacity to 0.0

Step 14

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

Step 15

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

Step 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!!

Visitor's picture

Shery

Good tutorial, thanks
Visitor's picture

Mai

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

Re: Windows Vista Folder Icon

Great tutorial, thank you!

fedella's picture

Great tuto!

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

Grrrreat work Laughing

metromax's picture

great one

easy to follow, good for begginnersWink

Visitor's picture

ok..

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. =[

Visitor's picture

I make that.

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

Visitor's picture

Very nice!

Well - explained tutorial!

Thanks! 

Visitor's picture

dude!

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

hamid's picture

where is the SCRIPT FU I

where is the
SCRIPT FU I NEED TO KNOW
BOOGOO

Gimper's picture

Re: Windows Vista Folder Icon

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

Visitor's picture

Re: Windows Vista Folder Icon

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

Gimper's picture

Re: Windows Vista Folder Icon

.ico is the format you need.

rainbow dash's picture

Haha, cool! Can you do a

3

Haha, cool! Can you do a Recycle Bin one?? 88888DDDDDD

John Bacon's picture

pretty good tut, found it

pretty good tut, found it useful

gs93's picture

Awesome!!

5

Awesome!!

taffy1998's picture

later, i'll show you guys how

3

later, i'll show you guys how to make a WHITE folder!

*hint* it involves a different color gradient!*

[R]ain's picture

Its the best tutorial i found

5

Its the best tutorial i found on this site!!

Post new comment

The content of this field is kept private and will not be shown publicly.
 
  • Lines and paragraphs break automatically.
  • Web page addresses and e-mail addresses turn into links automatically.

More information about formatting options