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

来源:腾龙视觉时间:2011-05-17

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

  最终效果

<aPS按钮制作基础教程之打造条纹水晶导航栏 src="https://img4.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按钮制作基础教程之打造条纹水晶导航栏


  14、单击“内发光”项目,并设置其各项参数。

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

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

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

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

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

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

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

  14、单击“内发光”项目,并设置其各项参数。

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

  15、单击“渐变叠加”项目,并设置其各项参数。

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

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

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

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

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

  18、复制“形状 1”图层,得到“形状 1 副本 2”图层并命名为“高光”,并将其图层的图层样式删除。

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

  19、将“高光”图层栅格化,按下<Ctrl>键的同时单击“形状 1”图层,将其载入选区,移动选区位置,对“高光”图层进行修整。

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

  20、为“高光”图层添加图层蒙版,选择“渐变工具”调整图像。

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

  21、设置“填充”参数,效果如图所示。

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

  22、复制“形状 1”图层,得到“形状 1 副本 2”图层并命名为“边”,并将其图层的图层样式删除。

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

  23、将“边”图层栅格化,参照修整“高光”图层的方法,对“边”图层进行修整。

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

  24、取消选区,效果如图所示。

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


  25、设置“填充”参数,效果如图所示。

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

  26、将“图层”调板中隐藏的“组 1”图层组和“素材”图层显示,完成本实例的制作。

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

  最终效果:

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


[展开全部↓]

相关攻略

查看更多
发表评论

最新评论(共1条)

2345市网友

非常非常感谢分享~。虽然最后没有做出来……一直纠结在那个劈裂的图层上……

2011-09-10 0

回复@2345网友:

  • 取消