Photoshop初学者教程:水晶玻璃效果网站导航条的制作

丫丫474747

丫丫474747

2016-01-29 17:36

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

本文由 中国 zixuan_gzs 编译,转载请保留此信息!

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)

本系列教程由中国互助课堂专为PS新手制作,更多教程和练习请点击这里,在这里有系列的教程、练习,并有老师对练习进行点评与指导,欢迎朋友们的光临!

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

来看看效果图:

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初学者教程:水晶玻璃效果网站导航条的制作_中国

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

[next]

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

Photoshop初学者教程:水晶玻璃效果网站导航条的制作_中国

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

Photoshop初学者教程:水晶玻璃效果网站导航条的制作_中国

16:效果如图

Photoshop初学者教程:水晶玻璃效果网站导航条的制作_中国

17:同样的方法做出其它

Photoshop初学者教程:水晶玻璃效果网站导航条的制作_中国

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

Photoshop初学者教程:水晶玻璃效果网站导航条的制作_中国

19:加入文字

Photoshop初学者教程:水晶玻璃效果网站导航条的制作_中国

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

Photoshop初学者教程:水晶玻璃效果网站导航条的制作_中国

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

Photoshop初学者教程:水晶玻璃效果网站导航条的制作_中国

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

Photoshop初学者教程:水晶玻璃效果网站导航条的制作_中国

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)
展开更多 50%)
分享

猜你喜欢

Photoshop初学者教程:水晶玻璃效果网站导航条的制作

PS PS教程
Photoshop初学者教程:水晶玻璃效果网站导航条的制作

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

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

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Photoshop制作水晶风格网站导航条

PS PS基础 PS效果
Photoshop制作水晶风格网站导航条

photoshop制作网站酷炫导航条

PS PS基础 ps平面设计教程 ps去水印教程
photoshop制作网站酷炫导航条

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop把手制作成水晶玻璃效果

PS PS基础
Photoshop把手制作成水晶玻璃效果

Photoshop把手制作成仿水晶玻璃效果教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop把手制作成仿水晶玻璃效果教程

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop初学者教程:剪贴蒙版运用详解

Photoshop初学者教程:剪贴蒙版运用详解

PowerPoint2000瘦身技巧两则

PowerPoint2000瘦身技巧两则
下拉加载更多内容 ↓