Vista Style Layout

10/02/2007 09:46:00 AM Posted by Blogger Blogspot

I will create a website similar with vista website but of course with some changes. this is what you will make:
index290408

Create a new document with a blue background: #1063c1
The size should be 760 x 770 px.
Create a new Layer ( press SHIFT+CTR+ALT+N )
Then Grab Brush Tool and make some simple drawings ( the next image is resized )


1

Go to Filter > Blur > Gaussian Blur and use the following setting
2
Now change the Blending mode for this layer to Overlay

3

You can see the result in the next image

 

4

Grab the Rounded Rectangle Tool
Set the radius to 5 pixels and make 2 shapes

 

5

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

 

6

Then change the fill settings to 0 %

7

This is my result

8

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

9

This will make a selection

10

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

 

11

This is what we need

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

13

Now change the fill settings to 0 %

14

And add the following layer styles

15

16

17

18

19

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 )

 

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 )

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  )

23

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

24

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

25

Create a new layer ( press CTRL+SHIFT+ALT+N )
Grab a round brush and start drawing some random lines

26 

Go to Filter > Blur > Gaussian Blur and set the radius value to 35
Change the blending mode to Soft Light
27 

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

28 
Now please select the left navigation layer ( the layer you have clicked on thumbnail )
And change the following layer style with this one
29

30

This is the result
31 

Copy the layer style
32
And paste this layer style on the other shape
33
This is the result
34 

Duplicate the big shape layer ( SHAPE 2 ) then select it
Then press on add layer style
35
Grab the Gradient Tool and draw a line from bottom to the top of the shape
36
With this layer selected you can change the fill settings to 3 %
Now i will add a text logo
Then i will add some MINUS signs on the big rounded rectangle and another text
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
index290408

Loading related posts...

0 comments:

Post a Comment