adv banner
Photoshop  Home Photoshop Drawing Techniques Design Studio Website (Part 2)
rss

Design Studio Website (Part 2)

Author: Adobetutorialz.com More by this author
Browse Pages: << <  1  2


Insert now the site's name, keeping eth demands from the next table:

image 1

DESIGN

image 2

studio

image 3

The layer's parameters: Blending Options>Drop Shadow

image 4

Blending Options>Gradient Overlay

image 5

Gradient's parameters:

image 6

image 7

Insert the titles for the menu's buttons situated on the site's header:

image 8

image 9

Insert also the titles for the site's sections, being attentive with the next demonstrated demands:

image 10

image 11

Now it's time to work with the places reserved for the pictures. In this case we'll apply the Rectangle Tool (U) of white color.

image 12

Both layers look the same. Next you may see the layers' parameters:

Blending Options>Stroke

image 13

image 14

On the reserved places for the pictures, we may introduce the pictures themselves (preliminary cut out).

image 15

Insert the corresponding text in the site's sections:

image 16

the bold text

image 17

the main section's text:

image 18

links inside the text:

image 19

links of blue color

image 20

Take now the Line Tool (U) and represent several dividing lines with the color #555555

image 21

Create a new layer and try to draw near the links several pointers, applying the Pencil Tool (B) (brush 2 px) with the color #27D1F4

image 22

image 23

We shall draw the scrolling bar on the right side, choosing the Rectangle Tool (U) and the color #3E3E3E

image 24

Use the same instrument for representing the moving element of the scrolling:

image 25

The layer's parameters: Blending Options>Inner Shadow

image 26

Blending Options>Gradient Overlay

image 27

Gradient's parameters:

image 28

image 29

image 30

On the last stage we shall introduce the site's copyright:

image 31

image 32

Finished!

Design Studio Website Tutorial: Final Result (Click to enlarge)
Click to enlarge



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

Add comments to "Design Studio Website (Part 2)"