Windows Vista Logo Photoshop Tutorial

Create a new layer name it “window1”.
Right click, click on the shape, click “Make Selection…”
Fill the selection with any color.

pen tool selection

Now duplicate layer and name it “window2”.
Use CTRL+T to flip the window2 layer vertical, and then horizontal.
Now you should repeat the same thing two more times to get four windows in total.

duplicate layers

Fill the windows using gradient with equal colors from the original logo.

pick color

Add Bevel and Emboss to all windows.

add bevel

Now you should have something like this.

simple look

We need some glossy effect on this window.
Create a new folder “window”, put all four window shapes into one folder.
Duplicate “window” folder and press CTRL+E to merge folder. Name it “Gloss”.

Lock Transparent pixels

lock layer

And fill the “gloss” layer with white color.
Create a copy of this layer, name it “shadow” and put under the “window” folder (we need this one for later).

make shadow

Unlock Transparent pixels, and use eraser tool to remove unnecessary part.

cut selection

Set opacity 15%

shadow transparency

Create a new layer “shine”.
How hold down CTRL and left mouse click to the “shadow” (do not select this layer) layer at the layer palette.
We have got selection like this one:

shine center

Pages: 1 2 3

Share and Enjoy:
  • Twitter
  • Facebook

15 Responses to “Windows Vista Logo Photoshop Tutorial”

  1. Joker says:

    Greatings,
    Everything dynamic and very positively! :)

    Thanks
    Joker

  2. [...] Windows Vista Desktop Themes A simple step-by-step tutorial on making the Windows Vista logo in Photoshop. Learn how to make the mirror and glossy effects and how to use such Photoshop tools as gradient, pen, bevel and emboss, eraser, etc. [...]

  3. This is really Cool guys!

    Thanks a lot for sharing.

  4. philipo says:

    Hi thanks for sharing it very cool
    but i will be happy to download some and practice them at home

  5. [...] de SpeckyBoy. Esta recopilación incluye tutoriales para crear el logo de WordPress, también el logo de Windows Vista y de muchos más. Estoy seguro que esta lista de tutoriales te ayudaran mucho en encontrar esa [...]

  6. Emraan says:

    Great Tips
    ThanX buddy

  7. Santosh says:

    Great Tips helpful.

    Cheers!

  8. crystal says:

    thanks guys, this education turials helps very much.

  9. Bluesoju says:

    Could you put more details please? After duplicating the layer and making circle 2, I have no idea where you pulled up that gradient window. And by decrease the layer, do you mean the opacity?

  10. worst i have ever seen please explain more like the colors etc

  11. Ice says:

    thank you very much , I learned a lot , downloaded a lot , great site thanks again.

  12. Andrew says:

    simply put…photoshop is a tool I couldn’t live without. I am always on the look for more stuff, and ways to use it.

  13. Colin says:

    This is a really bad guide for people trying to learn how to use Photoshop.

    I had little trouble because of my experience but you do leave a lot out like the hex codes and such.

  14. Thanks so very much for taking your time to create this very useful and informative site.

Leave a Reply