Video Blog Web Page

March 27th, 2008 by ART-D Posted in Adobe Photoshop, Web Layout

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.

Create Video Blog Web Page in Photoshop CS3

The layer’s parameters: Blending Options>Gradient Overlay

Create Video Blog Web Page in Photoshop CS3

Gradient’s parameters:

Create Video Blog Web Page in Photoshop CS3 

Create Video Blog Web Page in Photoshop CS3

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.

Create Video Blog Web Page in Photoshop CS3 

Create Video Blog Web Page in Photoshop CS3

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

Create Video Blog Web Page in Photoshop CS3 

Create Video Blog Web Page in Photoshop CS3

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

Create Video Blog Web Page in Photoshop CS3

The layer’s parameters: Blending Options>Drop Shadow

Create Video Blog Web Page in Photoshop CS3

Post Pages: 1 2 3 4 5 6 7 8 9

  • Bill Bartmann

    03.27.08

    Cool site, love the info.

  • Bill Bartmann

    03.27.08

    Excellent site, keep up the good work

  • sandrar

    03.27.08

    Hi! I was surfing and found your blog post… nice! I love your blog. :) Cheers! Sandra. R.

  • Bill Bartmann_

    03.27.08

    Great site…keep up the good work.

  • Carl Vandors

    03.27.08

    Hey very nice blog!!….I’m an instant fan, I have bookmarked you and I’ll be checking back on a regular….See ya