Photoshop做活泼手绘风格网页设计稿 |
|
BODY 部分 第十一步：卷曲胶带纸标题 我们转到body的内容部分 。在这个设计中，我们要创建2栏和一些图标 。我们使用的是已经有的图标 因为我们喜欢这种手写效果包括Handy Icons and Sketchy icons. 。在body开始的区域我们要一个标题栏用来罗列我们网站的内容 。我们把这个header部分做成卷曲效果 。至于说到透明胶带我们使用的来自 bigstockphoto 的图片 。为了增加胶带的深度，我使用矩形选框工具来选择胶带的一些区域 。在选中选区后我们复制这个图层按下ALT+SHIFT向左边移动，然后在向右移动一下使它看起来显得长一些 。为了避免缝隙的产生我们使用图章工具里拼合这些缝隙 。可以查看下面的效果 。
第十二步：预览下的小图标 BoxedArt网站的内容区域包含很多网页模板的预览 。创建这种效果我们需要选中矩形选框工具创 建一个小的矩形，然后使用颜色#123057填充 。这些按钮我们只要复制第一个图层，移动它到第一个图层下面，设置这个图层的透明度这里我们设置的为 40% 。重复同样的步骤处理余下的按钮 。
第十三步：使用针脚线来分开这些区域 为了分开这些主要的分类，为了创建这些虚线我们可以文字工具角度为90，把这些图层的样式设置为叠加，为了使这些显眼点我们只需复制这个图层2-3次至于颜色多深取决于你自己 。
第十四步：填充额外的内容 添加剩下的内容就非常简单了，我们只需使用直线工具来分开每个部分，在添加些图标和文字，这里我们用到的是一种干净的字体Helvetica Condensed, 。下图就是body部分的整体效果了 。
第十五步：—底部广告部分 我们已经到了底部放置广告部分了，这里的带状条将会再一次应用起来，使用先前有的图片作为起点，下 一步，我们要使用圆角矩形工具，前景色设置为白色半径为5px 。接着我们需要在设置一些小的圆角矩形，颜色设置为#f8f7f3边框用深灰 。你可以在下图 的图层样式中设置边框(就是一种描边效果) 。
|
