介紹鋼筆工具和路徑的概念
介紹如何來控製曲線的形態(一)
介紹如何來控製曲線的形態(二)
小練習:畫鼠標外廓的曲線
曲線形態的分類:C形和S形
製作實例:麥當勞的標誌
製作實例:網頁中的應用(一)
製作實例:網頁中的應用(二)
鋼筆工具屬於矢量繪圖工具,其優點是可以勾畫平滑的曲線,在縮放或者變形之後仍能保持平滑效果。
鋼筆工具畫出來的矢量圖形稱為路徑,路徑是矢量的路徑允許是不封閉的開放狀,如果把起點與終點重合繪製就可以得到封閉的路徑。
現在我們來繪製一個簡單的路徑
如下圖在工具欄選擇鋼筆工具(快捷鍵P)
我們看到,在繪製出第二個及之後的錨點並拖動方向線時,曲線的形態也隨之改變.
究竟曲線是怎樣生成的,我們又該如何來控製曲線的形態呢?
除了具有直線的方向和距離外,曲線多了一個彎曲度的形態,
方向和距離隻要改變錨點位置就可以做到,但是彎曲度該如何控製?
如圖在工具欄選擇“直接選擇工具”,注意是下方那個空心的箭頭
注意:這並不能說是“修改了片斷”,而應該說是“同時修改了兩個錨點”
牢記原則:片斷是由錨點組成的,隻有修改錨點才能改變片斷形態,這是不可逆的因果關係.
下麵來做一下小結:
對於這條曲線上的除了起點和終點的BC兩個錨點而言,都存在兩條方向線:
一條是從上一個錨點“來向”的方向線;另一條是通往下一個錨點的“去向”的方向線,對於起點,隻存在“去向”的方向線;對於終點,隻存在“來向”的方向線.
下麵讓我們做個小練習,如圖:
記住一個原則:繪製曲線的錨點數量越少越好
因為如果錨點數量增加,不僅會增加繪製的步驟,同時也不利於後期的修改
在了解(並且理解)C、S這兩種曲線的形態以後,大家在繪製之前就可以分析出究竟需要多少個錨點.其實就是分析出,有多少個可以用一條曲線(C形或S形)來繪製的區域.雖然錨點的數量可以反映出繪圖人的水平和熟練度.但是對於大多數人而言,隻要能夠滿足需要就足夠了.所以在實際繪圖的時候,不必過於苛求減少錨點的數目.
現在來實際繪製一個M形,類似麥當勞的標誌
我們將介紹三種過程,請先看清楚文字說明再看動畫演示
第一種方法:在完成繪製後,再修改第二個錨點的“去向”的方向線,並可以適當移動錨點位置
(繪製完後按住Ctrl鍵在路徑之外任意位置點擊,即可完成繪製)
在其中我們注意到一個現象:
新建立一個曲線錨點並拖動它的方向線的時候
實際上隨著鼠標移動的是“去向”這條方向線,而“來向”方向總是與之成180度水平夾角的,並且長度也相同.所以,雖然本來我們應該把第二個錨點的“去向”定為右上方,但是為了“來向”的正確,不得已先將其定在右下方,然後在完成繪製後,再單獨修改其“去向”.這種方法可以形容為“丟去保來”(同理,也可以“丟來保去”),在繪製數量較多的錨點時就顯得很不方便,因為總看不到正確的曲線
現在我們介紹第二種繪製過程:
在建立第二個錨點並遵循“來向”定義好方向線之後,再修改“去向”方向線,使曲線可以正確地繪製下去
(繪製完後按住Ctrl鍵在路徑之外任意位置點擊,即可完成繪製)
雖然頻繁地切換工具有點麻煩,但可以讓曲線始終沿著指定的路線繪製
(同理,也可以先遵循“去向”定好方向線,再修改“來向”)
實際上,在定好第二個錨點後,不用到工具欄切換工具,將鼠標移動到方向線手柄上,按住ALT鍵即可暫時切換到“轉換點工具”進行調整;
而按住Ctrl鍵將暫時切換到“直接選擇工具”,可以用來移動錨點位置
鬆開Alt或Ctrl鍵即恢複鋼筆工具,可繼續繪製
要注意的是:
雖然“直接選擇工具”也可以修改方向線,但“來向”“去向”有時候(當兩者同時顯示的時候)會被其一起修改.
下圖是在網頁設計中經常用到的圖形