如何绘制手绘风示意图？最强开源绘图神器分享！

Duty
Bloger
Page content

如何绘制手绘风示意图？最强开源绘图神器分享！ by SCIPainter

除了PPT和AI，还有什么好用的免费示意图绘制工具？近日小编发现一款超牛的开源轻量级在线绘图工具Excalidraw，其厉害之处包括但不限于：

*支持团队实时协作；
*无需下载直接网页使用，可跨设备跨平台；
*可作为白板自由绘图与记录；
*可轻松绘制常规或手绘风格的流程图、机制图、思维导图等mapping类图表；
*提供海量素材库可自由添加……

很难想象这是一款开源工具，有点过于良心，今天必须安利给大家，好东西不能藏着掖着！

https://excalidraw.com/

1.工具使用简介


Excalidraw支持中文版，使用毫无压力！首先页面最上方为工具栏，可直接鼠标点击或键盘对应数字作为快捷键启用。

1 选择工具：选择、移动或编辑形状与文本；
2 矩形工具：绘制矩形框；
3 菱形工具：绘制菱形框；
4 椭圆工具：绘制椭圆；
5 箭头工具：绘制箭头；
6 线条工具：绘制直线段；
7 自由书写工具：自由绘图，配合触控笔可实现手绘自由；
8 文字工具：插入文本；
9 插入图像：可插入本地图片素材；
0 橡皮擦：可对创建的文本/形状进行擦除。

如果熟悉PPT或AI，快捷键都可通用，如绘制图形时长按住键盘的Shift键可实现绘制正方形、正圆；选择工具下选中形状同时长按Alt键拖拽可实现快速复制。


左侧为工具属性栏，当我们选择对应工具时会自动出现。Excalidraw特色之一在于可创建手绘风格的图表，通过为图形填充不同的纹理、选择不同的描边宽度、边框样式，以及线条的风格、边角样式等等进行创造；当然，文本也可以选择手绘风，箭头也支持多种样式。


由于工具功能比较简单，我们还可以结合官方素材库更加快捷创建复杂图表。点击右上方素材库—浏览素材库可进入官方组件库。


这里有海量素材供我们自由选择：


选择感兴趣的点击Add to Excalidraw可一键加入到素材库，如下：

PS：如果想要下次继续使用这些素材，需要将其存储到本地，下次打开Excalidraw再调用即可。

2.机制图绘制实战


使用上整体难度不大，下面我们用往期一个互作机制图案例进行实战，看看能玩出什么花样。案例图如下，往期基于AI绘制教程可戳：如何绘制互作机制示意图？
（Travagli R A, Browning K N, Camilleri M，2021）

首先使用文字工具和箭头工具绘制机制图，文字风格选择手写，箭头线条风格选择漫画家：


在左侧属性面板根据背景知识更改箭头样式：


使用矩形工具绘制背景框，最后鼠标右击—置于底层将其放置在文本和箭头的下方，填充样式为线条：


绘制完成后鼠标长按选中全部图形，点击左上方保存到，可将画布数据保存为文件导出到本地，便于下次继续编辑；点击导出图片，可将其导出为矢量图或位图。


导出图片如下：


最终绘制效果如下：

更换不同配色样式：


想想在组会或与老板沟通时甩出这样一张手绘风示意图，真香！老板有意见还可以实时更改或批注，更香了！

好啦，今日分享毕！更多内容关注SCIPainter不迷路！

参考资料：

https://github.com/excalidraw/excalidraw

参考文献：

Travagli R A, Browning K N, Camilleri M. Parkinson disease and the gut: new insights into pathogenesis and clinical relevance[J]. Nature Reviews Gastroenterology & Hepatology, 2020, 17(11): 673-685.


*未经许可，不得以任何方式复制或抄袭本篇文章之部分或全部内容。版权所有，侵权必究。


# SCIPainter

基迪奥旗下绘图公众号

分享科研绘图技能与工具

欢迎关注与转发~


你的好友拍了拍你

并请你帮她点一下“分享”~



原文链接