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


It's time for the lateral menu on the left side.

image 1

image 2

Categories

image 3

Use the Custom Shape Tool (U) to draw a small star near the lateral menu's point. Choose the shape from the next table:

image 4

image 5

The layer's parameters: Blending Options>Drop Shadow

image 6

Blending Options>Gradient Overlay

image 7

Gradient's parameters:

image 8

Blending Options>Stroke

image 9

image 10

Make nine copies of the star's layer and select the Free Transform option to situate the copies the same way the next picture indicates it.

image 11

image 12

Selecting the earlier applied instruments (the Custom Shape Tool (U) and Rectangle Tool (U)), it's possible to represent several small stars and two rectangles. The elements' color is #1EA1FF.

image 13

Insert their titles between the made elements:

image 14

image 15

Getting a better result is possible if combine in a group all the layers composing the elements under the player's panel and the inscription there (hold on Ctrl button to mark out the appropriate layers and press the left mouse's button to take the marked layers on Create a new group selection). Create a new file (File>New) with 2x1 px and 72 dpi. Choose the Pencil Tool (B) (brush 1 px) and the color #858585 to draw the pattern from below.

image 16

Edit>Define Pattern

Make a horizontal dividing line under the drawn earlier elements, using the Line Tool (U).

image 17

The layer's parameters: Fill 0%

Blending Options>Pattern Overlay

image 18

image 19

Insert the inscriptions of the already watched video files, under the dividing line, taking care of the demands from below:

image 20

image 21

The additional information about the file:

image 22

the main text:

image 23

the link:

image 24

Make a copy of the earlier made horizontal interrupted line under the video player. Merge Down the layers (CTRL+E). Turn over the copy on 90 degrees and erase the unnecessary elements, applying the Eraser Tool (E).

image 25

Insert the pictures of the earlier watched video files:

Click to enlarge
Click to enlarge

Make two copies of the elements' group we've represented under the video player's panel. Choose then the Free Transform option to place the copy under the video files' pictures:

Click to enlarge
Click to enlarge

On the last stage we'll introduce the corresponding number of the users' comments and the rating of the video files.

image 28

Click to enlarge
Click to enlarge

Video Blog Web Page Tutorial: Final Result (Click to enlarge)
Click to enlarge

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  3

Add comments to "Video Blog Web Page"