Her

Home Photoshop Tutorials Web Layout Layout for Video Broadcast

Layout for Video Broadcast

Author: amitk Author's URL: www.talk-mania.com More by this author

Please open a new document in Photoshop

Size 760 x 770 pixels
Background color: 2f2f2f

Select Rounded rectangle Tool ( set the radius to 10 pixels ) and create a rectangle.

image 1

Then with the same tool create another 5 rectangles. Rotate this rectangles to 45 degrees and place them like me

image 2

For all this rectangles add the same layer styles

image 3

image 4

image 5

image 6

image 7

This is my result

image 8
Click to enlarge

Now Add a layer style also for the big shape

image 9

image 10

This is my result

image 11
Click to enlarge

Rasterize the big shape

Layer > Rasterize > Shape

Then hold down the Ctrl key from your keyboard and with your left mouse click press on the layer thumbnail

image 12

Now you can see a selection around your shape

image 13

Go to Select > Modify > Expand

Use the following settings

image 14

My result

image 15

Select The big shape layer ( we have rasterized this layer a few steps ago)

image 16

Then press " Delete " key on your keyboard.

Then Press Ctrl+D to deselect

image 17

Now with the same technique you can create the same effect also for buttons

image 18
Click to enlarge

Select Rounded rectangle Tool, and create another 4 shapes

image 19
Click to enlarge

Then add the following layer style for all this 4 shapes

image 20

image 21

This is my result

image 22
Click to enlarge

Then load selection for the following shape ( to load selection you need to hold down the Ctrl key and press with your left mouse click on layer thumbnail )

image 23

Go to Select > modify > contract

image 24

Result

image 25

Select rectangular Marquee Tool

Use the following settings

image 26

Then create the following selection

image 27

When you release the mouse button you will have the following result

image 28

Create a new layer ( press Ctrl+Shift+Alt+N )

Select Paint Bucket Tool and fill your selection with white

Press Ctrl+D to deselect

image 29

Then add the following layer styles

image 30

image 31

image 32

This is my result

image 33
Click to enlarge

Now Load selection one more time

image 34

Go to Select > modify > contract ( contract by 3 pixels )

Select rectangular marquee Tool

Use the following settings

image 26

Then make the following selection,

image 36

Create a new layer , and fill the selection with a dark gray #373737

Press Ctrl+D to deselect

image 37

This is my result

Layout for Video Broadcast
Click to enlarge

Now add some text and some images. This is my final result