在Obsidian中下載使用Excalidraw插件并安裝手寫中文字體創(chuàng)作手繪彩鉛風(fēng)格統(tǒng)計(jì)圖
Attention: 本分享基于win7系統(tǒng)
目錄
1.前言
2.安裝方法
3.使用方式
4.在Ipad上的操作
?
1.前言
在一篇推送中我看到了如圖1這樣的效果,讓我狠狠心動(dòng)了。

????????為了得到這樣的效果,一開始我的想法是使用PS或者美圖秀秀進(jìn)行編輯。用美圖秀秀淺試之后我發(fā)現(xiàn)其“彩鉛”濾鏡的效果不太好,畫面噪點(diǎn)比較多。百度了Ps的素描化效果,結(jié)果也差強(qiáng)人意,缺少這種動(dòng)漫的美感。
????????百度到的第二種方式是使用python或者很專業(yè)的數(shù)據(jù)可視化工具??紤]到我目前沒有進(jìn)階的需求,所以這種短期學(xué)習(xí)成本很高的方式直接pass。
????????偶爾看到了一個(gè)叫做Excalidraw的開源網(wǎng)站(https://excalidraw.com/)可以做手繪效果且免費(fèi),所以便從此處入手。
????????之所以將Excalidraw嵌入在Obsidian中,主要是因?yàn)樵诤笃趯?dǎo)入中文手寫字體的時(shí)候也會(huì)方便不少——不用自己去寫代碼,而是點(diǎn)點(diǎn)鼠標(biāo)操作即可。
2.安裝方法
2.1安裝Obsidian
????????Obsidian是一個(gè)記筆記的軟件。下載地址:https://obsidian.md/。該軟件下載好之后無需選擇路徑,它會(huì)自動(dòng)安裝在系統(tǒng)盤。
2.2安裝插件
????????打開obsidian,在界面左下角找到設(shè)置,如圖2。

????????在“第三方插件”中關(guān)閉“安全模式”。之后就可以“瀏覽社區(qū)插件市場(chǎng)”。如圖3。TIPs:有時(shí)候點(diǎn)開插件市場(chǎng)會(huì)沒有任何反應(yīng),這種情況下可以選擇重啟Obsidian軟件或多次打開插件市場(chǎng)試試。

????????搜索自己需要的插件,點(diǎn)擊安裝,如圖4。安裝好之后務(wù)必記得“啟用”該插件,如圖5。


2.3.安裝中文手寫字體
????????這一步最讓我頭疼,最開始百度的結(jié)果只有針對(duì)mac的解決方式,沒有關(guān)于win的解決方式。簡(jiǎn)言之,解決該問題的辦法就是找到合適的字體安裝路徑。
????????什么是合適的安裝路徑呢?就是Excalidraw所在的位置。為了判斷這個(gè)位置在哪,自己可以新建一個(gè)文件(如圖6)。

????????單擊右鍵選擇“在系統(tǒng)資源管理器中顯示”(如圖7),在本人電腦上得到如圖8的界面。


????????將下載好的后綴為.ttf的字體文件復(fù)制到該文件夾下即可。
????????重新打開Obsidian軟件,選擇設(shè)置->第三方插件->重新加載插件,如圖9。

????????然后依然在設(shè)置中找到第三方插件,下拉滑動(dòng)條找到“實(shí)驗(yàn)性功能”。在實(shí)驗(yàn)性功能中開啟“為文本元素啟用本地字體”。


????????接著還是在實(shí)驗(yàn)性功能中找到如圖12的位置,選擇剛才復(fù)制過去的字體。這樣就可以在Excalidraw畫布中使用自定義中文字體了。圖13為效果圖。TIPS:這種方式值得注意的是,同時(shí)只能自定義一種字體,如果不想用A字體了那就只能用上述方法將A字體換掉。


3.使用方式
這一部分我的內(nèi)容會(huì)聚焦在簡(jiǎn)單的統(tǒng)計(jì)圖設(shè)計(jì)上。
2022年9月8號(hào),我在在CSDN網(wǎng)站上看到作者“a阿爆”的一個(gè)分享,見圖14,15。


????????經(jīng)嘗試,確實(shí)很好用。不過其局限在于目前只能自動(dòng)生成折線圖和柱狀圖。
????????那么,類似圖16的餅圖怎么辦呢?

????????我的解決方式是,可以在畫布中導(dǎo)入一個(gè)Excel生成的餅圖并將其放在最底層,然后在餅圖的圖層上依照?qǐng)D形樣式繪制“手繪風(fēng)格餅圖”,這其實(shí)不難,難的是著色——不可能手涂吧?
????????如圖17,選擇鉛筆工具,將stroke顏色設(shè)置為透明,選擇一個(gè)非透明的填充色,如果繪制一個(gè)圈,則會(huì)得到如下效果。這樣很好地解決了涂色的問題。

????????如圖18,點(diǎn)擊拆分組合之后還可以單獨(dú)設(shè)置不同點(diǎn)的顏色,以及更改統(tǒng)計(jì)圖中的元素。

????????至此,餅圖、折線圖和柱狀圖這三類最常見的統(tǒng)計(jì)圖的“手繪風(fēng)”變換已完成。
4.其他
????????Ipad上也可以使用Obsidian和Excalidraw并安裝中文手寫字體。下載和安裝方式與在電腦上一樣。
????????同時(shí)Apple pencil在該軟件中也會(huì)有壓力感應(yīng),效果還不錯(cuò)。(其實(shí)文字也可以用Apple Pencil直接手寫,導(dǎo)入中文手寫字體主要是為了一些在ipad上書寫不習(xí)慣的寶子們考慮的,比如我)

????????Excalidraw和Obsidian的奇妙功能還有很多,愿你我共同學(xué)習(xí)、共同進(jìn)步!