Hello

Today i will create Tutorial number 108 from 500 Tutorials Marathon
I will create a layout for a Video Website like you tube



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.



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



For all this rectangles add the same layer styles











This is my result



Now Add a layer style also for the big shape





This is my result



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



Now you can see a selection around your shape



Go to Select > Modify > Expand
Use the following settings



My result



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



Then press " Delete " key on your keyboard.

Then Press CTRL+D to deselect



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



Select Rounded rectangle Tool, and create another 4 shapes



Then add the following layer style for all this 4 shapes





This is my result



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 )



Go to Select > modify > contract



Result



Select rectangular Marquee Tool
use the following settings



Then create the following selection



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



Create a new layer ( press CTRL+SHIFT+ALT+N )
Select Paint Bucket Tool and fill your selection with white
Press CTRL+D to deselect



Then add the following layer styles







This is my result



now Load selection one more time



go to Select > modify > contract ( contract by 3 pixels )
Select rectangular marquee Tool

Use the following settings



Then make the following selection,



Create a new layer , and fill the selection with a dark gray #373737
press CTRL+D to deselect



This is my result



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



If you want to add extra details on this layout then you might be interested in Talk-Mania Big-Pack

I hope you like it.

Attached Files

layout108.zip (169.1 KB, 599 views)

__________________
3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk )

verry good ideea

Thanks , Its Soo Coooool

good idea here

__________________
Oterror Tutorials

Good layout but not your best...

good but not your best. But well done! 6/10

great thot...keep it up

very nice , thanks

lots of great looking templates and tutorials .. nice !

good design. thanks