Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Business Web Page

Business Web Page

Browse Pages: << < 1  2 

image 1

Create one more new layer of 4x4 px and 72 dpi and select the Pencil Tool (B) of the color #25B0C3 to create another texture's pattern.

image 2

image 3

Edit>Define Pattern

Take the Rounded Rectangle Tool (U) to represent the running indicator. Place this layer lower than the layer containing the running line.

image 4

image 5

The layer's parameters: Blending Options>Gradient Overlay

image 6

Gradient's parameters:

image 7

Blending Options>Pattern Overlay

image 8

Blending Options>Stroke

image 9

Gradient's parameters:

image 10

image 11

image 12

The Ellipse Tool (U) will be helpful in picturing the play button.

image 13

The layer's parameters: Blending Options>Gradient Overlay

image 14

Gradient's parameters:

image 15

Blending Options>Stroke

image 16

Gradient's parameters:

image 17

image 18

Using the Pencil Tool (B), try to represent a pointer on the play button, colored with #124E58 on a new layer.

image 19

image 20

Combine in a group all the layers composing the play button (press on Ctrl button to mark out the necessary layers and hold on the left mouse's button to take down the layers on Create a new group option). Make a copy of the last made group and select the Free Transform option to turn it over as it is indicated below:

image 21

The site's sections should be entitled, keeping the demands from the next tables:

image 22

(the bold text)

image 23

(the simple text)

image 24

Fill the sections with the corresponding text:

image 25

(the bold text)

image 26

(the basic text)

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

Finished!



Author's URL: Adobetutorialz.com
Browse Pages: << < 1  2 
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


Like us to: