Photoshop设计专业网站模板布局

文章来源于 HiZhen.cn，感谢作者秩名给我们带来经精彩的文章！

设计教程/PS教程/设计教程2010-04-20

在这个Photoshop教程中我们将要学习怎么制作一个专业网站的2.0布局，以前我们学习了那么多的photoshop教程，似乎都有些长，那是因为这些教程都是非常详细。我保证只要你跟着去做就会发现很简单，你所要做的只是去试一试。

最终效果预览

Photoshop设计专业网站模板布局

详细教程

软件：Adobe Photoshop

版本：CS4

难度：中级

预计完成时间：大约两个小时

步骤1

为了确保能够对齐我们采用960s坐标制(从这里获取)下载打开文件

我们先创建背景图层，在背景层上右击，然后选择背景图层，命名为“bg”。

Photoshop设计专业网站模板布局

步骤2

我们运用了这么多参考线，所以我们需要打开视图>标尺。

Photoshop设计专业网站模板布局

步骤3

我们要为标题区设置下边框，所以需要在下方100px拖拽一条新的参考线，执行视图——新建参考线，位置：100

Photoshop设计专业网站模板布局

步骤 4

让我们来创建标题。先创建一个1020*100px的选区，然后按下shift+backspace 填充(可用任何颜色)

Photoshop设计专业网站模板布局

情非得已