25 Photoshop Tutorials for Designing Portfolio Sites

Published December 7th, 2009 in Design, Photoshop Tutorials

Designing a quality portfolio website is a must for any aspiring designer. In this post we’ll look at 25 tutorials that will lead you through the process of designing a portfolio site in Photoshop. Hopefully these tutorials will teach you some new tricks and techniques that will be useful to you in your own work.

Awesome Tutorial Portfolio Design

Awesome Tutorial Portfolio Design

Create a Clean Modern Website Design in Photoshop

Create a Clean Modern Website Design in Photoshop

How to Create a Grunge Web Design Using Photoshop

How to Create a Grunge Web Design Using Photoshop

Design a Beautiful Website from Scratch

Design a Beautiful Website from Scratch

Design an Attractive One-Page Portfolio Using Photoshop

Design an Attractive One-Page Portfolio Using Photoshop

Create a Professional Portfolio Design in 17 Easy Steps

Create a Professional Portfolio Design in 17 Easy Steps

Create a Nature-Inspired Layout in Photoshop

Create a Nature-Inspired Layout in Photoshop

Design a Clean Portfolio Site in Photoshop

Design a Clean Portfolio Site in Photoshop

Design a Minimal and Modern Portfolio Layout with Photoshop

Design a Minimal and Modern Portfolio Layout with Photoshop

Design a Dark, Contrasted Layout in Photoshop

Design a Dark, Contrasted Layout in Photoshop

Create a Clean PSD Layout With a 3D Look

Create a Clean PSD Layout With a 3D Look

How to Design a One-Page Portfolio in Photoshop

How to Design a One-Page Portfolio in Photoshop

Create a Sleek Portfolio Layout

Create a Sleek Portfolio Layout

How to Make a Light and Sleek Web Layout in Photoshop

How to Make a Light and Sleek Web Layout in Photoshop

Grungy Web Design Tutorial

Grungy Web Design Tutorial

Design a Portfolio Site with a Textured Background

Design a Portfolio Site with a Textured Background

Create a Very Simple Portfolio Web Layout with Photoshop

Create a Very Simple Portfolio Web Layout with Photoshop

Design a Clean and Colorful Portfolio in Photoshop

Design a Clean and Colorful Portfolio in Photoshop

Create a Stylish Portfolio Layout

Create a Stylish Portfolio Layout

Graphic Design Studio Web Layout

Graphic Design Studio Web Layout

How to Build a Single Page Portfolio Website

How to Build a Single Page Portfolio Website

Create a Dark and Sleek Web Layout Using Photoshop

Create a Dark and Sleek Web Layout Using Photoshop

Create a Nice Web Portfolio Design with a Watercolored Background in Photoshop

Create a Nice Web Portfolio Design with a Watercolored Background in Photoshop

Create a Portfolio/Business Website Layout

Create a Portfolio/Business Website Layout

Create a Clean PSD Layout

Create a Clean PSD Layout

For more Photoshop tutorials see:

Bundle Box

Get a free icon & vector bundle (worth $54) just for subscribing to our weekly newsletter!

49 Responses

Razvan December 7th, 2009

Thank you for including some of my tutorials in this list

Marcell Purham December 7th, 2009

Great list of tutorials!

designfollow December 7th, 2009

this a great tutorials, thank you very much.

Orlando Web Design December 7th, 2009

Love the grafpedia site!

Tian Permana December 8th, 2009

Bookmarked !

Mars December 8th, 2009

fantastic collection, this will make me busy again for the coming days, thanks for sharing

Blogger Den December 8th, 2009

Great article, amazing tutorials and I can’t thank you enough for posting them.. my Photoshop skills are nothing but lousy these days so I’m glad I have some time to catch up. I’ll definitely be submitting your collection to Blogger Den!

Ajay December 8th, 2009

Great Collection, Thanks!

Indrek December 8th, 2009

Very nice tutorials. Thinking about making a portfolio site so your list is already useful for me.

aledesign.it December 8th, 2009

Incredible list! More examples are really fantastic. Nice tutorials..in special way “Create a Clean PSD Layout” and “How to Make a Light and Sleek Web Layout in Photoshop”, Thanks for sharing!

len December 8th, 2009

you have the greatest design blog in the world.

i used to forward it to all my friends and colleagues, but now i stopped because i don’t want them to know what i know
(-:

i am constantly amazed by the quality of content.
bravo

John Howard December 8th, 2009

Very nice collection. I’ve floated it to feature to our audience.

böcek ilaçlama December 8th, 2009

perfect tutorials…

psdxhtmlycss.com December 8th, 2009

It is a good list

Magentoua December 8th, 2009

Wow. Great post. Thanks a lot

Tampa accident attorney December 8th, 2009

This is all great stuff. Thanks a lot for sharing. Everything looks so great!

Brian Jones December 9th, 2009

It is nice to see newer tuts. Nice collection – thank you for sharing

Adam December 9th, 2009

The Grunge look is a beauty!

Selvam December 9th, 2009

Awesome…great collection…thanks

Callum Chapman December 9th, 2009

Excellent list you’ve compiled here, I’ve seen all of the tutorials before but I’m sure people will appreciate them all being in one place ;)

You missed my portfolio design tutorial out, though! Design a Modern and Sleek Web Design Mockup In Photoshop!

web designer gold coast December 10th, 2009

Brilliant list!!! Thanks heaps.

CSS Gallery December 10th, 2009

Would love to showcase some of these sites on CSS Downunder. Very nice work.

drupal development services December 10th, 2009

very nice list of tutorials , i am very happy to learn these things and can handle my work easily..thanks a lot!!!

Kevin Mist December 11th, 2009

Thanks for this list! It is a nice inspirational tool as well. I have seen a few things here that might make it into my own portfolio site.

Bobby December 11th, 2009

Good stuff, as always.

Ilina S. December 20th, 2009

Inspiring list!

EFW December 21st, 2009

Awesome list of tutorials. This will definitely be a useful resource in the future. Glad I found this blog.

Awicks44 December 22nd, 2009

These are extremely nice websites. They all have their own unique style. My business partner and I tried to accomplish the same uniqueness with our website. http://www.mode-44.com.

hk_webdesign December 23rd, 2009

Thank you for including some of my tutorials in this list

Photoshop brushes December 27th, 2009

Some really useful websites with great tutorials!

Chris Web January 12th, 2010

A list of some really nice designs, thanks for sharing..

Katey January 22nd, 2010

Lists like these are so useful whilst trying to brainstorm new designs, so thanks for sharing these – a real inspiration.

Carolina Digital Art May 2nd, 2010

Hi,

These are great tutorials! I really appreciate this post, I am working on an free educational project to teach people how to use the layouts and I will reference them to these tutorials!

Thanks

Carolina

Jayce Design June 4th, 2010

thanks for this nice useful list, im looking forward to build my own Portfolio!
cheers

dreamincolor November 15th, 2010

Very good for inspiration!
Don’t forget to include this great Single-Page Portfolio http://www.dreamincoloronline.com/design-code-cool-single-page-portfolio-part2/

Leave a Reply