--
Published on Wed, Jul-29-2009 by Dainis

Create Personal Portfolio Template


Great photoshop tutorial will show you how to create nice Personal Portfolio Template. We will create template with articles sections, section for images, also navigation and search bars. In this tutorial we will use some objects from our previous tutorials.

You May Be Interested In The Following Posts


Final Image Preview

Personal Portfolio Template

Step 1

Let’s start out by creating a new file. I used a 1000×900 pixels canvas set at 72dpi, and I filled my background with #FFF1AE color shade. Then select the Horizontal Type Tool then set the font family to Arial Rounded MT Bold, bold, 48 pt, crisp and #BF7000 color shade. In a new text layer type your website name on the top left side of the canvas.

Step 2

Under Layer Style(Layer > Layer Style) add an Outer Glow, Inner Glow and Gradient Overlay blending options to your website name text layer.

Personal Portfolio Template

Personal Portfolio Template

Result:

Personal Portfolio Template

Step 3

Next to your website name add your navigation links with its own icon next to it. Use font Arial, regular, 14 pt, none and #894000 color shade. You can grab the icon files here.

Personal Portfolio Template

Step 4

Now add a search box next to your navigation links.

Personal Portfolio Template

Step 5

Make a new layer set and name it ‘Content Box’, in a new layer draw a large white rectangle with 460 x 300 px dimensions below your website name. Then in a new layer draw a dark green rectangle with #051F14 color shade and 460 x 30 px dimensions.

Personal Portfolio Template

Step 6

Under Layer Style(Layer > Layer Style) add an Inner Shadow blending option to your dark green rectangle layer.

Personal Portfolio Template

Result:

Personal Portfolio Template

Step 7

Now add your text such as a title, post details and content paragraph on the content box. Use font arial, regular, none and black color shade for the content paragraph, use white for the title and #00A855 color shade for the link.

Personal Portfolio Template

Step 8

Add another content box design below the first.

Personal Portfolio Template

Step 9

In a new layer draw a small white rectangle with 91 x 21 px dimensions on top of your content box. Then in a new text layer type ‘Latest Blog’ or the title of your content boxes using font Arial, bold, 12 pt, none and #E20000 color shade.

Personal Portfolio Template

Step 10

On the top right side of your canvas add a section for your latest work. In a new layer draw a long white rectangle with 21 px height. Then in a new layer text type ‘Latest Work’.

Personal Portfolio Template

Step 11

In a new layer insert a sample image of one of your work with 520 x 237 px dimensions. Then under Layer Style(Layer > Layer Style) add an Outer Glow and Stroke blending options.

Personal Portfolio Template

Personal Portfolio Template

Result:

Personal Portfolio Template

Step 12

Below your sample image add the details of the work such as website name, date, category etc. Use font Arial, regular, 12 pt, none and #D50000 color shade for the link color.

Personal Portfolio Template

Step 13

Add as many sample work content below each other, 2 is good.

Personal Portfolio Template

Step 14

Make a new layer set and name it ‘Footer’. In a new layer draw a large brown rectangle with #371F03 color shade and 980 x 170 px dimensions below your content.

Personal Portfolio Template

Step 15

On the right side of the footer add your copyright information using font Arial, regular 15 pt, none and white color shade. Use #FF0000 color shade for link color. Now add a cardboard box design next to the copyright info, grab the file here.

Personal Portfolio Template

Step 16

Now add your main links on the left side of the footer.

Personal Portfolio Template

Result: Personal Portfolio Template

Personal Portfolio Template

Download Psd file

Advertisement


Leave Your Response

About PsDeluxe

Psdeluxe is a Design blog dedicated to mainly Photoshop lovers and enthusiasts. We regularly update blog with free and easy to learn free Adobe photoshop tutorials, useful freebies for design projects, powerful tools that will make your work easier and we publish showcase of most beautiful and interesting designers works around the work that hopefully will inspire. Learn Adobe Photoshop techniques with us. Talented and professional designers are always welcome to join our author team. Feel free to subscribe to our Rss feed to be first who get all valuable information for designers.



     Hostgator Coupons | ThemeLabs | MaxReview theme | Review themes

Recommended Links



Wordpress review theme