文章比較長，建議收藏閱讀。
我偶爾會在網上論壇里寫寫文章，發表一些創客 DIY 小制作的教程，底下經常有人回復問我：請問這些漂亮的電路接線圖是怎么畫出來的？
正好最近我的一些學生也在忙著準備各種創客比賽，這過程中當然也少不了撰寫參賽文本，現在很多創客比賽都要求在參賽文本中附上電路接線圖，因此經常有學生讓我幫忙繪制一下電路接線圖。授人以魚不如授人以漁，所以決定寫一個簡單的教程，來教教大家怎么繪制好看的電路接線圖。
先說明一下，這里提到的電路圖，不是像下圖中看到的那種專業的電路原理圖或者 PCB 圖紙（圖中分別對應 Arduino Mega 2560 的電路原理圖和 PCB 圖紙），而是在一些創客制作過程中的元器件接線示意圖。
Arduino Mega 2560 電路原理圖
Arduino Mega 2560 PCB 圖紙
其實繪制電路接線圖也沒有一個統一的軟件，只要掌握方法，很多工具都能實現類似文章第一幅圖的效果。那副圖中的 ① ② ③ ④，我就是分別采用不同的軟件來設計的，他們分別是：
① Fritzing：開源免費的電路圖繪制軟件，曾經在創客屆非常流行；
② Tinkercad Circuits：Autodesk 出品的免費的在線電路繪制、編程、仿真軟件；
③ 微軟的 PowerPoint (PPT) 或者蘋果的 Keynote：這個就不介紹了，都是設計幻燈片的軟件；
④ Adobe Illustrator (AI) ：大名鼎鼎的高清矢量圖像編輯器；
Inkscape：開源免費的高清矢量圖像編輯器，功能與 AI 類似。
是的，你沒看錯，我們日常工作中會用到的 PPT 也位列其中，這不是用來制作幻燈片的辦公軟件么？怎么還可以用來繪制電路接線圖了呢？那就讓我來告訴你，PPT 不僅可以用來繪制電路接線圖，而且是對于小白來說最容易入門的軟件了，在我的日常繪制過程中，使用的頻率也很高。為什么會是這樣的呢？繼續往下看。
另外，這幾個軟件不管你用的是 Windows 系統平臺，還是 macOS 系統平臺，都有對應的軟件。不管用哪個軟件來繪制電路接線圖，關鍵的一些步驟也都是類似的：
電路分析：畫電路圖之前，總要知道電路圖中需要有哪些元器件吧；
尋找素材：難道每個元器件都要自己畫么？當然不是，大部分素材網上都是能找到的；
素材處理：但是有時候找到的素材往往不盡如人意，這時候就可以用 PPT 簡單處理一下了；
電路繪制：這個時候就會用到前面說的一些軟件了，我會在這部分教你一些軟件技巧。
下面就分章節給大家介紹一下每個步驟的大概方法和技巧。
電路分析應該是幾個步驟里面最簡單的，你做完整個項目，用到了哪些元器件總該知道吧。雖然這步很簡單，但也很重要，它會直接決定后面可以使用哪個軟件，甚至會影響到繪制電路接線圖的便捷程度。
比如你用到的元器件只是一些很基礎常用的模塊，那么你可以直接使用 Fritzing 或者 Tinkercad Circuits 來繪制，這兩個軟件自帶的庫里面會有很多常用的電子模塊素材。具體有哪些自帶的素材，你可以自己探索下，一篇文章肯定是寫不完的，總之還是比較多的。
準備素材主要就是指找到所需的電子元器件圖片素材，這里推薦幾個我常用的幾個途徑。
在電路分析章節中，我說到在 Fritzing 軟件中自帶了很多電子元器件模塊的素材，而且這里面的素材都是高清矢量圖，可以隨意放大。
Fritzing 是創客屆非常流行的電路接線圖繪制軟件，你可以在網上看到好多用這個軟件繪制的電路圖，但是可惜的是，好像最后一版更新一直停留在 2016 年 6 月 2 日的 0.9.3b 版本，已經 3 年多沒有更新了。
下載地址：http://fritzing.org/download/
Fritzing
首先打開 Fritzing 軟件，然后切換到'面包板'標簽頁，點擊右邊的'放大鏡'按鈕，然后輸入你要搜索的元器件，比如我在這里搜索的是'Arduino Uno'，然后回車，它就會加載出跟'Arduino Uno'相關的模塊，找到我們想要的模塊，拖到編輯區域即可，如下圖所示。
在Fritzing中搜索素材
如果你的整個電路接線圖都是用 Fritzing 來繪制的話，繼續尋找其他素材，然后進行連線就可以了。如果 Fritzing 中只有部分你想要繪制的電路接線圖素材，顯然你需要其他軟件來配合繪制，所以你需要導出相應的素材圖紙，依次點擊：文件 → 導出 → 作為圖像 → SVG，就可以導出素材了。當然你也可以導出 PNG 或者 JPG 格式，取決于后面用哪個軟件進行編輯。
從Fritzing中導出素材
如果你要用 Adobe Illustrator 或者 Inkscape 這兩個軟件進行編輯的話，顯然導出 SVG 格式是最合適的；如果你想要用 PPT 進行編輯的話，再如果你是 PPT 2019 及以上版本的話，也推薦導出 SVG 格式，因為從 PPT 2019 開始，直接支持打開矢量圖格式了，即 SVG 格式。如果你的 PPT 軟件低于這個版本，推薦導出 PNG 格式，相比 JPG 格式，PNG 格式的背景是透明的，后面繪制電路圖時不容易產生圖片重疊遮擋問題。
Tinkercad Circuits 是由 Autodesk 推出的針對青少年創客教育的電路繪制、編程、仿真軟件，它是一款完全免費的軟件，使用之前需要注冊賬號。它支持簡單的電路圖繪制、Arduino 圖形化編程、Arduino 代碼編程，更厲害的是，它還支持電路仿真！隨著軟件的更新迭代，里面的電路素材庫也越來越豐富。
首先進入 Tinkercad 網頁：https://www.tinkercad.com/，登錄賬號之后進入了個人作品頁面，在左邊菜單欄選擇'Circuits'標簽頁，點擊'Create new Circuit'按鈕，就會進入電路圖編輯界面。
Tinkercad Dashboard
電路圖編輯界面右邊就是各種電子元器件的模塊，找到想要的素材之后，記得盡可能放大，然后截圖保存下來，方便后面編輯。當然跟 Fritzing 同樣的道理，如果所有素材都能在這里找到的話，可以直接在這里繪制接線圖，會方便很多。
Tinkercad Circuits
當然啦，Tinkercad Circuits 除了能繪制電路圖以外，還能直接在上面編寫程序（圖形化或代碼支持），甚至還支持仿真，對于教學來說也是夜歌蠻好的選項。
tinkercad-simulation
百度或谷歌：你可以通過百度或谷歌等搜索引擎去搜索相應的電子元器件圖紙或者照片，運氣好的話，可以直接找到比較清晰的圖片。這里需要注意的是，盡可能去找沒有水印、以及正向俯拍的照片，另外圖片的尺寸也盡可能大一些，這樣在后面繪制時效果會比較理想。如果能找到別人繪制好的平面元器件圖紙甚至是矢量圖，那自然是最好的，但是往往比較難找到，所以我們可以找一些相對清晰干凈的圖紙，到后面進行處理。
百度搜索電子元器件
谷歌搜索電子元器件
淘寶：淘寶也是一個巨大的圖片素材庫，你可以直接在淘寶上搜索相應的元器件，或者去當時購買的店鋪，看看能不能找到無水印的照片或者截圖。
淘寶搜索電子元器件
比如下面這張店鋪里的詳情圖就是比較理想的，因為它滿足幾個條件：正面俯拍、沒有水印、周圍畫的線與模塊邊界清晰，可以通過截圖保存下來，后面將會以這張圖為例講解通過 PPT 軟件處理素材的方法。
淘寶店鋪電子元器件詳情頁
前面啰嗦了那么一堆沒用的，沒點擊關閉頁面，說明你是真愛，所以這里獻上一個大殺器！
其實很多大廠都是有自己的元器件圖紙庫的，有些廠家提供了高清的元器件矢量圖下載，有些雖然沒有提供矢量圖下載，但一般也可以下載到高清圖紙。那這些圖紙一般會在哪里呢？其實他們官網的產品頁面，一般都會有產品維庫 wiki 的鏈接，也就是大部分產品都會有一個使用教程，在它們的教程頁面，一般都會有相關的圖紙。
因為我自己使用 DFRobot 的電子元器件產品比較多，誰叫他們的產品質量好呢！（記得給一下廣告費哈~）所以這里以他們為例，進入他們的官網，選擇你想要的產品，然后點擊產品頁面下方的'產品維庫'鏈接就行了。以 DFRobot 最新推出的掌控擴展板為例，在它的維庫頁面上，可以看到右上角就有一張高清圖紙，自己試試搜尋看看~
掌控板wiki頁面
當然 DFRobot 在 GitHub 上也有一個元器件圖紙 repo，你也可以去下載下來，直達鏈接：https://github.com/DF-Jane/DFRobot-SVGs。這上面基本上包括了 DFRobot 常用產品的 SVG 高清圖紙，唯一不足的是，這個 repo 好像很久沒更新了，他們一些最新產品的圖紙基本沒有，希望他們后續可以繼續更新。當然因為我跟 DFRobot 的朋友比較熟，所以有一些特殊渠道可以要到他們的最新圖紙哈哈哈。
DFRobot SVG圖紙repo
除了 DFRobot 的圖紙，我這邊還有一些其他廠家的圖紙。為了方便大家，后期我會把這些圖紙整理好打包發到網上，供大家下載。大家可以去我公眾號'鐵熊玩創客'后臺回復'元器件圖紙'，會自動回復你下載鏈接。
這里 cue 一下各位廠家朋友，如果你們有整理好的高清圖紙，歡迎把下載鏈接發我，我會一并整理好發給大家。
寫了 3000 字，終于到了素材處理章節了……感覺寫完遙遙無期啊……開啟豆腐渣工程模式哈哈哈。
這里的素材處理，并不是指專業的 PS 之類的，而是指用 PPT 簡單處理一下，對，就是用 PPT 處理！打開 PPT 軟件，希望你是 PPT 2013 及以上版本，如果不是，請出門左轉去下載一個版本高一些的 PPT 吧。將待處理的圖片導入 PPT 中，然后進入'圖片格式'修改標簽，如果你沒看到這個標簽，雙擊圖片就可以。然后點擊箭頭所指出的'刪除背景'按鈕，圖片就會進入刪除背景編輯模式。
PPT圖片格式頁面
在刪除背景編輯模式下，適當調整邊界，以及標記要刪除或保留的區域，其中紅色區域就是要刪除的背景區域。經過一些簡單調整，就可以得到透明背景的圖片，你可以右鍵另存到電腦上，也可以直接在 PPT 中繪制電路連接圖。你也可以看到這篇文章中的所有圖片素材，我都是在 PPT 中處理的。
PPT刪除圖片背景
當然我用的是 Mac 系統下的 PPT 軟件，跟 Windows 系統下其實大同小異，只是界面稍有差異而已。為了讓大家對這個過程了解得更加直觀，特意找了一張 Windows 系統下用 PPT 軟件去除背景的動圖，大家自行感受。PPT 其實也是個摳圖神器。
PPT刪除背景動態演示
終于到了怎么繪制電路圖的階段了，你可能以為這是本文的重點，其實經過上面的步驟，后面就很簡單了。下面分別根據不同的軟件做一些簡單介紹。
Fritzing 中畫圖很簡單！其實就是找到你想要的元器件，然后拖出來，一個一個連線在一起就好了，因為這個軟件操作真的是太簡單了，這里就不再贅述了，偷個懶，直接放一個教程鏈接吧：
如何用Fritzing軟件來畫電路：http://cnlearn.linksprite.com/?p=185#.XRDSwm8zZ0s
Tinkercad Circuits 中怎么繪圖呢？這里也不再贅述，直接給大家開一個小灶傳送門：
【余老師公益課匯總】Tinkercad 3D建模+Circuits電子電路：https://mp.weixin.qq.com/s/TCzL7UKAGOeV0nO0db1xDA
這是杭州勝利實驗學校的余老師在 2018 年暑假的時候做的一系列公益微課，大家可以去上面的網址學習一下，不僅可以學到 Tinkercad Circuits 繪圖技能，還能學習到很多 Arduino 編程知識和 3D 打印建模的知識，是非常好的學習資料，有空的時候一定要去學習一下，沒空也要抽空去學習一下！感謝余老師和 Autodesk 公司對創客教育事業的無私奉獻！
前面講的兩個軟件，可能很多人都沒聽過，那么 PPT 應該是所有人都知道的吧！如果這都不知道，我實在想不明白你是如何堅持看到這里的，畢竟你已經看了 4000 多字了。
在 PPT 中繪制電路接線圖，說白了就是排版。相信大家都已經做了很多年 PPT 了，當按照前面的步驟尋找好并且處理好素材之后，一起放到 PPT 同一頁面中，根據電路關系，適當調整好元器件的大小和位置，然后就是插入線條，使用一些對其操作進行基礎排版了。你不知道如何在 PPT 中插入線條？好吧，在 PPT 中依次點擊：插入 → 形狀 → 線條，然后調整好線條長度、顏色、位置就可以啦。
這里有個小 tips，鼠標調整線條長短的同時，鍵盤按住'shift'鍵，可以使線條保持水平或者豎直。
PPT中插入線條
下面這幅圖就是我用 PPT 畫的另一個作品（律動荊棘皇冠）的電路接線圖了。
律動荊棘皇冠電路圖繪制
這是我最喜歡也是最常用的方式，因為本人對高清圖紙情有獨鐘。
在 AI 中，你既可以導入 SVG 或 AI 格式的高清矢量圖，也可以導致之前準備的其他格式的素材，比如 PNG 或 JPG 格式。然后與在 PPT 中繪制一致，適當調整好元器件的大小和位置。接著在左邊工具欄選擇'鋼筆工具'，然后使用鼠標左鍵選擇合適的位置進行繪圖。
同樣，這里也有個小技巧，鼠標繪圖的同時，鍵盤按住 shift 鍵，可以使畫出來的線條保持豎直或水平。
最后在'描邊'工具中改變線條的顏色和粗細，這樣一幅電路接線圖就完成了。當然你也可以加一些裝飾，比如添加注釋文字等。還沒看懂的話，可以看下面的動圖演示。
AI畫圖動態演示
最后你可以將你的電路圖截圖保存，或者直接選擇：文件 → 導出 → 另存為… ，分辨率可以選擇高一些，比如 300 ppi，這樣圖紙在放大縮小的時候，都不會太模糊。
AI圖紙導出
AI圖紙導出分辨率選擇
這個軟件我沒怎么用過，不過應該和 Adobe Illustrator 差不多，這里就不多說了，免得誤人子弟……
講了這么多軟件，這里放一張各個軟件的匯總比較表，大家可以參考對比。
軟件比較
看了這么長的教程，是不是感覺畫一幅簡單的電路接線圖很復雜？其實不是的，凡事有個過程，只要你熟練掌握這些過程和及技巧，畫一幅電路接線圖其實很快的，熟練以后，一般 5 ~ 10 分鐘就能畫好一幅簡單的圖紙了。
當然，可以畫電路接線圖的軟件肯定不止這幾個，找到最適合自己使用習慣的，才是最好的。百看不如一練，趕緊在自己的下一個創客項目中試試畫一張好看的電路接線圖吧！
