20 Mind Blowing Website Layout Tutorials in Photoshop

14

by Shane Jeffers

20

One of the most adored tutorials on the web is how to create a website layout from scratch in Photoshop. Not only does it help you build confidence because you are creating something beautiful, but it helps you learn the techniques of Photoshop so you can begin creating your own sites. So I challenge you to try some of these tutorials learn some new techniques and try them out with your own ideas. These are twenty tutorials I have chosen for their quality and the authors ability to explain the process to the reader thoroughly but with simplicity.

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

1

2. Design a Beautiful Website From Scratch

2

3. Web 2.0 photoshop layout tutorial

3

4. Hosting Layout #2

4

5. How to Create a “Worn Paper” Web Layout Using Photoshop

5

6. Create a Clean Modern Website Design in Photoshop

6

7. Create an awesome portfolio layout

7

8. Corporate WordPress Style Layout

8

9. How to Make a Light and Sleek Web Layout in Photoshop

9

10. Creative Design Layout Tutorial

10

11. How to Create a Dark and Sleek Blog Design in Photoshop

11

12. Photo Portfolio Web Page Layout

12

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

13

14. Hand drawn layouts – hottest design trends

14

15. Create a Sleek, High-End Web Design from Scratch

15

16. How to Create a Unique Wordpress Theme

16

17. Corporate Business Layout

17

18. Create an Amazing Layout Using Textures

18

19. Create a clean PSD layout with a 3D look

19

20. Create a Very Simple Portfolio Web Layout with Photoshop

20

Written by Shane Jeffers

Shane Jeffers is the Creator and Author of Three Styles. He has a unique passion for design trends and tutorials. Reach him through the Contact page or follow him on twitter @ThreeStyles

Enjoy this post? Subscribe by RSS or Email


Tutorials

14 Responses to “20 Mind Blowing Website Layout Tutorials in Photoshop”

  1. GravatarDrew Says:

    Links don’t seem to work!

  2. GravatarJohn Says:

    Grafpedia has some really nice deigns. great list

  3. GravatareM Says:

    Hi, nice collection! Thx a lot!
    PS. In 16. link in title is incorrect.

  4. GravatarShane Jeffers Says:

    @ Drew

    The images don’t have links only the text.

    @eM

    Thanks for the comment! Fixed.

  5. GravatarIan Tearle Says:

    Some of those links have junk at the end of the URL and therefore do not load, they seem to have %3Cbr%20/%3E in the URI address, which needs removing in order to see the tutorials.

  6. GravatarShane Jeffers Says:

    @Ian

    Yeah wordpress added a random space that threw the URL’s off. Clear your Cache and you should be good!!

  7. Gravatarbpdeeziner Says:

    GREAT POST! Thank you.

  8. Gravatar88 liens sur Wordpress, jQuery, typographie, CSS, webdesign … Says:

    [...] 20 Mind Blowing Website Layout tutorials in Photoshop 20 tutoriels pour créer votre webdesign avec photoshop [...]

  9. GravatarTomas Says:

    Useful list, thanks.

  10. GravatarJean-Baptiste Jung Says:

    Very cool round-up Shane!
    And thanks for including some PsdVibe tutorials on here :)

  11. GravatarConverting a Photoshop PSD File to an XHTML & CSS Web Site - Creating Mockups | Resources for Web Development Students @ Robin's Blog Says:

    [...] Edit 10/23/09 – 20 Mind Blowing Website Layout Tutorials in Photoshop [...]

  12. Gravatarjoris_lucius Says:

    Very nice collection, thank you very much for sharing!
    joris_lucius´s last blog ..Drupal internationalization (i18n) implementatie My ComLuv Profile

  13. GravatarPhotoshop Text Effects + Others Says:

    [...] best photoshop text effect tutorials 27 Excellent Planet And Space Photoshop Tutorials 20 Mind Blowing Website Layout Tutorials in Photoshop 250+ Free Photoshop Spray Brushes 69 Awesome Abstract Photoshop Brushes 10 Movie Poster Photoshop [...]

  14. GravatarThomas Craig Consulting Says:

    Excellent post Shane. Keep up the working and looking forward to more great articles in the future.

Leave a Reply

CommentLuv Enabled