Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Stylish WebStudio Web Layout

Stylish WebStudio Web Layout

Browse Pages: << < 1  2  3  > >>

Blending Options>Gradient Overlay

image 1

Gradient's parameters:

image 2

Blending Options>Stroke

image 3

image 4

Select then the Custom Shape Tool (U) that would help us to represent several stars (the colors' codes are indicated). We need to turn the figures over if that is necessary, choosing the Free Transform option:

image 5

image 6

The stars with the shadow have the layer's parameters:

image 7

image 8

(the same parameters)

Blending Options>Drop Shadow

image 9

The small stars (the green one and the brown one) have also the equal parameters:

Blending Options>Drop Shadow

image 10

image 11

Select the same Custom Shape Tool (U) to represent the stars with the openings (the layer of the lowest yellow star should be placed lower than the yellow menu's button).

image 12

image 13

The layer's parameters for the stars containing the openings are equal for all of them:

Blending Options>Drop Shadow

image 14

image 15

We need to write now the site's title:

image 16

image 17

The layer's parameters:

Blending Options>Gradient Overlay

image 18

Gradient's parameters:

image 19

Blending Options>Stroke

image 20

image 21

We'll add above the "i" letter in the Webstudio word a small star, colored in #D1C5B0, selecting for this operation the Custom Shape Tool (U). Turn the figure over with Free Transform option.

image 22

image 23

The layer's parameters:

Blending Options>Stroke

image 24

image 25

We'll make a click on the right mouse's button on the recently made star's layer (on the layers' palette). Choose the Create layer option and mark out the particularly separate layer. Using the Eraser Tool (E), try to delete those elements shown below:

image 26

Make a copy of the recently made star and select the Free Transform option to make the copy smaller a little.

image 27

The layer's parameters:

Blending Options>Stroke

image 28



Author's URL: Adobetutorialz.com
Browse Pages: << < 1  2  3  > >>
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Stylish WebStudio Web Layout"

Captcha