Home > Tutorials > Windows Vista Logo Photoshop Tutorial

Windows Vista Logo Photoshop Tutorial

April 13th, 2009 , Posted in Tutorials

One click with Brush Tool to create shine similar to mine.

shiny white

Set ~30% transparency.

shadow preview

OK, we need the backgroung more glossy.
Create a new layer “sbottom”
Hold down CTRL and click to the “circle2” layer.
Use Brush Tool # 3fb9ea and create a light blue shade at the bottom.

shiny effect

shiny effect preview

Repeat this action with the top part of your logo.
#6f87a3 color

shine effect

It’s time to add some shadows to the window icon. Merge the window folder (CTRL+E),
And add a shadow.

drop shadow

We are almost done. To make the windows icon more wavy apply this Gradient Overlay:

final touch

That’s it!

vista logo tutorial

At the end you can add a reflection. Turn off the background (white locked layer at the bottom), merge all layers (CTRL+SHIFT+E). Create a copy of that layer (CTRL+J), then CTRL+T / Flip Vertical. Move down the layer and use Eraser Tool to delete bottom part. Set transparency to 20% or less.

mirror effect

Congratulations, Your are done!
Cheers!

Pages: 1 2 3

Tags: , , , ,

Share and Enjoy:
  • Twitter
  • Facebook

15 Responses to “Windows Vista Logo Photoshop Tutorial”

  1. Joker says:
    April 15, 2009 at 7:57 am

    Greatings,
    Everything dynamic and very positively! :)

    Thanks
    Joker

  2. 60+ Beautiful Logo Design Tutorials And Resources | Tutorials | Smashing Magazine says:
    May 1, 2009 at 7:05 am

    [...] 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. Chetan Madaan says:
    May 1, 2009 at 5:27 pm

    This is really Cool guys!

    Thanks a lot for sharing.

  4. philipo says:
    May 18, 2009 at 12:42 pm

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

  5. 25 Distinctive and Famous Logo Photoshop Tutorials : Speckyboy Design Magazine says:
    June 30, 2009 at 11:14 am

    [...] Windows Vista Logo [...]

  6. 25 Tutoriales para Crear Logos Famosos says:
    July 8, 2009 at 7:14 pm

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

  7. Emraan says:
    July 31, 2009 at 4:57 am

    Great Tips
    ThanX buddy

  8. Santosh says:
    August 10, 2009 at 1:58 pm

    Great Tips helpful.

    Cheers!

  9. crystal says:
    September 1, 2009 at 4:41 am

    thanks guys, this education turials helps very much.

  10. Bluesoju says:
    October 5, 2009 at 12:28 pm

    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?

  11. Hardtorateitafive says:
    February 13, 2010 at 1:27 am

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

  12. Ice says:
    February 13, 2010 at 11:21 am

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

  13. Andrew says:
    February 17, 2010 at 9:10 am

    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.

  14. Colin says:
    April 23, 2010 at 3:06 pm

    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.

  15. fashion trends says:
    July 2, 2010 at 5:12 am

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

Leave a Reply