Best Photoshop Website Layout Tutorials of 2009

Published in Design, Photoshop Tutorials

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:

Ebook

Free E-book: Freelance Designer's Guide to Multiple Income Streams.
Enter your email address.

33 Responses

Neil Patmore December 30th, 2009

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

Michael Soriano December 30th, 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 31st, 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 31st, 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 31st, 2009

Happy New Year :)

Ajay January 1st, 2010

Great Collection! Thanks.

Canon 1D Mark IV January 1st, 2010

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

aledesign.it January 1st, 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 2nd, 2010

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

krsitina January 2nd, 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 3rd, 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 4th, 2010

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

MYO HAN HTUN January 4th, 2010

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

Grafpedia January 5th, 2010

thank you or adding some of my tutorials in this list

Surfers Gold Coast January 5th, 2010

Awesome layout tutorials using Photoshop.. thanks for this !

M. Joshua January 5th, 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 5th, 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 9th, 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 10th, 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 10th, 2010

Great choices in this collection. Very useful.

ChrisW January 13th, 2010

Great collection of tuts….Thanks

webdesign January 13th, 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 14th, 2010

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

Prue June 29th, 2010

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

Leave a Reply