Illustrator 10變形工具詳解,手繪技巧,課程

　　

　　Filter菜單下 Distort 系列命令和 Effect 菜單下Distort &Transform系列都可以進行功能強大形式多樣的變形操作，它們之間的差別你是否明白？　　>>>詳細內容

　　本文大致介紹了Illustrator 10中的一些變形方法，大家可以按自己的需要綜合使用、靈活應用。獨特的構思和豐富的想像力是設計工作中必要的素質，同時紮實的基本功更不可或缺，除了不斷地練習實踐和思考外別無捷徑可走。

　第一部分 一般對像變形操作

　　Illustrator 10中的對象常見變形操作有：旋轉、縮放、鏡像、傾斜等，可用的途徑有：

　　1. 利用對像本身的邊界框和控制手柄，這種方式比較直觀方便。（請參閱《Illustrator 黑白箭頭完全剖析》）
　　2. 利用工具箱中的專用變形工具，如旋轉工具，鏡像工具等。可以進行變形參數的相關設置
　　3. 利用Transform面板進行精確的基本變形操作。
　　4. 選擇對象，利用Object->Transform菜單或者用右鍵菜單。

　　下面介紹一般對像變形操作，並適當穿插一些體會和技巧。

　　一.旋轉

　　對像旋轉要有一個固定點，一般稱其為原點。默認原點是對象的中心點，當然也可改變原點位置。原點及其它具體如圖1。利用旋轉工具或對話框，還可以在旋轉時複製對象。


　　1、利用控制手柄旋轉：

　　選擇對象，將光標移動到對象的控制手柄上，光標變為圖1中彎曲雙箭頭形狀時，可拖動以進行旋轉。

　　2、利用旋轉工具：

　　選擇對象，按R切換到旋轉工具，單擊以確定原點（如果不單擊則以對像中心為原點），拖動光標使對像繞原點轉動。
　　要進行精確旋轉，執行Object->Rotate或者雙擊旋轉工具打開對話框進行設置。如圖2。



　　要在旋轉時複製對象，單擊「Copy」按鈕。要執行多次旋轉複製，執行Object->Transform-> Transform Again 或不斷按Ctrl+D。

　　當操作對像內部有填充圖案時，Object 和Patterns選項分別決定對兩者之一或兩者同時進行旋轉。選中「Preview」可以預覽旋轉結果。如圖3是同時選中Object 和Patterns選項，旋轉並複製的結果。可以看出填充圖案也跟著旋轉了。

　　3、用自由變形工具旋轉

　　按E切換到自由變形工具，其餘操作和利用控制手柄旋轉基本相同。

　　技巧及其它：

　　旋轉時按住Shift，可將旋轉角度限制為45度的倍數；用旋轉工具時，旋轉的同時按住Alt可複製對象。根據個人嘗試，用控制手柄和自由變形工具旋轉時按Alt並不能複製對象。
　　如果要在拖動旋轉時使旋轉角度增量小一些，可以在距離對像較遠處拖動操作。
　　當然還可以用Transform面板進行精確的旋轉，後面將集中介紹。

　二.放縮

　　可以在水平或垂直方向放大和縮小對象，也能在兩個方向上對對像整體縮放。默認情況下的原點是對像中心點。

　　1.用邊界框放縮

　　首先要選擇對象，並保證其邊界框已經顯示。光標變為雙向箭頭時，拖動邊界框上的控制手柄即可進行縮放。如圖4。也可單獨沿水平或垂直方向放縮。



　　2.用放縮工具

　　選擇對象並拖動即可放縮（注意光標變化），單擊以確定放縮原點，以原點為固定點進行放縮，離原點越遠，縮放程度越大。在新位置上雙擊可確定新原點。

　　3.用對話框精確放縮

　　雙擊縮放工具或執行Object->Transform-> Scale...打開對話框進行設置。

　　Uniform(等比)：可在Scale文本框中輸入等比縮放比例。
　　Non- Uniform(不等比)：輸入水平和垂直方向上的比例進行縮放。
　　Scale Strokes &Effect：選中此項，筆畫寬度也隨對像大小比例改變而進行縮放。
　　Copy：單擊以在縮放時進行複製。
　　Preview：進行效果預覽。
　　若有填充圖案，則可選擇是否一併對其縮放，這一點在原理上和旋轉操作基本一樣。

　　4. 用自由變形工具

　　選擇對象，切換到自由變形工具， 其餘操作同用邊界框放縮基本相同。

　　技巧及其它

　　縮放時按Shift可進行等比縮放；按住Alt可從中心縮放；同時按住Alt和Shift可從中心進行等比縮放。用放縮工具時先進行放縮再按住Alt可複製對象。也可以用Transform面板進行精確的縮放。

三.鏡像

　　可對所選對像按照指定的軸進行鏡像操作。

　　1.使用鏡像工具

　　選擇對像（可選擇多個），按O切換到鏡像工具，單擊確定鏡像原點（如果不單擊則默認為中心點），圍繞鏡像原點單擊拖動，此時顯示鏡像操作的預覽圖形，釋放鼠標可完成操作。如圖5。


　　2.使用對話框

　　雙擊鏡像工具或執行Object->Transform->Reflect...打開對話框進行設置。
　　可選擇沿水平或垂直軸生成鏡像，在Angle中輸入角度，則沿著此傾斜角度的軸進行鏡像。
　　同樣可以根據對像填充狀態設置Object 和Patterns選項，以決定是否對填充圖案進行旋轉。

　　3.使用自由變換工具

　　選擇一個或多個對象，用自由變換工具拖動邊界框上的控制手柄拖過反方向的邊或者控制手柄，達到要求時釋放鼠標即可完成操作。

　　四.傾斜

　　可以使選擇的對象進行傾斜，傾斜也要指定原點。不能用邊界框和控制手柄進行傾斜操作。

　　1.使用傾斜工具

　　選擇對像後，用傾斜工具單擊確定原點，拖動對像進行傾斜操作，可按Alt在傾斜時進行複製。按住Shift鍵可使對像在水平和垂直兩個方向上傾斜。如圖6。


　　2.使用對話框

　　雙擊傾斜工具或執行Object->Transform->Shear...打開對話框進行設置。
　　在Shear Angle文本框中輸入傾斜角度數，可以選擇沿水平，垂直軸或傾斜某一角度的軸進行傾斜操作。

　　3.使用自由變形工具

　　用自由變形工具按住對像上的控制手柄不放，同時按住Ctrl鍵（請注意光標變化），拖動控制手柄可進行傾斜操作。

　　4.製作透視

　　先選擇對象，再用自由變形工具按住對像上的控制手柄不放（注意按住不同的控制手柄其透視結果是不同的），再同時按下Shift+Ctrl+Alt，拖動控制手柄即可完成一種透視效果。如圖7。（因為抓圖時也要按一些快捷鍵，導致很難捕獲正在調整透視效果的圖，在此只好用完成透視後的效果）

五.Transform面板

　　選擇對像後，Transform面板會顯示其大小位置傾斜角度等信息，可輸入新數值進行變換。要注意數值是針對對像邊界框而言。單擊面板左側代表邊界框的方框上的手柄，可指定相應的操作參考點。

　　要移動，在X,Y文本框中輸入數值；要改變寬度和高度，在W,H文本框中輸入數值；要傾斜或旋轉，在圖8中所示的傾斜和旋轉文本框中輸入數值。輸入數值後按回車即可完成相應操作。



　　單擊面板右上方的三角，會有相應的下拉菜單命令，具體含義可參考以上各部分變形操作對話框中的相應選項，在此不再贅述。

六.Object菜單

　　選擇對象，利用Object->菜單下系列變形操作命令，或者用右鍵菜單中的Transform系列，也可打開相應的對話框進行變形，其選項和方法和用各種變形工具的應用是一樣的，這裡不再贅述。

　　如果需要重複執行上一次的變形操作，執行Object->Transform-> Transform Again。要變形並同時複製多個對象的情況下，可用此命令的快捷鍵Ctrl+D。

　　對於選擇的每一個對象，執行Object->Transform-> Transform Each可按設置進行分別變換。在Scale下設置對象的縮放；確定對像移動的位置；設置對像旋轉角度；選擇Reflect X 和Reflect Y可使變換後的對象沿著X,Y軸進行反射。選擇Random可進行隨機變換。如圖9是一群組對像執行分別變換後的結果。從中可見，各個對象的角度，大小和位置等都發生了變化。



　　總之，旋轉、縮放、鏡像、傾斜等等變形操作，是最常見也是應用比較廣泛的，應該算是基本功，更多的技巧還要通過不斷的和練習才能真正掌握。

第二部分：液化工具

　　一.Liquify效果概述

　　不知大家是否對Photoshop新版本中Liquify（液化）工具有所印象，現在矢量軟件Illustrator 10中也有了，讓我們一睹其芳容吧。如圖10。

　

　Illustrator 10新增七個Liquify工具，令文字、圖像和其它對象的交互變形變得輕鬆。這些工具的使用和Photoshop中的手指塗抹工具有些相像，不同的是，Photoshop的手指塗抹工具得到的結果是顏色的延伸，而液化工具可以得到從扭曲到誇張的變形，是對矢量圖形的改變。

　　進行液化變形操作之前，瞭解Liquify工具組應用對像範圍是很有必要的。

　　二.Liquify工具組應用對像範圍

　　根據個人初步嘗試，Liquify工具組可應用對像如下：

　　* 繪圖工具繪製的各種路徑：包括填充/未填充顏色的封閉路徑，填充/未填充顏色的開放路徑，應用了漸變填充的路徑，使用網格漸變（Mesh）的路徑對象。當然還有新增繪圖工具中的眩光對象。
　　* 應用了Blend的混合對象。
　　* 應用了筆刷（Brush）和樣式（Styles）的對象。
　　* 應用了封套變形的路徑，文本和圖形等（關於封套變形可應用的對象範圍見後面的「封套變形」一節）
　　* 光柵圖像，如JPG，，TIFF等圖形格式。
　　* 文本（包括文本和其它對象的群組）不能直接應用液化效果，否則會彈出對話框警告。必須先將文本轉化成曲線（Convert to Outline）。但是對文本應用封套後，可以直接應用液化效果。
　　* 噴灑的符號不能直接應用液化效果，否則會彈出對話框警告。對於符號需先將其斷開鏈接（Break link to Symbols），將符號轉化為獨立的矢量圖形對象。

　　Liquify工具組不能應用的對象有：

　　* 對於應用了Wrap效果的對象，也不能直接應用液化效果。
　　* 圖表對像不能應用液化效果。

　　三.Liquify工具組基本設置

　　Liquify工具組主要對矢量圖形應用以各種變形效果，下面將作簡單介紹。雙擊工具組中每種工具，都彈出相應選項對話框，如圖11。大部分的選項和參數是相同或相近的，只需對參數值進行調節。常見參數設置如下：




　　（在操作時光標顯示為一空心圓，其大小即為變形工具作用區域大小，相當於一個起液化作用的「筆刷」）
　　在Global Brush Dimensions 選項下：
　　Width/Height：「筆刷」的大小
　　Angle: 「筆刷」的角度
　　Intensity:「筆刷」的強度
　　如果安裝了壓感筆，則「Use Pressure Pen」選項可用。
　　在Pucker Options選項下：
　　Detail：變形細節。對控制對變形細節的處理。數值越大處理結果越細膩，數值越小處理結果越粗糙。
　　Simplify：簡化程度。變形過程中產生大量節點，可按照此處的設定對節點進行簡化，以減少對象的複雜程度。
　　Show Brush Size：顯示「筆刷」大小

　四.Liquify工具組變形效果

　　Warp Tool:

　　用手指塗抹方式對矢量線條作改變，還可以對置入的位圖圖像進行變形更改，得到有趣效果，如圖12。矢量位圖皆可用，變形工具真是行！


　　Twirl Tool和Pucker Tool:

　　分別對圖形做旋轉扭曲變形，擠壓變形，如圖13。作相關設置後，可以旋轉扭曲，擠壓扭曲圖像，作用區域和力度由預設決定。


　　Bloat Tool和Scallop Tool:

　　擴張膨脹變形和產生細小的褶皺狀的曲線變形。如圖14。

　　Crystallize Tool和Wrinkle Tool:

　　產生細小尖角和凸起，產生局部碎化變形效果。具體效果可以自己嘗試。

　　以上工具效果不同，基本使用方法是相同的：選相應工具後，最好設置其相關參數，在欲變形的對象上拖動即可。
　　總的來說，Liquify是一組強有力的變形工具，用好了就會做出精彩非凡的效果，不過要下功夫研究探索。
　　除了對象的一般變形和利用Liquify工具，在Illustrator 10中，經典的變形方法莫過於濾鏡菜單了。

　第三部分：Distort變形

　　Filter菜單下 Distort 系列命令和 Effect 菜單下Distort &Transform系列都可以進行功能強大形式多樣的變形操作。如圖。

　　仔細觀察，我們會發現兩者菜單命令竟然出奇的相似，難道ADOBE公司搞錯了嗎？其實，雖然命令相同，本質上卻有區別。具體異同如下：

　　1. Filter菜單下 Distort 系列命令直接對對像本身進行操作，對象的形狀和節點等將在操作後發生變化。這種變化是不可恢復的－－如果存盤並關閉文件，下次打開，將無法恢復到使用Distort 系列命令前的初始狀態。

　　2. Effect 菜單下Distort &Transform系列命令進行變形時，對像本身結構並未發生變化，也不影響到節點，只是對像外觀屬性改變，並且所作的變形操作將一一記錄在Appearance外觀面板中。如圖16。

　　打一個簡單的比方，好比產品和包裝，包裝可變，產品本身質量不變。對於Distort &Transform變形命令而言，只是給「產品」（對像）換了「包裝」（外觀）而已。這樣利用外觀面板可以方便的複製、移動、刪除外觀，而且，所做變形操作是可以恢復的，即存盤後關閉文件，下次打開，仍可使對像恢復到變形操作前的初始狀態。

　　3. Distort 系列命令僅可對一般矢量圖形進行操作（對符號則不能），當對象是位圖時，Filter菜單下的變形命令將變灰不可用。而Distort &Transform則沒有以上限制。

　　4. 兩菜單下的系列變形命令可以混合使用，比如對於一個矩形，可先用Filter-> Distort->Twist 變形，再用Effect->Distort &Transform->Zigzag變形。但是一定要搞清上面所述的各種區別。

　　5. 兩菜單下的系列變形命令在變形效果和使用方法，各個選項設置等方面是基本相同的。Effect->Distort &Transform菜單下僅比Filter菜單下Distort 系列命令多了一個Transform命令。

　　分清了上述區別，再用兩種基本相似的變形命令就會胸有成竹了。為免重複，本文將對重點一種變形菜單詳細介紹，其餘的要在實踐和練習中慢慢體會了。兩者基本相同的變形菜單命令有：

　　Free Distort：通過拉伸邊界控制點進行整體自由變形
　　Punk & Bloat：內凹陷或外膨脹
　　Roughen：製作粗糙效果
　　Scribble & Tweak：塗抹與扭曲變形
　　Twist：旋轉扭曲效果
　　Zigzag：製作鋸齒效果

　　下面我們詳細解釋。
　1.Free Distort

　　執行Filter-> Distort->Free Distort，彈出對話框，如圖17。有一矩形框代表對象，可以自由拖動其上的控制點，以進行整體自由變形。變形時可預覽，若不滿意，單擊Reset重新操作。

　　2.Punk & Bloat

　　選擇要應用的對象，執行Filter-> Distort-> Punk & Bloat打開對話框進行設置。在文本框中輸入數值，正值為Bloat變形，負值為Punk變形，數值範圍為-200--200%。也可左右拖動滑塊進行調整。變形的效果如圖18。 可知絕對數值越大，變形越劇烈。


　　也可執行Effect->Distort &Transform-> Punk & Bloat可得到同樣變形效果。

　　3.Roughen

　　製作粗糙的變形效果。

　　執行Filter-> Distort-> Roughen進行設置。

　　Size：輸入數值或拖動滑塊以改變粗糙程度。一般範圍是0-100pt。
　　Relative/Absolute：以相對對像大小百分比或按實際測量單位來指定變形程度。
　　Detail：輸入數值或拖動滑塊以指定每Inch上節點數量。
　　Smooth/Corner：在變形時使對象的邊界圓滑或尖銳。
　　如圖19為Size用較小數值，且選擇了Smooth的實例效果，可見對像邊緣變得粗糙多了。

　　4. Scribble & Tweak

　　可讓節點偏移原來位置，實現如圖的塗抹扭曲變形效果。

　　執行Filter-> Distort-> Scribble & Tweak單擊對話框進行設置。

　　Horizontal/Vertical：輸入0-100%的數值或者拖動滑塊進行設置水平/垂直方向上的變形程度。
　　Anchor Points：表示變形時可以移動節點。如果不選此項則節點是固定的。
　　In Control Points：能夠移動控制節點，向路徑內部移動。
　　Out Control Points：能夠移動控制節點，向路徑外部移動。

　　如圖20為Scribble & Tweak變形效果。

　　5.Twist

　　用旋轉扭曲的方式進行變形。

　　 設置比較簡單：執行Filter-> Distort-> Twist，在對話框中輸入扭轉角度，為正值時順時針旋轉，為負值時逆時針旋轉，角度範圍為-360-360度。如圖21為旋轉扭曲後的結果。
　　用和旋轉工具同一工具組的Twist工具也可進行基本相同的扭轉變形操作，此操作直接改變對像本身的外觀結構。

　　6. Zigzag

　　製作將對像邊緣鋸齒化或波浪化，以形成典型的鋸齒效果。

　　Filter-> Distort-> Zigzag打開對話框進行設置。

　　Size：輸入數值或拖動滑塊，設置鋸齒程度，數值越大鋸齒越明顯。
　　Ridges per segment：決定了1Inch上突起節點數目，相當於鋸齒數量的多少。此項也可用來增加路徑上的節點。
　　Smooth/Corner：形成圓滑的波浪形或尖銳的鋸齒化效果。
　　如圖22為應用Zigzag後的結果。




　　上述兩個變形菜單並非絕對的涇渭分明，它們是既有聯繫又有區別的，分清其異同，掌握其精髓，應用起來就會得心應手。

　　本文大致介紹了Illustrator 10中的一些變形方法，大家可以按自己的需要綜合使用、靈活應用。獨特的構思和豐富的想像力是設計工作中必要的素質，同時紮實的基本功更不可或缺，除了不斷地練習實踐和思考外，別無捷徑可走。