学有所成 发表于 2009-9-28 02:50:30

photoshop制作简单绚丽的导航效果

本教程主要用photoshop来制作一款水晶导航条,现在的网站越来越注重界面设计,当然导航条也不例外,喜欢的朋友让我们一起来开始吧
先看看效果吧! :)
http://pic.16xx8.com/allimg/090928/0246305b8-0.jpg第1步:新建文件,大小500x 200px ,选择渐变工具(G),(径向渐变)从#363636到#252525。 最左边拖动到右下角。
http://pic.16xx8.com/allimg/090928/0246303L8-1.jpg第2步:新建层, 选择选区工具(M),固定大小为100 x 40px
http://pic.16xx8.com/allimg/090928/0246302Q7-2.jpg第3步:填充线性渐变从 #68ad40和#4c8c2c .
http://pic.16xx8.com/allimg/090928/0246302358-3.jpg第4步:选着图层样式 > 内发光 > 渐变叠加 > 描边#427a25
http://pic.16xx8.com/allimg/090928/024630HO-4.jpghttp://pic.16xx8.com/allimg/090928/02463051K-5.jpghttp://pic.16xx8.com/allimg/090928/0246305300-6.jpg现在您的按钮应该是这样的.
http://pic.16xx8.com/allimg/090928/02463025W-7.jpg

,第5步:新建层,同时选种新层和按钮层合并(ctrl+E),现在做一些发光效果,加深工具(O),笔头大小为45px,不透明度为10%,围绕按钮四周加深。 第6步:现在,选择减淡工具(O),使用了一个14像素的软刷,不透明度为10%
第5步:新建层,同时选种新层和按钮层合并(ctrl+E),现在做一些发光效果,加深工具(O),笔头大小为45px,不透明度为10%,围绕按钮四周加深。
http://pic.16xx8.com/allimg/090928/0246305Y9-8.jpg第6步:现在,选择减淡工具(O),使用了一个14像素的软刷,不透明度为10%。 (小鱼提醒:选择高光)
**** Hidden Message *****

美女乐翻天 发表于 2010-10-26 17:01:08

好好看的,就不知道,我能不能做出来了.这个看起来有点难度.

strutszyj 发表于 2010-11-5 15:43:21

怎么看图片了

hunanmhl 发表于 2013-10-2 16:13:36

顶, 谢谢分享
页: [1]
查看完整版本: photoshop制作简单绚丽的导航效果