美文网首页PS小教程|UI小教程
photoshop教程|UI教程|指针小图标

photoshop教程|UI教程|指针小图标

作者: 设计庶 | 来源:发表于2018-01-24 09:53 被阅读4次

第十五期

UI图标初期教程

指针小图标

|photoshop教程|

(以下界面演示以Photoshop CC2017为演示工具)

【图形设计师  ID:tuxdesign】

先看看效果

有兴趣的小盆友可以

着手练习练习

毕竟光看是看不会的

你说捏

第一步:新建文件,给背景填充你喜欢的颜色(如图)

第二步:选择圆角矩形工具,画一个圆角矩形,命名的【底图】,添加图层样式——渐变叠加(如图)

第三步:选择椭圆形工具,画一个圆形,命名的【圆盘】,添加图层样式——渐变叠加(如图)

第四步:选择【圆盘】图层,Ctrl+J复制一层,等比例缩小,命名为【圆盘1】添加图层样式——渐变叠加(如图)

第五步:选择【圆盘1】图层,Ctrl+J复制一层,等比例缩小,命名为【圆盘2】添加图层样式——渐变叠加(如图)

重复几次,就是复制几个圆形,缩小,调整渐变

第六步:添加刻度(如图)

第七步:添加指针(如图)

<完>

好了,本次教程到这里就结束了,

如果有兴趣的朋友,

可以练习一下

有不明白的地方

可以下载PSD原文件参考

欢迎添加公众号【图形设计师】

一起学习、一起探讨

更多教程请查看

相关文章

网友评论

    本文标题:photoshop教程|UI教程|指针小图标

    本文链接:https://www.haomeiwen.com/subject/agvyaxtx.html