33000 Premium resources for designers

Create a nature portfolio layout

in Tutorials, Web layouts by Razvan on May 12th, 200915 Comments


nature-portfolio-layout

Nature Portfolio Layout

In this tutorial I will show you how to create a different portfolio layout. It is very important to have a great website for your portfolio. Only in this way you can atract potential clients. If you want to start working as a freelancer i suggest you to create an eye catching layout to start properly in your business.
I will use a great texture downloaded from Grafplus.

Preview full size layout

PSD layout available only for VIP members

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

217

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

316

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

46

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

55

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

65

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

75

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

85

95

This is my result

105

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

1110

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.

124

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

134

Then I will add the following layer style

144

This is my result so far

154

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

164

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

175

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

183

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

193

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

203

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

218

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

223

This is my final result.

234

Want this PSD layout ? Please apply for  a VIP subscription and you will be able to download this Layered PSD file and also all the resources from this website

Download Demo

Responses to “Create a nature portfolio layout”

Trackbacks

  1. zabox.net
  2. Create A Nature Portfolio Layout | Design Newz
  3. Creando una plantilla fresca para portafolio | CofreGrafico: Diseño, tutoriales Photoshop, iconos, wallpapers y wordpress
  4. 160+ Mega Web Design Tutorial Roundup | tripwire magazine
  5. 40 Grunge Web Design Tutorials, Resources and Inspiration | tripwire magazine
  6. 185+ Web Design Tutorials using Photoshop, CSS, HTML etc. | tripwire magazine
  7. Stwórz świetny layout od podstaw – 26 inspirujących tutoriali Photoshopa | e-szablony.eu - Tutoriale, Kursy
  8. 30 Best Photoshop Web Layout Design Tutorials to Design Decent Websites | DzineBook

Leave a reply