Best Photoshop Website Layout Tutorials of 2009

As a final post for 2009, let’s take a look back at the best tutorials for creating website layouts in Photoshop. There were a number of great tutorials of this kind throughout the year, many more than in years past, making it a great year for anyone who wants to improve their design skills. Here is a look at 25 of the best.

Create a Company/Business Web Layout Using Photoshop

Create a Company/Business Web Layout Using Photoshop

Create a Watercolor Themed Website in Photoshop

Create a Watercolor Themed Website in Photoshop

Create a Clean and Effective Product Layout

Create a Clean and Effective Product Layout

Awesome Tutorial Portfolio Design

Awesome Tutorial Portfolio Design

How to Create a Clean and Colorful Web Layout

How to Create a Clean and Colorful Web Layout

Design a Beautiful Website from Scratch

Design a Beautiful Website from Scratch

Design a Clean Portfolio Site in Photoshop

Design a Clean Portfolio Site in Photoshop

Create a Business PSD Layout in Less Than 10 Minutes

Create a Business PSD Layout in Less Than 10 Minutes

Create a Green/Eco-Friendly/Environmental Web Layout

Create a Green/Eco-Friendly/Environmental Web Layout

How to Create a Sleek and Textured Web Layout in Photoshop

How to Create a Sleek and Textured Web Layout in Photosho

How to Make a Highly-Textured Site Layout in Photoshop

How to Make a Highly-Textured Site Layout in Photoshop

How to Create an Illustrative Web Design in Photoshop

How to Create an Illustrative Web Design in Photoshop

Design a Clean and Fresh Company Website in Photoshop

Design a Clean and Fresh Company Website in Photoshop

Create a Clean Modern Web Design in Photoshop

Create a Clean Modern Web Design in Photoshop

Design an Attractive One-Page Portfolio in Photoshop

Design an Attractive One-Page Portfolio in Photoshop

Design a Creative WordPress Theme

Design a Creative WordPress Theme

Create a Photoshop Template for Joomla or Drupal

Create a Photoshop Template for Joomla or Drupal

Create a Game Layout

Create a Game Layout

Chocolate Pro WordPress Style Layout

Chocolate Pro WordPress Style Layout

Create a Web Layout with 3D Elements Using Photoshop

Create a Web Layout with 3D Elements Using Photoshop

Making the Clean Grunge Blog Design

Making the Clean Grunge Blog Design

Design a Stylish Blue Blog Theme in Photoshop

Design a Stylish Blue Blog Theme in Photoshop

Create a Stylish Business Layout in Photoshop

Create a Stylish Business Layout in Photoshop

Company/Business/Software Web Layout

Company/Business/Software Web Layout

Design an Impressive Web Hosting Layout

Design an Impressive Web Hosting Layout

For more Photoshop tutorials please see:

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

33 Responses

Comments are now closed on this post.

  • Neil Patmore, December 30, 2009

    Nice templates. Now that CSS has matured enough to cope with complex layouts PS is the only way to go!

  • Michael Soriano, December 30, 2009

    I was hoping I made this list: http://fearlessflyer.com/2009/11/create-a-single-page-portfolio-from-scratch-part-1-photoshop-mockup/

    I also have part 2 up, part 3 is on the way.

  • Blogger Den, December 31, 2009

    Nice collection man, really great pieces! There have been so many great tutorials for creating website mockups in Photoshop over the past year, it’s great to see such a cool collection all in one place. Keep up the great work, I love your posts!

  • Cheap Logo Designs, December 31, 2009

    Fine collection of templates ! However my favourites are Watercolor Themed Website, Tutorial Portfolio Design, Creative WordPress Theme, Attractive One-Page Portfolio, Sleek and Textured Web Layout.

  • Kimcool, December 31, 2009

    Happy New Year :)

  • Ajay, January 1, 2010

    Great Collection! Thanks.

  • Canon 1D Mark IV, January 1, 2010

    Wouw, this is a great new start of the year ;)

  • aledesign.it, January 1, 2010

    Fantastic!!! Amazing!! Really nice this post!! In special way I like so much Create a Watercolor Themed Website in Photoshop! I really like this technique of painting! A good collection! Thanks!

  • Rob, January 2, 2010

    Wow, these designs are incredible. Thanks for posting them. Love the watercolor one… #2. Just great.

  • krsitina, January 2, 2010

    A good templates for website’s and thanks a lot for sharing this useful information.
    please have a look on webartsense has some good information.

  • murat, January 3, 2010

    Fine collection of templates ! However my favourites are Watercolor Themed Website, Tutorial Portfolio Design, Creative WordPress Theme, Attractive One-Page Portfolio, Sleek and Textured Web Layout.

  • Tambo, January 4, 2010

    Thanks for all the great work in 2009. Look forward to reading more great design tutorials.

  • MYO HAN HTUN, January 4, 2010

    Nice. I like them. All of them are incredible. Thanks for your kindness for those.

  • Grafpedia, January 5, 2010

    thank you or adding some of my tutorials in this list

  • Surfers Gold Coast, January 5, 2010

    Awesome layout tutorials using Photoshop.. thanks for this !

  • M. Joshua, January 5, 2010

    Is it just me, or do none of these actually teach you how to design?

    Assembling a website in Photoshop is a good production skill. But what about learning how to come up with a design solution?

    • Vandelay Website Design, January 5, 2010

      M. Joshua,
      You’re right that there is a lot more to designing than just knowing how to use Photoshop. However, I don’t think that means that tutorials like these are not helpful. If you know how to come up with a good design solution you still have to be able to design it in Photoshop, or your own program of choice. These tutorials can help with that.

  • Orlando Web Design, January 9, 2010

    Great posting as always….Lots of tutorials to go through….I’ll be up all night and divorced by the end of 2010 :)

  • Bopjo Design Web Services, January 10, 2010

    Excellent list, chosen with impeccable taste. Thank you very much for such a fine compilation. I’m going to practice with them all!

  • Mike - Qoptimize.com, January 10, 2010

    Great choices in this collection. Very useful.

  • ChrisW, January 13, 2010

    Great collection of tuts….Thanks

  • webdesign, January 13, 2010

    Photoshop is such a great tool when it comes to web design. The possibilities are endless design wise. Just make sure you slice it up right and compress all your images.

  • afino, January 14, 2010

    Grand Collection. More beatiful tutorial is “Create a Watercolor Themed Website in Photoshop” Incredible!

  • Prue, June 29, 2010

    Such a great collection of tutorials, I look forward to seeing the 2010 best!