美文网首页生物医学插图科研绘图生信基础知识
利用AI绘制精美的基因代谢通路图(基础知识)

利用AI绘制精美的基因代谢通路图(基础知识)

作者: 单细胞空间交响乐 | 来源:发表于2021-06-28 10:44 被阅读0次

    年中总结接近尾声,我们学一学基础知识,利于我们文章的发表

    通过KEGG富集分析得到通路图非常模糊,无法直接用于文章发表。而我们在一些大佬的文章里看到的通路图却非常漂亮,如下,很明显,这样个性化的通路图是作者花心思重新绘制的。

    640.png

    那么,如何绘制这么好看的通路图呢?仔细观察可以发现,图中的主体部分是箭头和文字,这很容易绘制。下面我就借用这个案例,分享一下如何用Ai(Adobe illustrator)绘制这类通路示意图。

    创建草稿

    先创建画板,长和宽约20cm,也可以直接使用打印选项下的A4预设,颜色模式使用默认的CMYK,光栅效果保持默认的300ppi。

    图片.png

    然后绘制草图,大致卡一下图形元件的大小和位置,用简单的图形和线条表示即可。绘制完成后可将不透明度调低一些,比如我这里设为15%。

    图片.png

    图像绘制

    使用文字工具,依照草图的参考线在画板上添加文字,点击控制栏中的“字符”,如下,可设置字体的样式和大小。这里字体选择Arial,字号设为10pt。字体颜色可设为深灰色,色号为#595959 。

    图片.png

    使用直线段绘制直线,然后点击描边,为直线添加箭头,如下。

    图片.png

    双向的环形箭头的画法有点复杂,我们可以先绘制正圆,再绘制一个竖条矩形(为了切出空隙),然后使用路径查找器中的分割工具切割组合图形,然后右键取消编组,删掉多余的图形,如下。

    640.gif

    使用剪刀工具,剪断两个闭合的半圆,如下,删掉直线部分,得到两条圆弧。

    640.gif

    然后选中弧线后,点击描边,为弧线添加箭头,如下。

    641.png

    接下来使用钢笔工具绘制圆角折线,按住shift键可绘制出直角折线,然后使用小白工具调整圆角,这里的圆角半径设为2mm,如下。圆角折线绘制小技巧:注意先设置填充颜色,在设置圆角后再互换填充和描边颜色。

    642.gif

    通过Ctrl+C 和Ctrl+F 将圆角折线“就地”复制一份,对新复制的折线进行水平翻转,然后调整折线的位置,如下。

    643.gif

    接下来绘制一个箭头,粗细设为3pt,依次通过对象菜单中的扩展图形和扩展命令将箭头转换为实色填充的图形,然后通过路径查找器中的减去顶层工具用矩形减去一半,然后将半个箭头复制一份,对复制的半个箭头进行水平和垂直翻转即可得到下图效果。

    图片.png

    接下来使用椭圆工具绘制正圆,如下,主要用于后面圆弧箭头的绘制。

    图片.png

    接着使用剪刀工具“剪断”线条,如下,删掉遮挡文字处的多余线段,实现圆弧曲线的绘制。

    644.gif

    然后,为弧线添加箭头,我们可以使用吸管工具吸取箭头的样式,按住Alt键点击其他弧线,可将吸取的箭头样式快速应用到其他弧线上,如下。

    645.gif

    然后使用钢笔工具绘制其余的曲线,按住Alt键在空白处单击一下可结束弧线的绘制,方法如下。

    646.gif

    隐藏掉草稿图层,添加箭头后的效果如下:

    图片.png

    调整配色

    按住Shift键,使用选择工具“连选”箭头,在属性面板为选中的箭头设置不同的描边颜色,如下。

    图片.png

    接着使用矩形工具绘制蓝色的矩形小标签,然后使用文字工具添加文字。注意,只需绘制1个,可通过Ctrl+C和Ctrl+V的方式快速复制出多个,调整下矩形颜色、大小和文字内容。即可。

    图片.png

    使用矩形工具(用于绘制小正方形)和文字工具,在画板的右上角加上图例。

    图片.png

    最后的绘制效果如下:

    640.png
    好啦,本次就分享到这里啦,基础知识,多多学习

    相关文章

      网友评论

        本文标题:利用AI绘制精美的基因代谢通路图(基础知识)

        本文链接:https://www.haomeiwen.com/subject/ezcqultx.html