Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Create a Nature Portfolio Layout

Create a Nature Portfolio Layout


Download Resources

Download wood seamless pattern
Leaf stock image

Open the image in Photoshop, and after that go to Edit > Define pattern. Choose a name for this pattern and click OK.
The next step is to create a new document where we will create our nature portfolio layout.

I will choose the following size

image 1

Then I will Choose Paint Bucket Tool and I will set the source for fill area to pattern. I will select the pattern we just created in my last step

image 2

Then I will click one time inside the document an I will fill the document with this nice seamless wood texture downloaded from Grafplus

image 3

I will select another image from my stock collection. I will use an old style book. I will place this image over my wood texture

image 4

You can see already from 2 steps we have already a nice looking layout. With Horizontal Type Tool I will add some text

image 5

Then I will add some images.  I will use some images with the last tutorial I have created in the past days

image 6

For all this small images I will add the following layer style

image 7

image 8

This is my result

image 9

With Polygonal Lasso Tool I will make a selection on the corner of the images

image 10

I will select the layer with the old book, and I will press on CTRL+J. Using this shortcut I will cut a part from the old book image and I will create a new layer.

image 11

I will drag this small corner over the image with one of my tutorials

image 12

Then I will add the following layer style

image 13

This is my result so far

image 14

With the same technique I will create also the same effect on the opposite corner

image 15

I will create the same corners for all the images from this layout

image 16

I will add also another image the right side of the book, and I will create the same corners

image 17

Now I will use a leaf image and I will add this image on the corner of the book

image 18

I will duplicate this image a few times, and after I will rotate the leaf I will have the following result

image 19

I will add the same leaf also on the other corners of my old style stock image

image 20

Then in one corner I will add also an image with a ladybug

image 21

This is my final result.

Create a nature portfolio layout



Author's URL: grafpedia
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials


Like us to: