用户投稿 | 「卡通热图」的快速实现方法~

导言

这几天,我们100+人一起搞事情,预期是至少让100种植物的科研工作上,能使用「卡通热图」来可视化数值矩阵,如基因表达量等,进而加速生物学知识传递。逻辑上绝大多数使用 PPT 、Adobe Illustractor 或者 Corel Draw 输出的矢量图,都可以被 TBtools 解析。而对于部分已经有 矢量图 或者 矢量图素材,通过快速拼合获得的文件,则会有少许解析问题。我尝试了三天逻辑优化,没有解决这个问题。但是用户已经自己解决了,要来教程稿件,方便大伙参考。

事情始末

大约三四年前,我看到了《大豆的一生》全生育期的图解,感觉其中的分图都很好看且都是矢量图!后来CJ师兄在TBtools里引入了卡通热图功能,我想着也来做一张fancy的热图。但局限于自己的电脑作图水平,于是我想到了“借力”:是否能利用《大豆的一生》这一图解来弥补这个短板?于是尝试了一下,得到了如下矢量图:



当时TBtools支持的是tga格式文件,我调整后也将自己的第一张fancy heatmap 发表了。



前几天,CJ师兄开放了Fancy heatmap的SVG格式,所以我想着在之前的矢量图基础上也来上这么一张SVG图。毕竟,一劳永逸的事情谁能拒绝呢…

作图流程:

第一步 图像拼接:


上图为《大豆的一生》图解,将它用Adobe Illustrator (AI)打开。

AI软件的“直接选择”按钮,选择自己感兴趣的部分,按照自己的想法进行拼合。于是进行了简单的拼凑我得到下面一张拼合图:

第二步 图像导入PowerPoint (PPT):
将拼合图“Ctrl + A” 和“Ctrl + C”复制粘贴到PPT,如图:

原始的图片就复制过来了,但会发现几个问题
1)图片占ppt版面很小
2)图片不能编辑,但放大后不会像图位图那样失真
解决办法如下:
1 图片放大
按住“Ctrl”键,等比例缩放图片(PS:建议使用ppt的参考线功能,方便对齐和调整图片)

2 取消图片元素组合
从AI里复制过来ppt里面的图片为“组合”模式,取消这一模式。

此时,图片为可编辑的格式,但出现了一些图形的变化(如图中出现了一些方块)
如下图:

这些“方块”可以手动删除:

再根据AI原图的RGB配色,回填到ppt里。

于是在ppt里复现了AI中的矢量图:

再由ppt导出SVG格式:

导入TBtools看看效果:
1. 完美解析!


2. 输入基因出图!

谢谢CJ师兄给予的学习和交流机会!

PS:当然,注意版权问题,只做学术使用,应是没事。最好的解法,自己参考照片临摹或许更好一些,

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容