Tweet
Tweet

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

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

Slide 28

Slide 28 text

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

Slide 29

Slide 29 text

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

Slide 30

Slide 30 text

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

Slide 31

Slide 31 text

31 CTRL 點一下 就變平滑了!

Slide 32

Slide 32 text

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

Slide 33

Slide 33 text

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

Slide 34

Slide 34 text

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

Slide 35

Slide 35 text

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

Slide 36

Slide 36 text

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

Slide 37

Slide 37 text

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

Slide 38

Slide 38 text

38 填充和邊線設定

Slide 39

Slide 39 text

39 填色 邊線顏色 邊線設定

Slide 40

Slide 40 text

40 對齊工具

Slide 41

Slide 41 text

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

Slide 42

Slide 42 text

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

Slide 43

Slide 43 text

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

Slide 44

Slide 44 text

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