如何绘制立体感UP UP的精美组合示意图?

在发表科研成果时,优秀的科研工作者往往会辅以相应的示意图来更好的诠释某个生物学问题,从视觉上突出重点,让人能更直观理解,给文章锦上添花。在文献中出现的一些科研插图如下所示:
在动物的实验中:
Fig1(Nature reviews Neuroscience, 2020)
Fig2(Nature,2020)
在植物的实验中:

Fig3

不得不说,除了论文必须码得精彩,将文字转换为精妙的图片也是成为大佬的必修课,不然从视觉上差距就有亿丢丢大了。
本文就以Fig1为例,结合Fig2中插画风的小鼠,为大家详细展示如何绘制这样精美的组合元素示意图。
绘图使用软件:AI(Adobe illustrator 2020)

#准备工作:创建画板→置入参考图

新建一张A4横向的画板,颜色模式CMYK,ppi300。
选择开始→置入,将本次绘制所需的参考图导入到画板。
新建图层绘制参考线,打好草稿确认好大体的排版逻辑和各图形元素的摆放位置关系。将此参考图层隐藏(最后排版时打开即可),随即开始正式绘图。
一、插画风小鼠绘制
在AI中绘制这类模式动物的整体思路为:导入照片/参考图→描边→铺色→调整细节(绘制植物相同)。
画小鼠使用的关键工具:钢笔工具、铅笔工具、路径查找器(分割)、宽度工具等

#1 描边

首先打开小鼠参考图层,用钢笔工具(快捷键P)进行小鼠外轮廓及其它部位的描摹,注意簇状的毛勾勒时需要耐心。
接着描摹耳朵、眼睛、鼻子、小爪子还有尾巴,注意每个部分路径要闭合(需填色)。描摹完后可以使用直接选择工具(快捷键A)拖动锚点进行细节微调。
最后描摹路径不闭合的部分,如胡须、躯干等。仔细观察发现,这些线条走向很“free”,且线条的两端是有渐变效果在的,因此选择使用铅笔工具(快捷键N)进行快速绘制(钢笔工具也可),具体操作如下:
双击铅笔工具进入工具选项,将滑块拖到最右(平滑),点确定。
描边粗细为0.5pt(根据自己画板的大小确定即可),配置文件选择宽度配置文件1(两端渐尖)。
以此类推用铅笔工具描摹完剩下部分,只有一端渐尖的线条(胡须、躯干)则选择宽度配置文件四。
Tips

建议每描好一段路径在图层面板改好名字,良好的绘图习惯能提高工作效率~

#2 铺色

描边告一段落后,需要填充整体颜色确定基调:
对各闭合路径进行底色填充【躯干浅灰粽(#F2EEEE),其它灰粉(#F0DFE8)、眼睛灰蓝(#47556A)】,将所有路径描边颜色改为灰色(#999899),耳朵、鼻头等处路径去掉描边效果,调整图层的顺序,将尾巴、爪子的图层压在身体轮廓图层下。

#3 调整细节

画到现在小鼠已比较精致,可以放入素材库待用。但科研大佬们绝不满足于此,即使是一只小鼠也要精益求精。那么我们安排上最后的part,给小鼠加上灵魂高光和阴影。
先观察原图,发现插画风的配图很多地方比较奔放,颜色是“漏出”了描边线的,那怎么做到呢?
这里提供一种方法:将所有路径复制一层放到顶层,并只留描边效果。之后添加的高光和阴影图层路径都放在顶层之下。
使用选择工具(快捷键V)选中各轮廓路径,同时按住Shift可加选,选中后快捷键Ctrl+C复制,Ctrl+F复制到上层。
将复制的路径拖出,快捷键Ctrl+G编组,去掉填充效果,用剪刀工具(快捷键C)将红框内线条重合处的两端切断,删掉冗余线条。
操作如下,其余部位以此类推进行处理。
新建高光阴影层,将处理好的轮廓路径组拖动到此图层中,把左眼也一并复制并放到轮廓路径组的上层(因为左眼效果是压在描边线之上),如下。
添加爪子、耳朵、尾巴的阴影:使用铅笔工具绘制大体轮廓。
添加相应填充色,去掉描边效果,耳朵处设置透明度50%(可自行调整参数);
将爪子的路径和轮廓线组一并选中,使用路径查找器—分割(注意用来分割的轮廓线组需要再额外复制,且分割完后删掉,用来压顶层的轮廓线组不要动它)。
分割完后删除多余的路径。
在描边面板将尾巴处路径改为圆头端点。
使用宽度工具(快捷键Shift+W)拖动路径两端改变粗细,如下。
接着绘制躯干上的暗部和亮部,方法和上文画法相同,再次总结如下:
1. 大面积区块(如爪子、耳朵、还有小鼠腹部处)使用铅笔工具绘制大体闭合轮廓并填色,结合轮廓线使用路径查找器进行分割并删去多余,改变透明度形成重叠效果;
2. 截断式高光和阴影(尾巴、躯干处)直接用铅笔工具画线,调整描边颜色、不同粗细、透明度,改为圆头端点,路径两端若需有粗细之分,则使用宽度工具进行调整。
画好效果如下,颜色和透明度可根据自己的喜好灵活调整。
插画风小鼠即完成绘制。
二、其他元素绘制

#DNA双链绘制

使用直线段工具(快捷键\)绘制一条水平直线,选择两端渐尖的宽度配置文件1,描边粗细自定,可得到①;选择效果—扭曲和变换—波纹效果,大小可自定,每段隆起数设置为0,选择平滑,即可得到②;选中②并鼠标右击,选择变换—镜像(选择垂直+复制)可获得③。
将③其中一条路径拖动到合适位置(使两条路径顶部重叠,形成“山峰状”)后得到④;将④再次复制两个,并水平排列成“波浪状”获得⑤,一条DNA单链即初步绘制完成。
改变DNA单链的描边颜色【深蓝(#013F7B)、浅蓝(#8594BA)、桃红(#E56868)、淡粉(#F5BEB6)】得到⑥,将⑥全部选中并按住Alt,向右水平复制一定距离得到⑦;调整路径的上下层顺序,形成双螺旋得到⑧,在最左端多复制一条淡蓝的路径,最右端路径用剪刀工具切掉一半,使DNA双链看起来更加立体自然,最终得到⑨,即完成DNA双链的最终绘制。

#病毒绘制

使用多边形工具绘制一个正八边形得到①;使用矩形工具绘制和八边形四个端点相切的正方形得到②;使用钢笔工具或直线段工具连接正方形对角线端点得到③。
使用直线段工具+椭圆工具绘制病毒突刺结构,并在圆内填充由蓝色到白色的径向渐变得到④;选择旋转工具(快捷键R),先按住Alt并鼠标左键选择旋转中心,设置旋转角度为45°,随后只需一直Ctrl+D(重复上一操作)即可完成突刺结构的旋转复制,得到⑤;最后选中病毒,使用形状生成器工具(快捷键Shift+M)将内部切割生成八个三角形,并各自填充深浅不一的蓝色塑造立体感,最后得到⑥,即可完成病毒的绘制。

#受损细胞绘制

使用椭圆工具(快捷键L)绘制圆形得到①,继续用椭圆工具在①上绘制一圈大小不一有不规则交错重叠的小圆环,得到②;将②复制成三个,分别只留中心大圆、只留小圆环、二者全部留下,然后分别使用路径查找器(快捷键Shift+Ctrl+F9)→取联集,生成③所示图形;将中心大圆和小圆环分别填充径向渐变色,去掉描边效果,得到④;最后将三者重叠,调整上下层顺序得到⑤,即可完成这类受损细胞的绘制。
其它剩余图形绘制方法也都非常简单,都是基础图形的组合或者钢笔的绘制填色,在这里就不再赘述了。
三、组合排版
绘制好所有所需图形元素后,打开参考线图层,把各图形摆放到相应位置。
最后加上箭头、文字框、文字等元素,关掉参考线图层,即完成组合图的绘制。
最终导出图片效果如下~
参考文献
Nectow A R , Nestler E J . Viral tools for neuroscience[J]. Nature reviews Neuroscience, 2020, 21(12):1-13.
Janney A , Powrie F , Mann E H . Host–microbiota maladaptation in colorectal cancer[J]. Nature.

实用工具操作教程分享

前沿组学文章实时解读

实验技术分析方法探讨

独家生信视频教程推荐

基迪奥 | 专业定制测序服务

客服:020-39341079

(0)

相关推荐