Photoshop制作精致的条纹水晶导航栏
Photoshop制作精致的条纹水晶导航栏
发布时间:2016-12-30 来源:查字典编辑
摘要:最终效果1、打开下图所示的背景素材。2、选择“圆角矩形工具”,在打开的工具选项栏中选择“形状图层&rdq...

最终效果

Photoshop制作精致的条纹水晶导航栏1

Photoshop制作精致的条纹水晶导航栏2

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

Photoshop制作精致的条纹水晶导航栏3

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

Photoshop制作精致的条纹水晶导航栏4

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

Photoshop制作精致的条纹水晶导航栏5

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

Photoshop制作精致的条纹水晶导航栏6

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

Photoshop制作精致的条纹水晶导航栏7

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

Photoshop制作精致的条纹水晶导航栏8

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

Photoshop制作精致的条纹水晶导航栏9

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

Photoshop制作精致的条纹水晶导航栏10

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

Photoshop制作精致的条纹水晶导航栏11

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

Photoshop制作精致的条纹水晶导航栏12

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

Photoshop制作精致的条纹水晶导航栏13

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

Photoshop制作精致的条纹水晶导航栏14

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

Photoshop制作精致的条纹水晶导航栏15

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

Photoshop制作精致的条纹水晶导航栏16

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

Photoshop制作精致的条纹水晶导航栏17

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

Photoshop制作精致的条纹水晶导航栏18

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

Photoshop制作精致的条纹水晶导航栏19

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

Photoshop制作精致的条纹水晶导航栏20

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

Photoshop制作精致的条纹水晶导航栏21

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

Photoshop制作精致的条纹水晶导航栏22

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

Photoshop制作精致的条纹水晶导航栏23

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

Photoshop制作精致的条纹水晶导航栏24

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

Photoshop制作精致的条纹水晶导航栏25

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

Photoshop制作精致的条纹水晶导航栏26

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

Photoshop制作精致的条纹水晶导航栏27

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

Photoshop制作精致的条纹水晶导航栏28

最终效果:

Photoshop制作精致的条纹水晶导航栏1

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新photoshop学习
热门photoshop学习
网页设计子分类