快速制作博客logo
前言
众所周知啊,我的博客挂了很久了,前段时间一个下午就搭建好了,这其中自然也包括了制作logo的时间。
话不多说,直接开始教程,五分钟logo制作。
Google Font
首先,进入谷歌字体,Type something输入需要制作logo的字符。
然后你就可以预览到非常多的字体效果,有很多艺术字都很好看。
我知道很多人要说了,就这?不会直接叫人截图吧?
ps:直接截图也不是不行啊?
我们知道icarus主题原来的logo是一个svg格式的图片,我们现在的目标也是获取一个svg格式的logo
Google-Font-to-svg-path
https://github.com/danmarshall/google-font-to-svg-path
这里有一个项目,可以很方便的把google font你预览到的效果转换成svg格式
https://danmarshall.github.io/google-font-to-svg-path/
上面是项目部署的网站
Svg Fill Stroke
就差一点,就成功了,当然,如果你觉得镂空ok的话,就可以完工了。
说回svg,上面生成的svg是镂空的,需要编辑svg的代码,把
1 | <g id="svgGroup" stroke-linecap="round" fill-rule="evenodd" font-size="9pt" stroke="#000" stroke-width="0.25mm" fill="none" style="stroke: #ff0000;stroke-width:0.25mm;fill: #ff0000;"> |
如果你的字体图案有连笔,那么你填充颜色后会有空白,那你需要去网站重新生成svg文件(勾选union选项)
由于还没有,也并不打算花时间部署图片服务器,所以基本上不会有什么配图,自行理解吧。
快速制作博客logo