1、illustrator 圖形設(shè)計(jì)圖形設(shè)計(jì)主講教師：羅薇主講教師：羅薇第第3 3講講 自由圖形的繪制自由圖形的繪制項(xiàng)目一、卡通背景項(xiàng)目一、卡通背景教教學(xué)學(xué)目目標(biāo)標(biāo)能力目標(biāo)能力目標(biāo)知識(shí)目標(biāo)知識(shí)目標(biāo) 能使用基本繪圖工具繪制自由圖形。1、掌握直線段工具的使用。 2、掌握弧形工具的使用。 3、掌握螺旋線工具的使用。 4、掌握矩形網(wǎng)格工具的使用。 5、掌握極坐標(biāo)網(wǎng)格工具的使用。 6、掌握鋼筆工具的使用。 7、掌握鉛筆工具的使用。 重重點(diǎn)點(diǎn)難難點(diǎn)點(diǎn) 教學(xué)重點(diǎn)： illustrator基本繪圖工具的使用教學(xué)難點(diǎn)： illustrator的繪圖技巧和熟練運(yùn)用鋼筆工具繪圖。第第3講講 自由圖形的繪制自由圖形的繪制

2、任務(wù)一、線形工具組任務(wù)一、線形工具組 線形工具組主要包括直線段工具、弧形工具、螺旋線工具、矩形網(wǎng)格工具、極坐標(biāo)網(wǎng)格工具。 一、直線段工具一、直線段工具1.任意拖動(dòng)法任意拖動(dòng)法 單擊工具箱中的直線段工具按鈕，在畫板中按住左鍵并拖動(dòng)鼠標(biāo)，釋放鼠標(biāo)左鍵，繪制即結(jié)束，如圖所示。 提示：提示：如果需要繪制水平或者垂直或45的直線，則按住Shift鍵和鼠標(biāo)左鍵并拖動(dòng)鼠標(biāo)即可。2.精確輸入法精確輸入法v 單擊工具箱中的直線段工具按鈕，在畫板中單擊鼠標(biāo)左鍵，彈出 “直線段工具選項(xiàng)”對(duì)話框，如圖所示。直線段工具選項(xiàng)對(duì)話框二、弧形工具二、弧形工具v 使用“弧線”工具可以在頁面中繪制各種形狀的弧線，繪制的弧線即可以

3、是封閉的扇形也可以是開放的線段， v 1.任意拖動(dòng)法任意拖動(dòng)法 單擊工具箱中的弧形工具按鈕，在畫板中按住左鍵并隨意拖動(dòng)鼠標(biāo)，釋放鼠標(biāo)即可繪制出一條弧線。 弧形2.精確輸入法精確輸入法v 單擊工具箱中的弧形工具按鈕，在畫板中單擊鼠標(biāo)左鍵，在彈出的“弧線段工具選項(xiàng)”對(duì)話框中設(shè)置X軸長度，Y軸長度，類型，基線軸等參數(shù)，單擊“確定”按鈕即可?；【€段工具選項(xiàng)對(duì)話框v “X軸長度軸長度”和和“Y軸長度軸長度”選項(xiàng)選項(xiàng)：設(shè)置弧線的大小。在這兩個(gè)選項(xiàng)右側(cè)有一個(gè)帶有四個(gè)方向點(diǎn)的方框，選擇方向點(diǎn)可以設(shè)置弧線開始繪制的點(diǎn)，如圖所示。v “X軸長度”選項(xiàng)：設(shè)置弧線的水平方向的寬度，如圖所示。v “Y軸長度”選項(xiàng)：設(shè)置

4、弧線垂直的高度，如圖所示。設(shè)置弧線的繪制起點(diǎn) 設(shè)置弧線繪制的點(diǎn) 設(shè)置弧線的大小 v “類型類型”選項(xiàng)選項(xiàng)：可設(shè)置繪制對(duì)象的類型。當(dāng)選擇“開放”時(shí)，弧線為線，當(dāng)選擇“閉合”時(shí)，可以使弧線閉合為扇形，如圖所示。v “基線軸基線軸”選項(xiàng)選項(xiàng)：設(shè)置弧線的方向。在該選項(xiàng)中有兩個(gè)選擇分別為“X軸”和“Y軸”，當(dāng)選擇“X軸”時(shí)，弧線朝向X軸，當(dāng)選擇“Y軸”時(shí)，弧線朝向Y軸，效果如圖所示。v “斜率斜率”：可指定弧線或弧形的弧度。當(dāng)輸入正值時(shí)弧線為凸起狀態(tài)；那么輸入負(fù)值弧線為凹陷狀態(tài)；當(dāng)為0時(shí)，則為直線，如圖所示。v “弧線填色弧線填色”選項(xiàng)選項(xiàng)：復(fù)選該選項(xiàng)，可以為創(chuàng)建的弧線直接應(yīng)用填充色；取消該選項(xiàng)的復(fù)選，

5、弧線的填充色始終都為“無”，如圖所示。3.創(chuàng)建弧線的技巧創(chuàng)建弧線的技巧v （1）在不松開鼠標(biāo)的狀態(tài)下，按下鍵或按下鍵，減小或增大弧形的凹面斜率從而可以調(diào)整弧線的弧度，如圖所示。v （2）按下鍵可以翻轉(zhuǎn)弧度的方向，如圖所示。 提示：再次按下鍵可以將弧度的位置再次翻轉(zhuǎn)。v （3）按下鍵可以將繪制的弧線閉合，形成一個(gè)扇形，再次按下可以將閉合的弧線打開，如圖所示。v （4）按住Shift鍵則可以畫出等比例的弧線。 三、三、 螺旋線工具螺旋線工具v 1.任意拖動(dòng)法任意拖動(dòng)法 螺旋線工具可以根據(jù)設(shè)置的選項(xiàng)數(shù)值產(chǎn)生螺旋狀的圖形。單擊工具箱中的螺旋線工具按鈕，按住左鍵在畫板中拖動(dòng)鼠標(biāo)，釋放鼠標(biāo)左鍵即可繪制出一

6、條螺旋線，如圖所示。螺旋線2.精確輸入法精確輸入法v 單擊工具箱中的螺旋線工具按鈕，在畫板中單擊鼠標(biāo)左鍵，彈出“螺旋線”對(duì)話框，在該對(duì)話框中可以對(duì)螺旋線的半徑、衰減、段數(shù)、樣式進(jìn)行設(shè)置。螺旋線對(duì)話框v 在“螺旋線”對(duì)話框中各選項(xiàng)的作用如下：v “半徑半徑”選項(xiàng)：選項(xiàng)：設(shè)置螺旋形的半徑。螺旋線的半徑是指從螺旋線的中心點(diǎn)到螺旋線終點(diǎn)之間的距離。該選項(xiàng)的參數(shù)值越大，螺旋線越大，如圖所示。v “衰減衰減”選項(xiàng)選項(xiàng)：用于指定螺旋形內(nèi)部線條之間的密度。當(dāng)“衰減”選項(xiàng)的參數(shù)值越大，螺旋線內(nèi)部線條之間的密度越大，反之越稀松，如圖所示。v “段數(shù)段數(shù)”選項(xiàng)選項(xiàng)：設(shè)置螺旋線的段數(shù)來間接得到螺旋線的螺旋圈數(shù)螺旋圈數(shù)

7、。數(shù)值越大時(shí)，螺旋線的圈數(shù)越多，如圖所示。v “樣式樣式”選項(xiàng)選項(xiàng)：設(shè)置螺旋線旋轉(zhuǎn)的方向。該選項(xiàng)共有兩個(gè)選擇，一個(gè)使螺旋線逆時(shí)針方向旋轉(zhuǎn)，一個(gè)使螺旋線順時(shí)針旋轉(zhuǎn)，如圖所示。3.創(chuàng)建螺旋形的技巧創(chuàng)建螺旋形的技巧 v （1）在保持按下鼠標(biāo)左鍵的狀態(tài)下，按下鍵或按下鍵可以減少或增加螺旋線的段數(shù)，如圖所示。v （2）按下鍵的同時(shí)拖動(dòng)鼠標(biāo)，可以調(diào)整螺旋線的衰減，如圖所示。v （3）按下鍵可以調(diào)整螺旋線旋轉(zhuǎn)的方向，如圖所示。四、極坐標(biāo)網(wǎng)格工具四、極坐標(biāo)網(wǎng)格工具v 1.任意拖動(dòng)法任意拖動(dòng)法v 單擊工具箱中的極坐標(biāo)網(wǎng)格工具按鈕，隨意拖動(dòng)鼠標(biāo)，即可在畫板中畫出一個(gè)星極坐標(biāo)網(wǎng)格，極坐標(biāo)網(wǎng)格的形狀和大小由拖動(dòng)鼠標(biāo)的

8、方向和幅度決定。極坐標(biāo)網(wǎng)格2.精確輸入法精確輸入法v 單擊工具箱中的極坐標(biāo)網(wǎng)格工具按鈕，在畫板中單擊鼠標(biāo)左鍵，彈出“極坐標(biāo)網(wǎng)格工具選項(xiàng)”對(duì)話框，進(jìn)行參數(shù)設(shè)置后單擊“確定”按鈕即可。極坐標(biāo)網(wǎng)格工具選項(xiàng)v “寬度寬度”和和“高度高度”選項(xiàng)選項(xiàng)：設(shè)置極坐標(biāo)圖形的大小。“寬度”選項(xiàng)設(shè)置極坐標(biāo)圖形的寬；“高度”選項(xiàng)設(shè)置極坐標(biāo)圖形的高，如圖所示。v “同心圓分隔線同心圓分隔線”選項(xiàng)組選項(xiàng)組：設(shè)置極坐標(biāo)圖形中同心圓分隔線。 “數(shù)量”選項(xiàng)設(shè)置同心圓分隔線數(shù)量，如圖所示?！皟A斜”選項(xiàng)設(shè)置同心圓分隔線傾向于內(nèi)側(cè)或外側(cè)的比例，如圖所示。v “徑向分隔線徑向分隔線”選項(xiàng)組選項(xiàng)組：設(shè)置極線網(wǎng)格中徑向分隔線?！皵?shù)量”設(shè)置

9、徑向分隔線的數(shù)量；“斜率”選項(xiàng)設(shè)置徑向分隔線傾向于網(wǎng)格逆時(shí)針或順時(shí)針的比例，如圖所示。v “從橢圓形創(chuàng)建復(fù)合路徑從橢圓形創(chuàng)建復(fù)合路徑”選項(xiàng)：選項(xiàng)：復(fù)選該選項(xiàng)時(shí)，極線網(wǎng)格對(duì)象中的同心圓將轉(zhuǎn)換為復(fù)合路徑，如圖所示為選擇該選項(xiàng)的前后對(duì)比效果。3.創(chuàng)建極坐標(biāo)網(wǎng)格技巧創(chuàng)建極坐標(biāo)網(wǎng)格技巧 v （1）在不松開鼠標(biāo)的狀態(tài)下，按下鍵或按下鍵可以調(diào)整同心圓分隔線向外或向內(nèi)的傾斜比例，如圖所示。v （2）按下鍵或按下鍵可以調(diào)整放射線，傾向于網(wǎng)格順時(shí)針或逆時(shí)針的比例，如圖所示。v （3）按下鍵可以減少同心圓分隔線數(shù)目；按下鍵可以增加同心圓分隔線數(shù)目，效果如圖所示。v （4）按下鍵可以增加放射分隔線的數(shù)量；按下鍵可以減

10、少放射分隔線的數(shù)量，如圖所示。v 矩形網(wǎng)格實(shí)質(zhì)上是在一個(gè)矩形中添加了一些線條，將其分為多個(gè)網(wǎng)格。v 1.1.任意拖動(dòng)法任意拖動(dòng)法v 單擊工具箱中的矩形網(wǎng)格工具按鈕，隨意拖動(dòng)鼠標(biāo)，即可在畫板中畫出一個(gè)矩形網(wǎng)格，矩形網(wǎng)格的形狀和大小由拖動(dòng)鼠標(biāo)的方向和幅度決定。五、矩形網(wǎng)格工具五、矩形網(wǎng)格工具矩形網(wǎng)格2.精確輸入法精確輸入法v 單擊工具箱中的矩形網(wǎng)格工具按鈕，在畫板中單擊鼠標(biāo)左鍵，彈出“矩形網(wǎng)格工具選項(xiàng)”對(duì)話框。矩形工具網(wǎng)格選項(xiàng)對(duì)話框v “寬度寬度”和和“高度高度”選項(xiàng)：選項(xiàng)：設(shè)置矩形網(wǎng)格的大小，參數(shù)值越大矩形網(wǎng)格越大，如圖所示。 v “水平分隔線水平分隔線”選項(xiàng)組：選項(xiàng)組：設(shè)置矩形網(wǎng)格的水平線。其

11、中“數(shù)量”選項(xiàng)設(shè)置水平分隔線的數(shù)量，參數(shù)值越大，水平分隔線的數(shù)量越多，如上圖所示?！皟A斜”選項(xiàng)設(shè)置分隔線傾向的比例，如下圖所示。v “垂直分隔線垂直分隔線”選項(xiàng)組選項(xiàng)組：設(shè)置矩形網(wǎng)格的垂直線?！皵?shù)量”選項(xiàng)設(shè)置垂直線的數(shù)量；“傾斜”選項(xiàng)設(shè)置垂直線的傾斜比例。v “使用外部矩形作為框架使用外部矩形作為框架”選項(xiàng)選項(xiàng)：當(dāng)選擇該選項(xiàng)時(shí)，網(wǎng)格矩形外部的四條邊組成為一個(gè)矩形，這時(shí)可以為網(wǎng)格矩形填充顏色；取消該選項(xiàng)的選擇，網(wǎng)格矩形全部由直線組成，因此無法填充顏色，如圖所示。v 3. 創(chuàng)建矩形網(wǎng)格的技巧創(chuàng)建矩形網(wǎng)格的技巧v （1）按下鍵使水平分隔線的數(shù)目減少；按下鍵使水平分隔線的數(shù)目增加，如圖。v （2）按下

12、鍵使垂直分隔線的數(shù)目減少；按下鍵使垂直分隔線的數(shù)目增加，如圖。v （3）按下鍵或按下鍵可以設(shè)置垂直分隔線的斜率，如圖。v （4）按下鍵或按下鍵可以調(diào)整水平分隔線的斜率，如圖。 v 繪制不規(guī)則形狀圖形的辦法就是對(duì)路徑進(jìn)行準(zhǔn)確的控制與編輯，路徑是對(duì)象構(gòu)造的基本元素，本身沒有寬度和顏色。v 1. 路徑和節(jié)點(diǎn)的概念路徑和節(jié)點(diǎn)的概念（1 1）路徑）路徑 由一個(gè)或多個(gè)直線段或曲線段組成，線段的起始點(diǎn)和結(jié)束點(diǎn)由錨點(diǎn)標(biāo)記。任務(wù)二、任務(wù)二、 不規(guī)則路徑繪制工具組不規(guī)則路徑繪制工具組v （2 2）節(jié)點(diǎn)）節(jié)點(diǎn) 節(jié)點(diǎn)根據(jù)的不同屬性，分為角點(diǎn)和平滑點(diǎn)。v 角點(diǎn)路徑突然改變方向。當(dāng)移動(dòng)角點(diǎn)的控制柄時(shí)，只調(diào)整同側(cè)的曲線段。

13、 一個(gè)角點(diǎn)可能有一個(gè)、兩個(gè)或者根本沒有控制柄。v 平滑點(diǎn)是指兩條線段平滑連接處的節(jié)點(diǎn)。一個(gè)平滑點(diǎn)有兩個(gè)控制柄，它們作為一個(gè)獨(dú)立的單元一起移動(dòng)。一、鋼筆工具一、鋼筆工具v 1. 繪制直線繪制直線v 使用鋼筆工具分別單擊起始端和末端即可。v 繼續(xù)點(diǎn)擊將出現(xiàn)連續(xù)折線，結(jié)束繪制可按回車鍵，或按住Ctrl同時(shí)鼠標(biāo)在頁面單擊。 技巧：技巧： （1）在繪制過程中按下Shift鍵，則繪制以45為角度增量的直線。 （2）按Alt鍵可以刪除控制手柄或者將鋼筆工具轉(zhuǎn)化成轉(zhuǎn)換節(jié)點(diǎn)工具。 （3）按住Caps Lock可以將鼠標(biāo)更改為精確光標(biāo)。2. 繪制曲線繪制曲線v 選擇鋼筆工具，單擊曲線起始點(diǎn)，移到曲線段終點(diǎn)，按下鼠

14、標(biāo)左鍵拖動(dòng)則繪制成曲線，通過拖動(dòng)可調(diào)整曲線的曲率，回車或按住Ctrl同時(shí)鼠標(biāo)在任意位置單擊結(jié)束繪制。v 若以鼠標(biāo)移動(dòng)到起始點(diǎn)單擊結(jié)束繪制，生成封閉路徑 。 提示提示：在要轉(zhuǎn)變?yōu)榻屈c(diǎn)的錨點(diǎn)處單擊鼠標(biāo)接著在另一個(gè)錨點(diǎn)處拖動(dòng)鼠標(biāo)，就可以繪制同方向的曲線。鋼筆練習(xí)鋼筆練習(xí)3.鋼筆工具的其他功能鋼筆工具的其他功能v （1 1）添加和刪除節(jié)點(diǎn)）添加和刪除節(jié)點(diǎn) v 將鋼筆工具定位到選定路徑上方時(shí)，它會(huì)變成添加錨點(diǎn)工具；當(dāng)將鋼筆工具定位到錨點(diǎn)上方時(shí)，它會(huì)變成刪除錨點(diǎn)工具。 v 注：注： 不要使用 Delete 和 Backspace 鍵或“編輯”“剪切”和“編輯”“清除”命令刪除錨點(diǎn)，這些鍵和命令將刪除該錨點(diǎn)

15、和連接到該錨點(diǎn)的線段。v （2 2）重繪路徑）重繪路徑v （3 3）連接路徑）連接路徑二、鉛筆工具二、鉛筆工具v 1. 使用鉛筆工具使用鉛筆工具 v 選取鉛筆工具，通過鼠標(biāo)拖動(dòng)即可繪制開放路經(jīng)的任意圖形。v 若繪制結(jié)束前，按下Alt鍵，繪制完成時(shí)，選開鼠標(biāo)左鍵，再放開Alt鍵，則所繪制的圖形自動(dòng)封閉，成為閉合路徑。2. 對(duì)鉛筆工具進(jìn)行設(shè)置對(duì)鉛筆工具進(jìn)行設(shè)置 v 雙擊工具箱中的鉛筆工具按鈕，彈出“鉛筆工具首選項(xiàng)”對(duì)話框，如圖所示。v “鉛筆工具首選項(xiàng)”對(duì)話框v “保真度保真度”選項(xiàng)選項(xiàng)：用于設(shè)置所繪制路徑上的錨點(diǎn)的個(gè)數(shù)。當(dāng)它的數(shù)值越大時(shí)，所繪制的曲線上錨點(diǎn)數(shù)量越少，曲線顯得越平滑；當(dāng)其數(shù)值越小時(shí)

16、，曲線上將產(chǎn)生大量的錨點(diǎn)，如圖所示。 v “平滑平滑”選項(xiàng)選項(xiàng)：用于控制所繪路徑的平滑程度。當(dāng)參數(shù)值越小時(shí)，所繪制的路徑越粗糙；當(dāng)參數(shù)值越大時(shí)，繪制的路徑越光滑，如圖所示。v “填充新鉛筆描邊填充新鉛筆描邊”選項(xiàng)選項(xiàng)：此選項(xiàng)為選擇狀態(tài)時(shí)，繪制的路徑填充“填色”的顏色。取消該選項(xiàng)的選擇，不填充顏色，如圖所示。v “保持選定保持選定”選項(xiàng)：選項(xiàng)：此選項(xiàng)為選擇狀態(tài)時(shí)，繪制的路徑為選擇狀態(tài)。取消該選項(xiàng)的選擇，繪制的路徑為不選擇狀態(tài)，可以繼續(xù)下一個(gè)路徑的繪制，如圖所示。v “編輯所選路徑編輯所選路徑”選項(xiàng)選項(xiàng)：此選項(xiàng)為選擇狀態(tài)時(shí)，選擇的開放路徑可繼續(xù)使用“鉛筆”工具繪制；該選項(xiàng)為不選擇狀態(tài)時(shí)，將不能繼續(xù)繪制選擇的開放路徑。 v “范圍范圍