Photoshop制作漂亮的绿色水晶导航按钮

更新:2015-03-26    编辑:驱动啊    来源:呢小素材    人气:加载中...    字号:|

标签:Photoshop  水晶  制作  按钮  导航  亮的  百度搜索

来源:UCD博客 作者:小鱼
按钮是网页中不可缺少的部分,好的按钮可以给网页增色不少。下面的教程介绍水晶风格的导航按钮制作制作的时候先制作按钮的一部分,然后再复制组成导航栏。
最终效果


Photoshop制作漂亮的绿色水晶导航按钮


1、新建文件,大小500x 200px ,选择渐变工具(G),,(径向渐变)从#363636到#252525。 最左边拖动到右下角。


Photoshop制作漂亮的绿色水晶导航按钮


2、新建层, 选择选区工具(M),固定大小为100 x 40px角。


Photoshop制作漂亮的绿色水晶导航按钮


3、填充线性渐变从 #68ad40和#4c8c2c。


Photoshop制作漂亮的绿色水晶导航按钮

4、选着图层样式 > 内发光 > 渐变叠加 > 描边#427a25。


Photoshop制作漂亮的绿色水晶导航按钮


Photoshop制作漂亮的绿色水晶导航按钮


Photoshop制作漂亮的绿色水晶导航按钮


现在您的按钮应该是这样的。


Photoshop制作漂亮的绿色水晶导航按钮

5、新建层,同时选种新层和按钮层合并(ctrl+E),现在做一些发光效果,加深工具(O),笔头大小为45px,不透明度为10%,环抱按钮四周加深。


Photoshop制作漂亮的绿色水晶导航按钮


6、现在,选择减淡工具(O),应用了一个14像素的软刷,不透明度为10%。


Photoshop制作漂亮的绿色水晶导航按钮


7、复制按钮如图:


Photoshop制作漂亮的绿色水晶导航按钮


8、新建层,灰色到透明,选择编辑 >变换 >透视:


Photoshop制作漂亮的绿色水晶导航按钮


9、降低透明度为10%。


Photoshop制作漂亮的绿色水晶导航按钮


10、最后,添加一些文字,完成最终效果。


Photoshop制作漂亮的绿色水晶导航按钮

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)

站点导航

您可能在找这些