如何设计网页–BoxedArt网站设计教程(6)

BODY 部分

第十一步卷曲胶带纸标题

我们转到body的内容部分。在这个设计中，我们要创建2栏和一些图标。我们使用的是已经有的图标因为我们喜欢这种手写效果包括Handy Icons and Sketchy icons.。在body开始的区域我们要一个标题栏用来罗列我们网站的内容。我们把这个header部分做成卷曲效果。至于说到透明胶带我们使用的来自bigstockphoto 的图片。为了增加胶带的深度，我使用矩形选框工具来选择胶带的一些区域。在选中选区后我们复制这个图层按下ALT+SHIFT向左边移动，然后在向右移动一下使它看起来显得长一些。为了避免缝隙的产生我们使用图章工具里拼合这些缝隙。可以查看下面的效果。

第十二步预览下的小图标

BoxedArt网站的内容区域包含很多网页模板的预览。创建这种效果我们需要选中矩形选框工具创建一个小的矩形，然后使用颜色#123057填充。 这些按钮我们只要复制第一个图层，移动它到第一个图层下面，设置这个图层的透明度这里我们设置的为40%。重复同样的步骤处理余下的按钮。

第十三步使用针脚线来分开这些区域

为了分开这些主要的分类，为了创建这些虚线我们可以文字工具角度为90，把这些图层的样式设置为叠加，为了使这些显眼点我们只需复制这个图层2-3次至于颜色多深取决于你自己。