矢量圖形與路徑

矢量圖形與路徑第1頁，課件共24頁，創(chuàng)作于2023年2月關(guān)于鋼筆工具鋼筆工具屬于矢量繪圖工具，其優(yōu)點(diǎn)是可以勾畫平滑的曲線，在縮放或者變形之后仍能保持平滑效果。鋼筆工具畫出來的矢量圖形稱為路徑，路徑是矢量的路徑允許是不封閉的開放狀，如果把起點(diǎn)與終點(diǎn)重合繪制就可以得到封閉的路徑。

第2頁，課件共24頁，創(chuàng)作于2023年2月然后用鋼筆在畫面中單擊，會(huì)看到在擊打的點(diǎn)之間有線段相連。

保持按住Shift鍵可以讓所繪制的點(diǎn)與上一個(gè)點(diǎn)保持45度整數(shù)倍夾角（比如零度、90度），這樣可以繪制水平或者是垂直的線段（圖中從第5個(gè)點(diǎn)開始按下了Shift鍵）從上面的簡(jiǎn)單練習(xí)中我們得出兩個(gè)規(guī)律：

我們并沒有直接繪制線段，而是定義了各個(gè)點(diǎn)的位置，軟件則在點(diǎn)間連線成型

控制線段形態(tài)（方向、距離）的，并不是線段本身，而是線段中的各個(gè)點(diǎn)的位置

記住兩個(gè)術(shù)語：

那些點(diǎn)稱為“錨點(diǎn)”(anchor)

錨點(diǎn)間的線段稱為“片斷”(segment)

剛才我們繪制的那些錨點(diǎn)，由于它們之間的線段都是直線，所以又稱為直線型錨點(diǎn)。

第3頁，課件共24頁，創(chuàng)作于2023年2月曲線形錨點(diǎn)如下圖所示般，在起點(diǎn)按下鼠標(biāo)之后不要松手，向上拖動(dòng)出一條方向線后放手

然后在第二個(gè)錨點(diǎn)拖動(dòng)出一條向下的方向線，以此類推，畫出類似圖示的路徑第4頁，課件共24頁，創(chuàng)作于2023年2月曲線形錨點(diǎn)我們看到，在繪制出第二個(gè)及之后的錨點(diǎn)并拖動(dòng)方向線時(shí)，曲線的形態(tài)也隨之改變，那么究竟曲線是怎樣生成的，我們又該如何來控制曲線的形態(tài)呢？

除了具有直線的方向和距離外，曲線多了一個(gè)彎曲度的形態(tài)，

方向和距離只要改變錨點(diǎn)位置就可以做到，但是彎曲度該如何控制？

如圖在工具欄選擇“直接選擇工具”，注意是下方那個(gè)空心的箭頭假設(shè)我們剛才繪制的4個(gè)錨點(diǎn)分別是ABCD

用“直接選擇工具”去點(diǎn)取位于AB之間的片斷

會(huì)看到剛才我們繪制AB錨點(diǎn)時(shí)候定義的方向線第5頁，課件共24頁，創(chuàng)作于2023年2月曲線形錨點(diǎn)仔細(xì)看一下這兩個(gè)方向線

再這樣想象：

一個(gè)人要從A點(diǎn)到B點(diǎn)，在A點(diǎn)出發(fā)的時(shí)候，位于A點(diǎn)的其他人看到他是朝著上偏右的方向走的

而位于B點(diǎn)的人，看到他是朝著下偏右的方向來的

那么綜合兩地的觀測(cè)結(jié)果。就可以得出這個(gè)人行走的路線：必定是一個(gè)類似鍋蓋的上弧形現(xiàn)在我們選擇如圖的“轉(zhuǎn)換點(diǎn)工具”，該工具用來修改方向線然后如下圖所示般改變AB錨點(diǎn)上的方向線，將會(huì)看到曲線彎曲度的改變

注意方向線末端有一個(gè)小圓點(diǎn)，這個(gè)圓點(diǎn)稱為“手柄”，要點(diǎn)擊手柄位置才可以改變方向線第6頁，課件共24頁，創(chuàng)作于2023年2月曲線形錨點(diǎn)結(jié)合剛才所作的比喻，就不難理解了：

修改B錨點(diǎn)方向線為下，相當(dāng)于指定那個(gè)人從A點(diǎn)上方出發(fā)后，從B點(diǎn)下方進(jìn)入，那么所走的路程就是一個(gè)S形

再修改A錨點(diǎn)方向線為下，相當(dāng)于從A點(diǎn)下方出發(fā)，再從B點(diǎn)下方進(jìn)入，所走的就是一個(gè)下弧形的路程

修改后的方向線如下圖：第7頁，課件共24頁，創(chuàng)作于2023年2月曲線形錨點(diǎn)明白了方向線的方向?qū)η€形態(tài)的影響后，我們來看一下方向線長短造成的影響

如左圖般，在同一方向上拖拉方向線：（可使用“直接選擇工具”）對(duì)于一個(gè)錨點(diǎn)而言，如果方向線越長，那么曲線在這個(gè)方向上走的路程就越長，反之就越短

可以這樣設(shè)想，曲線是一個(gè)橡皮筋，在頭尾兩端有兩個(gè)力在各自的方向上拉

哪個(gè)方向上力氣大，則橡皮筋就朝向這個(gè)方向多靠攏一些。反而反之除了修改錨點(diǎn)之外，也可以利用“直接選擇工具”，在片斷上修改曲線的形態(tài)

如右圖：

第8頁，課件共24頁，創(chuàng)作于2023年2月曲線形錨點(diǎn)注意：這并不能說是“修改了片斷”，而應(yīng)該說是“同時(shí)修改了兩個(gè)錨點(diǎn)”

牢記原則：片斷是由錨點(diǎn)組成的，只有修改錨點(diǎn)才能改變片斷形態(tài)，這是不可逆的因果關(guān)系

做一下小結(jié)：

對(duì)于這條曲線上的除了起點(diǎn)和終點(diǎn)的BC兩個(gè)錨點(diǎn)而言，都存在兩條方向線：

一條是從上一個(gè)錨點(diǎn)“來向”的方向線；另一條是通往下一個(gè)錨點(diǎn)的“去向”的方向線

對(duì)于起點(diǎn)，只存在“去向”的方向線；對(duì)于終點(diǎn)，只存在“來向”的方向線

第9頁，課件共24頁，創(chuàng)作于2023年2月記住一個(gè)原則：繪制曲線的錨點(diǎn)數(shù)量越少越好

因?yàn)槿绻^點(diǎn)數(shù)量增加，不僅會(huì)增加繪制的步驟，同時(shí)也不利于后期的修改

練習(xí)過渡目標(biāo)第10頁，課件共24頁，創(chuàng)作于2023年2月問題：

兩個(gè)錨點(diǎn)似乎可以包攬全部曲線形態(tài)了？

這個(gè)觀點(diǎn)顯然是錯(cuò)誤的，例如我們前面首個(gè)實(shí)例所繪制的曲線，就需要兩個(gè)以上的錨點(diǎn)。

那么，如何讓所用的錨點(diǎn)數(shù)量最少？

實(shí)際上這里還隱含著另外一個(gè)問題：究竟在哪里定錨點(diǎn)才是最佳的？

下面是我個(gè)人總結(jié)出來的規(guī)律：

兩個(gè)錨點(diǎn)之間的曲線形態(tài)分為兩類：C形和S形

C形的幾種形態(tài)如左圖，它們的方向如右圖：第11頁，課件共24頁，創(chuàng)作于2023年2月

S形曲線的幾種形態(tài)及其方向如下圖：第12頁，課件共24頁，創(chuàng)作于2023年2月下面的動(dòng)畫演示了在調(diào)整方向線的時(shí)候，從C形到S形之間的分界點(diǎn)

在了解（并且理解）C、S這兩種曲線的形態(tài)以后

大家在繪制之前就可以分析出究竟需要多少個(gè)錨點(diǎn)

其實(shí)就是分析出，有多少個(gè)可以用一條曲線（C形或S形）來繪制的區(qū)域

雖然錨點(diǎn)的數(shù)量可以反映出繪圖人的水平和熟練度

但是對(duì)于大多數(shù)人而言，只要能夠滿足需要就足夠了

所以在實(shí)際繪圖的時(shí)候，不必過于苛求減少錨點(diǎn)的數(shù)目

第13頁，課件共24頁，創(chuàng)作于2023年2月曲線形錨點(diǎn)現(xiàn)在來實(shí)際繪制一個(gè)M形,類似麥當(dāng)勞的標(biāo)志

我們將介紹三種過程,請(qǐng)先看清楚文字說明再看動(dòng)畫演示

第一種方法：在完成繪制后，再修改第二個(gè)錨點(diǎn)的“去向”的方向線，并可以適當(dāng)移動(dòng)錨點(diǎn)位置

（繪制完后按住Ctrl鍵在路徑之外任意位置點(diǎn)擊，即可完成繪制）在其中我們注意到一個(gè)現(xiàn)象：

新建立一個(gè)曲線錨點(diǎn)并拖動(dòng)它的方向線的時(shí)候

實(shí)際上隨著鼠標(biāo)移動(dòng)的是“去向”這條方向線，而“來向”方向總是與之成180度水平夾角的，并且長度也相同

所以，雖然本來我們應(yīng)該把第二個(gè)錨點(diǎn)的“去向”定為右上方

但是為了“來向”的正確，不得已先將其定在右下方，然后在完成繪制后，再單獨(dú)修改其“去向”

這種方法可以形容為“丟去保來”（同理，也可以“丟來保去”）

在繪制數(shù)量較多的錨點(diǎn)時(shí)就顯得很不方便，因?yàn)榭偪床坏秸_的曲線

第14頁，課件共24頁，創(chuàng)作于2023年2月曲線形錨點(diǎn)第二種繪制過程：

在建立第二個(gè)錨點(diǎn)并遵循“來向”定義好方向線之后，再修改“去向”方向線，使曲線可以正確地繪制下去

（繪制完后按住Ctrl鍵在路徑之外任意位置點(diǎn)擊，即可完成繪制）雖然頻繁地切換工具有點(diǎn)麻煩，但可以讓曲線始終沿著指定的路線繪制

（同理，也可以先遵循“去向”定好方向線，再修改“來向”）

實(shí)際上，在定好第二個(gè)錨點(diǎn)后，不用到工具欄切換工具

將鼠標(biāo)移動(dòng)到方向線手柄上，按住ALT鍵即可暫時(shí)切換到“轉(zhuǎn)換點(diǎn)工具”進(jìn)行調(diào)整；

而按住Ctrl鍵將暫時(shí)切換到“直接選擇工具”，可以用來移動(dòng)錨點(diǎn)位置

松開Alt或Ctrl鍵即恢復(fù)鋼筆工具，可繼續(xù)繪制

要注意的是：

雖然“直接選擇工具”也可以修改方向線，但“來向”“去向”有時(shí)候（當(dāng)兩者同時(shí)顯示的時(shí)候）會(huì)被其一起修改

第15頁，課件共24頁，創(chuàng)作于2023年2月第三種方法（標(biāo)準(zhǔn)方法）：

此法實(shí)際就是上面講到的快捷鍵的另一種操作方式，也是在不切換工具的條件下，使用快捷鍵來完成方向線的修改

做到不間斷地繪制整條曲線

（繪制完后按住Ctrl鍵在路徑之外任意位置點(diǎn)擊，即可完成繪制）在動(dòng)畫中大家看到一個(gè)提示“調(diào)整結(jié)束后，先松開鼠標(biāo)再放開ALT鍵，否則將打亂來向方向線”

如果Alt鍵先被松開，將會(huì)使這個(gè)錨點(diǎn)的“來向”和“去向”恢復(fù)到長度相等的水平夾角位置

這沒有多大關(guān)系，再按下ALt鍵即可再次單獨(dú)調(diào)整

第16頁，課件共24頁，創(chuàng)作于2023年2月接著我們?cè)賮韲L試?yán)L制一個(gè)心形，如下圖

（繪制完后按住Ctrl鍵在路徑之外任意位置點(diǎn)擊，即可完成繪制）注意：如果沒有先按住Alt鍵就連接起點(diǎn)，將無法單獨(dú)調(diào)整方向線，此時(shí)再按下Alt鍵即可單獨(dú)調(diào)整第17頁，課件共24頁，創(chuàng)作于2023年2月到這里，大家對(duì)路徑已經(jīng)有了大概的認(rèn)識(shí)，下面我們補(bǔ)充一些繪制中的其他問題

半曲線錨點(diǎn)的繪制：

有時(shí)候我們需要一個(gè)錨點(diǎn)左邊是曲線，右邊是直線，就需要用這種方法來繪制，如下圖第18頁，課件共24頁，創(chuàng)作于2023年2月繪制錨點(diǎn)后，按住Alt鍵單擊一下錨點(diǎn)，那么這個(gè)錨點(diǎn)的“去向”就變?yōu)榱酥本€

只有“去向”能改變?yōu)橹本€，如果需要“來向”為直線，則需要在上一個(gè)錨點(diǎn)操作

即使轉(zhuǎn)換為半曲線錨點(diǎn)了，繪制下一個(gè)錨點(diǎn)的時(shí)候仍然是可以帶有方向線的，如下圖：

第19頁，課件共24頁，創(chuàng)作于2023年2月這樣看來似乎很矛盾，為何還有曲線出現(xiàn)？

須記住，假設(shè)半曲線錨點(diǎn)A的“去向”為直線，這樣對(duì)于下一個(gè)錨點(diǎn)B而言，B的“來向”也是直線

但是如果錨點(diǎn)B的“去向”為曲線的話，還是會(huì)導(dǎo)致AB之間的片斷呈曲線形

不過這條曲線永遠(yuǎn)只能是C形曲線，因?yàn)樗鄙倭硗庖粭l方向線的控制

可以用一條形狀相類似的正常曲線錨點(diǎn)來比較一下第20頁，課件共24頁，創(chuàng)作于2023年2月下圖演示了從“半曲線”轉(zhuǎn)換為“正常曲線”錨點(diǎn)及從“正常曲線”到“半曲線”的步驟

可以看到，在選擇了路徑的情況下，停留在路徑上方的鋼筆工具可以自動(dòng)判斷增加或是減少錨點(diǎn)

如果停在片斷上方，為增加錨點(diǎn)；如果停在已有錨點(diǎn)上方，則為減去該錨點(diǎn)

注意：增加或是減少錨點(diǎn)可能導(dǎo)致路徑形態(tài)改變

第21頁，課件共24頁，創(chuàng)作于2023年2月既然鋼筆工具本身就附帶了增加和減去的功能，那么為何在工具欄中還有單獨(dú)的增加錨點(diǎn)和減去錨點(diǎn)工具呢？這是因?yàn)橛袝r(shí)候可能需要在錨點(diǎn)密集區(qū)增加更多錨點(diǎn)，如果就用鋼筆工具的話，則有可能誤減已有的錨點(diǎn)。

對(duì)于一條已經(jīng)繪制完畢的路徑，有時(shí)候需要在其上追加錨點(diǎn)（也有可能是在半途意外終止繪制）

首先應(yīng)將路徑顯示出來（可從路徑面板查找并點(diǎn)擊路徑）

然后使用鋼筆工具在末尾的錨點(diǎn)單擊（當(dāng)移動(dòng)到末尾錨點(diǎn)的時(shí)候光標(biāo)會(huì)有提示）

此時(shí)即可繼續(xù)繪制，見下圖：

第22頁，課件共24頁，創(chuàng)作于2023年2月如果要將多條獨(dú)立的路徑連接在一起，可以如下圖操作：

需要注意的是在調(diào)整方向線的時(shí)候可以按住Alt鍵單獨(dú)調(diào)整其中一條還有一個(gè)繪制曲線的技巧：

要繪制一條光滑的曲線，就必須保持錨點(diǎn)上“來向”與“去向”的夾角為180度的水平角（方向線長短無關(guān)）

注意如果更改了夾角，就有可能形成類似m的形狀

第23頁，課件共24頁，創(chuàng)作于2023年2月路徑練習(xí)十步曲a、b、c分別代表鋼筆的三個(gè)控制點(diǎn)，對(duì)應(yīng)如下：

。...........。.............。

a............b...............c

1、按住CTRL鼠標(biāo)點(diǎn)b然后拖動(dòng)觀察現(xiàn)象并記住此功能。

2、按住CTRL鼠標(biāo)點(diǎn)a或c然后拖動(dòng)觀察現(xiàn)象并記住此功能。

3、按住ALT鼠標(biāo)點(diǎn)b觀察現(xiàn)象并記住此功能。

4、按住ALT鼠標(biāo)點(diǎn)a或c然后拖動(dòng)觀察現(xiàn)象并記住此功能。

5、畫下一個(gè)節(jié)點(diǎn)時(shí)按住SHIFT觀察現(xiàn)象并記住此功能。

6、畫下一個(gè)節(jié)點(diǎn)時(shí)按住CTRL觀察現(xiàn)象并記住此功能。

7、畫下一個(gè)節(jié)點(diǎn)時(shí)按住SHIFT不松鼠標(biāo)拖動(dòng)觀察現(xiàn)象并記住此功能。

8、回到以繪完的接點(diǎn)(就是b)，按住ALT點(diǎn)b觀