第5章漸變、漸變網(wǎng)格和混合

1、第5章 漸變、漸變網(wǎng)格和混合本章重點(diǎn)： 在Illustrator CS4中，實(shí)現(xiàn)一種顏色到另外一種顏色過渡的方法有3種，他們分別是漸變、漸變網(wǎng)格和混合。這3種工具有各自的應(yīng)用范圍，其中漸變工具是對(duì)單個(gè)對(duì)象進(jìn)行線性或圓形漸變填充；漸變網(wǎng)格工具是對(duì)單個(gè)對(duì)象的不同部分進(jìn)行顏色填充；混合工具是對(duì)多個(gè)對(duì)象之間進(jìn)行形狀和顏色的混合。通過本章學(xué)習(xí)應(yīng)掌握漸變、漸變網(wǎng)格和混合的具體應(yīng)用。5.1 使用漸變填充使用漸變填充 漸變填充是指在一個(gè)圖形中從一種顏色變換到另一種顏色的特殊的填充效果。在Illustrator CS4中應(yīng)用漸變填充，既可以使用工具箱上的 （漸變工具），也可以使用“色板”面板中的漸變色板。圖5-

2、1為使用漸變工具制作的杯子上的高光效果。 如果需要對(duì)漸變填充的類型、顏色以及漸變的角度等屬性進(jìn)行精確的調(diào)整控制，必須使用“漸變”面板中的來進(jìn)行相關(guān)設(shè)置。執(zhí)行菜單中的“窗口|漸變”命令，即可調(diào)出“漸變”面板，如圖5-2所示。 提示：提示：如果單擊“漸變”面板標(biāo)簽上的雙向小三角符號(hào)，“漸變”面板將會(huì)簡(jiǎn)化顯示，如圖5-3所示。 圖5-1 制作杯子上的高光效果 圖5-2 漸變面板 圖5-3 簡(jiǎn)化顯示漸變面板5.1.1 線性漸變填充線性漸變填充 線性漸變填充是一種沿著線性方向使兩種顏色逐漸過渡的效果，這是一種最常用的漸變填充方式。使用線性漸變填充的具體操作步驟如下： 1）如果要對(duì)圖形應(yīng)用線性漸變填充，必

3、須選中需要進(jìn)行線性漸變填充的圖形，然后選擇工具箱中的 （漸變工具），如圖5-4所示。 2）在選取了 （漸變工具）后，所選的圖形還不能自動(dòng)實(shí)現(xiàn)漸變填充。此時(shí)必須在“漸變”面板的“類型”下拉列表中，選取漸變類型為“線性”。此時(shí)所選的圖形才呈現(xiàn)出線性漸變填充的效果，如圖5-5所示。 圖5-4 選擇“漸變工具” 圖5-5 線性漸變效果 3）如果想要改變直線漸變的漸變程度，只要選擇 （漸變工具）后，在應(yīng)用了線性漸變填充的圖形上拖出一條直線，此時(shí)直線的起點(diǎn)表示漸變效果的起始點(diǎn)，而直線的終點(diǎn)表示漸變效果的終止點(diǎn)。拖出直線的位置和長(zhǎng)短將直接影響漸變的效果，如圖5-6所示。起點(diǎn)終點(diǎn)圖5-6 拉出漸變 4）如果想

4、要改變直線漸變的漸變方向,只要選取 （漸變工具），然后在應(yīng)用了線性漸變填充的圖形上拖出一條直線，此時(shí)直線的方向即表示漸變效果的漸變方向，如圖5-7所示。圖5-7 改變漸變方向 5）如果需要精確的控制線性漸變的方向，可以在“漸變”面板的“角度”數(shù)值框中輸入相應(yīng)的數(shù)值。提示：提示：系統(tǒng)的默認(rèn)值是0度，當(dāng)輸入的角度值大于180度或者小于-180度時(shí)，系統(tǒng)將會(huì)自動(dòng)將角度轉(zhuǎn)換成-180度到180度之間的相應(yīng)角度。比如輸入280度，則系統(tǒng)將會(huì)將它轉(zhuǎn)為-80度。 6）如果需要改變改變線性漸變填充的起始顏色和終止顏色，可以單擊“漸變”面板中的起始顏色標(biāo)志或終止顏色標(biāo)志（即面板色彩條下面的兩個(gè)滑塊），將會(huì)彈出“

5、顏色”面板。此時(shí)，可以從“顏色”面板中選取顏色作為起始顏色或終止顏色。當(dāng)顏色選定之后，該顏色將會(huì)自動(dòng)應(yīng)用于選定的對(duì)象上。5.1.2 徑向漸變填充徑向漸變填充 徑向漸變填充是一種沿著徑向方向使兩種顏色逐漸過渡的效果。使用徑向漸變填充的具體操作步驟如下： 1）如果要對(duì)圖形應(yīng)用徑向漸變填充，首先必須選中需要進(jìn)行徑向漸變填充的圖形，然后選擇工具箱上的 (漸變工具)。 2）此時(shí)，所選的圖形還不能自動(dòng)實(shí)現(xiàn)漸變填充。下面還必須在“漸變”面板的“類型”下拉列表中選取漸變類型為“徑向”，這樣，所選圖形才呈現(xiàn)出漸變填充的效果，如圖5-8所示。提示：提示：與線性漸變填充不同的是，徑向漸變填充不存在漸變角度的問題。因

6、為徑向填充的方向?qū)τ谥行狞c(diǎn)而言是對(duì)稱的。 圖5-8 徑向效果 5.2 使用漸變網(wǎng)格使用漸變網(wǎng)格 雖然Illustrator CS4的 （漸變工具)可以產(chǎn)生很奇妙的效果，但是漸變工具的應(yīng)用中有一個(gè)很大的缺陷，即漸變填充的顏色變化只能按照預(yù)先設(shè)定的方式，而且同一個(gè)圖形中的漸變方向必須是相同的。不過Illustrator還提供了一個(gè)叫漸變網(wǎng)格的工具來彌補(bǔ)這樣的缺陷，利用漸變網(wǎng)格可以對(duì)單個(gè)對(duì)象的不同部分進(jìn)行顏色填充。圖5-9為使用漸變網(wǎng)格制作的效果。 圖5-9 利用漸變網(wǎng)格制作的花朵5.2.1 創(chuàng)建漸變網(wǎng)格創(chuàng)建漸變網(wǎng)格 使用 （漸變網(wǎng)格工具）或者執(zhí)行菜單中的“對(duì)象|創(chuàng)建漸變網(wǎng)格”命令都能用來將一個(gè)對(duì)象

7、轉(zhuǎn)換成網(wǎng)格對(duì)象，下面我們分別進(jìn)行講解： （1）利用）利用 （漸變網(wǎng)格）工具創(chuàng)建漸變網(wǎng)格（漸變網(wǎng)格）工具創(chuàng)建漸變網(wǎng)格 利用 （漸變網(wǎng)格）工具創(chuàng)建漸變網(wǎng)格的具體操作步驟如下： 1）首先必須在畫布上繪制一個(gè)需要實(shí)施漸變網(wǎng)格效果的圖形并選中它，如圖5-10所示。 然后選擇工具箱上的 （網(wǎng)格工具），如圖5-11所示，此時(shí)，光標(biāo)將變?yōu)橐粋€(gè)帶有網(wǎng)格圖案的箭頭形狀，如圖5-12所示。 圖5-10 創(chuàng)建圖形 圖5-11 選擇網(wǎng)格工具 圖5-12 網(wǎng)格工具的光標(biāo)顯示 2）將光標(biāo)移到圖形上，在需要制作紋理的地方單擊鼠標(biāo)即可添加一個(gè)網(wǎng)格點(diǎn)，多次單擊之后可以生成一定數(shù)量的網(wǎng)格點(diǎn)，從而也就形成了一定形狀的網(wǎng)格，如圖5-1

8、3所示。 3）選擇工具箱上的 （直接選擇工具），然后選中需要上色的網(wǎng)格點(diǎn)，接著在“顏色（Color）”面板上選擇相應(yīng)的顏色后，選中的網(wǎng)格點(diǎn)就應(yīng)用了所需的顏色，如圖5-14所示。 圖5-13 手動(dòng)創(chuàng)建網(wǎng)格 圖5-14 對(duì)網(wǎng)格點(diǎn)應(yīng)用所需顏色（2）利用）利用“創(chuàng)建漸變網(wǎng)格創(chuàng)建漸變網(wǎng)格”命令創(chuàng)建漸變網(wǎng)格命令創(chuàng)建漸變網(wǎng)格 利用“創(chuàng)建漸變網(wǎng)格”命令創(chuàng)建漸變網(wǎng)格的具體操作步驟如下： 1）首先還是在畫布上繪制一個(gè)需要實(shí)施漸變網(wǎng)格效果的圖形并選中它。 2）執(zhí)行菜單中的“對(duì)象|創(chuàng)建漸變網(wǎng)格”命令，此時(shí)會(huì)彈出圖5-15所示的對(duì)話框。 在該對(duì)話框中，可以在“行數(shù)”和“列數(shù)”數(shù)值框中設(shè)置圖形網(wǎng)格的行數(shù)和列數(shù)，從而也就設(shè)

9、置了網(wǎng)格的單元數(shù)。圖5-15 “創(chuàng)建漸變網(wǎng)格”對(duì)話框 在“外觀”下拉列表中有“平淡色”、“至中心”和“至邊緣”3個(gè)選項(xiàng)可供選擇。其中，“至中心”表示從圖形的邊緣向中心進(jìn)行漸變；“至邊緣”表示從圖形的 中心向邊緣進(jìn)行漸變。圖5-16為兩種外觀方式的對(duì)比。 “高光”數(shù)值框中的值表示圖形創(chuàng)建漸變網(wǎng)格之后高光處的光強(qiáng)度。值越大，高光處的光強(qiáng)度越大，反之則越小。圖5-16 兩種外觀方式的對(duì)比 無論是利用 （網(wǎng)格工具）還是“創(chuàng)建漸變網(wǎng)格”命令創(chuàng)建的漸變網(wǎng)格，一般情況下不會(huì)一次達(dá)到所需的效果，這就需要對(duì)網(wǎng)格進(jìn)行編輯。下面就具體講解網(wǎng)格的添加、刪除和調(diào)整的方法。 （1）添加網(wǎng)格。方法：選擇工具箱上的 （網(wǎng)格工

10、具），如果要添加一個(gè)用當(dāng)前填充色上色的網(wǎng)格點(diǎn)，可單擊網(wǎng)格對(duì)象上任意一點(diǎn)，相應(yīng)的網(wǎng)格線將從新的網(wǎng)格點(diǎn)延伸至圖形的邊緣，如圖5-17所示；如果單擊的是一條已存在的網(wǎng)格線，則可增加一條與之相交的網(wǎng)格線，如圖5-18所示 （2）刪除網(wǎng)格。方法：如果要?jiǎng)h除一個(gè)網(wǎng)格點(diǎn)及相應(yīng)的網(wǎng)格線，可以選中工具箱中的 （網(wǎng)格工具）后直接按住Alt鍵，然后單擊該網(wǎng)格點(diǎn)即可。 （3）調(diào)整網(wǎng)格。方法：選擇工具箱中的 （網(wǎng)格工具），然后在漸變網(wǎng)格圖形上單擊網(wǎng)格點(diǎn)，此時(shí)該網(wǎng)格點(diǎn)將顯示其控制柄，可以拖動(dòng)控制柄對(duì)通過該網(wǎng)格點(diǎn)的網(wǎng)格線進(jìn)行調(diào)整，如圖5-19所示。5.3 使用混合使用混合 混合是Illustrator CS4中比較有特色的

11、一個(gè)功能，利用它可以混合線條、顏色和圖形。使用 （混合）工具可以在兩個(gè)或者多個(gè)圖形之間產(chǎn)生一系列連續(xù)變換的圖形，從而可以實(shí)現(xiàn)色彩和形狀的漸進(jìn)變化。 混合具有下列3個(gè)特點(diǎn)：l 混合可以用在兩個(gè)或者兩個(gè)以上的圖形之間。圖形可以是封閉的，也可以是開放的路徑，甚至群組圖形、復(fù)合路徑以及蒙版圖形都可以使用混合功能。l 混合適用于單色填充或者漸變填充的圖形，對(duì)于使用圖案填充的圖形則只能做形狀的混合，而不能做填充的混合。l 進(jìn)行過混合操作的圖形會(huì)自動(dòng)結(jié)合成為一個(gè)新的混合圖形，并且其特征是可以被編輯修改的，但更改混合圖形中的任何一個(gè)圖形，整個(gè)混合圖形都會(huì)自動(dòng)更新5.3.1 創(chuàng)建混合創(chuàng)建混合 在Illustra

12、tor CS4中，混合是在兩個(gè)不同路徑之間完成的，單擊同一區(qū)域內(nèi)不同路徑上的定位點(diǎn)就可以創(chuàng)建出勻稱平滑的混合效果。如果單擊相反區(qū)域內(nèi)的定位點(diǎn)，混合就會(huì)變得扭曲。創(chuàng)建混合的具體操作步驟如下：1）如果要?jiǎng)?chuàng)建混合效果，首先必須繪制兩個(gè)圖形，這兩條圖形可以是封閉的路徑，也可以是開放的路徑。然后為這兩條路徑設(shè)置不同的畫筆或者填充屬性，如圖5-20所示。圖5-20 創(chuàng)建兩個(gè)混合基礎(chǔ)圖形 2）選擇工具箱上的 （混合工具），分別單擊兩個(gè)圖形，就會(huì)產(chǎn)生混合效果，如圖5-21所示。 3）同樣，我們也可以利用菜單命令完成混合。方法：選中要進(jìn)行混合的圖形，執(zhí)行菜單中的“對(duì)象|混合|建立”命令，即可完成混合。 4）混合

13、分為兩種：平滑混合和扭曲混合。選取兩個(gè)圖形上相應(yīng)的點(diǎn)生成的混合是平滑混合，如上圖5-21所示；而選取一個(gè)圖形上的起點(diǎn)，在選取另一條路徑上的終點(diǎn)生成的混合是扭曲混合，如圖5-22所示。 圖5-21 平滑混合效果 圖5-22 扭曲混合效果5.3.2 設(shè)置混合參數(shù)設(shè)置混合參數(shù) 利用“混合選項(xiàng)”對(duì)話框，可以設(shè)置混合效果的各項(xiàng)參數(shù)，如圖5-23所示。圖5-23 “混合選項(xiàng)”對(duì)話框 設(shè)置混合參數(shù)的具體操作步驟如下： 1）調(diào)出“混合選項(xiàng)”對(duì)話框。方法：調(diào)出“混合選項(xiàng)”對(duì)話框方法有兩種：l 選中需要混合的圖形，然后雙擊工具箱上的 （混合工具）。l 執(zhí)行菜單中的“對(duì)象|混合|混合選項(xiàng)”命令。 2）在“混合選項(xiàng)”

14、對(duì)話框中，“間距”下拉列表中有“平滑顏色”、“指定的步數(shù)”和“指定的距離”3個(gè)選項(xiàng)可供選擇。 3）如果選擇“平滑顏色”選項(xiàng)，表示系統(tǒng)將按照混合的兩個(gè)圖形的顏色和形狀來確定混合步數(shù)。一般情況下，系統(tǒng)內(nèi)定的值會(huì)產(chǎn)生平滑的顏色漸變和形狀變化。 4）如果選擇“指定的步數(shù)”選項(xiàng)，就可以控制混合的步數(shù)。選中此項(xiàng)后，在后面的數(shù)值框中可以輸入從1倒300的數(shù)值。數(shù)值越大，混合的效果越平滑，圖5-24為不同步數(shù)的混合效果。圖5-24 不同的“指定的步數(shù)”的混合效果 5）如果選擇“指定的距離”選項(xiàng)，可以控制每一步混合間的距離。選中此項(xiàng)后，可以輸入從0.1到1300pt的混合距離。 6）在“混合選項(xiàng)”對(duì)話框的“取向

15、”選項(xiàng)用于設(shè)定混合的方向。其中 表示以對(duì)齊頁的方式混合； 表示以對(duì)齊路徑的方式進(jìn)行混合。圖5-25為兩種對(duì)齊方式的比較。圖5-25 不同“取向”的效果比較5.3.3 編輯混合圖形編輯混合圖形 1）在生成了混合效果之后，如果需要改變混合效果中起始圖形和終止圖形的前后位置，不必重新進(jìn)行混合操作，只需執(zhí)行菜單中的“對(duì)象|混合|反向混合軸”命令即可。 2）如果對(duì)執(zhí)行了混合操作的效果不滿意，或者需要單獨(dú)編輯混合效果中起始和終止兩個(gè)圖形，可以執(zhí)行菜單中的“對(duì)象|混合|釋放”命令，將混合對(duì)象釋放，從而得到混合前的兩個(gè)獨(dú)立圖形。 3）調(diào)整混合后圖形之間的脊線。方法：一般情況下脊線為直線，兩端的節(jié)點(diǎn)為直線節(jié)點(diǎn)。但是我們可以使用工具箱上的 （轉(zhuǎn)換錨點(diǎn)工具）將直線點(diǎn)轉(zhuǎn)換為曲線點(diǎn)，這樣就可以對(duì)混合圖形之間的脊線進(jìn)行編輯了，如圖5-26所示圖5-26 將直線點(diǎn)轉(zhuǎn)換為曲線點(diǎn)4）如果要混合圖形按照一條已經(jīng)繪制好的開放路徑進(jìn)行混合，可以首先繪制出一條路徑，如圖5-27所示，然后選中混合圖形，如圖5-28所示。接著執(zhí)行菜單中的“對(duì)象|混合|替換混合軸”命令。此時(shí)混合圖形就會(huì)依據(jù)繪制的路徑進(jìn)行混合，如圖5-29所示。 圖5-27 繪制路徑 圖5-28 選中混合圖形圖5-29 替換混合軸效果5.3.4 擴(kuò)展混合擴(kuò)展混合 混合后的圖形是一個(gè)