Hello my friends

Long time since i haven't posted a tutorial. This is because i have worked for a few Premium Wordpress Themes for our VIP members

If you have want to start a web design company, of course you need a website for your portfolio. I suggest you to create a very simple layout. Today i will show you how easy is to create such layouts. This tutorial is number 152 from our 500 Tutorials Marathon.

This is my final result :



Please open a new document with the following sizes
760x770 pixels. The background doesn't matter right now

Then open the following image in photoshop



Then go to Edit > Define pattern
Choose a name for your pattern , then click OK
You can now close this document, and we will work on the first document

Select the background layer, and add the following layer style:



Duplicate the background layer ( to duplicate the layer you need to select it first, then press in the same time on CTRL+J )

Select both layers in your layer palette , then press CTRL+E ( merge layers )
You can notice that you have only a single layer now. with this layer selected go to Filter > Render > Lightning Effects
Use the following settings



Now set your foreground color to #cabfad

Select Rounded Rectangle Tool , and create a shape like mine



With This layer selected, go to Layer > Rasterize > Shape
Then go to Filter > Noise > Add noise
Use the following settings:



This is my result :



Now grab " Burn Tool " and with a Soft Round Brush , try do make some drawings on the edge of the shape. Me result



With Polygonal Lasso Tool, make the following selection



Then Go to Layer > New > layer via cut

The next step is to go to Edit > Transform > Rotate 180

My result



Be sure you have this small layer selected, Then go to Edit > Transform > Warp ( this tool you can find it in photoshop CS2 or above ) , and move the circles until you have the same result as mine



after you hit enter on your keyboard, this is my result:



With Burn Tool, you can add some details on the big shape. As you can see i will create some shadows under the small corner



Now it is time to add some text. Select Type tool ,and add alone some text and images. Here is my final result

Attached Files

layout152.zip (2.38 MB, 683 views)

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

wow very straight foward n simple thx admin.
oh its tutorial #152 and not 1512 as u have above

One day you will see also tutorial #1512

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

Woah! That looks very nice. I will try to make my own version someday.

Unlimited Reseller Hosting and Unlimited Web Hosting

great work

Background is fantastic. But how do you use this background on whole page. Mean if we use whole page as a background then page download time will be longer and website will be slower.

Cars for Sale - Houses for Sale - Used Cars for Sale

I would make the background of the page the texture and when you use photoshop make the background partially transparent so it would work. Well if you know what I am talking about.

Unlimited Reseller Hosting and Unlimited Web Hosting

thxxxxxxxxx

the paper looks great and a few more tuts on the use of the mesh tool would be great as I'm working on drawings, the mesh tool can as you know produce with some skill, realistic results.