• 向量概念
 
向量圖與點陣圖

 

 「向量圖」跟「點陣圖」最大差別在於，向量圖是以電腦計算出的曲線為範圍，不會因為無限放大而造成邊緣鋸齒狀；點陣圖則否，當解析度無法跟上影像放大的比例時，邊緣將產生鋸齒狀。以下圖為例，圖像放至極大後，左邊的點陣圖與右邊的向量圖，邊緣的地方呈現明顯的解析度落差。

 
 

 

 

  
向量圖形繪製方法

 
Step1

 

 

 使用「工具箱＞向量筆」工具，在畫面上點兩個點，將自動連成一條線；拖曳原點拉出一個拉軸，將線條修改成曲線。

 
 

 

 
Step2

 

 

 點選「工具箱＞向量圖形選擇」，控制拉軸以改變曲線弧度。

 
 

 

 
Step3

 

 

 填入色彩：

 

 
選取筆觸色彩：設定外框色。

 

 
切換筆觸色彩：替圖形外框上色。

 

 
選取填入色彩：設定圖形顏色。

 

 
切換填入色彩：替圖形上色。

 
 

 

 

  • 工具解說
 
向量圖基本工具

 

 「工具箱」中有兩個向量工具「向量筆刷」與「向量編輯工具」，點擊後，上方「屬性列」便會展開各種不同功能。

 

  

 
向量筆刷

 
 

 

 

  

 
向量編輯工具

 

 

 在「屬性列」中，「向量筆刷」與「向量編輯工具」共用「選取／切換筆觸色彩」和「選取／切換填入色彩」功能，後面四個工具也是重複的。

 
 

 

 

  
貝茲曲線

 

 「貝茲曲線」英文原名為「Path」，意即「路徑」。向量是經由數學曲線計算出來的，如果是手繪的不平順線條，將大幅增加計算難度。因此，向量圖形都是藉由簡單的曲線來繪製，這就是所謂的「貝茲曲線」。

 

  

 
向量筆

 

 

 「向量筆」是繪製貝茲最重要的工具，點一下可以產生一個「節點」，兩個「節點」形成一條「貝茲曲線」，每個「節點」可以拉出兩條控制曲線弧度的「軸線」；曲線愈複雜，所需「節點」愈多。

 
 

 

 

  

 
向量圖形

 

 

 「向量筆刷」中的「矩形向量圖形」和「橢圓向量圖形」，就是利用向量畫出的矩形和橢圓，這些圖形一樣擁有「貝茲曲線」以控制弧度。

 
 

 

 

  

 
快速向量筆

 

 

 點選「向量筆刷」中的「快速向量筆」後，可以直接使用數位板畫出想要的線條，再由電腦自動換算為「貝茲曲線」，使用相當方便。但是，由於手繪線條不易平順，因此無法繪製出完美的曲線。

 
 

 

 
向量編輯工具

 

 
向量圖形選擇

 

 

 

 「向量圖形選擇」可以框選出一個範圍，讓範圍內的「節點」變成紅色，轉換為可編輯的「節點」。

 
 

 

 

 

 

 拉動紅色「節點」就可任意改變位置。

 
 

 

 

  

 

 
轉換節點

 

 

 

 選用「轉換節點」，即可拉動「節點」上的「軸線」，藉以改變「貝茲曲線」的弧度。

 
 

 

 

  

 

 
剪刀

 

 

 

 「剪刀」可以切斷「節點」，將原本的「貝茲曲線」一分為二。

 
 

 

 

  

 

 
加入節點

 

 

 

 「加入節點」可以在選定的線段上新增「節點」。

 
 

 

 

  

 

 
移除節點

 

 

 

 「移除節點」可以刪除指定的「節點」。

 
 

 

 

  
向量填色工具

 
填色

 

 

 向量圖形也可以畫出彩色的圖片，使用「切換筆觸色彩」和「切換填入色彩」即可為圖形上色。如下圖所示，「切換筆觸色彩」就是選擇圖形外框的色彩，「切換填入色彩」就是選擇圖形的顏色。

 
 

 

 

  

 
調整細節參數

 

 

 呼叫「設定向量圖形屬性」面板，即可設定向量圖形上色時的細節。呼叫方式有二：

 

 
點選工具列「向量圖形＞設定向量圖形屬性」。

 

 
使用向量工具時，直接點選「屬性列」最後一個圖示。

 
 

 

 

 

  • 範例實作

 

 

經由「小兔子」範例實作，瞭解向量圖的繪製與應用。

 

  

 
Step1

 

 

 以點陣圖製作草圖，再依據草圖繪製成向量圖形。

 
 

 

 
Step2

 

 

 降低草圖圖層的「不透明度」，轉換為半透明狀態，方便繪製向量圖時觀察位置。

 
 

 

 
Step3

 

 

 調整上方的「填入色彩」和「筆觸色彩」。

 
 

 

 

 

 即可一邊繪製形狀一邊上色彩。

 
 

 

 
Step4

 

 

 繪製耳朵，利用圖層重疊概念將之拉到頭部後方。

 
 

 

 
Step5

 

 

 依Step3～4完成人物身體繪製。

 
 

 

 
Step6

 

 

 繪製臉部時，可以降低圖層不透明度觀察位置。

 
 

 

 
Step7

 

 

 大致完成後進行細節檢查，例如節點轉折處平順與否。耐心檢查，一一整理完成即可。

 
 

 

 
Step8

 

 

 繪製玫瑰花；開啟「設定向量圖形屬性」，打開右邊的星星圖形，可以產生圖形覆蓋後的切割效果，再使用「快速曲線」，在兔子周圍隨意轉幾個圓圈，製作出簡單、可愛的玫瑰花。

 
 

 

 
 

 

 

 

arrow
arrow
    全站熱搜

    小酒窩 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄