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

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

步骤/方法

1.以下就是我们应用这些效果后背景图层看起来的效果。

2.HEADER部分

3.第四步：导航条设计 

顶部的导航区域部分我们放置了一条条状的带子。我们可以看到这种带状风格在很多网站都有应用，不过我们这里用到的有一点不同。由于BoxedArt 想要将这个设计看起来像用来发送邮件的盒子。为了创建这个导航条我们需要从bigstockphotos.com上下载一个带状的图片，使用自由变换工具（在编辑菜单下选择自由变换或者快捷键CTRL+T）沿着顶部的区域伸展开来 。接下来创建透明效果我们要把图层样式设置为线性加深。

4.下面就是效果：

5.第五步：老邮票导航按钮

停留在盒子主题，我们要让这个导航按钮看起来有点破旧磨损邮票。为了达到这种效果列，我们需要一张老邮票（还是在 bigstockphotos.com上下载）。下载后第一步是描出邮票的路径，从背景中提出来，邮票上依然有图像。为了覆盖邮票上的图像，我们用一张黄色的纸张粘贴在上面也就是添加一个纹理效果。

6.下一步，我们要给导航按钮添加一些颜色来区别各种不同类的导航，我们在邮票上添加一些装饰花纹效果，在你完成创建好颜色盒子后，我们把这个层的样式修改为线性加深以便颜色能与老照片混合在一起。然后我们增加另一个新层自上而下颜色为黑白我们给这个图层添加胶片颗粒艺术效果设置如下，最后我们把图层设置为正片叠底，把这个不透明度设置为60%。