SonicHTML – 高品质 HTML+CSS 服务

Photoshop是一个很好网页设计工具。无论你是初学者或PS专家，您都可以在互联网上轻松获得教程和资源。

大多数的主题开发/设计人员在Photoshop上设计自己的网站页面，然后切片并将其转换成的 html/css 格式。在这里，我收集了30个Photoshop布局设计教程。您可以使用的Photoshop按照他们一步一步地来学习如何创建一个网站的版面设计。

1. Carbon Fiber Layout

2. Business Wordpress PSD Layout

3. Watercolored Background Web Portfolio Design

4. Clean and Colorful Web Layout

5. Creative Studio Web Page

6. Dark Portfolio Pixel Layout

7. Awesome Portfolio Layout

8. Create A Clean Blog Theme In Photoshop

9. Design A Creative Unusual Layout

10. Design a Layout for a Non-Profit Organization in Photoshop

11. Professional Looking Design Studio Web Page Layout

12. Graphic Design Studio Web Layout

13. Design a premium Wordpress blog with Photoshop

14. Website Gallery Layout Design

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

16. Design an awesome colorful layout

17. Design Studio Layout

18. Freelance Portfolio Design

19. Design a trendy business & finance layout

20. GreenPress WordPress Theme Design

21. Design a Web Template using the “960 Grid System”

22. Design a realistic website layout in photoshop

23. Create a Vibrant Modern Blog Design in Photoshop

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

25. How to Create an Illustrative Web Design in Photoshop

26. How to Create a Stunning Grunge Portfolio

27. How to Design a Web 2.0 Website Template-Seller Photoshop Mockup

28. Chocolate Pro WordPress Style Layout

29. Web 2.0 photoshop layout tutorial

30. Portfolio Gallery Layout

31. Photoshop tutorial to design a clean business layout

---

原文：30个Photoshop布局设计教程

译自：30+ Easy To Follow Photoshop Layout Design Tutorials

Popularity: unranked