AdobeIllustrator填充和混合工具講PPT教學(xué)課件

1、4.1 填充工具4.1.1 功能講解 4.1.2 范例解析創(chuàng)建漸變色 4.1.3 范例解析改變漸變色方向 4.1.4 范例解析調(diào)整漸變色中心點位置 4.1.5 范例解析繪制網(wǎng)頁按鈕 4.1.6 課堂實訓(xùn)繪制蘋果 第1頁/共37頁除了第2講介紹的各種顏色面板等填充工具之外，還有【漸變】工具、【漸變】面板、【網(wǎng)格】工具、【吸管】工具與【實時上色】工具等，本節(jié)來介紹這幾個工具的使用方法。4.1.1 功能講解 一、【漸變】面板執(zhí)行【窗口】/【漸變】命令（其快捷鍵為Ctrl+F9鍵），或雙擊工具，即可將【漸變】面板調(diào)出，如圖所示。 第2頁/共37頁l【類型】選項：此選項左側(cè)的選項窗口中顯示了當(dāng)前所選用的

2、漸變類型，在該下拉列表中提供了【徑向】和【線性】兩種漸變。l【反向漸變】按鈕 ：單擊該按鈕，可以將填充的漸變色改變方向。 l【角度】選項：其參數(shù)值決定了漸變顏色的方向。l【長寬比】選項：當(dāng)給圖形設(shè)置了徑向漸變時該選項才可用，通過設(shè)置該選項可以定義漸變顏色的長寬比例。 第3頁/共37頁l【漸變滑塊】圖標(biāo) 和 ：在【漸變】面板中，【漸變滑塊】代表漸變的顏色及所在色條中的位置，拖曳漸變滑塊的位置，即可對當(dāng)前的漸變色進行調(diào)整。 l【位置】選項：只有在【漸變】面板中選擇了【漸變滑塊】之后，此選項才可用，其右側(cè)的參數(shù)顯示了當(dāng)前所選【漸變滑塊】的位置。二、【色板】面板 執(zhí)行【窗口】/【色板】命令，彈出【色板

3、】面板。用戶在繪圖過程中可以將創(chuàng)建的顏色、漸變以及圖案保存在【色板】面板中，以便隨時調(diào)用。 第4頁/共37頁為了更方便的查找所需要的色板，除了可以按各種模式顯示色板以外，系統(tǒng)還可以讓用戶按色板的名稱、種類或載入位置重新排列。單擊面板右上角的 按鈕，在彈出的下拉菜單中選擇【按名稱排序】命令，可以使色板按名稱的字母順序進行排列；選擇【按類型排序】命令，可以使色板按單一的顏色、漸變或圖案進行分類排列。 第5頁/共37頁三、【網(wǎng)格】工具使用【網(wǎng)格】工具可以在一個操作對象內(nèi)創(chuàng)建多個漸變點，從而對圖形進行多個方向和多種顏色的漸變填充。利用【網(wǎng)格】工具創(chuàng)建自然平滑的顏色過渡效果，如圖所示。 第6頁/共37頁

4、利用 工具填充漸變色的工作原理是：在當(dāng)前選擇的操作對象中創(chuàng)建多個網(wǎng)格點構(gòu)成精細的網(wǎng)格，也就是將操作對象細分為多個區(qū)域（此時選擇的對象即轉(zhuǎn)換為網(wǎng)格對象），然后在每個區(qū)域或每個網(wǎng)格點上填充不同的顏色，系統(tǒng)會自動在不同顏色的相鄰區(qū)域之間形成自然、平滑的過渡，從而創(chuàng)建多個方向和多種顏色的漸變填充效果。第7頁/共37頁網(wǎng)格對象由網(wǎng)格點、網(wǎng)格線和網(wǎng)格單元3部分組成，如圖所示。第8頁/共37頁（1）創(chuàng)建網(wǎng)格對象。創(chuàng)建網(wǎng)格對象的方法有2種，分別為利用 工具創(chuàng)建；利用【對象】/【創(chuàng)建漸變網(wǎng)格】命令創(chuàng)建。l利用 工具。選擇 工具，然后將鼠標(biāo)指針移動到頁面中的任一圖形上，當(dāng)鼠標(biāo)指針顯示為“ ”形狀時，單擊即可在該對

5、象上創(chuàng)建一個網(wǎng)格點，同時將該圖形創(chuàng)建為網(wǎng)格對象。另外，利用 工具在圖形中依次單擊，可以創(chuàng)建多個網(wǎng)格點。 第9頁/共37頁l利用【對象】/【創(chuàng)建漸變網(wǎng)格】命令。 在頁面中選擇一個圖形或?qū)氲膱D像，然后執(zhí)行【對象】/【創(chuàng)建漸變網(wǎng)格】命令，系統(tǒng)將彈出【創(chuàng)建漸變網(wǎng)格】對話框。在此對話框中設(shè)置合適的參數(shù)及選項后，單擊 按鈕，即可將選擇的對象創(chuàng)建為網(wǎng)格對象，并在此對象內(nèi)生成創(chuàng)建的網(wǎng)格點及網(wǎng)格單元。（2）編輯網(wǎng)格點。將對象轉(zhuǎn)換為網(wǎng)格對象之后，便可以對其生成的網(wǎng)格點進行編輯，其編輯操作包括增加網(wǎng)格點、刪除網(wǎng)格點、移動網(wǎng)格點和編輯網(wǎng)格點等。 第10頁/共37頁l增加網(wǎng)格點。將對象轉(zhuǎn)換為網(wǎng)格對象之后，選擇 工具，

6、然后將鼠標(biāo)指針移動到網(wǎng)格對象中單擊，可以添加一個網(wǎng)格點，同時相應(yīng)的網(wǎng)格線通過新的網(wǎng)格點延伸至對象的邊緣。如將鼠標(biāo)移動到網(wǎng)格線上單擊，也可增加一個網(wǎng)格點，同時生成一條與此網(wǎng)格線相交的網(wǎng)格線。在增加網(wǎng)格點時，按住Shift鍵同時單擊，可以創(chuàng)建一個無顏色屬性的網(wǎng)格點。 第11頁/共37頁l刪除網(wǎng)格點。按住Alt鍵，再將鼠標(biāo)指針放置到網(wǎng)格點上，鼠標(biāo)指針將顯示為“ ”形狀，此時單擊，即可將此網(wǎng)格點及相應(yīng)的網(wǎng)格線刪除。l移動網(wǎng)格點。 將鼠標(biāo)指針移動到創(chuàng)建的網(wǎng)格點上，當(dāng)鼠標(biāo)指針顯示為“ ”形狀時，按下鼠標(biāo)左鍵并拖曳，即可改變網(wǎng)格點的位置。在移動網(wǎng)格點的同時按住Shift鍵，可確保該網(wǎng)格點沿網(wǎng)格線移動。 第1

7、2頁/共37頁l編輯網(wǎng)格點。利用 工具選擇網(wǎng)格點后，此網(wǎng)格點將如路徑上的錨點一樣在其兩側(cè)顯示調(diào)節(jié)柄，單擊并拖曳調(diào)節(jié)柄，便可以編輯連接此網(wǎng)格點的網(wǎng)格線。利用工具箱中的 工具和 工具也可以對網(wǎng)格點和網(wǎng)格線進行編輯，其方法與編輯路徑的方法相同。 第13頁/共37頁（3）為網(wǎng)格對象填色。將圖形轉(zhuǎn)換為網(wǎng)格對象后，最重要的一個環(huán)節(jié)就是為其填充顏色，從而獲得最終的漸變效果。在為網(wǎng)格對象填色時，可以分別為網(wǎng)格點或網(wǎng)格單元進行填色。其方法為：首先利用工具箱中的網(wǎng)格工具或直接選擇工具在網(wǎng)格對象中選擇一個網(wǎng)格點或網(wǎng)格單元，然后在【顏色】面板或【色板】面板中單擊所需的顏色，即可為網(wǎng)格點或網(wǎng)格單元進行填色。 第14頁/

8、共37頁四、【吸管】工具利用【吸管】工具可以把畫面中矢量圖形或位圖圖像的顏色吸取為工具箱中的填色，這樣可以有效地節(jié)省了在【顏色】面板中設(shè)置顏色的時間。利用 工具不但可以快速地吸取顏色，該工具最出色的地方是可以實現(xiàn)復(fù)制功能。利用該工具可以方便的將一個對象的屬性按照另外一個對象的屬性進行更新。其操作為：首先在頁面中選擇需要更新屬性的對象，然后選擇 工具，將鼠標(biāo)指針移動到頁面中要復(fù)制屬性的對象上單擊，則選擇的對象會按此對象的屬性自動更新。 第15頁/共37頁利用 工具除了可以更新圖形對象的屬性以外，還可以將選擇的文本對象按照其他文本對象的屬性進行更新。其操作與更新圖形屬性的方法相同。雙擊 工具，彈出

9、【吸管選項】面板，在此面板中可以對吸管工具的應(yīng)用屬性進行設(shè)置。如果不想使吸管工具具備某項控制功能，只需在該選項面板中取消其選擇狀態(tài)即可；再次單擊該選項將其選擇，即可重新對操作對象的該屬性進行控制。 第16頁/共37頁五、【實時上色】工具利用【實時上色】工具，可以使用當(dāng)前填充和描邊屬性為實時上色組中的圖形和輪廓邊緣上色。當(dāng)鼠標(biāo)指針指向需要進行實時上色的圖形時，光標(biāo)顯示為一種或3種顏色方塊 ，該3種顏色方塊表示選定填充或描邊的顏色；如果使用【色板】面板中的顏色，該顏色方塊表示所選顏色與兩種相鄰的顏色。通過按向左或向右的方向鍵，可以來切換用相鄰的顏色來進行填充。 第17頁/共37頁六、【實時上色選擇

10、】工具 【實時上色選擇】工具同 工具的使用方法相同，利用該工具可以選擇能夠進行實時上色的圖形或描邊輪廓，當(dāng)選擇圖形或描邊輪廓后，圖形輪廓將以陰影的形式來呈現(xiàn)選擇的內(nèi)容。 第18頁/共37頁在實際工作過程中，【色板】面板中的幾種漸變類型遠遠不能滿足設(shè)計需要，因此，這就需要用戶自己創(chuàng)建漸變色，本節(jié)來講解創(chuàng)建漸變色的方法。具體操作步驟詳見教材。 第19頁/共37頁本節(jié)來練習(xí)調(diào)整圖形填充漸變顏色的方向。具體操作步驟詳見教材。 第20頁/共37頁本節(jié)來練習(xí)調(diào)整圖形漸變顏色中心點的位置。具體操作步驟詳見教材。 第21頁/共37頁本節(jié)通過繪制如圖所示的網(wǎng)頁按鈕，來練習(xí)漸變填充工具的使用方法和技巧。具體操作步

11、驟詳見教材。 第22頁/共37頁本節(jié)通過繪制如圖所示的蘋果，來練習(xí)【網(wǎng)格】工具的使用方法。 操作步驟提示詳見教材。 第23頁/共37頁4.2.1 功能講解功能講解4.2.2 范例解析范例解析直接混合圖形直接混合圖形 4.2.3 范例解析范例解析沿路徑混合的圖形沿路徑混合的圖形4.2.4 范例解析范例解析混合輪廓線和開放路混合輪廓線和開放路徑徑4.2.5 課堂實訓(xùn)課堂實訓(xùn)繪制花圖形繪制花圖形 第24頁/共37頁使用【混合】工具可以把兩條或多條路徑以及兩個或多個圖形創(chuàng)建為混合效果，使參與混合操作的圖形或路徑在形狀、顏色等方面形成一種光滑的過渡效果。本節(jié)來學(xué)習(xí)混合圖形的制作、編輯以及混合選項的設(shè)置等

12、內(nèi)容。利用【混合】工具或【對象】/【混合】/【建立】命令，均可將選擇的路徑或圖形創(chuàng)建為混合效果。 第25頁/共37頁在Illustrator CS4軟件中，主要有3種混合效果：直接混合、沿路徑混合和復(fù)合混合。直接混合是指在兩個圖形之間進行混合；沿路徑混合是指圖形在混后的同時是沿指定的路徑混合的；復(fù)合混合是指在兩個以上圖形之間的混合。一、混合選項設(shè)置創(chuàng)建混合效果時，混合步數(shù)是影響混合效果的重要因素。執(zhí)行【對象】/【混合】/【混合選項】命令，或雙擊工具箱中的 工具，均會彈出【混合選項】對話框。 第26頁/共37頁二、混合圖形的編輯選擇的圖形進行混合之后，就會形成一個整體，這個整體是由原混合對象以及

13、對象之間形成的路徑組成。除了混合步數(shù)之外，混合對象的層次關(guān)系以及混合路徑的形態(tài)也是影響混合效果的重要因素。（1）對象的層次關(guān)系對混合效果的影響。 在創(chuàng)建混合效果時，所選圖形的層次關(guān)系在很大程度上決定了混合操作的最終效果。 第27頁/共37頁圖形的層次關(guān)系在繪制圖形時就已決定，即先繪制的圖形在下層，后繪制的圖形在上層。當(dāng)在不同層次中的圖形進行混合操作時，通常是由位于最下層的圖形依次向上直到最上層。如圖所示分別為圓形在下層、六邊形在上層，以及圓形在上層、六邊形在下層時所得到的不同混合效果。 第28頁/共37頁在混合過程中，產(chǎn)生混合的順序?qū)嶋H上就是在頁面中繪制圖形的順序，因此在執(zhí)行混合操作時，如果未

14、得到滿意效果，可以嘗試使用【對象】/【排列】命令調(diào)整圖形的層次后再進行混合。 利用【對象】/【混合】/【反向混合軸】命令，可以使混合效果中每個中間過渡圖形的堆疊順序發(fā)生變化，即將最前面的對象移動到堆疊順序的最后面。 第29頁/共37頁（2）調(diào)整路徑對混合效果的影響。當(dāng)用戶創(chuàng)建混合圖形之后，系統(tǒng)會自動建立一條直線路徑于混合對象之間。利用工具箱中的編輯路徑工具將路徑調(diào)整后，會得到更豐富的混合效果。（3）路徑錨點對混合效果的影響。 在制作混合效果時，利用 工具單擊混合對象中的不同錨點，可以制作出許多不同的混合效果。在操作對象上選擇不同的錨點，可以使混合圖形產(chǎn)生從一個對象的選中錨點到另一個對象的選中錨點上旋轉(zhuǎn)的效果 。 第30頁/共37頁（4）混合圖形的解散。 當(dāng)在頁面中創(chuàng)建混合效果之后，利用任何選擇工具都不能選擇混合圖形中間的過渡圖形。如果想對混合圖形中的過渡圖形進行編輯則需要將混合圖形擴展，也就是將混合圖形解散，使混合圖形轉(zhuǎn)換成一個路徑組。 擴展混合圖形的方法為：首先在頁面中選擇需要擴展的混合圖形，然后執(zhí)行【對象】/【混合】/【擴展】命令，即可將混合圖形轉(zhuǎn)換成一個路徑組，此時利用工具箱中的組選取工具便可選擇路徑組中的任意路徑。 第31頁/共37頁本節(jié)來練習(xí)直接混合圖形的方法。制作的混合效果如圖所示。具體操作步驟詳見教