25 Photoshop Tutorials for Designing Portfolio Sites

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:

Published December 7th, 2009 by

Looking for hosting? WPEngine offers secure managed WordPress hosting. You’ll get expert WordPress support, automatic backups, and caching for fast page loads. Visit WPEngine.

Join Our Newsletter!

Subscribe to our weekly newsletter chalked full of useful tips, techniques, and design goodies. We have 20,000+ loyal readers and counting! We’ll even send you a free e-book (Freelance Designer’s Guide to Multiple Income Streams) and a $10 discount on our most popular product the Freelance Starter Kit.

49 Responses

Comments are now closed on this post.

  • Razvan, December 7, 2009

    Thank you for including some of my tutorials in this list

  • Marcell Purham, December 7, 2009

    Great list of tutorials!

  • designfollow, December 7, 2009

    this a great tutorials, thank you very much.

  • Orlando Web Design, December 7, 2009

    Love the grafpedia site!

  • Tian Permana, December 8, 2009

    Bookmarked !

  • Mars, December 8, 2009

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

  • Blogger Den, December 8, 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 8, 2009

    Great Collection, Thanks!

  • Indrek, December 8, 2009

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

  • aledesign.it, December 8, 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 8, 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 8, 2009

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

  • böcek ilaçlama, December 8, 2009

    perfect tutorials…

  • psdxhtmlycss.com, December 8, 2009

    It is a good list

  • Magentoua, December 8, 2009

    Wow. Great post. Thanks a lot

  • Tampa accident attorney, December 8, 2009

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

  • Brian Jones, December 9, 2009

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

  • Adam, December 9, 2009

    The Grunge look is a beauty!

  • Selvam, December 9, 2009

    Awesome…great collection…thanks

  • Callum Chapman, December 9, 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 10, 2009

    Brilliant list!!! Thanks heaps.

  • CSS Gallery, December 10, 2009

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

  • drupal development services, December 10, 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 11, 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 11, 2009

    Good stuff, as always.

  • Ilina S., December 20, 2009

    Inspiring list!

  • EFW, December 21, 2009

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

  • Awicks44, December 22, 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 23, 2009

    Thank you for including some of my tutorials in this list

  • Photoshop brushes, December 27, 2009

    Some really useful websites with great tutorials!

  • Chris Web, January 12, 2010

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

  • Katey, January 22, 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 2, 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 4, 2010

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

  • dreamincolor, November 15, 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/