website promotion banner
eturnkeys
Your Ad Here
Photoshop  Home Photoshop Web Layout Portfolio Web Layout (Part 3)
rss

Portfolio Web Layout (Part 3)

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


Number on the site's sections:

image 1

image 2

Fill the site' section with the corresponding text:

image 3

(the text of orange color)

image 4

(the main text)

image 5

(the bold text)

image 6

Find in Internet the appropriate logotypes, placing them inside the site's section.

image 7

image 8

Represent now a special window of white color, reserved for the screenshot, applying the Ellipse Tool (U)

image 9

The layer's parameters:

Blending Options>Drop Shadow

image 10

Blending Options>Stroke

image 11

Make two copies of the new made layer and place them out the way it is shown on the next picture:

image 12

Find three screenshots that will be placed by turn above the windows (make a mouse's click, pressing the Alt button simultaneously between the window's layer and the screenshot's one).

image 13

image 14

Do the same with the rest of them:

image 15

Then choose the known Ellipse Tool (U) to create a layer reserved for the scrolling button, which color should be FD9B00.

image 16

The layer's parameters:

Blending Options>Drop Shadow

image 17

Blending Options>Stroke

image 18

Create a new layer. Represent on the already made scrolling button a white pointer directed to the left side, choosing the usual Pencil Tool (B) for these operations:

image 19

image 20

Merge down in a group all the layers composing the scrolling button (keep pressed the Ctrl button to mark out the necessary layers and press simultaneously the left mouse's button to move the marked layers lower on Create a new group option). Make a copy of the new made group and select the Free Transform option to turn the copy over and place it the way you may see below:

Portfolio Web Layout Tutorial: Final Result (Click to enlarge)
Click to enlarge

The final result is this one!




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 "Portfolio Web Layout (Part 3)"