Illustrator 平面設(shè)計 課件 項目4 圖形填充與混合

項目四

圖形填充與混合任務(wù)1圖形的填充任務(wù)2上色工具任務(wù)3圖形的混合任務(wù)1圖形的填充任務(wù)引入領(lǐng)導(dǎo)交給了小王一個海報的設(shè)計，小紅在設(shè)計一半的時候，需要對圖形進(jìn)行填色，可是怎樣才能快速的完成圖形的填色呢？圖形的填充有哪些呢？知識準(zhǔn)備一、顏色填充Illustrator提供了3種基本的填充模式和兩種描邊模式。設(shè)置圖形的填充和路徑的方法很簡單，選擇圖形后，單擊工具箱中相應(yīng)的填充模式圖標(biāo)即可。對象的填充分為填色和描邊，分別表示為對對象內(nèi)部的填充和對對象描邊的填充。顏色填充是對象最基本的填充方式，使用“顏色”、“顏色參考”和“色板”面板就可以快速為對象進(jìn)行填充。如果要將圖形設(shè)置為顏色填充，在工具箱中單擊“填色”按鈕將其置前，然后單擊“顏色”填充圖標(biāo)，如圖所示；如果要將填充類型設(shè)置為漸變，則在工具箱中單擊“漸變”圖標(biāo)，如圖所示；如果將填充類型設(shè)置為“無”，則在工具箱中單擊“無”圖標(biāo)，如圖所示。填充顏色

填充漸變圖

無填充

填充描邊

無描邊二、漸變填充漸變是指多種顏色的逐級混合，或單一顏色明度階調(diào)變化。運用漸變填充可以簡單而快速地增加作品的豐富性。創(chuàng)建漸變填充有3種方法，分別如下：（1）單擊工具箱底部的“漸變”按鈕，Illustrator將為所選對象填充默認(rèn)的黑白漸變顏色，同時彈出“漸變”面板，效果如圖所示。（2）雙擊工具箱中的“漸變工具”按鈕，將彈出“漸變”面板，如圖所示。在“類型”列表中選擇“線性漸變”類型，這時，所選對象的被填充為相應(yīng)的線性漸變。（3）單擊“色板”面板中的“新建色板”按鈕存儲漸變色塊，即可為所選對象填充相應(yīng)的漸變，如圖所示。

漸變填充效果

“漸變”面板

調(diào)用漸變色塊三、漸變網(wǎng)格填充漸變網(wǎng)格填充可以把網(wǎng)格和漸變填充完美地結(jié)合，通過控制錨點的位置來編輯顏色漸變，產(chǎn)生自然而豐富的顏色效果。創(chuàng)建漸變網(wǎng)格填充有3種方法：使用“網(wǎng)格工具”，使用“創(chuàng)建漸變網(wǎng)格”命令和使用“擴(kuò)展”命令。下面分別對這3種方法逐一詳細(xì)講解。1．使用網(wǎng)格工具選擇一個單色填充的對象后，在工具箱中單擊“網(wǎng)格工具”。2．使用“創(chuàng)建漸變網(wǎng)格”命令選擇一個單色填充的對象后，執(zhí)行“對象”→“創(chuàng)建漸變網(wǎng)格”命令，將彈出“創(chuàng)建漸變網(wǎng)格”對話框，如圖所示。3．使用“擴(kuò)展”命令除了單色填充對象可以轉(zhuǎn)換為漸變網(wǎng)格對象外，漸變填充對象通過“擴(kuò)展”命令也可以轉(zhuǎn)換為漸變網(wǎng)格對象。漸變網(wǎng)格對象

“創(chuàng)建漸變網(wǎng)格”對話框

外觀不同的漸變網(wǎng)格對象“擴(kuò)展”對話框?qū)u變填充對象擴(kuò)展為漸變網(wǎng)格對象四、圖案填充圖案填充表示由標(biāo)尺的原點開始從左至右在路徑范圍內(nèi)重復(fù)拼貼圖案。圖案的填充可以用于路徑的內(nèi)部填充，也可以用于描邊的填充。創(chuàng)建圖案填充，首先需要定義圖案。下面通過一個實例講解圖案制作的步驟和方法。（1）繪制多個圓形，并填充徑向漸變，如圖所示。（2）選擇剛繪制的所有圓形，執(zhí)行“對象”→“圖案”→“建立”命令，彈出“圖案選項”面板，如圖所示。（3）在“名稱”文本框中輸入圖案的名稱為Circle，單擊“確定”按鈕。（4）繪制一個較大的圓形，如圖所示。

繪制圖案

“新建色板”對話框

“色板”面板繪制圓形填充圖案效果案例——制作填色效果

打開文檔

選擇漸變“漸變”面板填充矩形設(shè)置無選項

設(shè)置矩形描邊

最終效果任務(wù)2上色工具任務(wù)引入小王在設(shè)計海報時，發(fā)現(xiàn)有些圖形的顏色比較單一，想要對這些圖形進(jìn)行多色填充，通過Illustrator的學(xué)習(xí)，先將圖形進(jìn)行分割，然后利用實時上色工具對分割的區(qū)域分別上色。那么，怎樣運用實時上色工具呢？知識準(zhǔn)備除了前面介紹的填充上色外，上色工具還包括吸管工具、度量工具、實時上色工具、實時上色選擇工具。一、吸管工具使用“吸管工具”可以在對象間復(fù)制外觀屬性，其中包括文字對象的字符、段落、填色和描邊屬性。默認(rèn)情況下，“吸管工具”會影響所選對象的所有屬性。若要自定義此工具可影響的屬性，可以在“吸管選項”對話框中進(jìn)行相應(yīng)的設(shè)置。雙擊工具箱中的“吸管工具”，彈出“吸管選項”對話框，如圖所示。下面通過一個簡單的實例來介紹吸管工具的使用。（1）單擊工具箱的“矩形工具”，在工作區(qū)中繪制一個矩形。然后，在“色板”面板中設(shè)置矩形的填充圖案和描邊顏色，并在“描邊”面板中設(shè)置描邊粗細(xì)為8pt。這時，矩形效果如圖所示。（2）單擊工具箱的“星形工具”，在工作區(qū)中繪制一個五角星形，效果如圖所示。（3）選擇五角星形，單擊工具箱中的“吸管工具”。然后，將“吸管工具”移至矩形上并單擊鼠標(biāo)。這時，星形復(fù)制并應(yīng)用了矩形的外觀屬性，效果如圖所示。吸管選項對話框矩形效果星形效果復(fù)制并應(yīng)用矩形外觀屬性二、度量工具度量工具用于測量任意兩點之間的距離并在“信息”面板中顯示測量信息。使用度量工具的方法很簡單，下面用一個簡單的實例介紹度量工具的使用步驟。（1）執(zhí)行“窗口”→“信息”命令或按下F8鍵，打開“信息”面板。（2）單擊工具箱的“度量工具”，并移至工作區(qū)中需要度量的對象上。這時，鼠標(biāo)指針顯示為狀態(tài)。（3）在需要度量的對象上單擊第一點并拖移到第二點，如果按住Shift鍵拖移可以將拖移的角度限制為45°的倍數(shù)。這時，“信息”面板則顯示X（到X軸的水平距離）、Y（到Y(jié)軸垂直距離）、寬（絕對水平距離）、高（絕對垂直距離）、D（兩點之間總距離）和度量的角度，如圖所示。三、形狀生成器形狀生成器工具是一個通過合并或擦除簡單形狀創(chuàng)建復(fù)雜形狀的交互式工具。它可用于簡單和復(fù)雜路徑，并會自動亮顯所選作品的邊緣和區(qū)域，可加以合并以形成新的圖形。還可分離重疊的形狀以創(chuàng)建不同對象并可在對象合并時輕松采用圖稿樣式。默認(rèn)情況下，該工具處于合并模式，可以合并路徑或選區(qū)，還可以切換至抹除模式以按住Alt鍵(Windows)或Option鍵(Mac)刪除任何不想要的邊緣或選區(qū)。在工具箱中雙擊按鈕，彈出如圖所示對話框?！鹃g隙檢測】：【將開放的填色路徑視為閉合】：【在合并模式中單擊“描邊分割路徑”】：【拾色來源】：【填充】：對所選對象進(jìn)行填充?！究删庉嫊r突出顯示描邊】：四、實時上色工具“實時上色”是一種創(chuàng)建彩色圖畫的直觀方法。Illustrator的實時上色工具結(jié)合了上色程序的直觀與矢量插圖程序的強(qiáng)大功能和靈活性。進(jìn)行實時上色填充時，所有填充對象都可以被視為同一平面中的一部分，如果在工作區(qū)中繪制了幾條路徑，實時上色工具可以對這些路徑所分割的每個區(qū)域內(nèi)分別著色，也可以對各個交叉區(qū)域相交的路徑指定不同的描邊顏色，如圖所示。1．設(shè)置實時上色工具選項在“實時上色工具選項”對話框中可以自定義實時上色工具的工作方式。2．設(shè)置實時上色間隙選項實時上色間隙是路徑之間的小空間，如果顏色滲漏并在預(yù)期之外的對象表面涂上了顏色，就有可能是因為圖稿中存在間隙。

使用實時上色工具著色“實時上色工具選項”對話框“間隙選項”對話框3．建立和編輯實時上色使用“實時上色工具”為對象上色時，首先需要創(chuàng)建一個實時上色組。（1）在工具箱中選擇“鋼筆工具”，在工作區(qū)中繪制一個五角星形。（2）選擇星形，執(zhí)行“對象”→“實時上色”→“建立”命令，在星形上建立實時上色組。（3）在“色板”面板中或“拾色器中”中選擇一個不同的顏色后，即可給選中的表面進(jìn)行實時上色，效果如圖所示。（4）使用同樣的方法，選擇星形不同的表面并進(jìn)行實時上色，效果如圖所示。（5）除了可以為星形的不同表面填充外，還可以為星形的各段邊緣描邊。（6）使用同樣的方法，選擇星形不同的邊緣進(jìn)行描邊，效果如圖所示。（7）建立了實時上色組后，每條路徑仍然保持可編輯狀態(tài)。（8）如果在實時上色組添加更多路徑，還可以對創(chuàng)建的新表面和邊緣繼續(xù)進(jìn)行填色和描邊。（9）按住Shift鍵，依次單擊星形和新繪制的路徑，將星形和路徑同時選中。星形效果

高亮顯示所選擇的表面為選中表面上色效果不同表面填充效果選擇邊緣為不同邊緣上色效果（10）添加路徑后，使用實時上色工具為劃分的4個新的表面填充圖案后，效果如圖所示。（11）選定實時上色組的表面和邊緣，可以將其刪除。（12）實時上色組的表面和邊緣還可以進(jìn)行拆分。（13）除了“擴(kuò)展”命令可以將拆分實時上色組外，還可以將實時上色組還原為普通路徑。調(diào)整路徑效果

繪制新路徑

填充圖案選擇邊緣

刪除邊緣效果

擴(kuò)展并拆分表面和邊緣五、實時上色選擇工具使用實時上色選擇工具可以更加準(zhǔn)確地選擇實時上色組中的邊緣或表面。在工具箱中單擊“實時上色選擇工具”后，將工具移近實時上色組，使需要選擇的表面或邊緣被突出顯示。這時，單擊鼠標(biāo)即可選中突出顯示的表面或邊緣，從而進(jìn)一步進(jìn)行各種編輯。除了通過單擊進(jìn)行選擇之外，使用“實時上色選擇工具”還可以拖動鼠標(biāo)穿越多個表面和邊緣，同時選擇這些表面和邊緣。如果雙擊一個表面或邊緣，還可選擇與之顏色相同的所有相連的表面或邊緣。如果需要選擇的表面或邊緣的面積比較小，不容易進(jìn)行準(zhǔn)確地選擇，可以放大工作區(qū)視圖進(jìn)行選擇。另外，還可以雙擊工具箱的“實時上色選擇工具”，在彈出的“實時上色選擇選項”對話框中取消“選擇填色”或“選擇描邊”的選擇。

案例——百事可樂標(biāo)志橢圓形效果

圓形漸變效果

圓形變形效果橢圓變形效果橢圓的位置設(shè)置鏡像選項圖形鏡像效果圓形和路徑效果

實時上色效果建立網(wǎng)格效果調(diào)整網(wǎng)格點位置設(shè)置網(wǎng)格點為白色網(wǎng)格效果描邊效果調(diào)整實時上色組位置設(shè)置字符選項文字的位置文字傾斜效果任務(wù)3圖形的混合任務(wù)引入小王完成海報設(shè)計以后，發(fā)現(xiàn)有些圖形的顏色重合，不自然，需要進(jìn)行過度，這時運用圖形的混合方法，調(diào)整顏色。那么，怎樣創(chuàng)建編輯圖形的混合呢？怎樣設(shè)置混合選項呢？知識準(zhǔn)備混合的最簡單用途之一就是在兩個對象之間平均創(chuàng)建和分布形狀，如圖所示。另外，還可以在兩個開放路徑之間進(jìn)行混合，以在對象之間創(chuàng)建平滑過渡；或結(jié)合顏色和對象的混合，在特定對象形狀中創(chuàng)建顏色過渡，如圖所示。開放路徑、閉合路徑、漸變填充對象、圖案填充對象、混合濾鏡等都可以成為混合對象。在對象之間創(chuàng)建了混合之后，所混合對象將合成為一個對象。如果移動了其中一個原始對象，或編輯了原始對象的錨點，則混合將會隨之變化。此外，原始對象之間混合的新對象不會具有其自身的錨點。平均創(chuàng)建和分布形狀

創(chuàng)建顏色過渡一、混合選項的設(shè)置雙擊工具箱的“混合工具”，或執(zhí)行“對象”→“混合”→“混合選項”命令，可以打開“混合選項”對話框來設(shè)置混合屬性，如圖所示。在“混合選項”對話框中，“間距”選項可以控制要添加到混合的步驟數(shù)，在該選項的下拉列表中有3個選項。選擇“平滑顏色”表示Illustrator將自動設(shè)置混合的步驟數(shù)。如果對象是使用不同的顏色進(jìn)行的填色或描邊，則計算出的步驟數(shù)將是為實現(xiàn)平滑顏色過渡而取的最佳步驟數(shù)；選擇“指定的步數(shù)”則可以在后面的文本框中設(shè)置混合開始與結(jié)束之間的步數(shù)；選擇“指定的距離”則可以在文本框中設(shè)置混合步數(shù)之間的距離，即從一個對象邊緣起到下一個對象相對應(yīng)邊緣之間的距離。在對話框中，“取向”用來確定混合對象的方向，包括“對齊頁面”和“對齊路徑”兩個選項。如果單擊“對齊頁面”按鈕，可以使混合垂直于頁面的X軸，效果如圖所示；如果單擊“對齊路徑”按鈕，可以使混合垂直于路徑，效果如圖所示?！盎旌线x項”對話框

對齊頁面效果

對齊路徑效果二、混合的創(chuàng)建與編輯混合的創(chuàng)建有兩種方法，一種是通過“混合工具”創(chuàng)建，一種是通過菜單的建立混合命令來創(chuàng)建。創(chuàng)建混合后可以對混合進(jìn)行改變形狀、改變混合軸、替換混合軸、擴(kuò)展等編輯。（1）在工具箱中單擊“矩形工具”，在工作區(qū)中繪制一個矩形，并在“色板”面板中設(shè)置矩形的顏色為紅色。（2）選擇工具箱中的混合工具，單擊矩形的任意位置并拖移到圓形上，當(dāng)鼠標(biāo)指針顯示為時，單擊并釋放鼠標(biāo)。（3）選擇剛建立的混合對象，雙擊工具箱的混合工具或執(zhí)行“對象”→“混合”→“混合選項”命令，打開“混合選項”對話框。（4）單擊“確定”按鈕，矩形和圓形的混合之間均勻分布為4個圖形對象，效果如圖所示。（5）混合軸是混合對象中各步驟對齊的路徑。默認(rèn)情況下，混合軸會形成一條直線。（6）選擇混合對象，執(zhí)行“對象”→“混合”→“反向堆疊”命令。矩形和圓形效果

混合效果

設(shè)置混合間距步數(shù)設(shè)置步數(shù)效果反向混合軸效果反向堆疊效果（7）在對象之間創(chuàng)建了混合之后，如果移動或編輯了原始對象，則混合將會隨之變化。（8）同樣，如果調(diào)整混合軸的形狀，也可以改變混合效果。（9）除了改變混合軸的形狀和位置外，還可以使用其他路徑替換混合軸使混合進(jìn)行新的排列。（10）同時選中混合組和新創(chuàng)建的路徑，執(zhí)行“對象”→“混合”→“替換混合軸”命令。（11）雙擊工具箱的混合工具，打開“混合選項”對話框。（12）在混合組中，原始對象之間混合的新對象不會具有其自身的錨點。（13）除了“擴(kuò)展”命令可以將拆分混合色組外，還可以將混合組恢復(fù)為原始對象。

改變混合形狀

改變混合路徑

繪制新的路徑

替換路徑效果

對齊路徑效果

擴(kuò)展混合后拆分效果項目總結(jié)項目實戰(zhàn)實戰(zhàn)一制作太極圖案1．執(zhí)行主菜單欄中的“文件”→“新建”命令，新建一個文檔。2.使用橢圓工具，按住Shift鍵，繪制幾個圓形，如圖所示。3.使用直接選擇工具選擇并刪除兩段路徑，如圖所示。4.執(zhí)行主菜單欄中的“對象”→“實時上色”→“建立”命令，選擇所有路徑建立一個實時上色組。5.選擇工具箱中的“實時上色工具”，進(jìn)行表面填充和邊緣描邊，最終效果如圖所示。繪制圓形

刪除路徑后效果

太極圖案效果實戰(zhàn)二制作海洋主題裝飾畫