Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Inkscape 神奇的向量繪圖

Inkscape 神奇的向量繪圖

介紹 Inkscape 基本三要素: 變形、造形、手繪, 快速上手 Inkscape!

yenlung@mac.com
PRO

December 21, 2019
Tweet

More Decks by yenlung@mac.com

Other Decks in Education

Transcript

  1. Inkscape 神奇的向量繪圖 Soobi 營隊 政治大學應用數學系 蔡炎龍

  2. 2 Eric 老師的講義 http://ppt.cc/VNkV •

  3. 3 哪裡找 SVG 檔案來玩 介紹免費、或幾乎免費 (提⼀下作者名字就 可以) 的圖⽚庫

  4. 4 https://thenounproject.com http://www.flaticon.com/ http://www.freepik.com/ https://FreeSVGClipArt.com/ FreeSVGClipArt: 幾乎全部公共授權 Freepik: 大約都是類似 CC

    授權 Noun Project: 有部份公共授權, 其他 CC 授權 FlatIcon: 類似 CC 授權
  5. 5 Inkscape 三大繪圖法 變形 造形 手繪

  6. 6 創造 Inkscape 的物件 Inkscape 專⻑就是⽤簡單 的物件拼出漂亮的圖! 變形

  7. 7 三大物件 矩形、圓形、星形

  8. 8 就是勇敢的拖拉出來 實在沒什麼好教的

  9. 9 重點是按 按住 CTRL 就變正 CTRL 拖拉出正⽅、正圓...

  10. 10 物件基本修飾 我們可以做點變化

  11. 11 圓圓的控制點是重點 拉動⼀下矩形會變圓⾓

  12. 12 圓圓的控制點是重點 圓形的變化是這樣

  13. 13 兩個圓點中間的線就不會出現! 拉的時候指標放裡面

  14. 14 選取工具 快速鍵 S , 點⼀下選物件

  15. 15 按 CTRL 這⼤概是 Inkscape 最重要快捷鍵 D - 複製物件

  16. 16 選取顏色 Inkscape 超⽅便的顏⾊選取

  17. 17 直接按選填充顏色 按 Shift 選邊線顏色 這代表無色

  18. 18 Inkscape 物件運算 聯集、差集、交集 造形 畫圖也需要 邏輯感!

  19. 19 Inkscape 兩個物件運算 Path 選單下的 Union Difference Intersection 交集 差集

    聯集
  20. 20 記得要訣 都是上對下, 最後只留下方物件 Union 聯集

  21. 21 Difference 差集 記得要訣 都是上對下, 最後只留下方物件

  22. 22 Intersection 交集 記得要訣 都是上對下, 最後只留下方物件

  23. 23 Union 聯集 記得要訣 都是上對下, 最後只留下方物件

  24. 24 於是可做文式圖 事實上不只這樣... 練習時間!

  25. 25 還有類似這樣的 當然還有更多更多

  26. 26 向量繪圖的節點 還有好像很可怕的⾙⽒曲線 手繪

  27. 27 節點選取工具 修改物件時點選此⼯具再選物件

  28. 28 Path > Object to Path 直接拉出來的物件變成有控制節點的

  29. 29 畫圖就是點點點 王牌手繪工具

  30. 30 點點就可以出來一張圖 沒⼈覺得美 就是了

  31. 31 CTRL 點一下 就變平滑了!

  32. 32 更炫的是可以 直接拖拉!

  33. 33 但是你堅持要知道的話... 你幾乎可忘了貝氏曲線

  34. 34 貝氏曲線 基本上我們要做的就是, 決定在每個 節的切線⽅向和強度 就說你暫時可 以不要管它的

  35. 35 貝氏曲線 你想瞭解原理的話有段影⽚ https://vimeo.com/106757336

  36. 36 試著用各種技巧畫你的作品! 練習時間!

  37. 37 最後 就是你不知道你可能會哭的 幾個重要工具

  38. 38 填充和邊線設定

  39. 39 填色 邊線顏色 邊線設定

  40. 40 對齊工具

  41. 41 各種物件的對齊 方式, 非常重要

  42. 42 物件被選取時, 往上下層移動

  43. 43 安裝 Inkscape Windows 篇 下載 Inkscape https://inkscape.org 中文界面閃退修正 https://goo.gl/8BZc5u

  44. 44 Mac 篇 下載 Inkscape https://inkscape.org 下載 XQuartz https://www.xquartz.org 安裝後需登出

    安裝 Inkscape