Inkscape 是什麼？#

• 向量式圖像編輯軟體
  • 「向量式」和「點陣式」不同，但我懶得在這裡詳細比較。
  • 點陣式圖像編輯領域的工具軟體
    • 最知名的是 Adobe PhotoShop
    • 我則都用免費的 PhotoPea
• 在這個領域，較知名的是 Adobe Illustrator
• Inkscape 是免費開源的，功能也足夠強大（至少對於外行的我而言）

官方網站與下載#

• 首頁 | Inkscape

基礎準備#

開好專案後，把以下的視窗、設定等等弄好：

• 圖層與物件
  • 上方工具列［圖層］->［圖層與物件］
  • Ctrl + Shift + L
• 填充與邊框
  • 上方工具列［物件］->［填充與邊框］
  • Ctrl + Shift + F
• 對齊與分佈
  • Ctrl + Shift + A
• 物件屬性
  • 上方工具列［物件］->［物件屬性］
  • Ctrl + Shift + O
• 格線
  • 顯示格線
    • 上方工具列［檢視］->［頁面格線］
    • Shift + #
  • 設定格線
    1. 打開「文件屬性」
       • 上方工具列［檔案］->［文件屬性］
       • Ctrl + Shift + D
    2. 切換到［格線］頁籤
    3. 建立與修改網格的間隙、顏色、主要格線的間隔數等等
  • 操作時貼齊格線
    1. 先打開「貼齊工具列」
       • 上方工具列［檢視］->［顯示／隱藏］->［貼齊工具列］
    2. 按下貼齊工具列上的［貼齊］按鈕以切換開關

基礎操作#

• 存檔
  • Ctrl + S
• 放大／縮小
  • Ctrl + 滾輪

選取工具#

• 在左方工具箱由上往下數第 1 個
• 在畫布上點擊，可以選中物件
  • 如果想選中物件，也可以在「圖層與物件」視窗選取
• 在同個物件上再次點擊，可以切換操作模式
  • 比例縮放／旋轉控制點
• 按住 Shift 點擊，可以同時選中多個物件
• 也可以拖曳出一個矩形範圍，一次選中範圍內在此圖層的所有物件
• 選取後，可以在上方的工具控制列對此物件操作
  • 90º 旋轉、翻轉、移動重疊層（不是圖層）
  • 改變位置座標、大小（寬、高）
    • 在這裡備註一下，如果把邊框取消掉，大小會跟著變小一點點

矩形工具#

• 在左方工具箱由上往下數第 4 個
• 拖曳做出矩形，按住 Ctrl 會限制為正方形
• 圓角
  • 「物件屬性」視窗的「頂點半徑」
  • 選取工具連點兩下後，拖曳角落的圓點

橢圓形／弧形工具#

• 在左方工具箱由上往下數第 5 個
• 拖曳做出橢圓形，按住 Ctrl 會限制為圓形
• 弦形與不完整的橢圓形
  • 選取工具連點兩下後，拖曳邊線上的圓點
  • 往橢圓形的中心拖曳 -> 弦型
  • 往橢圓形的外面拖曳 -> 不完整的橢圓形
  • 「物件屬性」視窗有個按鈕，點擊可以變回完整的橢圓形

排列#

• 用選取工具選中多個物件後，在「對齊與分佈」視窗可以對齊排列
• ［格狀］頁籤
  • 「列」和「欄」控制要橫的排還是直的排
  • 「對齊」控制要以哪一邊對齊
  • ［設定間距］就是設定間距

組合形狀#

• 用選取工具選中多個物件後

1. 路徑
   • 在上方工具列［路徑］可以取得以某條件結合後的物件
2. 形狀建立工具
   • 在左方工具箱由上往下數第 3 個
   • 對於已經完全接起來、或是重疊的物件，可以組合為一個形狀
   • 點擊每個部分、設定要不要保留

鋼筆工具#

• 在左方工具箱由上往下數第 9 個
• 向量式繪圖軟體中堪稱最強的工具，但是真的好難學…… 我還是不會用，所以就不寫了。
• 已經完成線條後，可以使用「節點工具」修改剛剛物件的節點
  • 在左方工具箱由上往下數第 2 個

參考資料#

• ChatGPT
• Inkscape 教學－15分鐘學會，最好用免費向量繪圖軟體（繁體中文版） | 歐的樂星球 O’s Fun Planet

延伸閱讀#

• Inkscape課程： 鋼筆工具(貝茲曲線)丨#inkscape #電腦繪圖 #向量 #自學丨Teacher Joe’s Classroom - YouTube
• 【設計】我的 Logo 的選色 - Chuan’s Space

後記閒聊#

　　原本腦袋裡已經有這個設計的想法了、但是不知道怎麼實作出來。手繪或是用小畫家鼠繪，肯定做不出這麼漂亮的弧形；研究 LibreOffice Impress（簡報工具）半天、找不到怎麼做四分之一圓，而且組起來可能看起來也怪怪的。

　　今天先是想到，如果我先手繪簡單的畫個草圖、有辦法請生成式 AI 畫出來嗎？又想到，現在專精於圖像的生成式 AI 這麼多，一定有人做專門設計 Logo 的吧？
　　去查了一下後者，還真的有，但都只能輸入品牌名稱、產業類型、想要的元素等等資訊，感覺還是 AI 在主導設計；而前者我還沒試，先問了 ChatGPT 怎麼畫弧線，得到「Inkscape」這個答案。

　　對於簡單的圖像設計，我也是有一點興趣——想著那乾脆去查一下怎麼用好了，於是找到了這篇好棒的基礎教學文章（Inkscape 教學－15分鐘學會，最好用免費向量繪圖軟體（繁體中文版） | 歐的樂星球 O’s Fun Planet）、看起來好簡單，所以就馬上下載來玩啦——
幾個小時就做出大致符合我想像樣子的 Logo、並能夠寫出這篇筆記了，耶～