Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Modern Online Pharmacy Web Layout (Part 1)

Modern Online Pharmacy Web Layout (Part 1)

Browse Pages: << < 1  2  3  > >>

Create a new layer and select the Brush Tool (B) to represent the shadow under the capsule.

image 1

image 2

Next we have to select two instruments for darkening out the lowest part of the capsule. Choose for the beginning the Rectangle Tool (U) and represent a black rectangle above the capsule's surface and then press on the Alt button, selecting the Ellipse Tool (U) simultaneously to cut out an opening on the capsule. The opening's shapes may be corrected with the Convert Point Tool.

image 3

Press on the Alt button and make a click between the opening's layer and the capsule's one and we'll get the necessary effect of darkening the capsule.

image 4

image 5

Make another copy of the capsule and place the copy above all the layers (on the layers' palette). Press Alt button, choosing the Rectangle Tool (U) and cut out the copy on its middle part, changing also the copy's parameters:

image 6

The layer's parameters:

Blending Options>Inner Glow

image 7

Blending Options>Gradient Overlay

image 8

Gradient's parameters:

image 9

image 10

Draw a vertical stripe now on the capsule's middle part that would have the white color, using the Rectangle Tool (U).

image 11

image 12

For your convenience, combine in a group all the layers composing the capsule and its reflection, shadow and darkening (press on the Ctrl button to mark out the necessary layers and make a mouse's click on its left button just to move the layers on Create a new group option).

We'll create now the buttons situated on the menu of the site's header. They should be situated lower than the previous mentioned group (on the layers' palette).

Select the Rectangle Tool (U) to draw the button

image 13

image 14

The layer's parameters:

Blending Options>Drop Shadow

image 15

Blending Options>Gradient Overlay

image 16

Gradient's parameters:

image 17

image 18

image 19

Make a copy of the last represented layer and choose the Free Transform option to place the copy like on the next picture; change the copy's parameters (we have to situate the copy's layer lower than the first one situated on the layers' palette).

image 20

We should change the mentioned below parameters, the rest of them should stay the same.

Blending Options>Gradient Overlay

image 21

Gradient's parameters:

image 22

image 23

image 24

Make two copies of the last made copy and select the Free Transform option to place it the way you may see below.

image 25

Draw a thin stripe on the lowest part of the picture, colored in #E3E3E3 and using the Rectangle Tool (U).

image 26

image 27

Create a new layer and select the Pencil Tool (B) to draw a pointed line, colored with #C6C6C6 that would be situated upper than the last made stripe.

Brushes Pallete

image 28



Author's URL: Adobetutorialz.com
Browse Pages: << < 1  2  3  > >>
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Modern Online Pharmacy Web Layout (Part 1)"

Captcha