起航学习网

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

制作开关图标ps基础入门教程

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

  快捷搜索:ps基础入门教程


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

前言: 我们为大家收集整理了关 ps基础入门教程 ,以方便大家学习和参考。制作之前我们先找一些实物照片来分析一下开关

我们为大家收集整理了关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基础入门教程.想了解更多photoshop教程,请关注起航学习网(qh.itpxw.cn)官方网站!

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

文章标题:制作开关图标ps基础入门教程



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


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

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