設(shè)計(jì)軟件造型利器“貝賽爾曲線工具”詳解
說到Photoshop、Firewoeks、CorelDraw這些設(shè)計(jì)軟件里的“貝賽爾”工具，大家可能會(huì)有些陌生，其實(shí)就是我們常說的曲線（路徑、鋼筆）工具。
曲線工具在造型和摳圖中非常重要，但是很多朋友普遍感覺這個(gè)東西有些深?yuàn)W，操控起來也不是那么方便。也許你看了這篇文章之后，要掌握它就不會(huì)覺得太難了。
由于用計(jì)算機(jī)畫圖大部分時(shí)間是操作鼠標(biāo)來掌握線條的路徑（好的手寫板實(shí)在價(jià)格不菲），與
手繪的感覺和效果有很大的差別。即使是一位精明的畫師能輕松繪出各種圖形，拿到鼠標(biāo)想隨心所欲的畫圖也不是一件容易的事。這一點(diǎn)是計(jì)算機(jī)萬萬不能代替手工工作，所以到目前為止人們只能頗感無奈。使用貝塞爾工具畫圖很大程度上彌補(bǔ)了這一缺憾。
“貝賽爾曲線”是由法國數(shù)學(xué)家Pierre Bezier所發(fā)現(xiàn)，由此為計(jì)算機(jī)
矢量圖形學(xué)奠定了基礎(chǔ)。它的主要意義在于無論是直線或曲線都能在數(shù)學(xué)上予以描述。
“貝賽爾”工具在PhotoShop中叫“
鋼筆工具”；在CorelDraw中翻譯成“貝賽爾工具”；而在Fireworks中叫“畫筆”。它是用來“畫線”造型的一種專業(yè)工具。當(dāng)然還有很多工具也可以完成畫線的工作，例如大家常用的Photoshop里的直線、噴槍、畫筆工具（如圖一），F(xiàn)ireworks里的直線、鉛筆和筆刷工具（如圖二），CorelDraw里的自由筆，手繪工具等等（如圖三）。
圖一（Photoshop里的工具） 圖二（Fireworks里的工具） 圖三（CorelDraw里的工具）
用“貝塞爾”工具無論是畫直線或是曲線，都非常簡(jiǎn)單，隨手可得。其操作特點(diǎn)是通過用鼠標(biāo)在面板上放置各個(gè)
錨點(diǎn)，根據(jù)錨點(diǎn)的路徑和描繪的先后順序，產(chǎn)生直線或者是曲線的效果。我們都知道路徑由一個(gè)或多個(gè)直線段或曲線段組成。錨點(diǎn)標(biāo)記路徑段的端點(diǎn)。在曲線段上，每個(gè)選中的錨點(diǎn)顯示一條或兩條方向線，方向線以方向點(diǎn)結(jié)束。方向線和方向點(diǎn)的位置確定曲線段的大小和形狀。移動(dòng)這些元素將改變路徑中曲線的形狀，可以看下圖。路徑可以是閉合的，沒有起點(diǎn)或終點(diǎn)（如圓圈），也可以是開放的，有明顯的端點(diǎn)（如波浪線）。
特別推薦：
[動(dòng)畫圖解]Photoshop路徑鋼筆使用方法[視頻演示]Photoshop路徑工具組 Photoshop 路徑手冊(cè)下面我們將從貝賽爾曲線工具的重要概念、基本造型方法、不同設(shè)計(jì)軟件貝賽爾曲線工具造型特點(diǎn)、簡(jiǎn)單操作示例、設(shè)計(jì)實(shí)例幾個(gè)方面來詳細(xì)介紹貝賽爾曲線。
一、貝賽爾曲線工具的重要概念
關(guān)于“貝塞爾”工具，有兩個(gè)重要的概念需要了解，那就是“平滑點(diǎn)”和“角點(diǎn)”。
“平滑點(diǎn)”是指臨近的那條線段是平滑曲線，它位于線段中央。平滑曲線由稱為平滑點(diǎn)的錨點(diǎn)連接，當(dāng)移動(dòng)平滑點(diǎn)的一條方向線時(shí)，將同時(shí)調(diào)整該點(diǎn)兩側(cè)的曲線段。
我們畫上面這條曲線，來詳細(xì)講解平滑點(diǎn)。
1.用鼠標(biāo)在直線方向上點(diǎn)按兩個(gè)錨點(diǎn)
。
2.錨出第二個(gè)錨點(diǎn)的時(shí)候，鼠標(biāo)按住不放，向下拖移該點(diǎn)，這時(shí)就會(huì)顯示方向線，而曲線是向上方彎曲
。（曲線的變化是和方向線拖移的方向相反）。
3.鼠標(biāo)仍然按住不放，將方向線向上方拖移，曲線下彎
。
4.錨出第三個(gè)點(diǎn)，完成一條曲線。第二個(gè)錨點(diǎn)就是該曲線的平滑點(diǎn)
。
5.調(diào)整平滑點(diǎn)可以改變曲線形狀了
。
“角點(diǎn)”是指它臨近的那條線段至少一邊是直的，尖銳的曲線路徑由角點(diǎn)連接，當(dāng)移動(dòng)角點(diǎn)的一條方向線時(shí)，只調(diào)整與方向線同側(cè)的曲線段。
角點(diǎn)的操作過程和平滑點(diǎn)一樣，了解了它們的基本概念和操作，現(xiàn)在我們演示將平滑點(diǎn)轉(zhuǎn)換為角點(diǎn)的過程。
這是選擇的一個(gè)例子：
，鼠標(biāo)選中平滑點(diǎn)變成一個(gè)箭頭
，點(diǎn)按鼠標(biāo)顯示方向線，鼠標(biāo)移到方向線的一頭
，按住Alt鍵拖移方向線
，鼠標(biāo)選中方向線的另一頭拖移
，平滑的錨點(diǎn)現(xiàn)在已經(jīng)變成尖銳的錨點(diǎn)了
。
另外，我們還要特別講一下直線，直線也是曲線的一種。如果我們?cè)谝粋€(gè)水平面上用鋼筆工具描制兩個(gè)錨點(diǎn)，按兩點(diǎn)一線的法則這就是直線，如果我們?cè)诖嗣瓒鄠€(gè)錨點(diǎn)而設(shè)置貝賽爾曲線的曲率為零，這也是直線。曲線形狀的由錨點(diǎn)延伸出來的隱藏的切線決定，我們可以看圖，這是CroelDraw工具里貝塞爾曲線的使用法則。
切線的角度、長(zhǎng)度不同，曲線的形狀也不同。
二、貝賽爾曲線工具的基本造型方法
使用不同的工具時(shí)，雖然它們的貝塞爾工具名稱不相同，但都可以用來畫出各種路徑的圖形。例如我們用各種設(shè)計(jì)軟件同時(shí)創(chuàng)建一條“S”曲線，它們都是向曲線的隆起方向拖移第一個(gè)方向點(diǎn)，并向相反方向拖移第二個(gè)方向點(diǎn)。同時(shí)向一個(gè)方向拖移兩個(gè)方向點(diǎn)將創(chuàng)建“S”曲線。
再看下圖。我們分別用Fireworks和Photoshop兩種工具來畫同樣一個(gè)圖形，通過觀察它們的每一個(gè)操作步驟，更全面的了解其貝賽爾工具。
Fireworks繪制的圖形過程 Photoshop繪制的圖形過程 兩種工具都是5步就完成畫圖，并且都有6個(gè)錨點(diǎn)，路徑相同。所以繪制簡(jiǎn)單的圖形，使用哪一種設(shè)計(jì)軟件，都能達(dá)到同樣的效果。不過既然是幾種軟件，那么總有它們相互區(qū)別的地方。
三、不同設(shè)計(jì)軟件貝賽爾曲線工具造型特點(diǎn)
用Fireworks畫筆，描制錨點(diǎn)的時(shí)候畫筆工具在面板上呈藍(lán)色矩形框，當(dāng)前選中的錨點(diǎn)矩形框?yàn)樗{(lán)色實(shí)心，描過了的錨點(diǎn)呈藍(lán)色空心。在前一個(gè)錨點(diǎn)繪制完成之后，拖移鼠標(biāo)會(huì)顯示一條藍(lán)色的線條（橡皮帶）描下一錨點(diǎn)，這樣一個(gè)一個(gè)的，直到繪制完成。在繪制最后一個(gè)錨點(diǎn)時(shí)，如果我們的圖形路徑不是封閉的，那么在最后一個(gè)錨點(diǎn)處，需要雙擊鼠標(biāo)結(jié)束工作。Fireworks里還有很多繪制曲線的輔助工具如：自由變換工具等，都能幫助我們繪制合意的圖形。
用Photoshop的鋼筆工具時(shí)，它的當(dāng)前錨點(diǎn)使用黑色實(shí)心矩形框顯示，沒選中的錨點(diǎn)呈黑色空心框，而繪制兩個(gè)臨近的錨點(diǎn)它是點(diǎn)按操作，如果在選項(xiàng)欄里我們沒用選擇“橡皮帶”，那么線段路徑點(diǎn)按完成以后才顯示。選中“像皮帶”，其操作過程和Fireworks相同。若要結(jié)束開放的路徑組件，請(qǐng)?jiān)凇斑x項(xiàng)欄”里點(diǎn)按“
”，或按住Ctrl鍵在路徑外點(diǎn)按。若要關(guān)閉路徑組件，請(qǐng)將鋼筆指針定位在第一個(gè)錨點(diǎn)上。如果放置的位置正確，筆尖旁將出現(xiàn)一個(gè)小圈，點(diǎn)按以關(guān)閉路徑。Photoshop里面的鋼筆工具有幾類：鋼筆工具，自由鋼筆工具，添加錨點(diǎn)工具，刪除錨點(diǎn)工具和轉(zhuǎn)換點(diǎn)工具。其自身都有它特定的功能，較Fireworks的畫筆工具功能強(qiáng)大得多，但其復(fù)雜程度也較高。
用CorelDraw的貝賽爾工具也有它獨(dú)特的功能和操作法則。例如畫直線，選中要使用的工具時(shí)鼠標(biāo)是
，點(diǎn)按鼠標(biāo)定出起始端點(diǎn)，然后移動(dòng)鼠標(biāo)指針到需要的位置。注意只是移動(dòng)，不要按著任何鼠標(biāo)鍵。點(diǎn)按一下，描出結(jié)束點(diǎn)，一條直線畫成。選中狀態(tài)下的線段路徑起點(diǎn)處的錨點(diǎn)比結(jié)束端的錨點(diǎn)大，這和前兩種工具是有所區(qū)別的。畫封閉的曲線時(shí)，把最后一個(gè)節(jié)點(diǎn)定在起始節(jié)點(diǎn)上，指針變成
，點(diǎn)擊一下就會(huì)成為封閉圖形。CorelDraw按下“空格鍵”結(jié)束畫線操作。第二種方法是按鍵盤“Esc”鍵強(qiáng)行停止當(dāng)前操作。這樣可以作出一個(gè)不封閉的圖形。另外在CorelDraw軟件里，貝賽爾工具在選項(xiàng)欄中有很多輔助功能可供選擇產(chǎn)生各種線條效果，例如在“起始箭頭選擇器”有多種起始箭頭的選擇，也可以選擇結(jié)束處的箭頭，或是輪廓的樣式。
總的來說，每個(gè)繪圖軟件各有其長(zhǎng)短，因此不同工具中貝塞爾曲線工具的功能也各有千秋。三種軟件之中Fireworks畫筆功能相對(duì)弱一些，Photoshop鋼筆工具功能比較全面，CorelDraw軟件和前面兩種軟件的區(qū)別較大。畢竟它們?cè)谟?jì)算機(jī)圖形設(shè)計(jì)技術(shù)中各自都有自身的專業(yè)目的，因此對(duì)各種工具的功能要求不同。Fireworks主要是用在網(wǎng)頁圖形設(shè)計(jì)方面，配合Dreamweaver軟件使用。Photoshop則是專業(yè)的計(jì)算機(jī)圖形設(shè)計(jì)軟件，結(jié)合yl-011230-t-Ready設(shè)計(jì)各種靜態(tài)、動(dòng)態(tài)的圖片。CorelDraw則是具有強(qiáng)大的排版功能，多用于廣告設(shè)計(jì)。
下面我們用表格來歸納這三個(gè)軟件的特點(diǎn)。這里將總結(jié)出三種軟件各自不同的功能，有它們的相似之處，但是特別需要注意的是各種軟件之間很細(xì)小的區(qū)別，初學(xué)者在這些方面比較容易混淆的。（紅色字體表示軟件之間相同之處）。
軟件名稱PhotoshopFireworksCorelDraw
工具名稱鋼筆畫筆貝賽爾工具
快捷鍵PPF5
功能畫直線、曲線，描繪圖形的路徑畫直線、曲線，描繪圖形的路徑畫直線、曲線，描繪圖形的路徑
Shift鍵操作曲率按45度的角度變換曲率按45度的角度變換進(jìn)行多重選擇
Alt鍵操作按住描出角點(diǎn)，畫直線，選中“橡皮帶”可畫曲線按住描出角點(diǎn)，可畫直線和曲線按住描出角點(diǎn)，只能畫直線
工作時(shí)的狀態(tài)鼠標(biāo)呈鋼筆狀態(tài)，錨點(diǎn)呈黑色矩形框鼠標(biāo)呈鋼筆狀態(tài)，錨點(diǎn)呈藍(lán)色矩形框鼠標(biāo)呈十字狀態(tài)，錨點(diǎn)呈黑色矩形框
橡皮帶選中時(shí)有，可以不選有無
路徑閉合狀態(tài)無選擇可選擇自動(dòng)閉合路徑可選擇自動(dòng)閉合路徑
輔助工具有有有
增加錨點(diǎn)選擇添加錨點(diǎn)工具
或選項(xiàng)欄里選擇“自動(dòng)添加／刪除”選中“鋼筆”工具指向錨點(diǎn)單擊鼠標(biāo)增加選中“畫筆”工具雙擊鼠標(biāo)增加選擇“挑選工具”雙擊鼠標(biāo)增加
刪除錨點(diǎn)選擇刪除錨點(diǎn)工具
或在選項(xiàng)欄里選擇“自動(dòng)添加／刪除”選中“鋼筆”工具指向錨點(diǎn)單擊鼠標(biāo)刪除
選中“畫筆”工具指向錨點(diǎn)雙擊鼠標(biāo)刪除
選擇“挑選工具”指向錨點(diǎn)雙擊鼠標(biāo)刪除
調(diào)節(jié)錨點(diǎn)選擇“轉(zhuǎn)換點(diǎn)工具”
或者按住“Ctrl”+“移動(dòng)工具”選擇“挑選工具”調(diào)節(jié)選擇“挑選工具”調(diào)節(jié)
退出按住“Ctrl”鍵在路徑外點(diǎn)按或在“選項(xiàng)欄”里選擇“
”雙擊鼠標(biāo)按下“空格鍵”或按“Esc”鍵
基本的操作講完了，現(xiàn)在我們來看簡(jiǎn)單的操作實(shí)例。
四、貝賽爾曲線簡(jiǎn)單操作示例
下面是用Fireworks畫筆用法的實(shí)例。
右圖是文字按曲線路徑排列的效果，這是畫筆工具最廣泛的運(yùn)用。
a.先在畫板上描繪出一條曲線段。
b.我們?cè)賹懞谩癋ireworks”字樣，結(jié)合Fireworks里圖形的描邊，陰影等等功能，制作出同樣精美的文字效果。
c.按鍵盤Ctrl+A，或選擇菜單“編輯”－“選擇全部”（Select All），或者點(diǎn)擊鼠標(biāo)右鍵“選擇全部”（Select All），將字樣和路徑全部選中。
d.在菜單欄里，“文字”（Text）選項(xiàng)下選擇“文本適配路徑”（Attch to Path）快捷鍵為 “Ctrl+Alt+Y”，就可以將文字結(jié)合到特殊的路徑上，如上圖。結(jié)合后的文字依舊可以通過Text Editor進(jìn)行編輯，也可以使用不同的Align 方式定義不同的路徑圍繞效果。
在Photoshop和CorelDraw軟件里也能制作這種文字效果，只是這兩種工具有專門的文本樣式插件，制作文本效果非常簡(jiǎn)便，一般設(shè)計(jì)師在用這兩個(gè)軟件處理文字時(shí)都用文本樣式選擇。那么在這里就不必過多的講解這兩個(gè)軟件的文字制作了。
現(xiàn)在我們用Photoshop鋼筆工具來繪制曲線。
1.將指針定位于曲線的起點(diǎn)，并按住鼠標(biāo)按鈕。此時(shí)會(huì)出現(xiàn)第一個(gè)錨點(diǎn)，同時(shí)指針將變?yōu)榧^。
2.向繪制曲線段的方向拖移指針。在此過程中，指針將引導(dǎo)其中一個(gè)方向點(diǎn)的移動(dòng)。按住Shift鍵，將該工具限制為45度的倍數(shù)，并且完成對(duì)第一個(gè)方向點(diǎn)的定位后，釋放鼠標(biāo)按鈕。方向線的長(zhǎng)度和斜率確定曲線段的形狀。以后可以調(diào)整方向線的一端或兩端。
（沿曲線方向拖移可設(shè)置第一個(gè)錨點(diǎn)。向相反方向拖移即完成曲線段）
3.將指針定位于曲線段的終點(diǎn)，并向相反方向拖移可完成曲線段。
4.執(zhí)行下列任一操作：
a.若要繪制平滑曲線的下一段，請(qǐng)將指針定位于下一段的終點(diǎn)，并向曲線外拖移。
（向曲線外拖移以創(chuàng)建下一段）
b.若要急劇改變曲線的方向，請(qǐng)釋放鼠標(biāo)，然后按住Alt鍵沿曲線方向拖移方向點(diǎn)。松開Alt鍵以及鼠標(biāo)按鈕，將指針重新定位于曲線段的終點(diǎn)，并向相反方向拖移以完成曲線段。
c.若要間斷錨點(diǎn)的方向線，應(yīng)按住Alt鍵拖移該線。
（按住Alt鍵沿曲線方向拖移方向點(diǎn)。松開此鍵，并向相反方向拖移）
更復(fù)雜的圖形也是用多段連續(xù)的貝賽爾曲線構(gòu)成。用CorelDraw工具方法頗有雷同，這里我們不再具體的講解了。
五、貝賽爾曲線工具的設(shè)計(jì)示例
下面我們用“貝賽爾”曲線工具來制作一個(gè)成形的實(shí)例，只有親手制作才更能理解它的功能。
設(shè)計(jì)工具我們選擇Fireworks。首先需要選擇一幅圖片，我選了這樣一幅建筑圖片。
我們的目的是在這幅圖片的基礎(chǔ)上進(jìn)行構(gòu)圖，這些建筑物本來是具有相當(dāng)現(xiàn)代的風(fēng)格，而通過畫筆工具的處理之后，它將變成為一幢幢卡通般的房子。這對(duì)于完全沒有繪畫基礎(chǔ)的朋友來說，想畫房子簡(jiǎn)直難上加難，但是現(xiàn)在有了畫筆工具這一切來的輕松自如。
第一步：描摹。選擇鋼筆工具開始對(duì)這張圖片描繪輪廓，為了便于我們描摹，最好是將圖片的透明度降低一點(diǎn)。
在繪制過程中因?yàn)檎麖垐D畫面較為復(fù)雜，因此不要大幅度的彎轉(zhuǎn)曲線，這樣我們不好勾勒下一筆。對(duì)于輪廓的選擇，你可以根據(jù)你希望的效果來定，并不一定要把原圖中的每一個(gè)部分都勾出來，否則會(huì)非常花時(shí)間，也沒有必要。我們勾圖的時(shí)候，最好把顯示比例放大一些，這樣可以描出細(xì)微的線條。
當(dāng)你按照你的要求勾完輪廓之后，你可以將一些不完善的錨點(diǎn)調(diào)整一下，然后選中這些線條，在“Stroke”面板里“Pencil”工具下選擇“1-Pixel Soft”使輪廓線條十分柔和，得到較好的勾勒效果。
第二步：成圖。我們剛才勾勒出的所有線條都合并在一起了，然后將底圖刪掉。
有了輪廓，這就是我們卡通房屋的“地基”。在“編輯”菜單下選擇“全選”或是按Ctrl+A全選場(chǎng)景中元素。
再按下Ctrl+Shift+Alt+Z將它們轉(zhuǎn)換成位圖。
Layer面板的全選狀態(tài) Layer面板合并成位圖狀態(tài) 第三步：填色。按照您自己的意愿填充些顏色就可以了。有一些比較細(xì)致的部分填充顏色不能完成，那么這一部分我們可以通過放大場(chǎng)景，利用筆刷工具來完成對(duì)有缺陷部位的填補(bǔ)。其間還有些不完美的地方，還可以用其它工具來幫忙。我所完成的最終的效果。
怎么樣？最終的成品是不是感覺有點(diǎn)神奇，你也許從來沒有想過自己也能制作出這樣一幅可愛的卡通圖片，當(dāng)然你并不是僅僅描摹建筑物，畫卡通人物也很不錯(cuò)的。這只是一個(gè)簡(jiǎn)單的例子，通過使用“貝賽爾”畫線線條，你完全能夠自己隨意的繪制圖形。
對(duì)于剛剛開始學(xué)設(shè)計(jì)的朋友們來說，心里很迫切的想盡快掌握其各種技巧，設(shè)計(jì)出精美的作品來。此時(shí)，你可能會(huì)因?yàn)椴涣私狻柏愘悹枴惫ぞ撸J(rèn)為要掌握這個(gè)東西一定非常困難。但是對(duì)于那些已經(jīng)是設(shè)計(jì)師的朋友來說，它所帶來的方便不言而喻！“貝賽爾”在我們進(jìn)行設(shè)計(jì)時(shí)用處之廣泛，每一位設(shè)計(jì)師在使用各種圖形軟件的時(shí)候，都要頻繁的用到它。本文結(jié)合了幾種常用的繪圖軟件，詳細(xì)的介紹了“貝賽爾”的基本使用方法，是初學(xué)者很快能上手。當(dāng)然每一門技術(shù)都有它深?yuàn)W不易完全掌握的地方，我們?cè)趯W(xué)會(huì)它的基本使用功能之后，更多的是要不斷的運(yùn)用，發(fā)揮你自身的創(chuàng)造能力，在實(shí)踐過程中總結(jié)出更多的技巧，將它巧妙的運(yùn)用在你的設(shè)計(jì)作品里，為你成功的設(shè)計(jì)當(dāng)好助手。
