Photoshop设计专业网站模板布局(7)

不要忘了组织你的图层，看一下我的图层。

步骤 19

重复三次以上两个步骤，然后效果如下图所示!

步骤 20

让我们来创建一个分隔符

在50px之后拖拽一条新的参考线。

用椭圆先框工具 (M) 创建一个选区如下图所示：

设置前景色为(#000000)，然后按下 Shift+Backspace填充选区，将图层命名为“separator_bg”。

为了使它有模糊的效果，执行文件> 模糊 > 高斯模糊– 半径：3px.

选择 “separator_bg” 图层，创建一个选区然后删除。

单击添加图层蒙版标志然后设置渐变编辑器为黑，白，黑。

用渐变工具 (G) 根据下图所示拖拽一个线性渐变。

降低图层透明度度为50%。

用直线工具(U) 在分隔符顶部创建两条水平线，把place them right above the separator.

填充颜色为：#b3b3b3 – #ffffff ，然后为他们添加同样的图层蒙版。

步骤 21

我们现在要制作下方的内容区域，距离50px 拖拽一条新的水平参考线。

输入标题，字符设置如下：

字体类型： Rockwell

字体大小： 30px

字体粗细： Regular

反锯齿设置：Smooth

颜色： #81aa48

如下图所示拖拽两条新的水平参考线。

输入一些文字字符设置如下：

字体类型： Arial

字体大小： 14px

字体粗细： Regular

无锯齿设置：None

颜色： #505150

距离160px拖拽一条新的参考线作为内容区域的下边界。

步骤 22

输入另一个标题和文本，字符设置同上个步骤。

用键盘输入一个引号，字符设置如下：

字体类型：Arial

字体大小：200px

字体粗细：Regular

反锯齿设置：Smooth

颜色： #505150

降低图层透明度度为50%。