Photoshop制作精致的条纹水晶导航栏
：腾龙视觉 发布时间：2010-09-10 22:38:32 作者：佚名 
我要评论
我要评论本教程介绍非常精致的导航栏的制作方法。大致过程：先用做出自己想要的导航栏形状，然后分别对导航栏的高光及背景部分设置图层样式，做出水晶质感。后期调整细节并加上文字即可。
最终效果
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”图层组和“素材”图层显示，完成本实例的制作。
最终效果：
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一起来学习2021-06-16
ps2021怎么做漂亮的渐变按钮？ps中想要设计一款领券的按钮，如果添加渐变色会更加显眼，该怎么设计渐变色按钮呢？下面我们就来看看ps按钮样式的设计方法，详细请看下文介绍2021-05-27
很多人人物游戏按钮只能用AI才能设计，其实不然，一些按钮不只可以用AI设计，PS照样可以，今天我们就教大家制作一个蓝色科技金属质感的“play”按钮，一起来学习吧2021-05-18
ps怎么设计配色干净扁平化按钮？很多时候我们会看到各种按钮，想要设计一款颜色干净清爽的扁平化按钮，该怎么操作呢？下面我们就来看看ps按钮矢量图的设计方法，需要的朋友2021-04-08
怎么用PS制作按钮形状效果？下面这边文章主要为大家讲述了用PS制作按钮形状效果的教程，感兴趣的小伙伴来学习吧2020-12-15
ps怎么设计圆形的不锈钢金属按钮图标？ps中想要设计一款圆形的按钮，该怎么设计这个按钮矢量图呢？下面我们就来看看详细的教程，需要的朋友可以参考下2019-06-30
PS怎么设计可爱的按钮？ps中想要设计一款可爱的按钮，该怎么设计呢？下面我们就来看看ps设计按钮的教程，需要的朋友可以参考下2018-10-30
ps怎么设计逼真的玻璃质感按钮？ps中想要设计一款漂亮的玻璃按钮，该怎么设计逼真透明的玻璃按钮呢？下面我们就来看看详细的教程，需要的朋友可以参考下2018-09-23
ps怎么设计创意的圆形按钮？ps中想要设计按钮，该怎么设计创意的按钮图标呢？下面我们就来看看详细的教程，需要的朋友可以参考下2018-08-09
PS怎么设计左右轮播图的按钮？网页中经常能见到多张图片轮播的效果，会有左右按钮，该怎么设计这个按钮呢？下面我们就来看看详细的教程，需要的朋友可以参考下2018-08-09
最新评论