App级别的图标也能自动生成，除了这个神器还有谁？｜黑马三分钟

做图标，也能这样简单！...

「上网有得玩」是黑马公社全新的七大版块之一，每周四更新，教授上网技巧，介绍优秀网站和网络工具。

黑马说：

设计也有流行的风格，

如果你想要文艺、高水平的装X。

「扁平化」可能是你进军的第一步。

BY :  熊大大



流行的扁平化图标很难做？

现在扁平化可以说是设计师越来越得宠的宠儿了。

既然这么受宠，

不如来看看怎么做一个扁平化图标。

今天的工具简单到只用

拖动、单击、调整，

就可以做一个App级别的图标。

来试试吧，

万一你有天赋，

一步小心就成为设计师了呢？

（这种事情谁说的准？）

扁平化图标的阴影怎么做？

所需工具：Flatty Shadow（文末有获取方式）

1.初步认识

首先打开Flatty Shadow这个网站，在这个网站的最顶端有个图标可以供我们练习阴影的调整。选择阴影角度，即可调整其围绕圆的不同角度，并且图标中的角度也会随之发生改变。



点击右边的选项「阴影深度」，可用来调整阴影的深度。



2.免费的图标下载

在图标的下面，图标库中有大量的图标是免费提供我们下载的。



3.仪表板

最重要的其实就是图标库下面的仪表板，我们打开这个仪表板就会进入到图标的编辑界面。



4.编辑图标

这里的默认的图标我们可以将它临时删除，然后再选择这里你喜欢的其他图标。可以看到，这里有各行各业的图标可供我们选择编辑。



●「颜色」调节

比如我们选择这个「文件夹」图标，再选择这里的 “颜色”，对其颜色进行调整。这里有一些常用的配色方案，选择 “背景” 就能对图标背景的颜色进行填充。

选择 “阴影”，就能将图标的阴影颜色进行改变，选择 “图标”，能直接对图标的颜色进行改变。我们下方的长条，可对背景、阴影、图标颜色的透明度进行左右调节。



如果你不懂色彩搭配，那可以直接选择这里的 “调色板”，选择自动的色彩搭配对图标进行颜色的填充。



●「形状」改变

当然，如果你不满意图标的形状，还可以选择这里的「形状」进行改变。目前有矩形、圆形和圆角矩形三种形状供我们选择。我们还可以可以根据自己的需要调节下方的长条来调整阴影的深度、位置和形状的位置。



●「尺寸」调节

点击「尺寸」，我们可以分别调整图标和背景的尺寸。



当然，也可以自定义 “图标” 或者 “背景” 的尺寸大小。



5.码和下载

如果需要将图标用在网页上，点击 “码” 就能下载代码，然后打开我们的文件储存位置，将文件解压后找到文件，然后把所需文件添加到您的网页头部即可。如果只需要图片，点击右上角的 “下载” 然后打开文件的存储位置解压即可。图标的制作就是这么简单啦！如果你也喜欢这种规整的扁平化图标，那就赶快来用用吧！





「上期精彩评论」

黑马评论：没关系哦，你只用负责貌美如花，黑马负责赚钱养家
。

    关注 黑马公社