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

項(xiàng)目四

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

填充漸變圖

無(wú)填充

填充描邊

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

漸變填充效果

“漸變”面板

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

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

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

繪制圖案

“新建色板”對(duì)話框

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

打開(kāi)文檔

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

設(shè)置矩形描邊

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

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

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

繪制新路徑

填充圖案選擇邊緣

刪除邊緣效果

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

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

圓形漸變效果

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

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

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

對(duì)齊頁(yè)面效果

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

混合效果

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

改變混合形狀

改變混合路徑

繪制新的路徑

替換路徑效果

對(duì)齊路徑效果

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

刪除路徑后效果

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