您的位置: 首页 > 软件教程 > PS按钮制作基础教程之打造条纹水晶导航栏

PS按钮制作基础教程之打造条纹水晶导航栏

8.6分
出处:腾龙视觉 时间:2011-05-17

您可能感兴趣的话题: Photoshop  

核心提示:本教程介绍非常精致的导航栏的制作方法。大致过程:先用做出自己想要的导航栏形状,然后分别对导航栏的高光及背景部分设置图层样式,做出水晶质感。后期调整细节并加上文字即可。

  本教程介绍非常精致的导航栏的制作方法。大致过程:先用做出自己想要的导航栏形状,然后分别对导航栏的高光及背景部分设置图层样式,做出水晶质感。后期调整细节并加上文字即可。

  最终效果

<aPS按钮制作基础教程之打造条纹水晶导航栏 src="https://img3.duote.com/duoteimg/zixunImg/local/2011/05/16/13055331735567.jpg" width=553 border=0>

PS按钮制作基础教程之打造条纹水晶导航栏

  1、打开下图所示的背景素材。

PS按钮制作基础教程之打造条纹水晶导航栏

<点小图查看大图>

  2、选择“圆角矩形工具”,在打开的工具选项栏中选择“形状图层”按钮,创建“形状 1”图层。

PS按钮制作基础教程之打造条纹水晶导航栏

  3、为“形状 1”图层添加图层样式,单击“投影”项目,并设置其各项参数。

PS按钮制作基础教程之打造条纹水晶导航栏

  4、单击“内阴影”项目,并设置其各项参数。

PS按钮制作基础教程之打造条纹水晶导航栏

  5、单击“斜面和浮雕”项目,并设置其各项参数。

PS按钮制作基础教程之打造条纹水晶导航栏

  6、单击“图案叠加”项目,并设置其各项参数。

PS按钮制作基础教程之打造条纹水晶导航栏

  7、单击“描边”项目,并设置其各项参数。

PS按钮制作基础教程之打造条纹水晶导航栏

  8、按下“确定”按钮,关闭“图层样式”对话框,设置图层“填充”参数,效果如图所示。

PS按钮制作基础教程之打造条纹水晶导航栏

  9、复制“形状 1”图层,得到“形状 1 副本”图层,并将“形状 1 副本”图层的图层样式删除,效果如图所示。

PS按钮制作基础教程之打造条纹水晶导航栏

  10、为“形状 1”图层添加“渐变叠加”图层样式,并设置其各项参数。

PS按钮制作基础教程之打造条纹水晶导航栏

  11、按下“确定”按钮,关闭“图层样式”对话框,设置图层的“填充”参数,效果如图所示。

PS按钮制作基础教程之打造条纹水晶导航栏

  12、选择“矩形工具”,在打开的工具选项栏中选择“形状图层”按钮,创建“形状 2”图层。

PS按钮制作基础教程之打造条纹水晶导航栏

  13、为“形状 2”图层添加图层样式,单击“投影”项目,并设置其各项参数。

PS按钮制作基础教程之打造条纹水晶导航栏

网友评论
多特网友 2011-09-10 11:04:52 回复
非常非常感谢分享~。虽然最后没有做出来……一直纠结在那个劈裂的图层上……
多特网友 2011-09-10 11:04:52 回复
非常非常感谢分享~。虽然最后没有做出来……一直纠结在那个劈裂的图层上……

精品软件课程
更多 >
photoshop教程让你从入门到精通,从新... [详细]
快播播放器(Qvod Player)是一款基... [详细]
Word是由Microsoft公司出版的文字... [详细]
《植物大战僵尸》是一款极富策略性的小游戏,可... [详细]
Excel是office的重要组成部分。多特... [详细]