Sound System Studio Web Layout
June 22nd, 2007 by ART-D Posted in Adobe Photoshop, Web Layout
Create a circle, colored in #0066СC. After that we’ll apply the Free Transform option to change the circle’s shape as we want it to. 
The new elements should be placed under the gradient’s layer, but it’s even better when combine them in a group. 
Representing them in an arbitrary way, we’ll get the next picture: 
More important element’s parts are those coming out from the gradient’s layer. Select now the Brush Tool (B) and the color #3399СС. 
Picture it out on a new layer, situated between the gradient’s layer and the figures’ group. 
We have to represent one more figure above all the layers, choosing preliminary the Rounded Rectangle Tool (U). The edges’ radius remains the same. 
Set Blending Options>Outer Glow, as you may see in the next table. The color’s code is #006699 
Blending Options>Gradient Overlay parameters: 
Post Pages: 1 2 3 4 5 6 7 8 9 10 11
Yadav
16/09/2009
thank
Nice tutorial
amit
24/09/2009
thanks, very nice tutorial.
chrys
14/01/2010
I have been educated.
Mithun
11/02/2010
this is the first tutorial i have found for adobe and it looks great with step by step instructions, will browse more to see what more i can learn.
Egyptian web designer
14/02/2010
normally I dont post on blogs,
but yours forced me to do..
this is one of the best toturials I’ve ever seeeeeeeeeeeeeeeeeeeen
eee
10/05/2010
can i download this site with psd ?
Taryn
24/08/2010
Thanks for adding the colour numbers
Naresh
23/01/2011
Thank U
dcv
12/04/2011
how do i select the colours of blue? can someone help?
Martin
06/06/2011
this is good
safdar
15/06/2011
Now i am learn photoshop
THANKS
sylvain
27/10/2011
I just don’t understand, once you’ve done that, is it just a background or really a web site? You just have to upload it on your ftp server?
Jeff
09/11/2011
Really man no you have to cut it up and turn it into a site from there