3D Studio Layout - Portfolio Layout

3D Studio Layout - Portfolio Layout

---

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

Smooth, rounded portfolio layout

In this tutorial you will learn how to design a smooth, rounded portfolio layout.
Designing a layout is pretty easy when you have your idea written in your head, or on paper.
Sometimes even a simple thing looks good. The old one: “Less is more”
This is what this tutorial is.
Simple and cool looking smooth portfolio layout.

1. Make a new document. 800 x 550 px, background color set to #5F4545.

2. Make a new layer. Use Rectangular Marquee Tool (M) and make a selection 760 x 500 pixels.
Now go to Select -> Modify -> Smooth, set 10 as sample radius. This will make rounded corners on our selection.
Fill it with #818181.
CTRL + D to deselect and place layer like on picture below.

Add following layer style to this layer.

Drop Shadow

3. Again, make a new layer. Use Rectangular Marquee Tool (M) and make a selection 700 x 480 pixels.
Now go to Select -> Modify -> Smooth, set 10 as sample radius. This will make rounded corners on our selection.
Fill it with #B3B3B3.
CTRL + D to deselect and add the same layer style as in step 2.
Place this layer like on picture below.

4. Now, one more time, make a new layer. Use Rectangular Marquee Tool (M) and make a selection 650 x 460 pixels.
Now go to Select -> Modify -> Smooth, set 10 as sample radius. This will make rounded corners on our selection.
Fill it with #FFFFFF.
CTRL + D to deselect and add the same layer style as in step 2,3.
Place this layer like on picture below.

5. Ok, main part is over. Now, we will add navigation buttons.
So make new layer. Using Rectangular Marquee Tool (M) make selection 20 x 50 pixels.
Go to Select -> Modify -> Smooth, enter 2 a sample radius. This will make our buttons rounded.
Fill it with white and place like on picture below.

Add some text to this button (I used Verdana,14, bold). Your can rotate it by pressing CTRL + T.

With same technique add other buttons.

6. Now we will add some boxes.
Make a new layer. Make a selection 433 x 262. Fill it with any color.
Add this style:

Stroke

Use color: #DCDADA

Place it like here:

Here you can put your latest work screenshot. That’s why I added “latest work” text. You’ve learnt how to rotate text in step 5.

7. Again, make new layer, make new selection 500 x 150. Fill it with #E5E3E3, deselect and place like below:

I also added text.

8. Now, let’s add some site title.
Write some text. Rotate it as in step 5 and add style like in step 2. Here’s where I placed it!

9. I assume you all know hoe to write a text in Photoshop. Here’s how it looks like with some text.

10. Finally, I added some brush shape. I think I got these brushes from pixelchick.dk.