flash基礎(chǔ)教程第二章

1、學(xué)習(xí)目標(biāo)學(xué)習(xí)目標(biāo) 第第2 2講講 繪制素材l了解了解Flash繪圖工具的使用方法。繪圖工具的使用方法。l使用使用Flash繪圖工具繪制簡易場景效果繪圖工具繪制簡易場景效果 。l掌握?qǐng)D層的概念，并學(xué)習(xí)繪制復(fù)制圖形的方法掌握?qǐng)D層的概念，并學(xué)習(xí)繪制復(fù)制圖形的方法 。l掌握藝術(shù)類動(dòng)畫素材的繪制方法掌握藝術(shù)類動(dòng)畫素材的繪制方法 。 2.1 繪制簡單圖形 2.2 繪制復(fù)雜圖形 2.3 課后作業(yè) 本章大綱本章大綱2.1 繪制簡單圖形 2.1.1 知識(shí)點(diǎn)講解 Flash 8提供了強(qiáng)大的繪圖工具，給用戶制作動(dòng)畫素材帶來了提供了強(qiáng)大的繪圖工具，給用戶制作動(dòng)畫素材帶來了方便和快捷。其方便和快捷。其【工具工具】面板中

2、的具體工具的名稱和快捷鍵如圖面板中的具體工具的名稱和快捷鍵如圖2-1所示。所示?！具x擇選擇】工具（工具（V）【任意變形任意變形】工具（工具（Q）【線條線條】工具（工具（N）【鋼筆鋼筆】工具（工具（P）【橢圓橢圓】工具（工具（O）【鉛筆鉛筆】工具（工具（Y）【描邊描邊】工具（工具（S）【滴管滴管】工具（工具（I）【手形手形】工具（工具（H）筆觸顏色筆觸顏色填充顏色填充顏色緊貼至對(duì)象緊貼至對(duì)象平滑平滑【部分選擇部分選擇】工具工具（A）【填充變形填充變形】工具（工具（F）【套索套索】工具（工具（L）【文本文本】工具（工具（T）【刷子刷子】工具（工具（B）【顏料桶顏料桶】工具（工具（K）【橡皮擦橡皮擦

3、】工具（工具（E）【縮放縮放】工具（工具（M，Z）伸直伸直圖圖2-1 Flash 8【工具工具】面板面板 用戶使用用戶使用Flash的繪圖工具進(jìn)行圖形繪制的時(shí)候，可盡的繪圖工具進(jìn)行圖形繪制的時(shí)候，可盡量使用對(duì)應(yīng)工具的快捷鍵去控制工具的選擇和更換，這量使用對(duì)應(yīng)工具的快捷鍵去控制工具的選擇和更換，這樣可以大大提高工作效率。樣可以大大提高工作效率。 矢量圖形：矢量圖形： 定義：用矢量曲線來描述圖像，包括顏色和位置等定義：用矢量曲線來描述圖像，包括顏色和位置等屬性。屬性。 特點(diǎn)：矢量圖形與分辨率無關(guān)，可以顯示在各種分特點(diǎn)：矢量圖形與分辨率無關(guān)，可以顯示在各種分辨率的輸出設(shè)備上，而不影響品質(zhì)。辨率的輸出

4、設(shè)備上，而不影響品質(zhì)。 應(yīng)用：矢量圖形適合用于線性圖，特別是二維卡通動(dòng)應(yīng)用：矢量圖形適合用于線性圖，特別是二維卡通動(dòng)畫中，能夠有效地減少文件容量。畫中，能夠有效地減少文件容量。 位圖圖像：位圖圖像： 定義：用像素排列在網(wǎng)格內(nèi)的彩色點(diǎn)來描述圖像。定義：用像素排列在網(wǎng)格內(nèi)的彩色點(diǎn)來描述圖像。 特點(diǎn)：位圖圖像跟分辨率有關(guān)，在比圖像本身的分辨特點(diǎn)：位圖圖像跟分辨率有關(guān)，在比圖像本身的分辨率低的輸出設(shè)備上顯示位圖時(shí)會(huì)降低它的外觀品質(zhì)。率低的輸出設(shè)備上顯示位圖時(shí)會(huì)降低它的外觀品質(zhì)。 應(yīng)用：位圖圖像適合用于表現(xiàn)層次和色彩細(xì)膩豐富，應(yīng)用：位圖圖像適合用于表現(xiàn)層次和色彩細(xì)膩豐富，包含大量細(xì)節(jié)的圖像。包含大量細(xì)節(jié)

5、的圖像。矢量圖形與位圖圖形的特點(diǎn)對(duì)比如圖矢量圖形與位圖圖形的特點(diǎn)對(duì)比如圖2-2所示。所示。圖圖2-2 矢量圖形與位圖圖形矢量圖形與位圖圖形 根據(jù)用途的不同，工具可分為以下5類（1）規(guī)則形狀繪制工具。 主要包括【矩形】工具、【橢圓】工具、【多角星形】工具和【線條】工具。（2）不規(guī)則形狀繪制工具。 主要包括【鋼筆】工具、【鉛筆】工具、【筆刷】工具和【文字】工具。（3）形狀修改工具。 主要包括【選擇】工具、【部分選擇】工具和【套索】工具。（4）顏色修改工具。 主要包括【墨水瓶】工具、【顏料桶】工具、【滴管】工具、【橡皮檫】工具、【顏色】工具和【填充變形】工具。（5）視圖修改工具。 主要包括【手形】工

6、具和【縮放】工具。 2.1.2 范例解析（一）常用繪圖工具練習(xí) 1、使用規(guī)則圖形繪制工具、使用規(guī)則圖形繪制工具【矩形矩形】工具工具 、【橢圓橢圓】工具工具 、 【多角星形多角星形】工具工具 依次繪制如圖依次繪制如圖2-3所示的圖形所示的圖形 。 2、使用不規(guī)則圖形繪制工具、使用不規(guī)則圖形繪制工具【鋼筆鋼筆】工具工具 繪制繪制“花花”、【鉛鉛筆筆】工具工具 繪制繪制“葉葉”、【筆刷筆刷】工具工具 繪制繪制“人人”和和【文字文字】工具工具 輸入文字，得到如圖輸入文字，得到如圖2-4所示的圖形所示的圖形 圖圖2-3 繪制規(guī)則圖形繪制規(guī)則圖形 圖圖2-4 繪制不規(guī)則圖形繪制不規(guī)則圖形 3、使用形狀修改

7、工具、使用形狀修改工具【選擇選擇】工具工具 、【部分選擇部分選擇】工具工具 、【套索套索】工具工具 將如圖將如圖2-4所示的不規(guī)則圖形進(jìn)行修改，得到如圖所示的不規(guī)則圖形進(jìn)行修改，得到如圖2-5所示的效果。所示的效果。 4、使用顏色修改工具、使用顏色修改工具【墨水瓶墨水瓶】工具工具 、【顏料桶顏料桶】工具工具 、【滴管滴管】工具工具 、【顏色顏色】工具和工具和【填充變形填充變形】工具工具 對(duì)如圖對(duì)如圖2-5所示的圖形進(jìn)行顏色修改，得到如圖所示的圖形進(jìn)行顏色修改，得到如圖2-6所示的效果所示的效果 。圖圖2-5 修改圖形修改圖形 圖圖2-6 為圖形上色為圖形上色 2.1.3 范例解析（二）繪制“簡

8、易建筑物” 本例將使用本例將使用Flash 8中基本的繪圖工具繪制一座既簡單又生動(dòng)中基本的繪圖工具繪制一座既簡單又生動(dòng)的建筑物，帶領(lǐng)讀者來一同體驗(yàn)繪制素材的快樂，設(shè)計(jì)思路及效的建筑物，帶領(lǐng)讀者來一同體驗(yàn)繪制素材的快樂，設(shè)計(jì)思路及效果如圖果如圖2-7所示所示 圖圖2-7 設(shè)計(jì)思路及效果圖設(shè)計(jì)思路及效果圖 圖圖2-8 選擇選擇【文檔屬性文檔屬性】選項(xiàng)選項(xiàng) 1、繪制建筑物輪廓、繪制建筑物輪廓 （1）新建一個(gè)）新建一個(gè)Flash文檔，在舞臺(tái)上單擊鼠標(biāo)右鍵，在彈文檔，在舞臺(tái)上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇出的快捷菜單中選擇【文檔屬性文檔屬性】命令，如圖命令，如圖2-8所示。在彈所示。在彈出的出的【

9、文檔屬性文檔屬性】對(duì)話框中設(shè)置文檔對(duì)話框中設(shè)置文檔【尺寸尺寸】為為“420 px230px”，文檔其他屬性使用默認(rèn)參數(shù)，效果如圖，文檔其他屬性使用默認(rèn)參數(shù)，效果如圖2-9所示所示 圖圖2-9 【文檔屬性文檔屬性】對(duì)話框?qū)υ捒?圖圖2-10 設(shè)置設(shè)置【屬性屬性】面板參數(shù)面板參數(shù) （2）在工具面板中選擇）在工具面板中選擇【矩形矩形】工具工具 ，在，在【屬性屬性】面面板中設(shè)置板中設(shè)置【筆觸顏色筆觸顏色】為為“黑色黑色”，【筆觸高度筆觸高度】為為“1”，如，如圖圖2-10所示。單擊所示。單擊 旁邊旁邊 的按鈕，彈出如圖的按鈕，彈出如圖2-11所示所示的顏色設(shè)置對(duì)話框，單擊的顏色設(shè)置對(duì)話框，單擊 按鈕設(shè)

10、置按鈕設(shè)置【填充顏色填充顏色】為為“無無”。并確認(rèn)。并確認(rèn)【對(duì)象繪制對(duì)象繪制】功能沒有啟動(dòng)，如圖功能沒有啟動(dòng)，如圖2-12所示。所示。 圖圖2-11 設(shè)置顏色設(shè)置顏色 填充顏色筆觸顏色筆觸高度筆觸樣式顏色為無對(duì)象繪制邊角半徑設(shè)置圖圖2-12 設(shè)置繪制屬性設(shè)置繪制屬性 ：【對(duì)象繪制對(duì)象繪制】按鈕。沒按下狀態(tài)表示未啟用對(duì)象繪制功按鈕。沒按下狀態(tài)表示未啟用對(duì)象繪制功能，通常稱為能，通常稱為“合并繪制合并繪制”，表示在重疊繪制圖形時(shí)，會(huì)自動(dòng)，表示在重疊繪制圖形時(shí)，會(huì)自動(dòng)進(jìn)行合并，如果選擇的圖形與另一個(gè)圖形合并，移動(dòng)時(shí)則會(huì)永進(jìn)行合并，如果選擇的圖形與另一個(gè)圖形合并，移動(dòng)時(shí)則會(huì)永久改變下方的圖形，如圖久改

11、變下方的圖形，如圖2-13所示；按下時(shí)表示啟用對(duì)象繪制所示；按下時(shí)表示啟用對(duì)象繪制功能，分離或重排重疊圖形時(shí)，也不會(huì)改變它們的外形。如圖功能，分離或重排重疊圖形時(shí)，也不會(huì)改變它們的外形。如圖2-14所示所示 。 ：【邊角半徑邊角半徑】設(shè)置。單擊該按鈕，彈出設(shè)置。單擊該按鈕，彈出【矩形設(shè)置矩形設(shè)置】對(duì)對(duì)話框，如圖話框，如圖2-15所示。當(dāng)所示。當(dāng)【邊角半徑邊角半徑】為為0時(shí)，表示繪制的圖形時(shí)，表示繪制的圖形是一般矩形；當(dāng)邊角半徑不為是一般矩形；當(dāng)邊角半徑不為0時(shí)，表示繪制的圖形是倒圓角矩時(shí)，表示繪制的圖形是倒圓角矩形，效果如圖形，效果如圖2-16所示。所示。 圖圖2-13 未啟動(dòng)未啟動(dòng)【對(duì)象繪制

12、對(duì)象繪制】功能功能 圖圖2-14 啟動(dòng)啟動(dòng)【對(duì)象繪制對(duì)象繪制】功能功能 圖圖2-16 兩種矩形的區(qū)別兩種矩形的區(qū)別 圖圖2-17 設(shè)置大小和位置設(shè)置大小和位置 圖圖2-15 【矩形設(shè)置矩形設(shè)置】對(duì)話框?qū)υ捒?一般矩形一般矩形 倒圓角矩形倒圓角矩形 （3）在舞臺(tái)上繪制一個(gè)矩形當(dāng)作）在舞臺(tái)上繪制一個(gè)矩形當(dāng)作“第一個(gè)屋頂?shù)谝粋€(gè)屋頂”，利用，利用【選擇選擇】工具工具 ，雙擊矩形的任一線條，將整個(gè)矩形選中，然后在，雙擊矩形的任一線條，將整個(gè)矩形選中，然后在【屬性屬性】面板中設(shè)置寬高為面板中設(shè)置寬高為“100.6px30.1px”，位置坐標(biāo)，位置坐標(biāo)x、y分別為分別為“66.2”、“2.1”，如圖，如圖2

13、-17所示。所示。 對(duì)于非對(duì)象繪制的連續(xù)線條或含有填充的圖形，雙擊其中一個(gè)線條，可以選中連續(xù)線條。雙擊圖形的填充，則可以選中整個(gè)圖形，包含圖形外部的所有鏈接線條。對(duì)于選擇一定區(qū)域范圍內(nèi)的圖形，可以使用框選。在圖形的外部，單擊鼠標(biāo)，向圖形內(nèi)部拖動(dòng)，會(huì)看到形成的虛框，繼續(xù)拖動(dòng)鼠標(biāo)至虛框完全包含所需圖形，則可選中所需圖形 。（4）繪制矩形，效果如圖2-18所示 。（5）利用工具，拖動(dòng)鼠標(biāo)，效果如圖2-19所示。第1個(gè)屋頂?shù)?個(gè)屋頂變形中心移動(dòng)后圖圖2-18 繪制矩形繪制矩形 圖圖2-19 移動(dòng)中心點(diǎn)移動(dòng)中心點(diǎn) （6）在【變形】面板中的設(shè)置參數(shù)如圖2-20所示 。圖圖2-20 設(shè)置設(shè)置“第第1個(gè)屋頂個(gè)

14、屋頂”變形變形 如果找不到如果找不到【變形變形】面板，可以執(zhí)行面板，可以執(zhí)行【窗口窗口】/【變變形形】菜單命令，將菜單命令，將【變形變形】面板打開。面板打開。如果約束沒有被取消勾選，則被選中圖形的如果約束沒有被取消勾選，則被選中圖形的x、y方向方向變形將保持大小一致變形將保持大小一致 （7）使用任意工具。（8）在【變形】面板中設(shè)置參數(shù)如圖2-21所示 ?！咀冃巫冃巍棵姘迕姘?“第第1個(gè)屋頂個(gè)屋頂”變形效果變形效果 “第第2個(gè)屋頂個(gè)屋頂”變形效果變形效果 【變形變形】面板面板 圖圖2-21 設(shè)置設(shè)置“第第2個(gè)屋頂個(gè)屋頂”變形變形 （9）選擇【線條】工具，效果如圖2-22所示 。圖圖2-22 連接

15、兩圖形連接兩圖形 在這里繪制線條時(shí)，確認(rèn)在這里繪制線條時(shí)，確認(rèn)【貼緊至對(duì)象貼緊至對(duì)象】 處于按處于按下狀態(tài)，以方便在連接兩個(gè)圖形時(shí)捕捉兩圖形的端點(diǎn)下狀態(tài)，以方便在連接兩個(gè)圖形時(shí)捕捉兩圖形的端點(diǎn) （10）刪除多余線條，效果如圖2-23所示 。圖圖2-23 刪除多余線條刪除多余線條 連接兩圖形的線條（11）利用【線條】工具 ，按住Shift鍵向下拖動(dòng)，繪制3條豎直線條，效果如圖2-24所示 。圖圖2-24 繪制繪制3條豎直線條條豎直線條 對(duì)于對(duì)于【橢圓橢圓】工具和工具和【矩形矩形】工具，按住工具，按住Shift鍵拖動(dòng)可將形狀限制為圓形和正方形。鍵拖動(dòng)可將形狀限制為圓形和正方形。 對(duì)于對(duì)于【線條線條

16、】工具，按住工具，按住Shift鍵拖動(dòng)，可將線條鍵拖動(dòng)，可將線條角度限制為角度限制為45的倍數(shù)，其中包括水平和豎直方向的倍數(shù)，其中包括水平和豎直方向 （12）接著利用【線條】工具 繪制剩余的線條，效果如圖2-25所示 。圖圖2-25 繪制剩余的線條繪制剩余的線條 高度128px高度95.3px高度77.7px剩余的線條剩余的線條確保如圖確保如圖2-25所示的圖形，每個(gè)區(qū)域都是封閉區(qū)域。所示的圖形，每個(gè)區(qū)域都是封閉區(qū)域。如果不封閉，則會(huì)在填充顏色時(shí)失敗如果不封閉，則會(huì)在填充顏色時(shí)失敗 。 （1）選擇【矩形】工具 ，設(shè)置【筆觸顏色】為“黑色”，【筆觸高度】為“1”，【填充顏色】為“無”，繪制一個(gè)矩

17、形來當(dāng)作“矩形門”，并設(shè)置其寬高為“18.5px32.5px”，位置坐標(biāo)x、y分別為“259.5”、“175.6”。 （2）按住Ctrl+C快捷鍵，復(fù)制“矩形門”。 （3）按住Ctrl+V 快捷鍵，粘貼“矩形門”，在【屬性】面板中設(shè)置位置坐標(biāo)x，y分別為“110.6”、“138.2”，形成第2個(gè)“矩形門”，效果如圖2-26所示 。2、繪制矩形門和窗戶 確保繪制的矩形處于被選中的狀態(tài)，復(fù)制矩形。后面將確保繪制的矩形處于被選中的狀態(tài)，復(fù)制矩形。后面將多次用到這種復(fù)制操作，減少重復(fù)繪制的難度。粘貼完多次用到這種復(fù)制操作，減少重復(fù)繪制的難度。粘貼完成后，保持粘貼出的矩形處于被選中狀態(tài)，否則由于未成后，

18、保持粘貼出的矩形處于被選中狀態(tài)，否則由于未啟動(dòng)啟動(dòng)【對(duì)象繪制對(duì)象繪制】按鈕按鈕 ，所繪制矩形線條可能和其，所繪制矩形線條可能和其他線條重疊，并自動(dòng)進(jìn)行合并。他線條重疊，并自動(dòng)進(jìn)行合并。 （4）選擇【矩形】工具，繪制一個(gè)矩形當(dāng)作“矩形窗” 。（5）利用【線條】工具繪制窗格，完成“第1個(gè)矩形窗”的繪制 。（6）按Ctrl+C快捷鍵，復(fù)制“矩形窗” （7）按Ctrl+V快捷鍵，粘貼“矩形窗”，在【屬性】面板中設(shè)置其位置坐標(biāo)x、y分別為“89.7”、“46.9”，形成第2個(gè)“矩形窗”，效果如圖2-27所示 復(fù)制的矩形門第1個(gè)矩形門復(fù)制的矩形窗第1個(gè)矩形窗圖圖2-26 繪制門繪制門 圖圖2-27 繪制窗

19、戶繪制窗戶3、制作傾斜門和窗 （1）選中已繪制的“第1個(gè)矩形門”將變形中心調(diào)至左下角 。（2）在【變形】面板中，設(shè)置其變形參數(shù)如圖2-28所示，按鍵盤上的Enter鍵執(zhí)行命令。變形面板變形面板 “第第1個(gè)矩形門個(gè)矩形門”變形效變形效果果 圖圖2-28 設(shè)置設(shè)置“第第1個(gè)矩形門個(gè)矩形門”變形變形 （3）選中）選中“第第2個(gè)矩形門個(gè)矩形門”，按照同樣操作對(duì)其進(jìn)行傾斜變形，按照同樣操作對(duì)其進(jìn)行傾斜變形 。需要?jiǎng)h除的線條縮小的第2個(gè)矩形門圖圖2-29 刪除多余線條刪除多余線條 圖圖2-30 “矩形門矩形門”變形后的效果變形后的效果 （4）刪除兩矩形門下端多余的線條，效果如圖2-29所示 。 修改變形后

20、，兩個(gè)修改變形后，兩個(gè)“矩形門矩形門”的最下端和建筑物輪廓的最下端和建筑物輪廓的最下端部分的線條重合或疊加，如圖的最下端部分的線條重合或疊加，如圖2-29所示，造成所示，造成錯(cuò)誤，因此需要?jiǎng)h除多余的線條錯(cuò)誤，因此需要?jiǎng)h除多余的線條 。（5）選中“第2個(gè)矩形門” ，在【變形】面板中請(qǐng)讀者根據(jù)情況調(diào)整 。（6）使用【線條】工具在兩個(gè)門內(nèi)分別繪制一條表現(xiàn)其立體感的直線，如圖2-30所示的效果 （7）選中已繪制的“第1個(gè)矩形門窗”將變形中心調(diào)至左下角 。（8）在）在【變形變形】面板中，設(shè)置其變形參數(shù)如圖面板中，設(shè)置其變形參數(shù)如圖2-31所示，按鍵盤上所示，按鍵盤上的的Enter鍵執(zhí)行命令。鍵執(zhí)行命令。

21、（9）選中）選中“第第2個(gè)矩形窗個(gè)矩形窗”，按照同樣操作對(duì)其進(jìn)行傾斜變形。，按照同樣操作對(duì)其進(jìn)行傾斜變形。（10）在）在【變形變形】面板中，勾選，設(shè)置其面板中，勾選，設(shè)置其x、y方向變形都為方向變形都為90%，則可得到縮小的則可得到縮小的“第第2個(gè)矩形窗個(gè)矩形窗”，效果如圖，效果如圖2-32所示。所示。變形面板變形面板 第第1個(gè)矩形窗個(gè)矩形窗”變形效果變形效果 縮小的第2個(gè)矩形窗圖圖2-31 矩形窗的變形矩形窗的變形 圖圖2-32 所有所有“矩形門窗矩形門窗”變形后的效果變形后的效果 4、繪制弧形窗和路燈、繪制弧形窗和路燈 。（1）選擇）選擇【橢圓橢圓】工具，在工具，在【屬性屬性】面板中設(shè)置。

22、面板中設(shè)置。（2）利用）利用【矩形矩形】工具繪制一個(gè)矩形工具繪制一個(gè)矩形 并設(shè)置，效果如圖并設(shè)置，效果如圖2-33所示所示 。（3）刪除多余的線條，效果如圖）刪除多余的線條，效果如圖2-34所示。所示。（4）利用）利用【線條線條】工具繪制窗格，效果如圖工具繪制窗格，效果如圖2-35所示。所示。（5）按?。┌醋hfit鍵繪制鍵繪制45線條，效果如圖線條，效果如圖2-36所示所示 45線條圖圖2-33 繪制矩形繪制矩形 圖圖2-34 刪除線條刪除線條 圖圖2-35 繪制窗格繪制窗格圖圖2-36 繪制繪制45線條格線條格（6）選中已繪制的）選中已繪制的“第第1個(gè)弧形窗個(gè)弧形窗”，按，按Ctrl+C

23、快捷鍵復(fù)制。快捷鍵復(fù)制。（7）按）按Ctrl+V快捷鍵，粘貼快捷鍵，粘貼“弧形窗弧形窗”，在，在【屬性屬性】面板中設(shè)置其位面板中設(shè)置其位置坐標(biāo)置坐標(biāo)x，y分別為分別為“89.7”、“46.9”，形成，形成“第第2個(gè)弧形窗個(gè)弧形窗”，效，效果如圖果如圖2-37所示。所示。 復(fù)制的弧形窗第1個(gè)弧形窗圖圖2-37 繪制弧形窗繪制弧形窗 （8）在）在【 變形變形 】面板中，設(shè)置面板中，設(shè)置“第第1個(gè)弧形窗個(gè)弧形窗”變形參數(shù)如圖變形參數(shù)如圖2-38所示，按鍵盤上的所示，按鍵盤上的Enter鍵執(zhí)行命令鍵執(zhí)行命令 。（9）選中）選中“第第2個(gè)弧形窗個(gè)弧形窗”，按照同樣操作對(duì)其進(jìn)行傾斜變形，按照同樣操作對(duì)其進(jìn)

24、行傾斜變形 。變形面板變形面板 “第第1個(gè)弧形窗個(gè)弧形窗”變形效果變形效果 圖圖2-38 設(shè)置設(shè)置“第第1個(gè)弧形窗個(gè)弧形窗”變形變形 （10）在）在【變形變形】面板中，勾選面板中，勾選 ，設(shè)置其，設(shè)置其x、y方向變形都為方向變形都為90%，則可得到縮小的，則可得到縮小的“第第2個(gè)矩形窗個(gè)矩形窗”，效果如圖，效果如圖2-39所示所示 。圖圖2-39 弧形門窗變形后的整體效果弧形門窗變形后的整體效果 （11）利用）利用【線條線條】工具和工具和【橢圓橢圓】工具繪制燈柱、燈罩和燈泡，參工具繪制燈柱、燈罩和燈泡，參數(shù)如圖數(shù)如圖2-40所示，并刪除多余的線條。所示，并刪除多余的線條。（12）選中整個(gè)路燈，

25、在）選中整個(gè)路燈，在【屬性屬性】面板中設(shè)置其位置坐標(biāo)面板中設(shè)置其位置坐標(biāo)x、y分別為分別為“14.2”、“62.0” 直徑為17.4 px的圓直徑17.4 px的大圓直徑10.0 px的小圓繪制燈柱繪制燈柱 繪制燈罩和燈泡繪制燈罩和燈泡 刪除多余線條刪除多余線條 圖圖2-40 繪制路燈繪制路燈 5、填充房屋顏色。、填充房屋顏色。（1）選擇）選擇【顏料桶顏料桶】工具，設(shè)置工具，設(shè)置【填充顏色填充顏色】為為“#568BAB”，填充，填充兩個(gè)兩個(gè)“屋頂屋頂”的區(qū)域，效果如圖的區(qū)域，效果如圖2-41所示。所示。（2）使用同樣的方法填充其他區(qū)域的顏色，顏色參數(shù)如圖）使用同樣的方法填充其他區(qū)域的顏色，顏色

26、參數(shù)如圖2-42所示所示 。#568BAB#CCCCCC#FFFF00#DCEFED#9FC6CE#79F4DB圖圖2-41 填充房身的顏色填充房身的顏色 圖圖2-42 填充其他區(qū)域的顏色填充其他區(qū)域的顏色 6、修改線條顏色和粗細(xì)。、修改線條顏色和粗細(xì)。（1）選中建筑物的輪廓，修改）選中建筑物的輪廓，修改【筆觸顏色筆觸顏色】為為“#999999”，【筆觸筆觸樣樣式式】為為“極細(xì)極細(xì)” （2）選中所有門窗的輪廓和路燈的輪廓，修改）選中所有門窗的輪廓和路燈的輪廓，修改【筆觸顏色筆觸顏色】為為“#666666”，【筆觸樣式筆觸樣式】為為“2”，效果如圖，效果如圖2-43所示所示 。讀者也可以根據(jù)自己

27、的喜好修改填充的顏色、線條的顏?zhàn)x者也可以根據(jù)自己的喜好修改填充的顏色、線條的顏色、粗細(xì)和樣式，或者刪除所有線條。色、粗細(xì)和樣式，或者刪除所有線條。 7、添加自定義線條或填充、添加自定義線條或填充 。（1）利用）利用【線條線條】工具繪制窗戶的光澤，選擇工具繪制窗戶的光澤，選擇【顏料桶顏料桶】工具，設(shè)工具，設(shè)置置【填充顏色填充顏色】為為“#999999”，填充，填充“矩形門矩形門”的陰影區(qū)域，效的陰影區(qū)域，效果如圖果如圖2-44所示。所示。（2）保存測試影片，一個(gè)簡單生動(dòng)的建筑物制作完成。）保存測試影片，一個(gè)簡單生動(dòng)的建筑物制作完成。建筑物的輪廓路燈的輪廓門窗的輪廓窗戶的光澤門的陰影圖圖2-43

28、修改線條顏色和粗細(xì)修改線條顏色和粗細(xì) 圖圖2-44 添加自定義線條或填充添加自定義線條或填充 2.1.4 課堂練習(xí)繪制“簡易場景” 請(qǐng)同學(xué)們自己使用繪圖工具繪制一個(gè)簡易場景，效果如圖請(qǐng)同學(xué)們自己使用繪圖工具繪制一個(gè)簡易場景，效果如圖2-45所示所示 。圖圖2-45 效果圖效果圖 1、新建一個(gè)、新建一個(gè)Flash文檔，文檔所有屬性使用默認(rèn)參數(shù)。文檔，文檔所有屬性使用默認(rèn)參數(shù)。2、繪制背景，效果如圖、繪制背景，效果如圖2-46所示所示 。3、繪制金字塔，效果如圖、繪制金字塔，效果如圖2-47所示所示 # FF0000#00CCFF#FFFFFF#FFFFFF#FFFF00圖圖2-46 繪制背景繪制

29、背景 #880002#000000#FF8400金字塔填充色金字塔填充色 圖圖2-46 繪制背景繪制背景 圖圖2-47 繪制金字塔繪制金字塔 4、繪制線條，最終效果如圖、繪制線條，最終效果如圖2-48所示所示 。#FF6600圖圖2-48 繪制線條繪制線條 2.2 繪制復(fù)雜圖形 2.2.1 知識(shí)點(diǎn)講解 使用使用Flash 8進(jìn)行復(fù)雜圖形繪制時(shí)，一般都需要利用圖層來管進(jìn)行復(fù)雜圖形繪制時(shí)，一般都需要利用圖層來管理各個(gè)圖形元素，所以本節(jié)首先從圖層的概念入手進(jìn)行講解，進(jìn)而理各個(gè)圖形元素，所以本節(jié)首先從圖層的概念入手進(jìn)行講解，進(jìn)而深化到學(xué)習(xí)較復(fù)雜的圖形繪制深化到學(xué)習(xí)較復(fù)雜的圖形繪制 .一、一、圖層的概念

30、圖層的概念 圖層被比喻成透明的醋酸纖維薄片，在舞臺(tái)上一層層地向上疊圖層被比喻成透明的醋酸纖維薄片，在舞臺(tái)上一層層地向上疊加。在圖層上可以進(jìn)行對(duì)象繪制和編輯，并且各個(gè)圖層上的加。在圖層上可以進(jìn)行對(duì)象繪制和編輯，并且各個(gè)圖層上的繪制相互不會(huì)影響。透過一個(gè)圖層的空白部分可以看到它下繪制相互不會(huì)影響。透過一個(gè)圖層的空白部分可以看到它下面圖層的內(nèi)容，如圖面圖層的內(nèi)容，如圖2-49所示所示 。圖層圖層1上的圖形上的圖形 圖層圖層2上的圖形上的圖形 真實(shí)效果真實(shí)效果 圖圖2-49 圖層效果一圖層效果一 二、對(duì)圖層的操作二、對(duì)圖層的操作 。表表2-1圖層操作控制按鈕及功能圖層操作控制按鈕及功能 控制按鈕 操作

31、及功能 【顯示/隱藏所有圖層】 單擊 按鈕隱藏/顯示所有圖層，圖層被隱藏后，圖層內(nèi)容不可見也不能再被修改 【鎖定/解除鎖定所有圖層】 單擊 按鈕鎖定/取消鎖定所有圖層，圖層被鎖定后，圖層內(nèi)容不能再被修改 【顯示所有圖層的輪廓】 單擊 按鈕顯示/取消顯示所有圖層上圖形的輪廓，顯示輪廓可以節(jié)約系統(tǒng)開銷 下面對(duì)應(yīng)的 單擊 按鈕可以分別對(duì)單獨(dú)的圖層進(jìn)行隱藏、鎖定、顯示輪廓控制 【插入圖層】 單擊 按鈕在當(dāng)前選中的圖層上新建一個(gè)圖層 【添加運(yùn)動(dòng)引導(dǎo)層】 單擊 按鈕在當(dāng)前選中圖層上新建一個(gè)運(yùn)動(dòng)引導(dǎo)層，并將當(dāng)前選中圖層轉(zhuǎn)換成其被引導(dǎo)層 【刪除圖層】 單擊 按鈕刪除當(dāng)前選中的圖層 2.2.2 范例解析（一）圖

32、層操作練習(xí) 1、新建一個(gè)、新建一個(gè)Flash文檔，單擊文檔，單擊【插入圖層插入圖層】按鈕新建如圖按鈕新建如圖2-50所示所示的圖層效果的圖層效果 。圖圖2-50 新建圖層新建圖層 2、分別在各個(gè)圖層上繪制如圖、分別在各個(gè)圖層上繪制如圖2-51所示的簡單圖形所示的簡單圖形 。圖層圖層1 圖層圖層2 圖層圖層3 圖層圖層4圖圖2-51 繪制簡單圖形繪制簡單圖形 3、然后對(duì)圖層進(jìn)行如圖、然后對(duì)圖層進(jìn)行如圖2-52所示的操作后觀察舞臺(tái)的效果所示的操作后觀察舞臺(tái)的效果 。無操作隱藏圖層鎖定圖層顯示輪廓圖圖2-52 圖層操作圖層操作 2.2.3 范例解析（二）繪制“仿真蘋果” 本例將使用本例將使用Flas

33、h 8常用繪圖工具來繪制精美的蘋果，效果如圖常用繪圖工具來繪制精美的蘋果，效果如圖2-53所示所示 。圖圖2-53 效果圖二效果圖二 1、繪制蘋果輪廓。、繪制蘋果輪廓。（2）新建一個(gè)）新建一個(gè)Flash文檔，設(shè)置文檔文檔，設(shè)置文檔【尺寸尺寸】為為“550px300px”，文檔其他屬性使用默認(rèn)參數(shù)。文檔其他屬性使用默認(rèn)參數(shù)。（2）利用）利用【插入插入】/【新建元件新建元件】命令，打開命令，打開【創(chuàng)建新元件創(chuàng)建新元件】對(duì)話框?qū)υ捒?。設(shè)置。設(shè)置【名稱名稱】為為“蘋果蘋果”，【類型類型】為為“圖形圖形”，效果如圖，效果如圖2-54所示。所示。（3）單擊）單擊 按鈕進(jìn)入按鈕進(jìn)入“蘋果蘋果”元件的編輯界面

34、。元件的編輯界面。（4）新建并重命名圖層，直至圖層效果如圖）新建并重命名圖層，直至圖層效果如圖2-55所示。所示。 圖圖2-54 設(shè)置設(shè)置【名稱名稱】及及【類型類型 圖圖2-55 圖層效果二圖層效果二 （5）選擇）選擇【橢圓橢圓】工具工具 ，如圖，如圖2-56所示所示 。 （6）選擇）選擇【任意變形任意變形】工具工具 ，如圖，如圖2-57所示，得到效果如圖所示，得到效果如圖2-58所示所示 。圖圖2-56 繪制橢圓繪制橢圓 圖圖2-57 調(diào)整蘋果的輪廓調(diào)整蘋果的輪廓 圖圖2-58 輪廓的最終效果輪廓的最終效果 這里調(diào)節(jié)外輪廓時(shí)，需要用戶利用這里調(diào)節(jié)外輪廓時(shí)，需要用戶利用【封套封套】工具對(duì)輪工具

35、對(duì)輪廓各個(gè)錨記點(diǎn)的位置及切線手柄進(jìn)行調(diào)節(jié)，直到調(diào)出廓各個(gè)錨記點(diǎn)的位置及切線手柄進(jìn)行調(diào)節(jié)，直到調(diào)出滿意的效果滿意的效果 。2、為蘋果上色、為蘋果上色 。（1）選擇）選擇【顏料桶顏料桶】工具工具 ，得到如圖，得到如圖2-59所示的效果所示的效果 。（2）選中）選中“底色層底色層”圖層上圖形的輪廓線，按圖層上圖形的輪廓線，按Ctrl+X快捷鍵剪切輪快捷鍵剪切輪廓線，然后鎖定廓線，然后鎖定“底色層底色層”圖層。圖層。 （3）選中）選中“高光層高光層”圖層的第圖層的第1幀，按幀，按Ctrl+Shift+V快捷鍵將輪廓線快捷鍵將輪廓線粘貼到粘貼到“高光層高光層” 。（4）選擇）選擇【顏料桶顏料桶】工具工具

36、 ，得到如圖，得到如圖2-60所示的效果所示的效果 。圖圖2-59 填充蘋果顏色填充蘋果顏色 【混合器混合器】面板面板 填充顏色填充顏色 【混合器混合器】面板面板 填充高光顏填充高光顏 圖圖2-60 制作高光效果制作高光效果 （5）刪除輪廓線，鎖定）刪除輪廓線，鎖定“高光層高光層” 。（6）選擇）選擇【橢圓橢圓】工具工具 并設(shè)置，效果如圖并設(shè)置，效果如圖2-61所示所示 。圖圖2-61 制作亮點(diǎn)制作亮點(diǎn) 【混合器混合器】面板面板 填充高光顏色填充高光顏色 3、繪制凹陷效果、繪制凹陷效果 。（1）鎖定）鎖定“亮點(diǎn)層亮點(diǎn)層”圖層，利用圖層，利用【線條線條】工具工具 ，【選擇選擇】工具調(diào)工具調(diào)節(jié)，調(diào)

37、整后的效果如圖節(jié)，調(diào)整后的效果如圖2-62所示所示 。（2）選擇）選擇【顏料桶顏料桶】工具工具 ，填充凹陷輪廓線內(nèi)部，然后刪除輪廓，填充凹陷輪廓線內(nèi)部，然后刪除輪廓線，效果如圖線，效果如圖2-63所示所示 。（3）鎖定）鎖定“凹陷層凹陷層1”，選擇，選擇【矩形矩形】工具工具 ，最終效果如圖，最終效果如圖2-64所示所示。 圖圖2-62 繪制蘋果上部凹陷輪廓繪制蘋果上部凹陷輪廓 圖圖2-63 填充蘋果上部凹陷輪填充蘋果上部凹陷輪 綜合效果綜合效果 矩形效果矩形效果 圖圖2-64 制作蘋果蒂凸起的部分制作蘋果蒂凸起的部分 （4）選擇）選擇【橢圓橢圓】工具，并設(shè)置，效果如圖工具，并設(shè)置，效果如圖2-

38、65所示所示 。圖圖2-65 制作蘋果蒂高光效果制作蘋果蒂高光效果 綜合效果綜合效果 橢圓處于選中狀態(tài)的效果橢圓處于選中狀態(tài)的效果 4、繪制蘋果蒂、繪制蘋果蒂 。（1）鎖定）鎖定“凹陷層凹陷層2”和和“凹陷層凹陷層3”圖層，選擇圖層，選擇【線條線條】工具工具 ，調(diào)，調(diào)整后的效果如圖整后的效果如圖2-66所示所示 。（2）選擇）選擇【顏料桶顏料桶】工具工具 ，顏色設(shè)置如圖，顏色設(shè)置如圖2-67所示，然后填充蘋所示，然后填充蘋果蒂下半部分。果蒂下半部分。 。（3）選擇）選擇【顏料桶顏料桶】工具工具 ，顏色設(shè)置如圖，顏色設(shè)置如圖2-68所示，填充蘋果蒂所示，填充蘋果蒂上半部分，然后刪除多余的線條，效

39、果如圖上半部分，然后刪除多余的線條，效果如圖2-69所示所示 。圖圖2-66 繪制蘋果蒂輪廓繪制蘋果蒂輪廓 圖圖2-67 【顏色顏色】面板面板 圖圖2-68 【顏色顏色】面板面板 圖圖2-69 填充蘋果蒂填充蘋果蒂 利用利用【刷子刷子】工具時(shí)，需設(shè)置工具時(shí)，需設(shè)置【刷子大小刷子大小】為為 ，設(shè)置設(shè)置【刷子形狀刷子形狀】為為 ，然后進(jìn)行斑點(diǎn)的繪制操作，然后進(jìn)行斑點(diǎn)的繪制操作 。5、制作斑點(diǎn)、制作斑點(diǎn) 。（1）選擇）選擇【刷子刷子】工具工具 ，在，在“斑點(diǎn)斑點(diǎn)”圖層上繪制斑點(diǎn)，效果如圖圖層上繪制斑點(diǎn)，效果如圖2-70所示所示 。（2）選中）選中“斑點(diǎn)斑點(diǎn)”圖層上的第圖層上的第1幀，按幀，按F8快捷

40、鍵將所有斑點(diǎn)圖形轉(zhuǎn)快捷鍵將所有斑點(diǎn)圖形轉(zhuǎn)換為影片剪輯元件，并命名為換為影片剪輯元件，并命名為“斑點(diǎn)斑點(diǎn)”，然后選中舞臺(tái)上的斑點(diǎn)元，然后選中舞臺(tái)上的斑點(diǎn)元件，在件，在【濾鏡濾鏡】面板中為元件添加模糊效果，參數(shù)設(shè)置如圖面板中為元件添加模糊效果，參數(shù)設(shè)置如圖2-71所所示，最后蘋果的效果如圖示，最后蘋果的效果如圖2-72所示。至此，蘋果的繪制完成所示。至此，蘋果的繪制完成 。圖圖2-70 制作蘋果上的斑點(diǎn)制作蘋果上的斑點(diǎn) 圖圖2-71 添加模糊效果添加模糊效果 圖圖2-72 最終蘋果圖形最終蘋果圖形 6、繪制盤子、繪制盤子 。（1）新建一個(gè)圖形元件并命名為）新建一個(gè)圖形元件并命名為“盤子盤子” 。（

41、2）選擇）選擇【橢圓橢圓】工具工具 進(jìn)行設(shè)置，效果如圖進(jìn)行設(shè)置，效果如圖2-73所示所示 。（3）使用同樣的方法，在舞臺(tái)上繪制一個(gè)寬高為）使用同樣的方法，在舞臺(tái)上繪制一個(gè)寬高為“223px58px”的橢圓，然后調(diào)整其位置，效果如圖的橢圓，然后調(diào)整其位置，效果如圖2-74所示。所示。 （4）利用）利用【線條線條】工具連接小橢圓和大橢圓，效果如圖工具連接小橢圓和大橢圓，效果如圖2-75所示所示 圖圖2-73 繪制上部兩個(gè)橢圓繪制上部兩個(gè)橢圓 圖圖2-74 繪制下部的小橢圓繪制下部的小橢圓 圖圖2-75 繪制線條繪制線條 （5）選擇所有線條，按）選擇所有線條，按Ctrl+B快捷鍵將圖形打散，然后刪除

42、多余線快捷鍵將圖形打散，然后刪除多余線條，效果如圖條，效果如圖2-76所示所示 。（6）選擇）選擇【顏料桶顏料桶】工具，在工具，在【顏色顏色】面板中設(shè)置面板中設(shè)置【填充顏色填充顏色】的的【類型類型】為為“放射狀放射狀”，從左至右第，從左至右第1個(gè)色塊顏色為個(gè)色塊顏色為“白色白色”，第，第2個(gè)色塊顏色為個(gè)色塊顏色為“#EAE9DF”，第，第3個(gè)色塊為個(gè)色塊為“#F7F9F9”，顏色設(shè)置，顏色設(shè)置如圖如圖2-77所示，然后填充盤子中央，效果如圖所示，然后填充盤子中央，效果如圖2-78所示所示 。圖圖2-76 刪除多余線條刪除多余線條 注 意 此 處的設(shè)置圖圖2-77 【顏色顏色】面板三面板三 圖圖

43、2-78 填充盤子中央填充盤子中央 （7）選擇）選擇【顏料桶顏料桶】工具，在工具，在【顏色顏色】面板中設(shè)置面板中設(shè)置【填充顏色填充顏色】為為“#DDDBCC”，填充盤子邊緣。，填充盤子邊緣。 。（8）選擇）選擇【顏料桶顏料桶】工具，在工具，在【顏色顏色】面板中設(shè)置面板中設(shè)置【填充顏色填充顏色】為為“放射狀放射狀”，從左至右第，從左至右第1個(gè)色塊顏色為個(gè)色塊顏色為“#B7B1A6”，第，第2個(gè)色塊個(gè)色塊顏色為顏色為“#CCC7B3”，顏色設(shè)置如圖，顏色設(shè)置如圖2-79所示，填充盤子下部區(qū)域所示，填充盤子下部區(qū)域，效果如圖，效果如圖2-80所示所示 。（9）刪除多余線條，效果如圖）刪除多余線條，效

44、果如圖2-81所示所示 。圖圖2-79 【顏色顏色】面板四面板四 圖圖2-80 填充盤子底部填充盤子底部 圖圖2-80 刪除輪廓線刪除輪廓線 7、設(shè)置場景、設(shè)置場景 。（1）回到主場景中，新建并重命名圖層，直至圖層效果如圖）回到主場景中，新建并重命名圖層，直至圖層效果如圖2-82所所示示 。（2）選擇）選擇【矩形矩形】工具，設(shè)置工具，設(shè)置【筆觸顏色筆觸顏色】為為“無無”，設(shè)置，設(shè)置【填充填充顏色顏色】為為“線性漸變線性漸變”，從左至右第，從左至右第1個(gè)色塊為個(gè)色塊為“#CCFF00”，第，第2個(gè)色塊為個(gè)色塊為“#00CC66”，在，在“背景背景”圖層上繪制一個(gè)寬高為圖層上繪制一個(gè)寬高為“550

45、px300px”的矩形，并相對(duì)舞臺(tái)居中對(duì)齊，如圖的矩形，并相對(duì)舞臺(tái)居中對(duì)齊，如圖2-83所示。所示。 圖圖2-82 圖層效果圖層效果 顏色面板顏色面板 矩形矩形 圖圖2-83 繪制背景二繪制背景二 （3）然后將）然后將【庫庫】面板中的面板中的“盤子盤子”元件和元件和“蘋果蘋果”元件分別放置元件分別放置到到“盤子盤子”圖層和圖層和“蘋果蘋果”圖層上，并調(diào)整它們的位置，得到如圖圖層上，并調(diào)整它們的位置，得到如圖2-84所示的效果所示的效果 。圖圖2-84 放置到舞放置到舞 （4）保存測試影片，一個(gè)精美的蘋果效果制作完成）保存測試影片，一個(gè)精美的蘋果效果制作完成 。2.2.4 課堂練習(xí)繪制“精美愛心

46、” 請(qǐng)同學(xué)們自己使用繪圖工具繪制一個(gè)精美的愛心，效果如圖請(qǐng)同學(xué)們自己使用繪圖工具繪制一個(gè)精美的愛心，效果如圖2-85所示所示 。1、新建一個(gè)、新建一個(gè)Flash文檔，設(shè)置背景顏色為文檔，設(shè)置背景顏色為“黑色黑色”，文檔其他屬性使，文檔其他屬性使用默認(rèn)參數(shù)用默認(rèn)參數(shù) 。2、利用、利用【直線直線】工具繪制一條直線，然后利用工具繪制一條直線，然后利用【選擇選擇】工具將直線設(shè)工具將直線設(shè)置成如圖置成如圖2-86所示的曲線所示的曲線 。3、利用、利用【部分選取部分選取】工具調(diào)節(jié)直線兩端的錨點(diǎn)將曲線調(diào)整到如圖工具調(diào)節(jié)直線兩端的錨點(diǎn)將曲線調(diào)整到如圖2-87所示的效果所示的效果 。4、復(fù)制出另一半構(gòu)成心形，并

47、使用、復(fù)制出另一半構(gòu)成心形，并使用【修改修改】/【變形變形】/【水平翻轉(zhuǎn)水平翻轉(zhuǎn)】菜單命令水平翻轉(zhuǎn)復(fù)制出的曲線，然后調(diào)整位置形成如圖菜單命令水平翻轉(zhuǎn)復(fù)制出的曲線，然后調(diào)整位置形成如圖2-88所示的所示的效果效果 。圖圖2-85 效果圖效果圖 圖圖2-86 繪制曲線繪制曲線 圖圖2-87 調(diào)節(jié)曲線形狀調(diào)節(jié)曲線形狀 圖圖2-88 復(fù)制出另一半構(gòu)成心形復(fù)制出另一半構(gòu)成心形 5、填充心形，并刪除邊線，具體參數(shù)設(shè)置及最終效果如圖、填充心形，并刪除邊線，具體參數(shù)設(shè)置及最終效果如圖2-89所示所示 。#AF057C#E207C8【顏色顏色】面板面板 填充效果填充效果 圖圖2-89 填充顏色填充顏色 6、在默認(rèn)、在默認(rèn)“圖層