Hello

Today i will create Tutorial Number 145 from 500 Tutorial Marathon
I will show you how to create a portfolio layout



Let's start with a new document with the following settings
760x770 pixels , and with a white background

Duplicate the background layer ( to duplicate the layer please be sure you have the layer selected , then press CTRL+J )
With this new layer selected , go to Filter > noise > Add noise and use the following settings :



Then Press CTRL+I to invert the colors. you will have a black background. do not worry. this is normal.
Create a new layer above this last layer ( to create a new layer press CTRL+SHIFT+ALT+N )

Change the foreground color to : #f3b502
and the background color to : #da5d03

then with gradient tool draw a line from the top of your canvas to the bottom.

After you will release the mouse button , please change the blending mode for this layer to difference



Select Rounded Rectangle tool , and crate a white shape



Then with the same tool create another shape, this time create this shape a little smaller, and with a light gray #ebebeb



Now we will load the selection for the small gray shape. to load the selection hold down the CTRL key down , and with left mouse button , click on the layer thumbnail like in the following image



You can see a selection around the small gray shape



Create a new layer ( press CTRL+SHIFT+ALT+N ) , then press on D. this action will reset the colors to black and white

now go to Filter > render > clouds

you will see some nice clouds on your layout



Press CTRL+D to deselect , then lower the opacity of this layer with clouds to 40 %



This is my result



Now please select all the layers except background layer, and press on CTRL+E ( this shortcut action will merge all the layers into a single one )



I have created for you a nice set of brushes. It is available on www.photo-shop-brush.com
Please download the brush set and load it in photoshop

Then with the first brush from this set, create the following drawings



Now select Eraser tool and with a small brush delete some parts of the layer until you have the same result like mine



Now i will add another new layer ( press CTRL+SHIFT+ALT+N ) and i will use a single brush from Talk-Mania Big-Pack
if you don't know in this pack you have over 4000 different brushes in 3 different sizes ( almost 12.000 brushes )
In case you don't have the big pack i recommend you to buy it, because it will save a lot of precious time.

For example i am creating this layout in less then 20 minutes with the help of this pack. ( and i need over one hour to write it here for you - LOL )

After i have played a few seconds this is my result



Now i will place a 3D rendering with a nice 3D truck
In the same time i will also some text on my layout with type tool
This is my final result. i hope you like it



I am waiting you tomorrow for another tutorial

Attached Files

layout145.zip (4.14 MB, 875 views)

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

cool layout but not too big of a fan of the truck - it kinda kills the whole thing...

3.5 / 5

ok layout only problem is that the colors and designs like are different themes.
Also the 3D font is not all that great.
Thanks for taking the time tho razvans.

OUTLAW-WEB.NET

nice layout, but you cant slice this one of its gradient and the effects

lol ill have a go at that

OUTLAW-WEB.NET

what a great layout.... very nice and very attractive... nice one admin! keep it up!

Philippines Freelance Web offers Web Design, Logo Design, Web Redesign, Website Development, Website Maintenance in freelance rate.

For more information please visit our website.

nice tutorial you are the best

thanks but how do you slice it?

Nice

What do people mean with slice it?

funny layout,