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

2016-02-16 08:41 1 1 收藏

每个人都希望每天都是开心的,不要因为一些琐事扰乱了心情,闲暇的时间怎么打发,关注图老师可以让你学习更多的好东西,下面为大家推荐Photoshop制作水晶玻璃效果网站导航条,赶紧看过来吧!

【 tulaoshi.com - PS 】

来看看效果图:

Photoshop制作水晶玻璃效果网站导航条,PS教程,图老师教程网

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

制作步骤:

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

Photoshop制作水晶玻璃效果网站导航条,PS教程,图老师教程网

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

Photoshop制作水晶玻璃效果网站导航条,PS教程,图老师教程网

3:转换为选区

Photoshop制作水晶玻璃效果网站导航条,PS教程,图老师教程网

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

Photoshop制作水晶玻璃效果网站导航条,PS教程,图老师教程网

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

Photoshop制作水晶玻璃效果网站导航条,PS教程,图老师教程网

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

Photoshop制作水晶玻璃效果网站导航条,PS教程,图老师教程网

7:3---外发光

Photoshop制作水晶玻璃效果网站导航条,PS教程,图老师教程网

8:4--内发光

Photoshop制作水晶玻璃效果网站导航条,PS教程,图老师教程网

9:5--斜面和浮雕

Photoshop制作水晶玻璃效果网站导航条,PS教程,图老师教程网

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

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

Photoshop制作水晶玻璃效果网站导航条,PS教程,图老师教程网

11:7--光泽

Photoshop制作水晶玻璃效果网站导航条,PS教程,图老师教程网

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

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

Photoshop制作水晶玻璃效果网站导航条,PS教程,图老师教程网

13:效果如图

Photoshop制作水晶玻璃效果网站导航条,PS教程,图老师教程网

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

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

Photoshop制作水晶玻璃效果网站导航条,PS教程,图老师教程网

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

Photoshop制作水晶玻璃效果网站导航条,PS教程,图老师教程网

16:效果如图

Photoshop制作水晶玻璃效果网站导航条,PS教程,图老师教程网

17:同样的方法做出其它

Photoshop制作水晶玻璃效果网站导航条,PS教程,图老师教程网

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

Photoshop制作水晶玻璃效果网站导航条,PS教程,图老师教程网

19:加入文字

Photoshop制作水晶玻璃效果网站导航条,PS教程,图老师教程网

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

Photoshop制作水晶玻璃效果网站导航条,PS教程,图老师教程网

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

Photoshop制作水晶玻璃效果网站导航条,PS教程,图老师教程网

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

Photoshop制作水晶玻璃效果网站导航条,PS教程,图老师教程网

来源:https://www.tulaoshi.com/n/20160216/1570362.html

延伸阅读
我们所说的多维度导航是指能够引导用户通过不同纬度:运营维度、商品自然属性维度、搜索等维度,快速浏览目标商品的导航,我们称之为多维度导航。 本次薯片会一改以往低调、沉稳之作风,先瑜伽团美女show上阵,再是以臭为首的吃喝团上阵,两轮下来大家情绪Hight到了极点,自然讨论的时候思维也是相当的敏捷,O(∩_∩)O! 本次薯片会以QQ...
photoshop设计导航条:黑色蓝色光影效果,提示,简单入门,适合新手练习 最终效果 第一步:基本要领 创建新的psd文档,宽度700px,高度160px,背景色以黑灰色(#2b2b2b)填充。 新建图层,图层属性为“导航条”,选择圆角矩形工具,设置前景色为黑色(#000000)如下图一样画一矩形条(长度和宽度可自行处理)。 第二步:设置tulaoshi.c...
电子商务网站的主导航设计是整个网站最最最核心的模块之一。导航需要解决的问题就是,告诉用户如何快速准确的到达他想要去的任何地方。 本文主要想表达的内容是: 如果某个组件具有某个属性,那就把这个属性发挥到极致;如果某个组件不具备某个属性,那么就不要把它伪装成具备这个属性,并用这个属性来诱奸用户。 简单说, 设计就是要解决问...
标签: PhotoShop PS PS教程
玻璃字制作的时候,我们把图层填充改为零,然后用图层样式多给文字边缘和中间区域增加高光,底部再增加一点投影,增加层次感即可。最终效果 一、打开PS软件,新建一个1024 * 768像素,分辨率为72的画布;选择渐变工具,颜色设置如图1,然后由中心向边角拉出图2所示的径向渐变作为背景。 二、选择文字工具,输入想要的...

经验教程

477

收藏

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