第二十六步 看起来不错,现在给侧边栏增加项目。你可以给每一个项目创建一个文件夹。 第二十七步 现在增加列表图标。你可以使用任意的自定义形状。随意增添一些文字,我使用的是Georgia字体。复制图标,编辑其中的一个表示鼠标悬停状态。其它的项目也这样来做。 第二十八步 我们快要完成了。给侧边栏底部增加一些破旧效果,在侧边栏图层的上方新建一个图层,添加破旧笔刷效果。选择侧边栏背景层,然后选择图层>图层蒙板>显示全部。接下来,使用不规则黑色笔刷隐藏侧边栏背景的左下角。 第二十九步 最后,选择侧边栏背景图层,拷贝它的图层样式。在设计的下方画一个矩形,放入”Footer”文件夹中,粘贴样式。接下来,提取并粘贴这张图片到页脚的背景上。 调整不饱和度让它变得更灰暗一些。你也可以使用步骤10中的技术给它添加投影效果。在这张纸上添加一些文字,可以是标语什么的。添加一些页脚文字,比如导航条和版权信息。 网页设计不是容易的事。但是我希望这个教程能帮助你提高你的技术。现在是轮到你设计你的网页作品的时候了。 (责任编辑:RGB) |