App级别的图标也能自动生成,除了这个神器还有谁?|黑马三分钟
做图标,也能这样简单!...
上网有得玩
每周四更新
「上网有得玩」是黑马公社全新的七大版块之一,每周四更新,教授上网技巧,介绍优秀网站和网络工具。每周四更新
◆ ◆ ◆
在线生成扁平化长投影图标的酷站
BY : 熊大大黑马说:
设计也有流行的风格,
如果你想要文艺、高水平的装X。
「扁平化」可能是你进军的第一步。
◆ ◆ ◆
图文说明
流行的扁平化图标很难做?
现在扁平化可以说是设计师越来越得宠的宠儿了。
既然这么受宠,
不如来看看怎么做一个扁平化图标。
今天的工具简单到只用
拖动、单击、调整,
就可以做一个App级别的图标。
来试试吧,
万一你有天赋,
一步小心就成为设计师了呢?
(这种事情谁说的准?)
扁平化图标的阴影怎么做?
所需工具:Flatty Shadow(文末有获取方式)
1.初步认识
首先打开Flatty Shadow这个网站,在这个网站的最顶端有个图标可以供我们练习阴影的调整。选择阴影角度,即可调整其围绕圆的不同角度,并且图标中的角度也会随之发生改变。
点击右边的选项「阴影深度」,可用来调整阴影的深度。
2.免费的图标下载
在图标的下面,图标库中有大量的图标是免费提供我们下载的。
3.仪表板
最重要的其实就是图标库下面的仪表板,我们打开这个仪表板就会进入到图标的编辑界面。
4.编辑图标
这里的默认的图标我们可以将它临时删除,然后再选择这里你喜欢的其他图标。可以看到,这里有各行各业的图标可供我们选择编辑。
●「颜色」调节
比如我们选择这个「文件夹」图标,再选择这里的 “颜色”,对其颜色进行调整。这里有一些常用的配色方案,选择 “背景” 就能对图标背景的颜色进行填充。
选择 “阴影”,就能将图标的阴影颜色进行改变,选择 “图标”,能直接对图标的颜色进行改变。我们下方的长条,可对背景、阴影、图标颜色的透明度进行左右调节。
如果你不懂色彩搭配,那可以直接选择这里的 “调色板”,选择自动的色彩搭配对图标进行颜色的填充。
●「形状」改变
当然,如果你不满意图标的形状,还可以选择这里的「形状」进行改变。目前有矩形、圆形和圆角矩形三种形状供我们选择。我们还可以可以根据自己的需要调节下方的长条来调整阴影的深度、位置和形状的位置。
●「尺寸」调节
点击「尺寸」,我们可以分别调整图标和背景的尺寸。
当然,也可以自定义 “图标” 或者 “背景” 的尺寸大小。
5.码和下载
如果需要将图标用在网页上,点击 “码” 就能下载代码,然后打开我们的文件储存位置,将文件解压后找到文件,然后把所需文件添加到您的网页头部即可。如果只需要图片,点击右上角的 “下载” 然后打开文件的存储位置解压即可。图标的制作就是这么简单啦!如果你也喜欢这种规整的扁平化图标,那就赶快来用用吧!
◆ ◆ ◆
工具获取
Flatty Shadow
关注微信公众号,回复「459」
如果这个小技巧有帮到你,欢迎分享到朋友圈。
AND 点击下方二维码,关注我们。
「上期精彩评论」
黑马评论:没关系哦,你只用负责貌美如花,黑马负责赚钱养家
。
关注 黑马公社
微信扫一扫关注公众号