ps活泼手绘风格网页的设计和制作3

本例为Photoshop网页设计实例教程，在教程中我们将学习如何运用PS设计和制作活泼手绘风格的网页，本photoshop web界面教程将分背景、header部分、body部分、footer部分四个步骤讲解，希望能给朋友们带来帮助~~

步骤/方法

1.注意：您可以在上述屏幕快照看到创建的邮票图层。

2.第六步应用导航按钮到导航条上。

现在我们已经创建好了几个不同颜色的邮票按钮，是时候来完成最后header部分的准备工作了，把导航按钮应用到导航条上，我们通过给每个导航按钮应用由mathilde设计的Sketchy icons图标来添加一些手写效果。这些icon图标是放置在每个颜色盒子，并调整了中心图标的位置。同样的步骤把icon应用到每个邮票上去。

3.下一步，对每个邮票使用自由变换工具（CTRL+T），将他们调整不同的朝向给他们一种拍打的效果。这一步后，我们切换到文字工具，每个分类使用一种手写字体。这里我用到的是 “Loved by the King”.最后我们的导航条就完成了。

4.第七步开始顶部介绍区域 

首先创建一个新层（CTRL+SHIFT+N）在工具栏中选择矩形选框工具。现在在页面上创建一个矩形使用白色来填充。这块区域将被用来当做一张白纸。

5.好了我们已经完成白色纸张部分了，在白纸图层下面创建另一个新层然后填充黑色，这个将用来创建阴影。完成之后我们转到滤镜>模糊>高斯模糊半径设置为6.5.之后把这个层的不透明度设置为20%，向右移动5pixels。然后添加主要的文字，这样的话短语”Simplify and Save”会被用到，位于顶部纸张部分。

6.现在你看在白纸下面有阴影，但是纸张并不是粘在哪里的。所以我们在纸张的一边来添加一些胶带，如先前的教程一样，我们在另一边添加了一个邮戳来保持画面的平衡。在你的纸张完成后，我们选择一些手写字体来添加一些文字。看起来的话想事包裹上的信息。最后加亮这些图层按下CTRL+T自由变换工具，角度设为 -1.5 degrees 使它看起来更加具有真实效果。