photoshop制作960网格系统的网页模板

核心提示：在photoshop中学习制作基于960网格系统的网页模板，你将会学到图层效果和定位元素相关知识，photoshop制作960网格系统的网页模板，最终效果预览 图片看不清楚？请点击这里查看原图（大图），第一步 一般在Photoshop中制作网页模板的时候，因为背景是白色的，如果你觉得有帮助，我使用960网格系统，现而今

在photoshop中学习制作基于960网格系统的网页模板，你将会学到图层效果和定位元素相关知识。

最终效果预览

　　图片看不清楚？请点击这里查看原图（大图）。

第一步

一般在Photoshop中制作网页模板的时候，我使用960网格系统。现而今这个网格系统在web设计中相当流行。然而我仍然相信网格系统不应该被过度的依赖。我使用960的主要原因是它psd文件中自带的参考线可以大大提高web设计的效率。

　　图片看不清楚？请点击这里查看原图（大图）。

第二步

如果参考线没有打开，请通过-视图>显示->智能参考线和视图->对齐到->参考线打开，快捷键Ctrl+;。以下你看到的是我已经在图中间画好了一个黑色矩形，接下来所有的元素都将包含在这个矩形中。其实你没有必要画这个矩形，因为背景是白色的，如果你觉得有帮助，不妨画之。