Photoshop设计活泼手绘风格网页界面.doc

《Photoshop设计活泼手绘风格网页界面.doc》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、Photoshop设计活泼手绘风格网页界面image/image/20120128776>最终效果：image/image/20120128776align=“center”>image/image/20120128776>背景image/image/20120128776>第一步：创建一个画布image/image/20120128776>首先，打开photoshop创建一个新的项目。你可以点击文件>新建或按下CTRL+N快捷键来创建。我们选择一个普通的画布大小1000×900，当然这些设置可以在后期增加。image/image/20120128776align=

2、“center”>第二步：应用渐变image/image/20120128776>既然我们的画布已经创建了，是时候开始背景的设计了。创建一个新层(快捷键CTRL+SHIFT+N)。接着给这个图层从左往右添加渐变前景色设置为#edd8af背景色为#ede4c9.这个颜色用来表示盒子的颜色。image/image/20120128776align=“center”>第三步：添加纹理image/image/20120128776>我们想要BoxedArt背景设计看起来像厚纸板的效果。创建另一个新层，颜色填充为#bcb6a9。下一步应用胶片颗粒艺术效果设置参数如下。接着为了使它看起来粗糙一点

3、，我们给它应用一点高斯模糊效果。image/image/20120128776align=“center”>以下就是我们应用这些效果后背景图层看起来的效果。image/image/20120128776align=“center”Photoshop设计活泼手绘风格网页界面image/image/20120128776>最终效果：image/image/20120128776align=“center”>image/image/20120128776>背景image/image/20120128776>第一步：创建一个画布image/image/20120128776>首先，打开pho

4、toshop创建一个新的项目。你可以点击文件>新建或按下CTRL+N快捷键来创建。我们选择一个普通的画布大小1000×900，当然这些设置可以在后期增加。image/image/20120128776align=“center”>第二步：应用渐变image/image/20120128776>既然我们的画布已经创建了，是时候开始背景的设计了。创建一个新层(快捷键CTRL+SHIFT+N)。接着给这个图层从左往右添加渐变前景色设置为#edd8af背景色为#ede4c9.这个颜色用来表示盒子的颜色。image/image/20120128776align=“center

5、”>第三步：添加纹理image/image/20120128776>我们想要BoxedArt背景设计看起来像厚纸板的效果。创建另一个新层，颜色填充为#bcb6a9。下一步应用胶片颗粒艺术效果设置参数如下。接着为了使它看起来粗糙一点，我们给它应用一点高斯模糊效果。image/image/20120128776align=“center”>以下就是我们应用这些效果后背景图层看起来的效果。image/image/20120128776align=“center”>image/image/20120128776>HEADER部分image/image/20120128776>第四步：导航条设

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

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