Showcase and discover digital art at yex

Follow Design Stacks

Subscribe to our free newsletter to get all our latest tutorials and articles delivered directly to your inbox!

Modern Online Pharmacy Web Layout

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).

Create Modern Online Pharmacy Web Layout in Photoshop CS

We should change the mentioned below parameters, the rest of them should stay the same.
Blending Options>Gradient Overlay

Create Modern Online Pharmacy Web Layout in Photoshop CSGradient’s parameters:

Create Modern Online Pharmacy Web Layout in Photoshop CS

Create Modern Online Pharmacy Web Layout in Photoshop CS

Create Modern Online Pharmacy Web Layout in Photoshop CS

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

Create Modern Online Pharmacy Web Layout in Photoshop CS

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

Create Modern Online Pharmacy Web Layout in Photoshop CS

Create Modern Online Pharmacy Web Layout in Photoshop CS

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

Create Modern Online Pharmacy Web Layout in Photoshop CSCreate Modern Online Pharmacy Web Layout in Photoshop CS

Make a mouse’s click on the line’s beginning. Then press on the Shift button and make a click on the line’s end.

Create Modern Online Pharmacy Web Layout in Photoshop CS

Create Modern Online Pharmacy Web Layout in Photoshop CS

Make a copy of the new made pointed line and select the Free Transform option to place the copy like on the next picture.

Create Modern Online Pharmacy Web Layout in Photoshop CS

Create Modern Online Pharmacy Web Layout in Photoshop CS

Create a new layer and select the Pencil Tool (B) of different sizes to represent a window of search system – 4 px for the contour and a big size for the inside zone.

Create Modern Online Pharmacy Web Layout in Photoshop CS

Create Modern Online Pharmacy Web Layout in Photoshop CSClose to the window we need to represent the searching button, colored with #F20000 (using the Rounded Rectangle Tool (U))

Create Modern Online Pharmacy Web Layout in Photoshop CS

Create Modern Online Pharmacy Web Layout in Photoshop CS

Create Modern Online Pharmacy Web Layout in Photoshop CS

The layer’s parameters:
Blending Options>Inner Glow

Create Modern Online Pharmacy Web Layout in Photoshop CS

Create Modern Online Pharmacy Web Layout in Photoshop CS

Create Modern Online Pharmacy Web Layout in Photoshop CS

Write the site’s logotype also, being attentive with the demands inserted below.

Create Modern Online Pharmacy Web Layout in Photoshop CS

(Online) Create Modern Online Pharmacy Web Layout in Photoshop CS

(Pharmacy)

Create Modern Online Pharmacy Web Layout in Photoshop CS

(all you need for your health)

Create Modern Online Pharmacy Web Layout in Photoshop CS

Add the buttons’ titles of the menu situated on the site’s header, keeping the next demands from the table.

Create Modern Online Pharmacy Web Layout in Photoshop CS

(Home)

Create Modern Online Pharmacy Web Layout in Photoshop CS

(About Us, Price List, Contact Us)

Create Modern Online Pharmacy Web Layout in Photoshop CS

We have to add also the corresponding inscriptions on the searching system.

Create Modern Online Pharmacy Web Layout in Photoshop CS

(Search) Create Modern Online Pharmacy Web Layout in Photoshop CS

(Go)

Create Modern Online Pharmacy Web Layout in Photoshop CS

Next step includes entitling the site’s sections.

Create Modern Online Pharmacy Web Layout in Photoshop CS

(Welcome, Special)

Create Modern Online Pharmacy Web Layout in Photoshop CS

(to our store, offers)

Create Modern Online Pharmacy Web Layout in Photoshop CS

Fill the site’s section with the appropriate text.

Create Modern Online Pharmacy Web Layout in Photoshop CS

(the bold text) Create Modern Online Pharmacy Web Layout in Photoshop CS

(the basic sections’ text)

Create Modern Online Pharmacy Web Layout in Photoshop CS

Insert the inscriptions on the lowest palette.

Create Modern Online Pharmacy Web Layout in Photoshop CS

Create Modern Online Pharmacy Web Layout in Photoshop CS

Finished!

View full size here.

Page: 1 2

Comments