Article written

  • on 10.10.2007
  • at 02:39 PM
  • by Admin
  • with 32,590 views
  • 1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 2.00 out of 5)
    Loading ... Loading ...

Design Studio Layout 3

Pages: 1 2

Great design studio layout for a webdesigner or a company, and yet again it’s using an outstanding image to show off the website!

1. Create a new document (800*600).

2. Fill the background with #ffffff using the paint bucket tool.

weblayoutf1

3. Now use the following picture and save it to your computer by right clicking on it when you view the picture in high resolution! Add the saved file to your layers and position it like this!

weblayoutf2

weblayoutf3

4. In this step we’re going to add a few clouds to the background so create a new layer behind the layer with the picture we’ve just added to the scene! Select your brush tool with a clouds brush and change your foreground color to #e6ebf7, also use #8395bb as your foreground color to make it look more interesting!

weblayoutf4

5. In this next step we’re going to create the content box where you will be able to add text and pictures! Take your retangular marquee tool and select a rectangle like this and fill it with #e4e4e4 using your paint bucket tool on a new layer (layer – new layer).

weblayoutf5

6. Adjust the blending options of the previous layer (layer – layer style – blending options) with the following settings!

weblayoutf6

7. Now on the same layer select a rectangle like you can see on the screenshot, this will be your menu. The effect we added in the previous step is automatically applied.

weblayoutf7

8. This next step is very simple… Create another new layer (layer – new layer) and again select a rectangle under your content boxes with your rectangular marquee tool on the new layer we’ve just created. Fill this box with #b9b9b9 and adjust the blending options like shown below.

weblayoutf8

weblayoutf9

weblayoutf10

Pages: 1 2

subscribe to comments RSS

There are 3 comments for this post

  1. Jimmy Barrett says:

    Thanks for this. Really helpful :o .

  2. zan says:

    What are the copyright policies for this? Just curious.

  3. Admin says:

    You can use this for everything, no copyrights…

Please, feel free to post your own comment

* these are required fields

PhoNuts is powered by WordPress.
Back to Top