website promotion banner
eturnkeys
Your Ad Here
Photoshop  Home Photoshop Drawing Techniques Online Business Classes Web Page (Part 2)
rss

Online Business Classes Web Page (Part 2)

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


image 1

Insert the rest of the text, reserved for the web site.

image 2

Lorem ipsum dolor sit amet (an inscription made on the site's header)

image 3

consequat (an inscription on the header too)

image 4

(the heading)

image 5

the basic section's text:

image 6

the links

image 7

the categories' text

image 8

Now we shall create the primary layer of the entry panel, applying the Rectangle Tool (U).

image 9

The layer's parameters: Blending Options>Gradient Overlay

image 10

Gradient's parameters:

image 11

Blending Options>Stroke

image 12

image 13

Make two copies of the last made layer and select Free Transform option to change the copies' sizes, placing them as it is indicated below:

image 14

Create the windows now reserved for leading in the information, selecting the same Rectangle Tool (U) with a radius of 4 px and having the white color.

image 15

The layer's parameters: Blending Options>Stroke

image 16

image 17

Make a copy of the last made layer and choose again Free Transform option to place the copy on the next panel as it is shown next picture:

image 18

Next we shall draw a button, made with the Rounded Rectangle Tool (U) and a radius of 5 px.

image 19

The layer's parameters: Blending Options>Gradient Overlay

image 20

Gradient's parameters:

image 21

Blending Options>Stroke

image 22

image 23

Make a copy of the button's layer and select again the Free Transform option to place the copy the same way demonstrated next image:

image 24

Using the already applied instrument, Custom Shape Tool (U), we can represent another small star.

image 25

The layer's parameters: Blending Options>Drop Shadow

image 26

Blending Options>Gradient Overlay

image 27

Gradient's parameters:

image 28

Blending Options>Stroke

image 29

Gradient's parameters:

image 30

Copy out the last made layer and select this time the Delete Anchior Point Tool to erase the unnecessary top points. The Convert Point Tool will be helpful for making the corrections on the element's shape. We should also change the parameters of the copy - layer:

image 31

The layer's parameters: Blending Options>Gradient Overlay

image 32

Gradient's parameters:

image 33

image 34

Put together next all the star's layers to form a single one (press Ctrl button to mark out the necessary layers and press Ctrl+E combination of buttons). Make a mouse click on the same layer on Add a Mask option that may be found on the bottom part of the layers' panel and select the Brush Tool (B) of black color to clean out those zones of the star coming outside the edges.

image 35

image 36

Insert now the rest of the inscriptions situated on the panels and on the lower banner.

image 37

Client

image 38

Login

image 39

Username and Password

image 40

Lost password and Advanced

image 41

Login and Search (inscriptions on the buttons)

image 42

Lpsum dolor (an inscription on the lower banner)

image 43

blandit sed (inscription on the lower banner too)

image 44

The last stage includes writing the site's copyright, keeping the demands from the next table:

image 45

Online Business Classes Web Page Tutorial: Final Result (Click to enlarge)
Click to enlarge

The web site is finished!




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

Add comments to "Online Business Classes Web Page (Part 2)"