优艾设计网

UI图标,模仿拟物风格的SIRI图标

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:P大点S
今天跟大家一起来练习一下怎么设计一枚拟物风格的UI图标,整个教程难度是麦克风中的发光镂空图案,教程十分详细,新手也能跟着一起做出来。做完交作业。

我仔细观察了原图,金属圆盘上似乎有“拉丝”的效果,但不是我们大家习惯使用的杂色+径向模糊的那种。而是类似于很细很密的同心圆。按D恢复前景色和背景色。新建一层填充白色。选择滤镜素描中的半调图案。

UI图标,模仿拟物风格的SIRI图标

然后极坐标,一个同心圆的拉丝效果出来了。

UI图标,模仿拟物风格的SIRI图标

如果你对上面的半调图案有异议我认为很正常,因为半调图案里有“圆形”的选项,可以直接制作同心圆。但是直接制作出来的同心圆的线条比较粗,我想要一个线条很细,很精致的同心圆,所以选择直线选项再用极坐标后它的效果比较符合我的要求。最后把这个同心圆的透明度调到8%左右,隐隐约约能看到就行,继续把它剪切蒙版到金属圆盘。或者给它一个蒙版也行。

UI图标,模仿拟物风格的SIRI图标

接着我要用图形工具制作图标中间的麦克风,按ctrl+’开启网格,先用椭圆工具画一个15%灰色,比“金属圆盘”小1.5个网格单位的圆形。

UI图标,模仿拟物风格的SIRI图标

继续用“减去”模式再画一个小1.5间隔单位的圆,这样我得到一个边宽为1.5间隔单位的圆环。

UI图标,模仿拟物风格的SIRI图标

制作里面的麦克风。打开网格,选用圆角矩形工具,把圆角的直径尽可能的设得大一些,比如现在我就是500,用“添加”模式以胶囊状下半圆直径为中心画一个的麦克风支架。

UI图标,模仿拟物风格的SIRI图标

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消