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!
2. Design a Beautiful Website From Scratch
3. Web 2.0 photoshop layout tutorial
4. Hosting Layout #2
5. How to Create a “Worn Paper” Web Layout Using Photoshop
6. Create a Clean Modern Website Design in Photoshop
7. Create an awesome portfolio layout
8. Corporate WordPress Style Layout
9. How to Make a Light and Sleek Web Layout in Photoshop
10. Creative Design Layout Tutorial
11. How to Create a Dark and Sleek Blog Design in Photoshop
12. Photo Portfolio Web Page Layout
13. How to Create a Clean Web 2.0 Style Web Design in Photoshop
14. Hand drawn layouts – hottest design trends
15. Create a Sleek, High-End Web Design from Scratch
16. How to Create a Unique WordPress Theme
17. Corporate Business Layout
18. Create an Amazing Layout Using Textures
19. Create a clean PSD layout with a 3D look
20. Create a Very Simple Portfolio Web Layout with Photoshop
Loading ...
October 7th, 2009 at 2:08 pm
Links don’t seem to work!
October 7th, 2009 at 2:40 pm
Grafpedia has some really nice deigns. great list
October 7th, 2009 at 3:25 pm
Hi, nice collection! Thx a lot!
PS. In 16. link in title is incorrect.
October 7th, 2009 at 3:33 pm
@ Drew
The images don’t have links only the text.
@eM
Thanks for the comment! Fixed.
October 7th, 2009 at 3:44 pm
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.
October 7th, 2009 at 3:55 pm
@Ian
Yeah wordpress added a random space that threw the URL’s off. Clear your Cache and you should be good!!
October 7th, 2009 at 3:56 pm
GREAT POST! Thank you.
October 10th, 2009 at 4:50 pm
[...] 20 Mind Blowing Website Layout tutorials in Photoshop 20 tutoriels pour créer votre webdesign avec photoshop [...]
October 11th, 2009 at 7:37 pm
Useful list, thanks.
October 23rd, 2009 at 2:48 pm
Very cool round-up Shane!
And thanks for including some PsdVibe tutorials on here
October 23rd, 2009 at 4:52 pm
[...] Edit 10/23/09 – 20 Mind Blowing Website Layout Tutorials in Photoshop [...]
November 19th, 2009 at 8:34 am
Very nice collection, thank you very much for sharing!
joris_lucius´s last blog ..Drupal internationalization (i18n) implementatie
November 19th, 2009 at 9:10 pm
[...] 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 [...]
February 15th, 2010 at 12:40 am
Excellent post Shane. Keep up the working and looking forward to more great articles in the future.
March 28th, 2010 at 12:28 am
The ones by TUTS+ are probably my favorite ones here, especially since they also cover the xHTML and CSS. Great roundup!
Eric Shafer´s last blog ..30 Lovely Hand-Picked Flower Desktop Wallpapers
August 6th, 2010 at 1:41 am
How do i get updates sent to my email when you update your blog? I been checking your site for a while now and wouldnt mind a heads up.
March 22nd, 2011 at 4:04 pm
the Creativo Web site Layout caught my eye, i am looking to implement something like that for a client. Lets see how my skills are going to overcome this test.
May 13th, 2011 at 5:59 am
Great collection Shane, some nice layouts in this group.
Pixel Art´s last blog ..20 Intriguing Impressionistic Photographs
July 13th, 2011 at 5:52 am
Pretty collection! Do the templates come for free?