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

2022-12-26 11:12:33 来源/作者: / 己有:57人学习过

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

这是我们的最终效果:

_0402535313-0.jpg

这个是原图:

_0402531311-1.jpg

下面开始我的制作过程。为了后面的工作更加轻松便捷,所以我把新建的画布尺寸设成一个比较好计算的整数~

_0402533550-2.jpg

原图的背景过于简单,我画蛇添足,制作一个iOS风格的背景。新建一层纯黑色填充层。

_040253J47-3.jpg

新建一层,填充白色。执行“滤镜-杂色-添加杂色”,参数如图~

_0402531058-4.jpg

“滤镜-模糊-动感模糊”

_0402532W0-5.jpg

把这个动感模糊层的透明度调到45%。

_0402535451-6.jpg

复制一层,CTRL+T自由变化旋转90度,把透明度调回100%,图层混合模式改为“叠加”。

_0402535242-7.jpg

画布四周的“毛边”看着很不和谐,选中这两个动感模糊层,CTRL+T自由变化,放大一些,直至毛边不见为止,背景完成。

_040253H02-8.jpg