天天看点

react-native android app 制作图标

原文地址:https://dsx2016.com/?p=377

➢ 一些准备工作

仅为个人渐变系列图标制作教程简单总结,纯

UI

小白

UI

素材:

  • 渐变色背景(

    https://webgradients.com/

    )
  • 小图标(

    https://www.iconfont.cn/

    )

工具:

  • 美图秀秀(自行谷歌)
  • 图标工厂(

    https://icon.wuruihong.com/#

    )

➢ 下载渐变背景图

挑选喜欢的符合

app

风格的色系

react-native android app 制作图标

下载背景图

react-native android app 制作图标

➢ 下载小图标

react-native android app 制作图标

设置图标颜色,这里我一般选择白色

react-native android app 制作图标

下载

png

格式,保持背景色透明

react-native android app 制作图标

➢ 美图秀秀

背景色作为底图,图标放在图层上面

react-native android app 制作图标

➢ 图标工厂

上传刚刚制作的图片,选择图中的一些参数设置

react-native android app 制作图标

生成效果并下载

react-native android app 制作图标

下载解压后如图

react-native android app 制作图标

把文件夹拷贝覆盖到app的图标文件中

react-native android app 制作图标

再次制作圆形图标

react-native android app 制作图标

注意参数和命名的不同

react-native android app 制作图标

生成效果图

react-native android app 制作图标

下载并覆盖

react-native android app 制作图标