16 Best Photoshop Tutorials for Creating Web Designs

By / Jun 15, 2009 / Tutorials
shares

Tutorials for creating web designs are a great way to learn new techniques and get inspired by new design concepts. Since Photoshop is the design tool of choice for many web designers, I thought it would be useful to show you, what I believe, are the best Photoshop tutorials for creating web designs and web design elements.

Navigation

Create a Wii Web Header in Photoshop

Create a Wii Web Header in Photoshop

Creating A Cool 3D Web Design Effect

Creating A Cool 3D Web Design Effect

Blue on Black Navigation Bar

Blue on Black Navigation Bar

How to Create a Slick and Clean Button in Photoshop

How to Create a Slick and Clean Button in Photoshop

Clean White Navigation Bar

Clean White Navigation Bar

Stylish Dark Navigation Box

Stylish Dark Navigation Box

Designing a Unique Bookmark Box

Designing a Unique Bookmark Box

How to Create a Simple & Sleek Web 2.0 Site Footer

How to Create a Simple & Sleek Web 2.0 Site Footer

Complete Designs

How to Create a Clean Web 2.0 Style Web Design in Photoshop

How to Create a Clean Web 2.0 Style Web Design in Photoshop

How to Elevate Your Website Design Process and Results

How to Elevate Your Website Design Process and Results

How a Simple Layout Can Be Mixed ‘n’ Matched with Patterns, Photos and Backgrounds

How a Simple Layout Can Be Mixed ‘n’ Matched with Patterns, Photos and Backgrounds

New Plus Tutorial – Designing a Family of Websites

New Plus Tutorial - Designing a Family of Websites

Create a Sleek, High-End Web Design from Scratch

Create a Sleek, High-End Web Design from Scratch

Design a Beautiful Website From Scratch

Design a Beautiful Website From Scratch

Create a Magic Night Themed Web Design from Scratch in Photoshop

Create a Magic Night Themed Web Design from Scratch in Photoshop

Photoshop Paper Texture from Scratch then Create a Grungy Web Design with it!

Photoshop Paper Texture from Scratch then Create a Grungy Web Design with it!

About the Author

Henry Jones is a web developer, designer, and entrepreneur with over 14 years of experience. He is the founder of WDL and ThemeTrust.

30 Comments

  1. Marco
    June 15, 2009

    Whoah – beautiful roundup with loads of nice tutorials. Many shouts towards the TutsPlus network, but they do have the best tutorials out there :) .

    Keep up the great work!

    Reply
  2. iwpdesign
    June 15, 2009

    Nice tuts. Thanks.

    Reply
  3. Sam
    June 15, 2009

    Great stuff! Bookmarked this on del.icio.us

    Reply
  4. Danh ba web 2.0
    June 15, 2009

    Useful tut for me, thanks you very much
    I will check all. Keep up !

    Reply
  5. Ramnath
    June 15, 2009

    Excellent designs (as usual)! Thanks @jggube for the tweet.

    Reply
  6. Web Design Sussex
    June 15, 2009

    I’m working in photoshop as I write this comment, stuck for inspiration. These tutorials should help no end. Thank you very much.

    Reply
  7. jZine
    June 15, 2009

    Wow! Great collection.

    Reply
  8. Rhetorikolas
    June 15, 2009

    GREAT TUTORIALS! Slick designs :]

    Reply
  9. Jay
    June 15, 2009

    Love the designs.
    Thanks for the tutorials. :)

    Reply
  10. web design gold coast
    June 16, 2009

    Uber cool design tute thanks.

    Reply
  11. منتديات ماى بكتشرز
    June 17, 2009

    Coooooooooool

    Reply
  12. Henning Nielsen
    June 17, 2009

    Excellent tutorials – loved the “How a Simple Layout Can Be Mixed ‘n’ Matched with Patterns, Photos and Backgrounds” – thanks.

    Reply
  13. Dario Gutierrez
    June 17, 2009

    Cool list dude.

    Reply
  14. Rufus
    June 18, 2009

    Great list of tutorials. I especially liked the nav bar one. There are also some good tutorials at DocumentLab

    Reply
  15. Diane
    June 20, 2009

    Does it works in Fireworks?

    Reply
  16. Tahir
    June 21, 2009

    wow masterpiece.

    Reply
  17. Adam Hermsdorfer
    June 25, 2009

    This is an excellent list of tutorials. Thanks for posting!

    Reply
  18. Phaoloo
    June 25, 2009

    Great and simple tutorials.

    Reply
  19. Caitlin
    June 29, 2009

    Great collection of tutorials! Thanks a lot!

    Reply
  20. Armig Esfahani
    July 13, 2009

    Great! thank youuu! can I hug you ? :D

    Reply
  21. djay
    July 17, 2009

    thank ya so much 4 all the tuts…

    Reply
  22. NaturalLady76
    July 17, 2009

    I’ve been looking all over for this … found you a few minutes ago via #FF by Smashing Mag. Very nice post. BTW I’m a new follower :)

    Reply
  23. omis
    August 19, 2009

    excellent list of tutorials

    Reply
  24. Bradley Davis
    August 26, 2009

    Thanks for the great tuts!

    Reply
  25. Dropshipping
    September 7, 2009

    You saved me A LOT of time with this post…What a great compilation of tutorials about Web pages.

    Thanks!!!

    Alex.

    Reply
  26. Noel
    November 9, 2009

    Very useful.. thanks a lot!

    Reply
  27. João
    December 8, 2011

    These tuts are really beautiful! Good post!!

    Reply
  28. Johny
    April 30, 2012

    Your tutorials are of great help to me.
    Please keep them posting… We love you!
    Regards

    Reply
  29. Umberto
    June 5, 2012

    Awesome tutorials thank you for sharing them!

    Reply
  30. Kev
    December 8, 2013

    Excellent tutorial! You can create an awesome free modern & stylish website and blog at http://simplesite.co using a professional responsive theme.

    Reply

Leave a Reply