观察效果图我们可以看出，该效果图总体上分三行一列：最上面标题为一行；中间的内容部分为一行；最下面的相关信息为一行；整体为一列；细分的话最上面一行又可以分为三列；中间内容部分可以分为两列；最下面相关信息部分又可以分为两行。整体的布局应该如图3样式。如图3。

布局分布出来以后，一些制作网页的老手该开始启动网页制作工具勾画表格了。那我们初者要做什么呢？下一步就要用PS的图片裁剪功能，根据图3的布局分布样式，对网页效果图进行裁剪。


三、裁剪效果图
1、打开网页效果图，点裁剪工具，一般选择切片工具，这个时候鼠标就会变成裁纸刀的样子。如图4。

2、为了裁剪的精确进行，在裁剪开始前按CTRL+R打开标尺，图象周围就会出现标尺为裁减提供参照。按照布局分布，对效果图进行裁剪。如图5。