起航学习网

- 让每个人都能学到最前沿新知识、新技能!
起航学习网
当前位置: 起航学习网 > 短期培训 > ps培训 > 金属控件图标的ps技巧实例

金属控件图标的ps技巧实例

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

  快捷搜索:ps技巧实例


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

前言: 大家知道 ps技巧实例 吗?下面起航学习网为大家详细介绍下这些教程吧!希望我们的经验可以让大家少走弯路,快速学

大家知道photoshop技巧实例吗?下面起航学习网为大家详细介绍下这些教程吧!希望我们的经验可以让大家少走弯路,快速学习,如果有不对的地方,还往各位学子予以指正。控件需要制作的部分较少:有底座、面板、控键等几部分。制作的时候只需要用路径等工具做出各部分的形状,然后用图层样式加上质感和颜色即可。最终效果

金属控件图标的ps技巧实例_qh.itpxw.cn

新建一个256 * 256像素文件,分辨率为300,如下图。

金属控件图标的ps技巧实例_qh.itpxw.cn

一、使用圆角矩形工具,设置半径值为60像素,按住Shift键绘制带有圆角的正方形,如下图。

金属控件图标的ps技巧实例_qh.itpxw.cn

二、为底层添加渐变样式,得到的效果如下图。

金属控件图标的ps技巧实例_qh.itpxw.cn

金属控件图标的ps技巧实例_qh.itpxw.cn

三、按Ctrl + J 复制底层得到副本,按Ctrl + T 对底部副本进行调整大小,并更改渐变方向,效果如下图。

金属控件图标的ps技巧实例_qh.itpxw.cn

金属控件图标的ps技巧实例_qh.itpxw.cn

四、继续按Ctrl + J 复制底层副本,得到副本2。并按Ctrl + T 进行变换处理,并为其更改渐变样式,如下图。

金属控件图标的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

七、使用椭圆工具按住Shift键绘制正圆,并为其添加图层样式,制作金属按钮,效果如下图。

金属控件图标的ps技巧实例_qh.itpxw.cn

金属控件图标的ps技巧实例_qh.itpxw.cn

金属控件图标的ps技巧实例_qh.itpxw.cn

八、现在我们只需要对其进行复制并调整位置即可。

金属控件图标的ps技巧实例_qh.itpxw.cn

最终效果:

金属控件图标的ps技巧实例_qh.itpxw.cn

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

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

文章标题:金属控件图标的ps技巧实例



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


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

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