Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Photoshop  Home Photoshop Web Layout Video Blog Web Page
rss

Video Blog Web Page

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


video blog

image 1

latest video on the web

Click to enlarge
Click to enlarge

Write the name of the site's section:

image 3

the main text

image 4

the link

image 5

the data's parameters:

image 6

On the shown section we have to insert a special panel reserved for video player. In this case we'll select the Rectangle Tool (U) of white color.

Click to enlarge
Click to enlarge

The layer's parameters: Blending Options>Stroke

image 8

Click to enlarge
Click to enlarge

Introduce on the made video player's panel the video file's picture:

image 10

Next we have to add the play line indicator under the video file's picture, applying the Rounded Rectangle Tool (U) with a radius of 5 px.

Click to enlarge
Click to enlarge

The layer's parameters: Blending Options>Gradient Overlay

image 12

Gradient's parameters:

image 13

image 14

Using the same Rounded Rectangle Tool (U) (radius of 5 px), try to make the play line indicator of the color #1EA1FF. Press Alt button when using the Rectangle Tool (U) to cut out the indicator on the left side.

Click to enlarge
Click to enlarge

image 16

On the right and left indicator's sides we'll introduce the track's duration:

image 17

image 18

We have to insert also the special button, reserved for conducting the video player. This time the used instrument is Ellipse Tool (U) of the color #575757

image 19

The layer's parameters: Blending Options>Drop Shadow

image 20

image 21

Make a copy of the button's layer and select the Free Transform option to place the copy as below:

image 22

Make one more button's copy, replacing the copy's color with #A6A6A6.

image 23

Create a new layer and use on it the Pencil Tool (B) (brush 1 px) of white color to draw the symbols on the player's buttons.

image 24

Applying the last instrument, try to make the mail's indicator. The color is #8D8D8D.

image 25

Insert the inscriptions on the player's panel, keeping the demands from the next tables:

image 26

Click to enlarge
Click to enlarge

Use again the Pencil Tool (B) (brush 1 px) to represent the play indicator and the menu's one. The color is #777777.

image 28

Now we shall apply the Line Tool (U) to picture several vertical dividing lines on the video player's menu. The color in this case is #BDBDBD

Click to enlarge
Click to enlarge

Using the last instrument, draw a dividing line on the left video player's side. The color is #C5C7C8.

image 30




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  3 > >>

Add comments to "Video Blog Web Page"