Creative Studio Web Page

October 28th, 2008 by ART-D Posted in Adobe Photoshop, Web Layout

In this detailed tutorial we will learn how to create impressive layout for Creative Studio.

Begin your work by creating a new file of 845×900 px and 72 dpi. Select after that the Paint Bucket Tool (G) to give it the color #151616



Using the Rectangle Tool (U), try to represent a kind of illumination on the background’s top part.



Select for this layer the parameters from below: Fill 0%
Blending Options>Gradient Overlay



Gradient’s parameters:





Introduce now the site’s name, keeping the next shown demands:



creative



studio



The layer’s parameters: Blending Options>Drop Shadow



Blending Options>Gradient Overlay



Gradient’s parameters:





Using the Line Tool (U), try to make a horizontal line, colored with #323537



The layer’s parameters: Blending Options>Drop Shadow





Make a copy of the last made layer and select the Free Transform option to situate the copy the same way indicated below:



Now it’s time for drawing the buttons on the site’s header. In this case we’ll select the Rounded Rectangle Tool (U) with a radius of 10 px. But firstly we need to represent just one button colored with #3D4A4E



Then we’ll make two copies of the last made button and select again the Free Transform option to place the copies the same way demonstrated next picture. Just one copy should be left without any changes. For the other button we’ll apply the color #1194FC



Insert now the name of the buttons for the site’s menu:





Using the Rounded Rectangle Tool (U) (radius of 10 px) lower, try to make the primary layer of the basic web site’s panel:

Post Pages: 1 2

If you enjoyed this article, please consider sharing it!