起航学习网

- 让每个人都能学到最前沿新知识、新技能!
起航学习网
当前位置: 起航学习网 > 短期培训 > ps培训 > 制作圆形开关图标ps初级入门教程

制作圆形开关图标ps初级入门教程

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

  快捷搜索:ps初级入门教程


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

前言: 大家知道 ps初级入门教程 吗?下面我们就给大家详细介绍一下吧! 一、先建立一个1136 * 640的画布。 二、在这个画布上

大家知道photoshop初级入门教程吗?下面我们就给大家详细介绍一下吧!

制作圆形开关图标ps初级入门教程_qh.itpxw.cn

一、先建立一个1136 * 640的画布。

制作圆形开关图标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

制作圆形开关图标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

七、至此,我们已经完成了70%了,需要再加上阴影。阴影层,我使用了一个稍微“瘦”一些的椭圆形状,这样形成的阴影看起来更加真实。

制作圆形开关图标ps初级入门教程_qh.itpxw.cn

八、最后我们再打上OFF,ON的字样,再增加一点泛红光的效果,完成最终效果。

制作圆形开关图标ps初级入门教程_qh.itpxw.cn

相信大家已经学会photoshop初级入门教程了吧!感谢大家对起航学习网(qh.itpxw.cn)的支持与关注,了解更多photoshop教程就上起航学习网!

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

文章标题:制作圆形开关图标ps初级入门教程



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


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

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