如何设计网页 BoxedArt网站设计教程 4

第十步给便签纸添加内容

下一步，给便签纸添加一些文字，在我们的便签纸中我们要添加一些加入等按钮，为了创建相似的按钮首先我们绘制一个盒子使用绿色填充，然后添加一个蒙板选择一种grudge 笔刷。下一步遮住按钮的一些部分看起来就像破损一样，这就是我们创建邮戳的效果。

这个是最后呈现的效果。

BODY 部分

第十一步卷曲胶带纸标题

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

第十二步预览下的小图标

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