当前位置:首页>ps实例教程>ps网页设计>网页图片>教程内容

Photoshop打造非常精致的条纹水晶导航栏(13)

来源:腾龙视觉 作者:不详 学习:8602人次
本教程介绍非常精致的导航栏的制作方法。大致过程:先用做出自己想要的导航栏形状,然后分别对导航栏的高光及背景部分设置图层样式,做出水晶质感。后期调整细节并加上文字即可。
最终效果

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


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

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

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

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

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

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

10、为“形状 1”图层添加“渐变叠加”图层样式,并设置其各项参数。
11、按下“确定”按钮,关闭“图层样式”对话框,设置图层的“填充”参数,效果如图所示。

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

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

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

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

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

18、复制“形状 1”图层,得到“形状 1 副本 2”图层并命名为“高光”,并将其图层的图层样式删除。
19、将“高光”图层栅格化,按下<Ctrl>键的同时单击“形状 1”图层,将其载入选区,移动选区位置,对“高光”图层进行修整。

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

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

22、复制“形状 1”图层,得到“形状 1 副本 2”图层并命名为“边”,并将其图层的图层样式删除。
23、将“边”图层栅格化,参照修整“高光”图层的方法,对“边”图层进行修整。

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

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

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

最终效果:

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!