起航学习网

- 让每个人都能学到最前沿新知识、新技能!
起航学习网
当前位置: 起航学习网 > 短期培训 > ps培训 > 制作透明网站导航按钮ps从入门到精通教程

制作透明网站导航按钮ps从入门到精通教程

时间:2016-05-14 12:30:00来源:平面设计网 作者:起航学习网 已有: 名学员访问该课程

  快捷搜索:ps从入门到精通教程


机构名称:我爱学习网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:

前言: 欢迎大家在起航学习网学习 ps从入门到精通教程 !下面是我们给大家整理出来的精彩内容。希望大家在这里学习!透明

欢迎大家在起航学习网学习photoshop从入门到精通教程!下面是我们给大家整理出来的精彩内容。希望大家在这里学习!透明物体是通过背景进行参照,体现出质感。而本例里是讲解白色透明背景,如果背景太亮,会导致对比不明显。最终效果

制作透明网站导航按钮ps从入门到精通教程_qh.itpxw.cn

制作透明网站导航按钮ps从入门到精通教程_qh.itpxw.cn

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

制作透明网站导航按钮ps从入门到精通教程_qh.itpxw.cn

制作透明网站导航按钮ps从入门到精通教程_qh.itpxw.cn

二、把前景色设置为绿色,用圆角矩形工具拉一个合适的圆角矩形,然后选择钢笔工具,在属性栏选择“合并形状”,勾出底部三角形形状,如下图。 把当前图层填充改为:0%,此时形状的颜色就消失了,但是你会发现形状路径还在。

制作透明网站导航按钮ps从入门到精通教程_qh.itpxw.cn

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

制作透明网站导航按钮ps从入门到精通教程_qh.itpxw.cn

制作透明网站导航按钮ps从入门到精通教程_qh.itpxw.cn

制作透明网站导航按钮ps从入门到精通教程_qh.itpxw.cn

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

制作透明网站导航按钮ps从入门到精通教程_qh.itpxw.cn

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

制作透明网站导航按钮ps从入门到精通教程_qh.itpxw.cn

制作透明网站导航按钮ps从入门到精通教程_qh.itpxw.cn

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

制作透明网站导航按钮ps从入门到精通教程_qh.itpxw.cn

最终效果:

制作透明网站导航按钮ps从入门到精通教程_qh.itpxw.cn

好了,photoshop从入门到精通教程的具体介绍到此为止。希望大家继续关注我们起航学习网(qh.itpxw.cn)的网站!

文章出自:http://qh.itpxw.cn/peixun/ps/201611607.html

文章标题:制作透明网站导航按钮ps从入门到精通教程



免责声明:本站文章均由入驻起航学习网的会员所发或者网络转载,所述观点仅代表作者本人,不代表起航学习网立场。如有侵权或者其他问题,请联系举报,必删。侵权投诉


机构名称:我爱学习网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:

(责任编辑:深圳学历教育网)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------