website promotion banner
eturnkeys
Your Ad Here
Photoshop  Home Photoshop Web Layout Photography Portfolio
rss

Photography Portfolio

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


Gradient's parameters:

image 1

Blending Options>Stroke

image 2

image 3

Next we'll represent the buttons of the searching menu:

image 4

image 5

Using the Pencil Tool (B) (1 px) and the color #FF9E00, try to make now the pointers situated near the buttons as it is demonstrated below:

image 6

The Rectangle Tool (U) will be helpful in representing the window reserved for introducing the searching system. The color is #2D2D2D

image 7

The layer's parameters: Blending Options>Stroke

image 8

image 9

Insert the Search word in the searching system's window:

image 10

image 11

Represent on the following stage the button reserved for starting the searching system, using the Rounded Rectangle Tool (U) (radius 3 px). The color is #CC6600

image 12

The layer's parameters: Blending Options>Stroke

image 13

image 14

Insert also the button's title:

image 15

image 16

image 17

Next we have to create the primary layer reserved for the photos of our portfolio. Use this time the Rounded Rectangle Tool (U) (radius 7 px) and the color #111111

image 18

The layer's parameters: Blending Options>Inner Glow

image 19

Blending Options>Stroke

image 20

image 21

Using the same instrument with the same radius and the same color, try to make another layer of the portfolio:

image 22

The layer's parameters: Blending Options>Inner Glow

image 23

Blending Options>Stroke

image 24

image 25

Make four copies of the last made layer and select the Free Transform option to place the copies as it is demonstrated next picture:

image 26

Select now the necessary photos for the portfolio. Cut them out, according to the sizes of the recently made layers. Place the corresponding photos above the layers reserved for the photo (on the layers' panel). Press Alt button and make a mouse's click between the photos' layers and the photo's layer. Do this operation for each photo and its layer.

image 27

Using the Rectangle Tool (U), try to represent a special area for the text that would have black color.

image 28

The layer's parameters: Fill 30%

image 29

Insert the text on the represented area.

image 30

image 31

The layer's parameters: Blending Options>Stroke

image 32

image 33

Using the Rounded Rectangle Tool (U) (radius 7 px), it's possible to represent a special section reserved for the portfolio's author. Press Alt button when using the same instrument to move off the unnecessary elements. The color is #333333

image 34

image 35

Next stage must be done with the Rounded Rectangle Tool (U) (radius 7 px) when representing the layer reserved for the photo of the portfolio's author. The color is #939393

image 36

The layer's parameters: Blending Options>Inner Glow

image 37

Blending Options>Stroke

image 38

image 39

Place the photo above the photo's layer on the layers' panel. Hold on Alt button and make a mouse click between the photo's layer and the layer containing the photo of the portfolio's author.

image 40

Insert the text in the author's section:

image 41

(WELCOME)

image 42

(TO MY WEB SITE)

image 43

(Bold text)

image 44

(simple text)

image 45

Insert also the additional links in the author's section:

image 46

image 47

Create a new layer and choose this time the Pencil Tool (B) (1px) to represent the pointers near the links. The color is white.

image 48

Find in Internet a picture representing a photo camera, cut it out and introduce it on our picture:

image 49

Make a copy of the camera's layer and choose the Free Transform option to turn over the copy and to place it the way shown below:

image 50

Make a mouse click on Add a Mask option on the same layer on the layers' panel and choose the Gradient Tool (G) of black color.

image 51

Try to represent now the site's menu situated on the bottom part:

image 52

image 53

It's time to use the Pencil Tool (B) (1 px) and white color to represent the vertical dividing lines:

image 54

Photography Portfolio Tutorial: Final Result (Click to enlarge)
Click to enlarge

Finished!




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 "Photography Portfolio"