Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Photoshop  Home Photoshop Web Layout Vista Style Layout
rss

Vista Style Layout

Author: amitk More by this author


Create a new document with a blue background: #1063c1

The size should be 760 x 770 px.

Create a new Layer ( press Shift+Ctrl+Alt+N )

Then Grab Brush Tool and make some simple drawings ( the next image is resized )

image 1

Go to Filter > Blur > Gaussian Blur and use the following setting

image 2

Now change the Blending mode for this layer to Overlay

image 3

You can see the result in the next image

image 4

Grab the Rounded Rectangle Tool

Set the radius to 5 pixels and make 2 shapes

image 5

Now add the following layer style ( use the same settings for both shapes )

image 6

Then change the fill settings to 0 %

image 7

This is my result

image 8

Select the small shape and press on the layer thumbnail while you keep the Ctrl key down

image 9

This will make a selection

image 10

Grab the rectangular marquee tool

Press on Subtract From Selection and try to leave selected the top of our navigation panel

image 11

This is what we need

image 12

Create a new layer ( press Ctrl+Alt+Shift+N )

Select Paint Bucket Tool and fill the selection with white

Press Ctrl+D to deselect

image 13

Now change the fill settings to 0 %

image 14

And add the following layer styles

image 15

image 16

image 17

image 18

image 19

image 20

Now press one more time on the same layer thumbnail

We have to select one more time all the navigation panel ( you can see also how the button looks )

image 21

Grab the Rectangular Marquee Tool - press on Subtract from selection and be sure you will leave selected a small selection ( for the second button )

image 22

Create a new layer ( press Ctrl+Alt+Shift+N )

Fill the selection with white and apply the same layer style as above

( i am sure you can do this alone because we have already created the first button and i think you are an expert right now )

image 23

Now duplicate this layer and place it with your arrow keys under this one.

image 24

Select one more time the navigation panel ( press on layer thumbnail and keep your Ctrl key pressed )

image 25

Create a new layer ( press Ctrl+Shift+Alt+N )

Grab a round brush and start drawing some random lines

image 26

Go to Filter > Blur > Gaussian Blur and set the radius value to 35

Change the blending mode to Soft Light

image 27

Press on Ctrl+D to deselect. I will add some text on this navigation and this is my result

image 28

Now please select the left navigation layer ( the layer you have clicked on thumbnail )

And change the following layer style with this one

image 29

image 30

This is the result

image 31

Copy the layer style

image 32

And paste this layer style on the other shape

image 33

This is the result

image 34

Duplicate the big shape layer ( SHAPE 2 ) then select it

Then press on add layer style

image 35

Grab the Gradient Tool and draw a line from bottom to the top of the shape

image 36

With this layer selected you can change the fill settings to 3 %

Now i will add a text logo

image 37

Then i will add some MINUS signs on the big rounded rectangle and another text

Click to enlarge
Click to enlarge

Then i will choose " Fuzzball " brush . i will create a new layer and i will make some white stars

Basically you can use any star brush you have

Vista Style Layout Tutorial: Final Result (Click to enlarge)
Click to enlarge


Author's URL: www.talk-mania.com

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Vista Style Layout"