16 Best Photoshop Tutorials for Creating Web Designs

By / Jun 15, 2009 / Tutorials

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.

  • http://www.marcofolio.net/ Marco

    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!

  • http://www.wpdesigner.net iwpdesign

    Nice tuts. Thanks.

  • http://sillysamowild.deviantart.com Sam

    Great stuff! Bookmarked this on del.icio.us

  • http://www.danhbaweb20.com/ Danh ba web 2.0

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

  • http://webtips.blogsome.com Ramnath

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

  • http://www.sweetpixels.co.uk Web Design Sussex

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

  • jZine

    Wow! Great collection.

  • http://www.republik9.com Rhetorikolas

    GREAT TUTORIALS! Slick designs :]

  • http://newtechnewsfeed.blogspot.com/ Jay

    Love the designs.
    Thanks for the tutorials. :)

  • http://www.2creative.com.au web design gold coast

    Uber cool design tute thanks.

  • http://www.my-picz.co.cc/ منتديات ماى بكتشرز

    Coooooooooool

  • http://www.bravonet.dk Henning Nielsen

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

  • http://labs.dariux.com Dario Gutierrez

    Cool list dude.

  • Rufus

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

  • http://diangelux.deviantart.com Diane

    Does it works in Fireworks?

  • http://www.tutonix.com/tutorials Tahir

    wow masterpiece.

  • http://www.bigtunainteractive.com Adam Hermsdorfer

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

  • http://www.gigglecomputer.com Phaoloo

    Great and simple tutorials.

  • http://www.evohosting.co.uk Caitlin

    Great collection of tutorials! Thanks a lot!

  • http://armigesfahani.com Armig Esfahani

    Great! thank youuu! can I hug you ? 😀

  • djay

    thank ya so much 4 all the tuts…

  • NaturalLady76

    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 :)

  • http://www.zik4.com omis

    excellent list of tutorials

  • http://www.sixthsensemarketing.com.au/about/bradley-davis/ Bradley Davis

    Thanks for the great tuts!

  • http://www.cursodedropshipping.net/ Dropshipping

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

    Thanks!!!

    Alex.

  • http://www.noeljarencio.com Noel

    Very useful.. thanks a lot!

  • http://www.studiosolo.net João

    These tuts are really beautiful! Good post!!

  • Johny

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

  • http://www.webdesigner-toronto.ca Umberto

    Awesome tutorials thank you for sharing them!

  • http://simplesite.co Kev

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