Inkscape 神奇的向量繪圖

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

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

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

4 https://thenounproject.com http://www.flaticon.com/ http://www.freepik.com/ https://FreeSVGClipArt.com/ FreeSVGClipArt: 幾乎全部公共授權 Freepik: 大約都是類似 CC
授權 Noun Project: 有部份公共授權, 其他 CC 授權 FlatIcon: 類似 CC 授權

5 Inkscape 三大繪圖法變形造形手繪

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

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

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

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

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

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

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

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

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

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

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

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

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

19 Inkscape 兩個物件運算 Path 選單下的 Union Diﬀerence Intersection 交集差集
聯集

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

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

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

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

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

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

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

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

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

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

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

31 CTRL 點一下就變平滑了!

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

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

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

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

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

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

38 填充和邊線設定

39 填色邊線顏色邊線設定

40 對齊工具

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

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

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

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

Inkscape 神奇的向量繪圖

Inkscape 神奇的向量繪圖

More Decks by [email protected]

Other Decks in Education

Featured

Transcript