我偶爾會在網(wǎng)上論壇寫文章，發(fā)布一些創(chuàng)客DIY教程。 經(jīng)常有人回復(fù)問我：這些漂亮的電路接線圖是怎么畫的？
恰巧最近我的一些學(xué)生正忙著準(zhǔn)備各種創(chuàng)客比賽。 當(dāng)然，在這個過程中，撰寫入門文本也是必不可少的。 現(xiàn)在很多創(chuàng)客比賽都要求參賽文本中附有電路接線圖，所以學(xué)生經(jīng)常要求我?guī)臀耶嬰娐方泳€圖。 授人以魚不如授人以魚，所以我決定寫一個簡單的教程，教大家如何畫一張好看的電路接線圖。
首先解釋一下，這里所說的電路圖并不是下圖所示的專業(yè)電路原理圖或PCB圖（該圖分別對應(yīng)Mega 2560的電路原理圖和PCB圖），而是一些廠商的原理圖生產(chǎn)過程中的元件布線。
軟件及流程介紹
事實(shí)上，目前還沒有統(tǒng)一的繪制電路接線圖的軟件。 只要掌握方法，很多工具都可以實(shí)現(xiàn)類似文章第一張圖的效果。 我用不同的軟件設(shè)計了圖中的①②③④。 他們是：
是的，你沒有看錯，我們?nèi)粘９ぷ髦杏玫降腜PT也在其中。 這辦公軟件不是用來制作幻燈片的嗎？ 如何用它來繪制電路接線圖？ 那么我告訴你，PPT不僅可以用來畫電路接線圖，而且也是初學(xué)者最容易上手的軟件。 在我日常的繪畫過程中，也使用的非常頻繁。 為什么會這樣呢？ 請繼續(xù)閱讀。
另外，這些軟件無論你使用的是系統(tǒng)平臺還是macOS系統(tǒng)平臺都有對應(yīng)的軟件。 無論使用哪種軟件繪制電路接線圖，關(guān)鍵步驟都是相似的：
下面分章節(jié)向您介紹每一步的一般方法和技巧。
電路分析
電路分析應(yīng)該是這幾個步驟中最簡單的一個。 完成整個項(xiàng)目后，您應(yīng)該知道使用了哪些組件。 這一步雖然簡單，但是也非常重要。 它將直接決定以后可以使用哪些軟件，甚至影響繪制電路接線圖的方便性。
比如你使用的組件只是一些非常基礎(chǔ)、常用的模塊，那么你可以直接使用它們，也可以繪制它們。 這兩個軟件自帶的庫里有很多常用的電子模塊資料。 您可以自己探索它附帶的具體材料。 一篇文章肯定看不完，但也不少。
查找材料
以下是我推薦的一些常用的查找材料的方法。
通過軟件查找資料
在電路分析章節(jié)中，我提到過軟件自帶了很多電子元件模塊的素材，而且這里的素材都是可以隨意放大的高清矢量圖。
是創(chuàng)客社區(qū)非常流行的電路接線圖繪制軟件。 網(wǎng)上可以看到很多用這個軟件畫的電路圖，但遺憾的是，最近一次版本更新好像一直停留在2016年6月2日的0.9.3b版本，已經(jīng)3年多沒有更新了。 下載鏈接：//
首先打開軟件，然后切換到“面包板”選項(xiàng)卡，點(diǎn)擊右側(cè)的“放大鏡”按鈕，然后輸入想要搜索的組件。 例如，我在這里搜索“Uno”，然后按回車鍵就會加載。 提取與“Uno”相關(guān)的模塊，找到我們想要的模塊，并將其拖至編輯區(qū)域，如下圖所示。
如果你的整個電路接線圖都是用來畫的，就繼續(xù)尋找其他材料，然后連接起來。 如果你想要繪制的只是部分電路接線圖素材，顯然你需要其他軟件來配合繪制，所以你需要導(dǎo)出相應(yīng)的素材圖。 單擊：文件 → 導(dǎo)出 → 作為圖像 → SVG 導(dǎo)出材質(zhì)。 當(dāng)然，你也可以導(dǎo)出為PNG或JPG格式，具體取決于你以后使用什么軟件進(jìn)行編輯。
如果你想使用Adobe或者這兩個軟件進(jìn)行編輯，顯然導(dǎo)出為SVG格式是最合適的； 如果你想使用PPT進(jìn)行編輯，并且如果你使用的是PPT 2019及以上版本，也建議導(dǎo)出為SVG格式。 因?yàn)閺腜PT 2019開始，直接支持打開矢量格式，即SVG格式。 如果您的PPT軟件低于此版本，建議導(dǎo)出為PNG格式。 與JPG格式相比，PNG格式的背景是透明的，在以后繪制電路圖時不太可能產(chǎn)生重疊和遮擋問題。
通過軟件查找資料
是阿里巴巴針對年輕創(chuàng)客教育推出的一款電路繪圖、編程、仿真軟件。 它是一個完全免費(fèi)的軟件，使用前需要注冊一個帳戶。 支持簡單的電路圖繪制、圖形化編程、代碼編程，更重要的是還支持電路仿真！ 隨著軟件的更新迭代，里面的電路素材庫也越來越豐富。
首先進(jìn)入網(wǎng)頁：/，登錄賬戶并進(jìn)入個人工作頁面，在左側(cè)菜單欄中選擇“”，點(diǎn)擊“新建”按鈕，將進(jìn)入電路圖編輯界面。
電路圖編輯界面的右側(cè)是各種電子元件的模塊。 找到你想要的素材后，記得盡量放大，然后保存截圖，方便以后編輯。 當(dāng)然，同樣的，如果所有的資料都能在這里找到的話，你可以直接在這里畫接線圖，會方便很多。
當(dāng)然，除了畫電路圖之外電路圖怎么畫，還可以直接在上面寫程序（圖形化或者代碼支持），甚至支持仿真，這也是教學(xué)的一個不錯的選擇。
通過互聯(lián)網(wǎng)搜索查找材料
百度或谷歌：您可以通過百度或谷歌等搜索引擎搜索相應(yīng)的電子元件圖紙或照片。 如果運(yùn)氣好的話，可以直接找到更清晰的圖片。 這里需要注意的是盡量尋找沒有水印的照片和前向角度拍攝的照片。 另外，圖片的尺寸要盡可能的大，這樣后期繪制的時候效果會更加理想。 如果能找到別人畫的平面元件圖甚至矢量圖，那自然是最好的，但往往很難找到，所以我們可以找一些相對清晰干凈的圖，然后再處理。
淘寶：淘寶也是一個龐大的圖片素材庫。 您可以直接在淘寶上搜索對應(yīng)的組件，或者去您購買的商店看看是否可以找到無水印的照片或截圖。
例如英語作文，下面的商店細(xì)節(jié)圖是理想的，因?yàn)樗鼭M足幾個條件：正面拍攝、無水印、線條和模塊邊界清晰。 可以保存為截圖，這張圖以后會用到。 舉例說明如何通過PPT軟件處理素材。
在制造商圖庫中查找材料
之前說了很多無用的話。 如果你沒有點(diǎn)擊關(guān)閉頁面，說明你們是真心相愛了，所以這里有一個大殺器！
事實(shí)上，很多大廠商都有自己的元件繪圖庫。 一些制造商提供高清元件矢量圖供下載。 雖然有些不提供矢量圖下載，但一般都可以下載高清圖。 那么這些圖紙通常位于哪里？ 事實(shí)上，他們官網(wǎng)的產(chǎn)品頁面通常都有產(chǎn)品wiki的鏈接，也就是說，大多數(shù)產(chǎn)品都會有教程，而且他們的教程頁面通常都有相關(guān)的圖紙。
因?yàn)槲易约河玫碾娮釉a(chǎn)品很多，誰說他們的產(chǎn)品質(zhì)量好呢？ （記得交廣告費(fèi)哦~）所以這里就以他們?yōu)槔?訪問他們的官方網(wǎng)站，選擇您想要的產(chǎn)品，然后單擊產(chǎn)品頁面底部的“產(chǎn)品庫”鏈接。 以最新的控制擴(kuò)展板為例。 在它的圖庫頁面上，你可以在右上角看到一張高清圖。 自己去找找吧~
當(dāng)然，網(wǎng)上也有一個組件繪圖倉庫，你也可以下載它，直接鏈接：/DF-Jane/-SVGs。 這基本上包括了常用產(chǎn)品的SVG高清圖。 唯一的缺點(diǎn)是這個repo似乎已經(jīng)很久沒有更新了。 他們的一些最新產(chǎn)品基本沒有圖紙。 希望他們以后能繼續(xù)更新。 當(dāng)然，因?yàn)槲冶容^了解我的朋友，所以有一些特殊的渠道可以得到他們最新的圖紙，哈哈哈。
除了圖紙之外，我還有一些其他廠家的圖紙。 為了方便大家，我將這些圖紙整理打包，發(fā)布到網(wǎng)上供大家下載。 您可以到我的公眾號“鐵熊玩創(chuàng)客”后臺回復(fù)“元件圖”，下載鏈接會自動回復(fù)給您。
在此提示各位廠商，如果你們有整理高清圖紙，請將下載鏈接發(fā)給我，我會整理并發(fā)給你們。
材料加工
寫了三千字，終于到了素材處理篇了……感覺沒時間寫完……渣工程模式了，哈哈哈。
這里的素材處理不是指專業(yè)的PS之類的，而是指使用PPT進(jìn)行簡單的處理，對，就是使用PPT！ 打開PPT軟件。 我希望你有2013年或以上的PPT。 如果沒有，請出去左轉(zhuǎn)下載更高版本的PPT。 將需要處理的圖片導(dǎo)入到PPT中，然后進(jìn)入“圖片格式”修改標(biāo)簽。 如果您沒有看到此標(biāo)簽，只需雙擊該圖像即可。 然后點(diǎn)擊箭頭所指的“刪除背景”按鈕，圖片就會進(jìn)入刪除背景編輯模式。
在刪除背景編輯模式下，適當(dāng)調(diào)整邊框并標(biāo)記要刪除或保留的區(qū)域。 紅色區(qū)域?yàn)樾枰獎h除的背景區(qū)域。 經(jīng)過一些簡單的調(diào)整，就可以得到一張背景透明的圖片。 可以右鍵另存到電腦，也可以直接在PPT中畫出電路連接圖。 大家還可以看到，本文中的所有圖片素材都是經(jīng)過PPT處理的。
當(dāng)然，我用的是Mac系統(tǒng)下的PPT軟件，其實(shí)和系統(tǒng)下的軟件類似，只是界面略有不同。 為了讓大家更直觀的了解這個過程，我特地找了一張系統(tǒng)下使用PPT軟件去除背景的動畫圖，讓大家親自體驗(yàn)一下。 PPT其實(shí)就是一個剪切圖片的工具。
電路圖繪制（軟件技能）
最后，我們到了如何繪制電路圖的階段。 你可能認(rèn)為這就是本文的重點(diǎn)，但實(shí)際上，經(jīng)過上述步驟后，剩下的就很簡單了。 下面根據(jù)不同的軟件進(jìn)行一些簡單的介紹。
用軟件畫電路圖
中圖很簡單！ 其實(shí)只要找到你想要的組件電路圖怎么畫，拖出來，然后一一連接起來就可以了。 因?yàn)檫@個軟件的操作實(shí)在是太簡單了，這里就不贅述了。 我就偷懶了，就放個教程吧。 鏈接它：
用軟件畫電路圖
怎么用中文畫畫呢？ 這里就不多說了，給大家開個Zao小傳送門：
這是杭州勝利實(shí)驗(yàn)學(xué)校于老師在2018年暑假期間舉辦的一系列公益微課，您可以前往上述網(wǎng)站了解。 不僅可以學(xué)習(xí)繪畫技巧，還可以學(xué)習(xí)很多編程知識和3D打印搭建。 模具知識是很好的學(xué)習(xí)資料。 有時間一定要學(xué)，沒有時間也要抓緊時間學(xué)！ 感謝于老師和公司對創(chuàng)客教育的無私奉獻(xiàn)！
在PPT軟件中繪制電路圖
可能很多人都沒有聽說過上面提到的兩款軟件，那么PPT大家應(yīng)該都知道吧！ 如果你不知道這一點(diǎn)，我真的無法理解你是如何堅持閱讀這篇文章的。 畢竟你已經(jīng)讀了四千多字了。
用PPT畫電路接線圖，說白了就是排版。 相信大家做PPT已經(jīng)很多年了。 按照前面的步驟找到并處理好材料后，將它們放在PPT的同一頁上。 根據(jù)電路關(guān)系，適當(dāng)調(diào)整元件的大小和位置，然后插入線路。 ，使用一些基本的排版來進(jìn)行操作。 不知道如何在PPT中插入線條？ 好了，在PPT中點(diǎn)擊：插入→形狀→線條，然后調(diào)整線條的長度、顏色和位置。 這里有一個小技巧。 用鼠標(biāo)調(diào)整線條長度的同時，按住鍵盤上的“shift”鍵，使線條保持水平或垂直。
下圖是我用PPT畫的另一幅作品（節(jié)奏荊棘王冠）的電路接線圖。
在Adobe軟件中繪制電路圖
這是我最喜歡也是最常用的方法，因?yàn)槲覍Ω咔鍒D情有獨(dú)鐘。
在AI中，您可以導(dǎo)入SVG或AI格式的高清矢量圖像，也可以導(dǎo)入之前準(zhǔn)備好的其他格式的素材，例如PNG或JPG格式。 然后根據(jù)PPT中繪制的情況，適當(dāng)調(diào)整組件的大小和位置。 然后選擇左側(cè)工具欄上的“鋼筆工具”，然后用鼠標(biāo)左鍵選擇合適的位置進(jìn)行繪制。 這里有一個小技巧。 用鼠標(biāo)繪制時，按住鍵盤上的 Shift 鍵，使繪制的線條保持垂直或水平。 最后，在“描邊”工具中改變線條的顏色和粗細(xì)，電路接線圖就完成了。 當(dāng)然，你還可以添加一些裝飾，比如添加注釋文字等，如果你還不明白，可以看下面的動畫。
最后，您可以保存您的電路圖的屏幕截圖，或者直接選擇：文件→導(dǎo)出→另存為...。您可以選擇更高的分辨率，例如300 ppi，這樣放大時繪圖不會太模糊或出去。
軟件電路圖繪制教程
這個軟件我沒怎么用過，不過應(yīng)該和Adobe差不多，這里就不詳細(xì)說了，以免別人混淆……
軟件比較
說了這么多軟件，這里給大家整理一下各個軟件的總結(jié)和對比表，供大家參考和比較。
總結(jié)
看完這么長的教程，是不是覺得畫簡單的電路接線圖很復(fù)雜呢？ 其實(shí)不是的，任何事情都有一個過程。 只要熟練掌握這些流程和技巧，畫電路接線圖其實(shí)是很快的。 一旦熟練，通常5到10分鐘就能畫出一幅簡單的圖畫。
當(dāng)然，能畫電路接線圖的軟件肯定不止這些。 最好找到最適合自己使用習(xí)慣的一款。 看到一次就值得練習(xí)，所以在你的下一個創(chuàng)客項(xiàng)目中嘗試畫一張好看的電路接線圖吧！
最后打個小廣告：歡迎關(guān)注我的個人公眾號“鐵熊劇作人”。 我會定期更新創(chuàng)客制作、技術(shù)教程和一些廢話。
