当前位置: 首页 > 设计教程 > Photoshop教程 > Photoshop制作水晶玻璃效果网站导航条

Photoshop制作水晶玻璃效果网站导航条

来看看效果图:

Photoshop制作水晶玻璃效果网站导航条

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

制作步骤:

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

Photoshop制作水晶玻璃效果网站导航条

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

Photoshop制作水晶玻璃效果网站导航条

3:转换为选区

Photoshop制作水晶玻璃效果网站导航条

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

Photoshop制作水晶玻璃效果网站导航条

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

Photoshop制作水晶玻璃效果网站导航条

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

Photoshop制作水晶玻璃效果网站导航条

7:3---外发光

Photoshop制作水晶玻璃效果网站导航条

8:4--内发光

Photoshop制作水晶玻璃效果网站导航条

9:5--斜面和浮雕

Photoshop制作水晶玻璃效果网站导航条

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

Photoshop制作水晶玻璃效果网站导航条

11:7--光泽

Photoshop制作水晶玻璃效果网站导航条

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

Photoshop制作水晶玻璃效果网站导航条

13:效果如图

Photoshop制作水晶玻璃效果网站导航条

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

  • 共2页:
  • 上一页
  • 1
  • 2
  • 下一页
  • 上一篇:Photoshop制作超酷绚丽的UI界面教程
    下一篇:Photoshop中打造具有颓废风格的人物肖像

    图集推荐

    • 灵感
    • 美图