Subscribe Via RSS

3827 Subscribers

Subscribe Via RSS
Subscribe Via Twitter

Followers

Subscribe Via Twitter
Vista Themed Software Box Tutorial

October 9th, 2007 in Photoshop Tutorials by Richard Carpenter

Vista Themed Software Box Tutorial

1 Star2 Stars3 Stars4 Stars5 Stars4 Votes, Rating: 4.25
Loading ... Loading ...


In this tutorial il show you how to create the windows vista software box as seen below.

Firstly create a new layer above your background layer, select the pen tool and create a shape like this.

Might take you a few attempts to get the shape right. Color the shape black.

Double click your new layer with your black shape on and add a gradient overlay using the settings below.

Your shape should now look like this.

Duplicate your shape layer, then right click your new layer and goto “clear layer style” you should be left with your black shape again, ive done it this way as you dont have to create another shape with the pen tool, alternativly you could define a custom shape. Press “ctrl + T” to enter into free transform mode, just drag the top of the shape down abit making it abit smaller.

Double click your new shape layer and add this gradient overlay and stroke.

You should be left with this.

Create a new layer above your background layer but under everything eles, make a selection (see image below).

Fill with the color black, and you should be left with this.

Duplicate one of your shapes then right click your new layer and goto “clear layer style” make sure this layer is above everything eles, press “ctrl + T” to enter free transform mode, make this shape abit bigger than the others and color this shape with the color #777777 and set opacity to about 15%-20%.

Duplicate the layer you created above this time drag the layer down above your background layer, press “ctrl + T” to enter free transform mode, make this shape abit smaller than the others color this shape with the color #777777 and set opacity to about 15%-20%.

Thats it all done, all thats left to do now is add your content, once you have added your content goto “edit > transform > persepective” and adjust the perspective to suit.

About The Author

About The Author: Richard Carpenter

Hi im Richard Carpenter and im a freelance web and graphics designer from England. I am also a regular Blogger, Tutorial Writer, and owner of Photoshop Plus. You can follow me on twitter HERE. You may also view my portfolio HERE.

 

Richard Carpenter has written 364 posts.

Be Part Of The Community!

Become part of the hv-designs community.

Subscribe Via RSS or Follow Us On Twitter.

Subscribe Via RSS Follow Us On Twitter

2 Responses to “Vista Themed Software Box Tutorial”

  1. zech says:

    nice one admin,i have a question,how can i make those effects like the ones in the second pictute,those shiny and attractive lines?like the ones in the vista wallpapers?thanks

  2. ADMIN says:

    check out my Vista Themed Layout #3 Tutorial

    that might help

    or try this tutorial

    http://www.freephotoshop.ca/tutorials/effects/photoshop-tutorial-abstract-light-rays

Leave a Reply