WEB开发网
开发学院图形图像PhotoShop Photoshop网页导航设计教你制作折叠的彩带 阅读

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

 2009-10-01 14:59:54 来源:WEB开发网   
核心提示:本例教程主要为大家介绍设计一个折叠彩带的网页导航,效果很漂亮.您喜欢这种效果吗?今天否本带大家一起来看看它究竟是如何制作出来的!首先在photoshop中新建一个文档-约500 × 500大小,并填满#dac8aa 的颜色,Photoshop网页导航设计教你制作折叠的彩带,现在,我们找一个类似纸张纹理的素材,得到他的选

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

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

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网页导航设计教你制作折叠的彩带

1 2  下一页

Tags:Photoshop 网页 导航

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接