特色栏目

ASP源码

PHP源码

.NET源码

JSP源码

游戏频道
专题合集
关闭菜单
首页> PHOTOSHOP教程> Photoshop网页导航设计教你制作折叠的彩带(1)

Photoshop网页导航设计教你制作折叠的彩带(1)

时间:2009-10-28 15:21:01 作者:互联网

  本例教程主要为大家介绍设计一个折叠彩带的网页导航,效果很漂亮.

  您喜欢这种效果吗?今天否本带大家一起来看看它究竟是如何制作出来的!

PS网页导航设计教你制作折叠的彩带

  首先在Photoshop中新建一个文档-约500 × 500大小,并填满#dac8aa 的颜色。

PS网页导航设计教你制作折叠的彩带

  现在,我们找一个类似纸张纹理的素材。 您可以随意寻找自己喜欢的自然纹理,然后执行“去色”快捷键Ctrl+Shift+U :

PS网页导航设计教你制作折叠的彩带

  之后,改变图层模式为:叠加,改变不透明度为60%。 合并两个图层。

PS网页导航设计教你制作折叠的彩带

  Ok,为了表现纸质的密度,我们再使用“锐化”来加强质感,可以适当多来几次。

PS网页导航设计教你制作折叠的彩带

  现在我们开始创建彩带。 首先用矩形选框工具创建如图的选区,并填充为绿色(#95b900)记得要在新图层完成哦!。

PS网页导航设计教你制作折叠的彩带

  以同样的方式创建黄色(#e9db03)和红色(#b94a00)两个颜色的彩带。

PS网页导航设计教你制作折叠的彩带

PS网页导航设计教你制作折叠的彩带

  接下来我们要保证三种颜色的彩带是在同一图层的情况下按Ctrl+J复制出一个新的彩带!并旋转如图角度:

PS网页导航设计教你制作折叠的彩带

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

PS网页导航设计教你制作折叠的彩带

  现在我们选择底层的彩带,按住CTRL点击图层面板中的此层,得到他的选区,新建一层,使用渐变工具创建出一个阴影。

  渐变使用黑色——透明的方式!

PS网页导航设计教你制作折叠的彩带
相关文章 最新文章

相关应用

热门文章

猜你喜欢

返回顶部