Photoshop绘制破旧风格的网站首页布局(7)

第二十六步

看起来不错，现在给侧边栏增加项目。你可以给每一个项目创建一个文件夹。

第二十七步

现在增加列表图标。你可以使用任意的自定义形状。随意增添一些文字，我使用的是Georgia字体。复制图标，编辑其中的一个表示鼠标悬停状态。其它的项目也这样来做。

第二十八步

我们快要完成了。给侧边栏底部增加一些破旧效果，在侧边栏图层的上方新建一个图层，添加破旧笔刷效果。选择侧边栏背景层，然后选择图层>图层蒙板>显示全部。接下来，使用不规则黑色笔刷隐藏侧边栏背景的左下角。

第二十九步

最后，选择侧边栏背景图层，拷贝它的图层样式。在设计的下方画一个矩形，放入”Footer”文件夹中，粘贴样式。接下来，提取并粘贴这张图片到页脚的背景上。

调整不饱和度让它变得更灰暗一些。你也可以使用步骤10中的技术给它添加投影效果。在这张纸上添加一些文字，可以是标语什么的。添加一些页脚文字，比如导航条和版权信息。

结论

网页设计不是容易的事。但是我希望这个教程能帮助你提高你的技术。现在是轮到你设计你的网页作品的时候了。

进入论坛参与讨论和叫交作业：http://www.missyuan.com/thread-461964-1-1.html