Web design layout tutorial

Create a new document 800×800 with a black background, select the color #01afee and create a rectangle. Once you have your rectangle press “CTRL + T”, now rotate your rectangle like this.

Now for this part you need some “splatter brushes” EITHER search yahoo or goto a site like brusheasy and download a set, once you have them make some randam splatters over your canvas, using the colors blue and black.

Select the type tool and add your site title and slogan.

Now if you have used two colors like mine above for your title then select one of the colors and add a splatter. If you have used white then you can just use a white splatter, you should have something like this.

Select the type tool again and add your navigation, use free transform (CTRL + T) to rotate the text.

Making your own portfolio web page

Need personal web page? In this tutorial we will learn to create nice personal portfolio web page.

Start working by creating a new file (File>New), having 770×750 px and 72 dpi. We shall use on this new made file the Rectangle Tool (U) to represent the background of the site’s page to be.

Set the next parameters for this layer by making a mouse click on the layer we work with on the layers’ panel: Blending Options>Gradient Overlay

Gradient’s parameters:

Choose again the Rectangle Tool (U) to represent that place reserved for the author’s portrait and the lateral menu. Firstly we have to represent the common primary layer and then press Alt button to divide the zones, applying the same tool, used before.

Urban layout web design

Hello friends

The Talk-Mania Team wants to thank you for a great 2007, and we’re looking forward to an even better 2008. We plan to add more tutorials than last year, and to create a few new websites for you.

From now on almost each tutorial will have a sponsor. If you want to support our website try to visit each sponsor to see their offers. I promise i will choose the best products and sponsors for you.

Today’s sponsor is a great website which i personally use, and now i really like to promote it because i think it is very cool piece of software for a webmaster. ( it is FREE )
If you want to store your files online, create a photo album, Store & backup your important files online, Share & publish your documents and photos online than you should register right now and you will receive2 GB of free Storage
Sign up for a FREE account

Today i will create Tutorial Number 142 from 500 Tutorial Marathon
I will show you how to create a Urban layout. You can use this type of layout if you plane to start a web design company

Please make a new document. size should be 760×770 Pixels. Use a White background for this document

Open this image in Photoshop.

Design a cool photography portfolio

Create a new file (File>New) that would have 800×800 px and 72 dpi. Selecting the Paint Bucket Tool (G) may help us to paint the new file with the next color #111111

Next we have to use the Rounded Rectangle Tool (U) (radius 7 px) to represent the primary layer reserved for the menu’s button, situated on the site’s header.

The layer’s parameters are selected by making a mouse click on the necessary layer on the layers’ panel.
Blending Options>Gradient Overlay

Gradient’s parameters:

Designing personal web page layout

Create a new file having 766×606 px and 72 dpi. Color the layer in black, with the instrument. Now use the instrumentto draw a grey short stripe. Set the adjustments in Blending Options, like it is demonstrated in the picture.