UI图标,模仿拟物风格的SIRI图标(3)插图

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

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

图标设计,用PS绘制胶囊为主要元素的拟物图标(4)插图

图标设计,用PS绘制胶囊为主要元素的拟物图标(4)

本篇教程通过PS绘制一款拟物的胶囊图标,教程主要是胶囊细节的绘制手法,创意的原图来自于Insfire Studios, 他新奇的创意和极致的细节,所以临摹了这个拟物图标,同学们一起来制作一下吧。 效果图: 操作步骤: 首

广告位
图标设计,用PS绘制胶囊为主要元素的拟物图标(2)插图

图标设计,用PS绘制胶囊为主要元素的拟物图标(2)

【底板】就这样做好了 然后下一步就是给【泡罩粘合处】添加图层样式:渐变叠加 给【泡罩】添加图层样式:斜面与浮雕(一定要注意等高线!),内阴影。

图标设计,用PS绘制胶囊为主要元素的拟物图标(3)插图

图标设计,用PS绘制胶囊为主要元素的拟物图标(3)

底板部分完成 接下来.药丸啦!我们先来做药丸的投影吧。为了增加投影的自然,我们这里需要做两层投影。先绘制下图两个圆角矩形,大的阴影我们叫它【胶囊主体投影扩散】色值:f537,透明度50%。小的那个阴影我们叫它

UI图标,模仿拟物风格的SIRI图标(8)插图

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

今天跟大家一起来练习一下怎么设计一枚拟物风格的UI图标,整个教程难度是麦克风中的发光镂空图案,教程十分详细,新手也能跟着一起做出来。做完交作业。 这是我们的最终效果: 这个是原图: 下面开始我的制作过程。

UI图标,模仿拟物风格的SIRI图标(2)插图

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

ctrl+r开启标尺,在标尺上右键选择百分比。按ALT+V+E快速布置水平和垂直两条处于中心位置的参考线。 为了图层栏的简洁以及照顾到以后临摹方便起见,我把属于背景的三个图层打包成组且隐藏。选择编辑-首选项-参考线.

UI图标,模仿拟物风格的SIRI图标(7)插图

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

新建一层,按ctrl点击镂空层的矢量蒙版获得选区,用画笔涂抹上面一小部分。 取消选区,ctrl+t自由变化,把中心点设在话筒的中心水平位置,垂直翻转。 高斯模糊1.0,感觉不够的话可以稍微增大这个数值。 渐渐调小画

UI图标,模仿拟物风格的SIRI图标(6)插图

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

继续移动复制。 不用理会下面的镂空孔,重新安排一下上面的镂空孔的位置,多余的可以删除掉,逐个移动位置不科学的孔,使它们位置符合话筒的半圆形。 框选右边的三排镂空。把中心点移到垂直参考线上水平复制。 双击

UI图标,模仿拟物风格的SIRI图标(5)插图

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

用创建模式画一个小于麦克风话筒半个单位间隔的胶囊。 添加图层样式中的渐变。 浅粉色的投影。 最后斜面浮雕是必须的,不过我选用外斜面。 画一个25%灰色大小适中的圆形,ctrl+alt+t移动一段距离后,ctrl+shift+alt

UI图标,模仿拟物风格的SIRI图标(4)插图

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

继续用减去模式再画一个小1.5间隔单位的胶囊,因为网格的吸附功能,精确的完成这些都不叫事。 用钢笔裁去上半部的胶囊。不要用矩形工具去裁剪,那样会把外围的圆环也破坏掉。 在裁断的位置再布置一条参考线作为话筒

正在加载中...

已加载全部内容

已经没有更多文章了

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部