对于网页设计者来说，photoshop是一个非常好的工具。无论你是使用photoshop的菜鸟还是高手，你都可以通过搜索引擎搜索到很多的教程和资源。

大部分的主题开发或者设计者都会使用photoshop来完成设计稿，然后将其切割，再用html和css来完成剩下的工作。这里，我收集了30个简单易学的Photoshop网页布局设计教程，你可以跟着这些教程一步一步的去学如何使用photoshop来创建一个网页布局模板。

1.碳素纤维布局

2.商业wordpress PSD布局

3.水彩画背景网页文件夹布局

4.干净、色彩丰富的网页布局

5.创意工作室网页布局

6.暗色组合像素布局

7.酷的组合布局

8.在photoshop中创建一个清爽的博客布局

9.设计一个富有创意的个性网页布局

10.在photoshop中创建一个非营利组织的网页布局

11.专业的设计工作室网页布局

12.图形设计工作室网页布局

13.用photoshop设计一个高端的wordpress博客

14.网站画廊布局设计

15.如何用photoshop创建一个“破损纸张”效果的网页布局

16.设计一个酷的色彩丰富的布局

17.设计工作室布局

18.自由组合设计

19.设计一个时尚行业、金融网站

20.GreenPress wordpress主题设计

21.使用“960网格系统”来设计一个网页模版

22.在photoshop中设计一个现实的网站布局

23.在photoshop创建一个让人印象深刻的现代博客

24.利用草图创建一个简洁、高端的网页设计

25.如何在photoshop中创建一个绘制的网页设计

26.如何创建一个极好的破旧风格的网页

27.如何设计一个销售模板的web2.0网站

28.巧克力风格的wordpress布局

29.web2.0 photoshop布局教程

30.画廊布局

31.使用photoshop设计一个简洁的商业网站布局

原文：30+ Easy To Follow Photoshop Layout Design Tutorials