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 

image 1

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.

image 2

image 3

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

image 4

image 5

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.

image 6

image 7

Close to the window we need to represent the searching button, colored with #F20000 (using the Rounded Rectangle Tool (U))

image 8

image 9

image 10

The layer's parameters:

Blending Options>Inner Glow

image 11

image 12

image 13

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

image 14

(Online)

image 15

(Pharmacy)

image 16

(all you need for your health)

image 17

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

image 18

(Home)

image 19

(About Us, Price List, Contact Us)

image 20

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

image 21

(Search)

image 22

(Go)

image 23

Next step includes entitling the site's sections.

image 24

(Welcome, Special)

image 25

(to our store, offers)

image 26

Fill the site's section with the appropriate text.

image 27

(the bold text)

image 28

(the basic sections' text)

image 29

Insert the inscriptions on the lowest palette.

image 30

image 31

Finished!

Modern Online Pharmacy Web Layout Tutorial: Final Result (Click to enlarge)
Click to enlarge


Author's URL: Adobetutorialz.com
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
Browse Pages: << < 1  2  3 
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

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

Only registered users can write comment

No comments yet...