我偶爾會在網(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)粘9ぷ髦杏玫降腜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ù)教程和一些廢話。