ps制作丝带纹理网页导航条

简介:本例中我们利用ps制作一款漂亮的丝带效果网页导航条,作者对网站导航的整个制作思路和步骤进行了详细的讲解,做出的效果飘逸绚丽,你喜欢这种纹理效果吗?
您喜爱这种效果吗?今日否本带各位一起来看看它究竟是怎么样打造出来的!

第一步在Photoshop中创建一文档-约500 × 500大小，并填满#dac8aa 的色彩。

此时，我们找一类似纸张纹理的素材。 您可随便寻找个人喜爱的自然纹理，之后运行“去色”快捷键Ctrl+Shift+U ：

然后，调整图层模式为：叠加，调整不透明度为60%。 拼合两个图层。

Ok,只为表现纸质的密度，我们再运用“锐化”来加强质感，可恰当多来几次。

此时我们开始新建彩带。 第一步用矩形选项框工具新建见图的选区，并填充成绿色(#95b900)记得要在新图层做完喔!。

以一样的方式新建黄色(#e9db03)与红色(#b94a00)两个色彩的彩带。


接下来我们要保证三种色彩的彩带是在同一图层的情况下按Ctrl+J拷贝出一新的彩带!并旋转见图角度：

原来的层一样要旋转，使他们之间产生交叉。


                                                             
        此时我们选取底层的彩带，按住CTRL单击图层面版中的此层，获得他的选区，创建一层，运用渐变工具新建出一阴影。
渐变运用黑色——透明的方式!

接下来我们拼合除“纸层”以外的图层，也就是说让彩带变为一体。
继续运用多边形套索工具，选中见图的范围执行删除!

我们运用文字工具为飘带加上一点文字修饰，记得是用“自由变换”命令对文字执行旋转调节!。

一样我们把文字层与彩带层拼合，加上见图图层样式。

此时，效果应该是如此的，多了一点阴影：

接下来我们给彩带增添一点布纹的真实感，选用滤镜 “> 纹理”选取纹理化 ：

我们可看到彩带有了凸凹感：

之后到下一过程。 只为使我们的彩带更具三维感我们运用色彩减淡工具 (大小：125象素，范围：高光，暴光：20%)，我们在想要的地方上执行涂画，留意不能涂画过量，我们会获得如下效果：

一样我们相反的运用色彩加深工具 (大小：80象素，范围：阴影，暴光：30%)，把彩带旁边执行减暗，如此做的目的是提高亮度对比度，使它更具三维感。

我们想要加上一点网格，让它看上去更像织布。 新建一3 × 3象素大小的新文件，用选区勾出见下图形。


                               
        之后进入“ 编辑 > 定义图片 ，保存它。 然后，返回我们的主画布。按住CTRL单击图层面版中的彩带图层，之后运用油漆桶工具(选取图片填充模式)，执行填充!

取消选区后把网格透明度改成40% 并且把图层模式改成叠加。

此时，我们应该在箭头所指地方加上一点细处的阴影，就大功告成了。

见下图我们非常清晰的可看到，用多边形套索工具选取如此一选区，之后一样用黑色——透明的渐变色创造阴影效果，但留意把一定要把阴影放在彩带的底下一层。

还可运用“模糊工具”对阴影执行模糊。

在另外位置一样的手法加上阴影。

此时看相当好。教程也快结束了，但我们还可略微再做一些工作。 转到背景层，选取加深工具 (大小：300象素，范围：阴影，暴光：30%)，见图把背景层部分减暗。

看!这就是你的结果，采用了不到半个小时我们又成功的学会了一技术!

珍爱生命，果断回帖。

为毛老子总也抢不到沙发？！！

我擦！我要沙发！

学习下

顶

没人回帖。。。我来个吧

LZ是天才，坚定完毕

OMG！介是啥东东！！！

为保住菊花，这个一定得回复！

是爷们的娘们的都帮顶！大力支持

LZ是天才，坚定完毕

支持支持再支持

路过 帮顶 嘿嘿

广告位，，坐下看看

高手云集 果断围观

高手云集 果断围观