Microsoft Vista Stick

Microsoft Vista Stick
Microsoft Vista Stick
In this tutorial we will create vista stick for windows media player.

Open a new file that would have 1024×768 px and 72 dpi and paint it in black, as you may see below:

Microsoft Vista Stick

Insert now the name, keeping the demands for the letters from the tables shown below:

Microsoft Vista Stick

(Vista Stick)

Microsoft Vista Stick

(For Windows Media Player 10 & 11)

Microsoft Vista Stick

Take the next instrument

Microsoft Vista Stick

and represent on the upper part of the picture a lighter zone.

Microsoft Vista Stick

Blending Options-Gradient Overlay

Microsoft Vista Stick

Gradient’s parameters:

Microsoft Vista Stick

Take the following tool now

Microsoft Vista Stick

and create the lowest layer reserved for the media player’s panel. It should be colored in 121212.

Microsoft Vista Stick
Microsoft Vista Stick

Take the next shown instrument

Microsoft Vista Stick

and represent for the beginning the layer of those two buttons, then click on the Alt button and apply the next tool

Microsoft Vista Stick

to separate the buttons.

Microsoft Vista Stick
Microsoft Vista Stick

Blending Options-Gradient Overlay

Microsoft Vista Stick

Gradient’s parameters:

Microsoft Vista Stick

Blending Options-Stroke

Microsoft Vista Stick

Using the next instrument

Microsoft Vista Stick

, draw a flare on the media player’s panel that must have this color’s code – 5A5A5A.
Apply after that this tool

Microsoft Vista Stick

to erase the unnecessary tops. Finally apply this instrument

Microsoft Vista Stick

to correct the lowest corners.

Microsoft Vista Stick
Microsoft Vista Stick

On the layers we have

Microsoft Vista Stick

The Opacity is of 50%.
Select the next shown instrument now

Microsoft Vista Stick

and choose from the next table the corresponding cliché for the picture. It is indicated with red color.

Microsoft Vista Stick

Make use of the Free Transform option to turn it around and choose the instrument from here

Microsoft Vista Stick

to represent the button’s indicator. All the elements should have the color 696969.

Microsoft Vista Stick
Microsoft Vista Stick

on the layers

Microsoft Vista Stick

For your convenience now, we should combine in a group all the layers, containing the button indicator’s elements. Make a copy of this new made group and make use of Free Transform option again to turn it around and place it the way it is demonstrated here:

Microsoft Vista Stick
Microsoft Vista Stick

Choose again the next instrument

Microsoft Vista Stick

to select the appropriate cliché, that one from the next table:

Microsoft Vista Stick

Take the instrument from here

Microsoft Vista Stick

to move off the unnecessary tops of the elements. The color’s code is DFDFDF.

Microsoft Vista Stick
Microsoft Vista Stick

on the layers we have

Microsoft Vista Stick

Choose the following instrument

Microsoft Vista Stick

to draw the Stop button now, colored in DFDFDF.

Microsoft Vista Stick
Microsoft Vista Stick

Using the next tool,

Microsoft Vista Stick

it’s possible to draw a small stripe on the bottom of the menu. Its color is 484848.

Microsoft Vista Stick
Microsoft Vista Stick

Take the next tool now

Microsoft Vista Stick

and represent on the upper part of the panel a stripe, like that one shown below:

Microsoft Vista Stick
Microsoft Vista Stick

Fill 0% on the layers.
Blending Options-Gradient Overlay

Microsoft Vista Stick

Gradient’s parameters:

Microsoft Vista Stick

Select after that this indicated instrument

Microsoft Vista Stick

and create the lowest layer of one more button, colored with 484848.

Microsoft Vista Stick
Microsoft Vista Stick

Take the previous instrument to represent one more layer colored this time with 1E339C.

Microsoft Vista Stick
Microsoft Vista Stick

Choose the last tool to represent another layer, reserved for one more button.

Microsoft Vista Stick
Microsoft Vista Stick

Blending Options-Gradient Overlay

Microsoft Vista Stick

Gradient’s parameters:

Microsoft Vista Stick

Blending Options-Stroke

Microsoft Vista Stick

Take the next instrument and insert on the upper part of the button shown next, a flare of white color. Make the necessary corrections also on its shape, applying the instrument form here

Microsoft Vista Stick

.

Microsoft Vista Stick
Microsoft Vista Stick

Fill 22% on the layers.
Blending Options-Inner Shadow

Microsoft Vista Stick

For your convenience we should merge down in a group all the layers composing the big button
Make a copy of the group and using Free Transform option, it’s possible to minimize it a little and place everything the way it is indicated below:

Microsoft Vista Stick

Get back to the big button and insert one more layer.
Take the following instrument again

Microsoft Vista Stick

to select from the next table a cliché that one encircled in red.

Microsoft Vista Stick

Using the Free Transform option, turn around the element and choose the white color for it.

Microsoft Vista Stick
Microsoft Vista Stick

Blending Options-Stroke

Microsoft Vista Stick

Apply the instrument from here

Microsoft Vista Stick

to represent a thin stripe placed under the small copy of the big button.

Microsoft Vista Stick
Microsoft Vista Stick

Blending Options-Gradient Overlay

Microsoft Vista Stick

Gradient’s parameters:

Microsoft Vista Stick

Write now the name of the track and its period of Play time.

Microsoft Vista Stick
Microsoft Vista Stick

Take the next tool

Microsoft Vista Stick

and represent the divide zone between the information and media player’s buttons.

Microsoft Vista Stick

Blending Options-Gradient Overlay

Microsoft Vista Stick

Gradient’s parameters:

Microsoft Vista Stick
Microsoft Vista Stick

The media player is finished!

View full size here.