Inkscape 是一最免費,又是幾乎 9 成中文的免費圖像處理軟體。他讓我省去花錢使用訂閱制的 Adobe illustrator 。幫助我可以處理有關接案時,需要進行的圖檔基本處理。如果你還在考慮是否要花錢訂閱Adobe 的服務,可以先使用看看Inkscape是否就可以滿足你的需要。
Inkscape教學 ◥ 什麼是Inkscape ? 哪裡下載 ?
Inkscape是一套向量圖形的編輯器,提供完全免費使用,目前有提供多種平台可免費下載使用。官方的目的,是希望能打造一套功能強大的圖像編輯軟體為目標。
官方網站:https://inkscape.org
選取你的系統類別,進行免費inkscape的下載使用吧。
Inkscape教學 ◥ 如何將任意圖檔轉換成 svg 檔
全圖轉換
使用 Inkscape 把圖檔轉成 svg 檔的方式很簡單,以下我將會用圖文的方式來進行相關說明,如果有哪個步驟不清楚,也歡迎你在下方留言的地方,留下你的問題,我將盡快回覆你。
安裝 inkscape 完畢後,隨意開啟一個新文件。
在左上方功能選單,開啟檔案,使用匯入功能。
- 檔案 (F) → 匯入 (I) …
即可見上圖所表示,選取你想要進行換成為 svg 檔的 png、jgp、或 bmp 檔。
載入後,會出現匯入時的提醒訊息框 (如上圖) ,無需進行類型轉換,直接按下 確定 (O) 即可。
接著於匯入的圖檔上方,按下滑鼠右鍵,開啟功能選單,找到 描繪點陣圖 (T)
- 圖檔上右鍵 → 描繪點陣圖
此時右方即會出現 描繪的操作畫面 (如上圖)
因為我們是要使用 inkscape 將圖形繪出 svg 檔,在操作上找到單次掃描的 Detection mode ,並選取自動描繪。
- 單次掃描 → Detection mode → 自動描繪
在操作畫面上,即可看到描繪出來的預覽結果,在這裡如果有不清楚的地方,可以針對上方設定選項自行進行調整,讓結果呈現為你所期望的,確認無誤後,按下套用即可。
- 描繪預覽結果
- 確認結果後套用設定
套用後,在Inkscape中,會現在結果,可以用滑鼠將套用後的結果拖曳至下方處,如上圖②,這個時後,原本的png檔圖①,就已經用不到了,可以直接刪除。
接下來要在 inkscape 裡將完成描繪的結果,進行輸出,在上方的功能選單中,輸出為 svg 檔。步驟如下:
- 檔案 (F) → Export…
同樣會在右方出現匯出的設定選項,此時注意,我們匯出時,如果只要是原本檔案的範圍的話,就使用 「選擇範圍」 即可。
而在預覽處,可見輸出的結果。
在下方即可見匯出的檔案類型,與匯出的檔案路徑。
這時選取 svg 為輸出結果,即完成該圖檔轉換為 svg 的相關步驟了。
部份轉換
在 inkscape 中,如果有圖檔是部分想轉換成 svg 的話,該怎麼辦 ?
以上圖來說,如果只想換轉上圖紅框處的話,該如何進行 ? 方式也很簡單,只多打散與結合的步驟。
先點選檔案,在上方功能選單中找到 路徑 (P) 中的打散 (A),點擊他。
此時會看見,原本描繪的圖檔,被拆成了很多塊。
選取你想要的部分,進行結合 (C),如上圖紅框處。
這時在針對已經結合好的範圍,進行 svg 或去背 png 圖的匯出,即完成動作。
Inkscape使用心得與推薦
針對 inkscape 其他教學,我將會陸續加入此部落格文章中,除了紀錄內容讓自己更熟練之外,也將有關 inkscape 的使用方式給紀錄下來。如果你有什麼特別想知道怎麼處理的,可以在下方留言給我,我將會盡快完成相關教學內容出來喔。
我個人是很推薦使用 inkscape 主要是他完全免費又是幾乎九成都是中文,使用上比較不會有障礙,如果你和我一樣在針對WordPress建置時,需要進行相關圖像的處理與編輯,也推薦你使用 inkscape 看看,真的很方便喔。
PS:其他我使用到的部份,將會製成教學用的圖文,如果你也覺得不錯的話,可以訂閱我的部落格,這樣你就不會錯過最新的教學內容囉。