版权声明:本文版权归作者所有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出 原文链接 如有问题, 可发送邮件咨询. https://blog.csdn.net/weixin_37865166/article/details/89172961
➢ 一些准备工作
仅为个人渐变系列图标制作教程简单总结,纯UI
小白
UI
素材:
-
渐变色背景(
https://webgradients.com/
) -
小图标(
https://www.iconfont.cn/
)
工具:
-
美图秀秀(自行谷歌)
-
图标工厂(
https://icon.wuruihong.com/#
)
➢ 下载渐变背景图
挑选喜欢的符合app
风格的色系
下载背景图
➢ 下载小图标
设置图标颜色,这里我一般选择白色
下载png
格式,保持背景色透明
➢ 美图秀秀
背景色作为底图,图标放在图层上面
➢ 图标工厂
上传刚刚制作的图片,选择图中的一些参数设置
生成效果并下载
下载解压后如图
把文件夹拷贝覆盖到app的图标文件中
再次制作圆形图标
注意参数和命名的不同
生成效果图
下载并覆盖