Modern Online Pharmacy Web Layout

May 21st, 2007 by ART-D Posted in Adobe Photoshop, 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.

  •  

  •    
  •  

 

Post Pages: 1 2

Tags: , , , , ,

  • arash

    27/11/2009

    tank you.
    im injoy

  • Loo

    27/12/2009

    There should be a picture of this project when finished at the begining of tutorial. How can I proceed tutorial if i don’t know how should it look like at the end… For God sake!

  • Hani

    09/04/2010

    Nice tutorial, with wonderful concept

  • Ase

    10/04/2010

    great tutorial, thank you!

  • Tara

    22/06/2010

    This thing kicks SO much butt! Thanks a million!