Photoshop制作透明大气的导航按钮教程

lrlzdhhy

lrlzdhhy

2016-03-18 05:47

人生本是一个不断学习的过程,在这个过程中,图老师就是你们的好帮手,下面分享的Photoshop制作透明大气的导航按钮教程懂PS的网友们快点来了解吧!

透明物体是通过背景进行参照,体现出质感。而本例里是讲解白色透明背景,如果背景太亮,会导致对比不明显。

最终效果

Photoshop制作透明大气的导航按钮,图老师

Photoshop制作透明大气的导航按钮,图老师

1、打开下图所示的背景素材,选择菜单:滤镜 模糊 高斯模糊,数值稍微大一点,效果如下图。

Photoshop制作透明大气的导航按钮,图老师

Photoshop制作透明大气的导航按钮,图老师

2、把前景色设置为绿色,用圆角矩形工具拉一个合适的圆角矩形,然后选择钢笔工具,在属性栏选择“合并形状”,勾出底部三角形形状,如下图。

把当前图层填充改为:0%,此时形状的颜色就消失了,但是你会发现形状路径还在。

Photoshop制作透明大气的导航按钮,图老师

3、给当前形状添加图层样式,设置:内发光、内阴影,投影,参数及效果如下图。

Photoshop制作透明大气的导航按钮,图老师

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

Photoshop制作透明大气的导航按钮,图老师

Photoshop制作透明大气的导航按钮,图老师

4、输入想要的文字,文字用白色,再添加投影样式,如下图。

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

Photoshop制作透明大气的导航按钮,图老师

5、按照下面的过程给顶部边框,边角位置增加高光效果。

Photoshop制作透明大气的导航按钮,图老师

Photoshop制作透明大气的导航按钮,PS教程,图老师教程网

6、这样一个透明的质感就完成了,导航的技法是一样的。

Photoshop制作透明大气的导航按钮,图老师

最终效果:

Photoshop制作透明大气的导航按钮,图老师

展开更多 50%)
分享

猜你喜欢

Photoshop制作透明大气的导航按钮教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop制作透明大气的导航按钮教程

Photoshop制作透明大气的导航按钮

PS PS基础
Photoshop制作透明大气的导航按钮

s8lol主宰符文怎么配

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

Photoshop快速制作透明的导航按钮教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop快速制作透明的导航按钮教程

Photoshop快速制作透明的导航按钮

电脑网络
Photoshop快速制作透明的导航按钮

lol偷钱流符文搭配推荐

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

Photoshop制作简洁大气的透明光束教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop制作简洁大气的透明光束教程

Photoshop制作精致大气的绿色网页按钮教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop制作精致大气的绿色网页按钮教程

lolAD刺客新符文搭配推荐

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

Photoshop设计蓝色精致的透明水晶按钮

Photoshop设计蓝色精致的透明水晶按钮

Photoshop设计网页按钮_非常精致蓝色水晶按钮

Photoshop设计网页按钮_非常精致蓝色水晶按钮
下拉加载更多内容 ↓