website promotion banner
eturnkeys
Your Ad Here
Photoshop  Home Photoshop Web Layout Making your own Portfolio Web Page
rss

Making your own Portfolio Web Page

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


Next choose the Rectangle Tool (U) to draw the button that will form the site's menu:

image 1

image 2

The layer's parameters: Blending Options>Gradient Overlay

image 3

Gradient's parameters:

image 4

Blending Options>Stroke

image 5

image 6

Make a copy of the earlier made layer containing the menu's button and choose after that the Free Transform option to place the copy - layer exactly the way demonstrated below:

image 7

The parameters for the changed button: Blending Options>Inner Glow

image 8

Blending Options>Gradient Overlay

image 9

Gradient's parameters:

image 10

Blending Options>Stroke

image 11

Gradient's parameters:

image 12

Make three copies of the changed button and select again Free Transform option to situate the copies the same way indicated next image:

image 13

image 14

Using the Rectangle Tool (U), it's possible to draw above the button a white line, to get the same image from below:

image 15

Insert the titles for the site's menu's buttons, keeping the demands from the next tables:

image 16

home page

image 17

the titles for the rest of the menu's buttons:

image 18

The parameters for the home page named layer: Blending Options>Stroke

image 19

The parameters for the rest of the titles reserved for the menu's buttons: Blending Options>Stroke

image 20

image 21

Create a new layer and try to represent on it a pointer situated on the left side of the menu's buttons' titles. In this case we must use the Pencil Tool (B) of white color (brush 1 px). The pointer near the home page title should be represented on a separate layer. The rest of them should be represented on a single one, near the rest of the buttons' titles:

image 22

image 23

We shall set the same parameters for the pointers as we did in case with the buttons' titles:

image 24

Next step includes choosing the Rectangle Tool (U) and representing the zone for the auxiliary buttons, having the color #36322D

image 25

Create a new layer on which we shall apply the earlier used instrument – the Pencil Tool (B) (brush 1 px) for representing the icons of the auxiliary buttons. Their color is #998D7B

image 26

image 27

Make a copy of the earlier made layer containing the photo of the site's author and choose Free Transform option to place the layer the same way demonstrated on the picture, changing the parameters for the copy – layer. The color in this case is #2A251F

image 28

The layer's parameters: Blending Options>Inner Glow

image 29

image 30




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  3 > >>

Add comments to "Making your own Portfolio Web Page"