WEB开发网      婵犻潧鍊婚弲顐︽偟椤栨稓闄勯柦妯侯槸閻庤霉濠婂骸浜剧紒杈ㄥ笚閹峰懘鎮╅崹顐ゆ殸婵炴垶鎸撮崑鎾趁归悩鐑橆棄闁搞劌瀛╃粋宥夘敃閿濆柊锕傛煙鐎涙ê鐏f繝濠冨灴閹啴宕熼鍡╀紘婵炲濮惧Λ鍕叏閳哄懎绀夋繛鎴濈-楠炪垽鎮归崶褍妲婚柛銊ュ缁傚秹鏁撻敓锟� ---闂佹寧娲╅幏锟�
开发学院图形图像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 网页 导航

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