当前位置:首页 > PS教程 > 网页设计

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

  • 2022-12-24 23:12:58
  • 来源/作者:互联网/佚名
  • 己被围观

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


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

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

来看看效果图:

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

制作步骤:

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

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

3:转换为选区

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

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


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

7:3---外发光

8:4--内发光

9:5--斜面和浮雕

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

11:7--光泽


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

13:效果如图

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

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

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

16:效果如图

17:同样的方法做出其它


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

19:加入文字

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

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

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



 1/2    1 2 下一页 尾页

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

标签(TAG) 导航条 网页图片

更多精彩内容

  • APP展示图,教你怎么用PS制作APP的界面图片 APP展示图,教你怎么用PS制作APP的界面图片
  • 用ps制作大拇指胜利手势logo 用ps制作大拇指胜利手势logo
  • 用ps制作金属质感徽章 用ps制作金属质感徽章
  • 用ps制作绿色环保Logo 用ps制作绿色环保Logo
  • 用ps制作放大缩小logo 用ps制作放大缩小logo
  • ps cs6设计火箭UI图标 ps cs6设计火箭UI图标
  • 教你用PS打造网页效果图全过程 教你用PS打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条