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
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
Browse Pages: << < 1  2  3  > >>
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Stylish WebStudio Web Layout"

Only registered users can write comment

No comments yet...