PS设计制作漂亮水晶玻璃效果的网站导航条(3)

作者:zixuan_gzs 编译 出处:中国教程网论坛 本例介绍运用PS简单制作漂亮的水晶玻璃效果的网站导航条,主要通过圆角矩形工具、图层样式的设置来完成最终效果,简单易学,适合新手朋友了解图层样式的运用~~ 来看看效

Photoshop制作莹光网站导航条(3)

8.下一步,我们要添加一个渐变给它。我用圆角矩形工具,半径为10px, 画一个圆角矩形;如下所示。 9.设置透明度到22 % ,并设置图层样式为柔光。 10.现在可以添加一些文字链接,当前链接使用#01c6fd 。 所有其他的


作者:zixuan_gzs 编译   出处:中国教程网论坛

本例介绍运用PS简单制作漂亮的水晶玻璃效果的网站导航条,主要通过圆角矩形工具、图层样式的设置来完成最终效果,简单易学,适合新手朋友了解图层样式的运用~~

来看看效果图:

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图

PS:教程中涉及的颜色可以根据自己喜欢来设定,改变下参数,会做出大家意想不到的效果哦,所以请练习的朋友灵活运用!

制作步骤:

1:新建一个700*300的文件

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(1)

2:用圆角矩形工具画一个稍等小一点的形状

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(2)

3:转换为选区

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(3)

4:新建一层,填充为任意颜色

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(4)

5:给新建的层添加图层样式,1—投影效果

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(5)


6:继续增加图层样式,2–内阴影

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(6)

7:3—外发光

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(7)

8:4–内发光

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(8)

9:5–斜面和浮雕

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(9)

10:6–改变斜面和浮雕里面的等高线

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(10)

11:7–光泽

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(11)


12:最后一个图层样式8–颜色叠加

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(12)

13:效果如图

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(13)

下面我们来制作导航条上的小按钮

14:用圆角矩形工具画如图大小的路径并转换为选区

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(14)

15:新建一层,填充为任意色,拷贝刚刚那个图层的图层样式,在新建的图层中粘贴图层样式

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(15)

16:效果如图

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(16)

17:同样的方法做出其它

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(17)


18:同样的方法做出圆形的

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(18)

19:加入文字

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(19)

20:改变下文字层的不透明度,降低到50%

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(20)

21:加上别的装饰,也改变下不透明度

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(21)

22:在加上网站,得到最终效果

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(22)




作者:zixuan_gzs 编译   出处:中国教程网论坛

本例介绍运用PS简单制作漂亮的水晶玻璃效果的网站导航条,主要通过圆角矩形工具、图层样式的设置来完成最终效果,简单易学,适合新手朋友了解图层样式的运用~~

来看看效果图:

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图

PS:教程中涉及的颜色可以根据自己喜欢来设定,改变下参数,会做出大家意想不到的效果哦,所以请练习的朋友灵活运用!

制作步骤:

1:新建一个700*300的文件

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(1)

2:用圆角矩形工具画一个稍等小一点的形状

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(2)

3:转换为选区

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(3)

4:新建一层,填充为任意颜色

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(4)

5:给新建的层添加图层样式,1—投影效果

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(5)


6:继续增加图层样式,2–内阴影

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(6)

7:3—外发光

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(7)

8:4–内发光

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(8)

9:5–斜面和浮雕

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(9)

10:6–改变斜面和浮雕里面的等高线

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(10)

11:7–光泽

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(11)


12:最后一个图层样式8–颜色叠加

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(12)

13:效果如图

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(13)

下面我们来制作导航条上的小按钮

14:用圆角矩形工具画如图大小的路径并转换为选区

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(14)

15:新建一层,填充为任意色,拷贝刚刚那个图层的图层样式,在新建的图层中粘贴图层样式

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(15)

16:效果如图

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(16)

17:同样的方法做出其它

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(17)


18:同样的方法做出圆形的

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(18)

19:加入文字

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(19)

20:改变下文字层的不透明度,降低到50%

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(20)

21:加上别的装饰,也改变下不透明度

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(21)

22:在加上网站,得到最终效果

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(22)




作者:zixuan_gzs 编译   出处:中国教程网论坛

本例介绍运用PS简单制作漂亮的水晶玻璃效果的网站导航条,主要通过圆角矩形工具、图层样式的设置来完成最终效果,简单易学,适合新手朋友了解图层样式的运用~~

来看看效果图:

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图

PS:教程中涉及的颜色可以根据自己喜欢来设定,改变下参数,会做出大家意想不到的效果哦,所以请练习的朋友灵活运用!

制作步骤:

1:新建一个700*300的文件

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(1)

2:用圆角矩形工具画一个稍等小一点的形状

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(2)

3:转换为选区

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(3)

4:新建一层,填充为任意颜色

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(4)

5:给新建的层添加图层样式,1—投影效果

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(5)


6:继续增加图层样式,2–内阴影

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(6)

7:3—外发光

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(7)

8:4–内发光

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(8)

9:5–斜面和浮雕

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(9)

10:6–改变斜面和浮雕里面的等高线

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(10)

11:7–光泽

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(11)


12:最后一个图层样式8–颜色叠加

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(12)

13:效果如图

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(13)

下面我们来制作导航条上的小按钮

14:用圆角矩形工具画如图大小的路径并转换为选区

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(14)

15:新建一层,填充为任意色,拷贝刚刚那个图层的图层样式,在新建的图层中粘贴图层样式

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(15)

16:效果如图

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(16)

17:同样的方法做出其它

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(17)


18:同样的方法做出圆形的

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(18)

19:加入文字

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(19)

20:改变下文字层的不透明度,降低到50%

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(20)

21:加上别的装饰,也改变下不透明度

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(21)

22:在加上网站,得到最终效果

PS设计制作漂亮水晶玻璃效果的网站导航条(3)插图(22)



作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部