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

2016-01-29 17:36 41 1 收藏

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

【 tulaoshi.com - PS 】

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

本系列教程由中国互助课堂专为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--内发光

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

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

9:5--斜面和浮雕

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

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

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

11:7--光泽

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

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

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

13:效果如图

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

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

[next]

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

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

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

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

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

16:效果如图

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

17:同样的方法做出其它

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

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

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

19:加入文字

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

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

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

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

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

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

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

来源:http://www.tulaoshi.com/n/20160129/1502136.html

延伸阅读
标签: PS PS教程
本文由 中国 yntbw(一把火) 原创,转载请保留此信息! 本系列教程由中国互助课堂专为PS新手制作,更多教程和练习请 点击这里 ,在这里有系列的教程、练习,并有老师对练习进行点评与指导,欢迎朋友们的光临! 更多初学者实例教程: http://www.jcwcn.com/portal-topic-topicid-9.html 原图: 效果: [next] 步骤: 1、...
标签: PS PS基础
对于初学PS的朋友来说,在学习的过程中感到十分的迷茫,当看到网上好多优秀的PS作品后,总是感到无从下手,那些优秀的作品是如何制作出来的呢?其实对于初学者来说,认真的学习PS中的最基础性的操作,才是关键。借此作者总结了一些初学者常用的技术技巧与效果制作,希望初学者能够切实的到帮助。 1. 了解PS中的基本概念 1.1 熟悉快捷键的使用 ...
       本例主要为大家介绍用Photoshop制作一个Windows 7风格的导航菜单。先看看最终效果: 最终效果   制作背景: 1、新建一文件,大小自定,这里是600*400为例。设置前景色:#1592d7,背景颜色:#136da2,选择径向渐变工具。从中间拖动得到下面效果: 图1   2、添加散射...
photoshop绘制水晶玻璃瓶教程 最终效果图 1.新建一个700X500DPI的图象文件,背景色为白色,从图象底部到顶部拉一个垂直的渐变出来,颜色不是太重要,自己用喜欢的,这是为了在制作过程中能以这个背景色为依据,或者也可以称之为环境色,使之在制作过程中能有个色调的明确走tulaoshi.com向。 2.新建一个图层,用钢笔钩出瓶子...
标签: Web开发
CSS标签重置 对于XHTML+CSS布局起着一个重要的决定性作用,它是提高页面浏览器兼容性的第一步。 那么什么是标签重置呢? 顾名思义,就是对HTML中的所有标签属性重置,因为每个浏览器都有一个自己默认的CSS文件,对HTML中的所有的标签进行定义,以便没有定义CSS的页面能够正常显示在页面,页面在加载的时候如果没有找到自带的CSS文件,浏...

经验教程

726

收藏

39
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部