优艾设计网

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

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

ctrl+r开启标尺,在标尺上右键选择百分比。按ALT+V+E快速布置水平和垂直两条处于中心位置的参考线。

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

为了图层栏的简洁以及照顾到以后临摹方便起见,我把属于背景的三个图层打包成组且隐藏。选择“编辑-首选项-参考线.网格和切片”,把间隔单位设为20个像素,子网格设为2,单纯设为10像素的话觉得密密麻麻的不舒服。

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

用“椭圆工具”画一个直径为840像素的圆形。为了让它跟白色的背景区分开来,我给它设了一个85%的灰色。

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

按ctrl+’隐藏网格。双击这个形状层,添加投影。我稍微调整了一下“等高线”,让这个投影是边缘收缩一些,再加一点点杂色。

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

再加一个人见人爱的角度渐变,用它来模拟圆形金属是最好用了~

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

最后是这个金属圆盘的倒角,斜面浮雕是不二之选~

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

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

精彩评论

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