图多预警!

昨天,做了个图:

蹭饭图

蹭饭图

…很有ingress的风格,发出来后收到许多同学的好评。

下面说说是怎么做出来的。

首先想想要做成什么样的呢?

在网上找啊找啊找啊找啊找。

发现别人家的都是这样的:

别人家的蹭饭图

别人家的蹭饭图

这样的。

别人家的蹭饭图

别人家的蹭饭图

感觉不是很好看。

突然看到了个这样的:

春运迁徙图

春运迁徙图

这是百度地图提供的春运迁徙图。

然后搜了搜它是拿什么做的呢?

发现了个东西叫『Echarts』。

百度做的一个开源做图的小工具。

然后我看中了其中的这个: http://echarts.baidu.com/echarts2/doc/example/map15.html

大概能根据一段js代码生成图,js代码里的数据需要提供一些点的经纬,然后自动制作出热度图。

于是找到班长统计的数据,在这个网站搜了下各大高校的经纬度信息。

于是制作出了底图,大概这样:

底图

底图

于是用ps在上面加线加人名好了。

等等,我机子上好像没有ps,而且我也不会用。。

咦,怎么会有Sketch这个东西,要不拿这个做吧..

Sketch也能加线加文本框,加了个自带的发光阴影效果。

然后在右下角默默加上了一行小字。

然后超清导出,于是就有了那张图。

撒花。

四年后再做一张吧。