原文地址:https://dsx2016.com/?p=377
➢ 一些准备工作
仅为个人渐变系列图标制作教程简单总结,纯
UI
小白
UI
素材:
- 渐变色背景(
)https://webgradients.com/
- 小图标(
)https://www.iconfont.cn/
工具:
- 美图秀秀(自行谷歌)
- 图标工厂(
)https://icon.wuruihong.com/#
➢ 下载渐变背景图
挑选喜欢的符合
app
风格的色系
![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsIyZuBnLwATLxMTLxIzX5ATL0ATL5EDMy8VZ0NXYwlmbT9CXt92Yu4Wd5lGa6xGbh12cuUGbpZ2Lc9CX6MHc0RHaiojIsJye.png)
下载背景图
➢ 下载小图标
设置图标颜色,这里我一般选择白色
下载
png
格式,保持背景色透明
➢ 美图秀秀
背景色作为底图,图标放在图层上面
➢ 图标工厂
上传刚刚制作的图片,选择图中的一些参数设置
生成效果并下载
下载解压后如图
把文件夹拷贝覆盖到app的图标文件中
再次制作圆形图标
注意参数和命名的不同
生成效果图
下载并覆盖