photoshop设计网页教程：boxedart网站设计

《photoshop设计网页教程：boxedart网站设计》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、Photoshop设计网页教程：BoxedArt网站设计　　这个photoshopes;900，当然这些设置可以在后期增加。　　图片看不清楚？请点击这里查看原图（大图）。　　第二步：应用渐变　　既然我们的画布已经创建了，是时候开始背景的设计了。创建一个新层（快捷键CTRL+SHIFT+N）。接着给这个图层从左往右添加渐变前景色设置为#edd8af背景色为#ede4c9.这个颜色用来表示盒子的颜色。　　图片看不清楚？请点击这里查看原图（大图）。　　第三步：添加纹理　　我们想要BoxedArt背景设计看起来像厚纸板的效果。创建另一个新层，颜色填充为#b

2、cb6a9。下一步应用胶片颗粒艺术效果设置参数如下。接着为了使它看起来粗糙一点，我们给它应用一点高斯模糊效果。　　图片看不清楚？请点击这里查看原图（大图）。　　以下就是我们应用这些效果后背景图层看起来的效果。　　图片看不清楚？请点击这里查看原图（大图）。　　HEADER部分第四步：导航条设计　　顶部的导航区域部分我们放置了一条条状的带子。我们可以看到这种带状风格在很多网站都有应用，不过我们这里用到的有一点不同。由于BoxedArt想要将这个设计看起来像用来发送邮件的盒子。为了创建这个导航条我们需要从bigstockphotos.上下载一个带状的图片

3、，使用自由变换工具（在编辑菜单下选择自由变换或者快捷键CTRL+T）沿着顶部的区域伸展开来。接下来创建透明效果我们要把图层样式设置为线性加深。下面就是效果：　　图片看不清楚？请点击这里查看原图（大图）。　　第五步：老邮票导航按钮　　停留在盒子主题，我们要让这个导航按钮看起来有点破旧磨损邮票。为了达到这种效果列，我们需要一张老邮票（还是在bigstockphotos.上下载）。下载后第一步是描出邮票的路径，从背景中提出来，邮票上依然有图像。为了覆盖邮票上的图像，我们用一张黄色的纸张粘贴在上面也就是添加一个纹理效果。　　下一步，我们要给导航按钮添加一些

4、颜色来区别各种不同类的导航，我们在邮票上添加一些装饰花纹效果，在你完成创建好颜色盒子后，我们把这个层的样式修改为线性加深以便颜色能与老照片混合在一起。然后我们增加另一个新层自上而下颜色为黑白我们给这个图层添加胶片颗粒艺术效果设置如下，最后我们把图层设置为正片叠底，把这个不透明度设置为60%。12345下一页[感谢阅读这篇文章，..，]　　图片看不清楚？请点击这里查看原图（大图）。　　图片看不清楚？请点击这里查看原图（大图）。　　注意：您可以在上述屏幕快照看到创建的邮票图层。　　第六步应用导航按钮到导航条上　　现在我们已经创建好了几个不同颜色的邮票按

5、钮，是时候来完成最后header部分的准备工作了，把导航按钮应用到导航条上，我们通过给每个导航按钮应用由mathilde设计的Sketchyicons图标来添加一些手写效果。这些icon图标是放置在每个颜色盒子，并调整了中心图标的位置。同样的步骤把icon应用到每个邮票上去。　　图片看不清楚？请点击这里查看原图（大图）。　　下一步，对每个邮票使用自由变换工具（CTRL+T），将他们调整不同的朝向给他们一种拍打的效果。这一步后，我们切换到文字工具，每个分类使用一种手写字体。这里我用到的是LovedbytheKing.最后我们的导航条就完成了。　　图片

6、看不清楚？请点击这里查看原图（大图）。　　第七步开始顶部介绍区域　　首先创建一个新层（CTRL+SHIFT+N）在工具栏中选择矩形选框工具。现在在页面上创建一个矩形使用白色来填充。这块区域将被用来当做一张白纸。　　图片看不清楚？请点击这里查看原图（大图）。　　好了我们已经完成白色纸张部分了，在白纸图层下面创建另一个新层然后填充黑色，这个将用来创建阴影。完成之后我们转到滤镜>模糊>高斯模糊半径设置为6.5.之后把这个层的不透明度设置为20%，向右移动5pixels。然后添加主要的文字，这样的话短语SimplifyandSave会被用到，位

7、于顶部纸张部分。　　图片看不清楚？请点击这里查看原图（大图）。　　现在你看在白纸下面有阴影，但是纸张并不是粘在哪里的。所以我们在纸张的一边来添加一些胶带，如先前的教程一样，我们在另一边添加了一个邮戳来保持画面的平衡。在你的纸张完成后，我们选择一些手写字体来添加一些文字。看起来的话想事包裹上的信息。最后加亮这些图层按下CTRL+T自由变换工具，角度设为-1.5degrees使它看起来更加具有真实效果。　　图片看不清楚？请点击这里查看原图（大图）。　　第八步贴上一个便签　　我们使用了一个便签设计来分开空间来介绍我们网站的优惠注册信息。这个在整个盒子主题

8、上运用的非常好，设计这样一个便签效果需要创建另一个新的图层，选择钢笔工具使用钢笔工具来绘制一个方形区域如下图所示　　图片看