Flash-CS項目2-制作素材課件

1、Flash CS項目2 制作素材掌握Flash CS3繪圖工具的使用方法。掌握使用Flash CS3繪圖工具繪圖的技巧。掌握素材的導入方法。掌握使用導入素材進行動畫設計的一般流程。教學目標: 項目二 制作素材項目二： 制作素材任務一任務二小結任務一 繪制素材任務二 導入素材任務一任務二小結項目二 制作素材項目二： 制作素材Flash CS3提供了強大的繪圖工具，給用戶制作動畫素材帶來了極大的方便。其工具箱中的具體工具名稱及其快捷鍵如圖所示。任務一 繪制素材任務一任務二小結 項目二： 制作素材Flash繪圖工具使用Flash繪圖工具繪制出的素材是矢量圖，可以對其進行移動、調整大小、重定形狀、更改

2、顏色等操作，而不影響素材的品質。位圖也叫像素圖，它由像素或點的網(wǎng)格組成，與矢量圖形相比，位圖的圖像更容易模擬照片的真實效果。矢量圖形與位圖圖像的特點對比如圖所示。任務一 繪制素材任務一任務二小結 項目二： 制作素材矢量圖與位圖位圖放大800%的效果矢量圖放大800%的效果圖層就像透明的醋酸纖維薄片一樣，在舞臺上一層一層地向上疊加。它可以幫助用戶組織文檔中的插圖。用戶可以在一個圖層上繪制和編輯對象，而不會影響其他圖層上的對象。如果一個圖層上沒有內容，那么就可以透過它看到下面圖層上的內容，如圖2-3所示。任務一 繪制素材任務一任務二小結 項目二： 制作素材圖層的概念圖層1上的圖形真實效果圖層2上的

3、圖形本案例通過對一個場景的繪制來介紹Flash CS3中常用繪圖工具的使用方法和技巧，幫助讀者初步認識Flah CS3設計工具的用法。最終創(chuàng)建的設計效果如圖所示。任務一 繪制素材任務一任務二小結 項目二： 制作素材操作一 制作“浪漫人生”任務一 繪制素材任務一任務二小結 項目二： 制作素材操作步驟1、繪制背景（1）新建一個Flash文檔，設置文檔【尺寸】為“800像素600像素”，其他屬性保持默認設置。（2）雙擊界面左上角的圖層名稱“圖層1”，將其重命名為“背景”。（3）選擇【矩形】工具 ，然后選擇【窗口】/【顏色】命令（或者按ShiftF9組合鍵），打開【顏色】面板，如圖所示。任務一 繪制素

4、材任務一任務二小結 項目二： 制作素材1、繪制背景（4）在【顏色】面板中設置矩形的筆觸顏色為“無”，填充顏色的類型為“線性”，從左至右第1個色塊顏色為“#0099FF”，第2個色塊顏色為“#CCFFFF”，如圖所示。（5）拖曳鼠標在舞臺中繪制一個矩形，選擇矩形，然后在其【屬性】面板中設置矩形寬、高分別為“800”、“600”，位置坐標x、y分別為“0”、“0”，其屬性設置如圖2-7所示，舞臺效果如圖所示。任務一 繪制素材任務一任務二小結 項目二： 制作素材1、繪制背景（6）選擇【漸變變形】工具 ，然后單擊舞臺中的矩形，效果如圖所示。（7）單擊【漸變變形】工具的【旋轉】按鈕（圖2-9中的方形標記

5、處），將顏色漸變順時針旋轉90，然后調整顏色漸變的中心，最終的舞臺效果如圖所示。任務一 繪制素材任務一任務二小結 項目二： 制作素材2、繪制草地（1）在界面左上角的“背景”圖層上單擊鼠標右鍵，在彈出的快捷菜單中選擇【插入圖層】命令，然后將新建的圖層重命名為“草地”。（2）選擇【線條】工具 ，在【屬性】面板中設置筆觸顏色為“黑色”，筆觸高度為“1”，其屬性設置如圖2-11所示。在舞臺中繪制一條斜線，效果如圖2-12所示。圖2-11圖2-12任務一 繪制素材任務一任務二小結 項目二： 制作素材2、繪制草地（3）選擇【選擇】工具 ，將鼠標指針放置在線條的中心位置，當鼠標指針呈拖動狀態(tài) 時，按住鼠標左

6、鍵并向上拖曳，將線條調整至圖所示的效果。（4）選擇【線條】工具 ，在舞臺中繪制一條如圖所示斜線。圖2-13圖2-14任務一 繪制素材任務一任務二小結 項目二： 制作素材2、繪制草地（5）選擇【選擇】工具 ，調整其形狀如圖2-15所示。（6）用同樣的方法繪制第3條斜線，最終效果如圖2-16所示。圖2-15圖2-16任務一 繪制素材任務一任務二小結 項目二： 制作素材2、繪制草地（7）選擇【線條】工具 ，將線條的兩端連接起來，如圖2-17所示（注意，連接時一定要使首尾連接緊密，如果有間隙，將會導致不能填充顏色）。（8）選擇【顏料桶】工具 ，打開【顏色】面板，調整其填充顏色的類型為“線性”，第1個色

7、塊顏色為“#EEF742”，第2個色塊顏色為“#99CC00”，效果如圖2-18所示。圖2-17圖2-18任務一 繪制素材任務一任務二小結 項目二： 制作素材2、繪制草地（9）將鼠標指針移入舞臺，此時的鼠標指針將變?yōu)轭伭贤靶螤?，在封閉的線條框內依次單擊鼠標，填充顏色，最終效果如圖2-19所示。（10）選擇【漸變變形】工具 ，分別調整3塊草地的漸變顏色如圖2-20、圖2-21和圖2-22所示。圖2-19圖2-20任務一 繪制素材任務一任務二小結 項目二： 制作素材2、繪制草地（11）選擇【選擇】工具 ，單擊黑色的線條，然后按Delete鍵將線條全部刪除。圖2-21圖2-22任務一 繪制素材任務

8、一任務二小結 項目二： 制作素材3、繪制云彩（1）新建圖層并重命名為“云彩”，選擇【橢圓】工具 ，在【屬性】面板中設置其筆觸顏色為“無”，填充顏色為“白色”，在舞臺中繪制一個橢圓，效果如圖2-23所示。（2）在橢圓的周圍繪制一些小的橢圓，使其像空中的云彩，最終效果如圖2-24所示。圖2-19圖2-20任務一 繪制素材任務一任務二小結 項目二： 制作素材3、繪制云彩（1）新建圖層并重命名為“云彩”，選擇【橢圓】工具 ，在【屬性】面板中設置其筆觸顏色為“無”，填充顏色為“白色”，在舞臺中繪制一個橢圓，效果如圖2-23所示。（2）在橢圓的周圍繪制一些小的橢圓，使其像空中的云彩，最終效果如圖2-24所

9、示。（3）利用同樣的方法，在舞臺中再繪制兩朵云彩，最終效果如圖2-25所示。圖2-23圖2-24圖2-25任務一 繪制素材任務一任務二小結 項目二： 制作素材4、繪制太陽（1）新建圖層并重命名為“太陽”，選擇【橢圓】工具 ，打開【顏色】面板，設置筆觸顏色為“無”，填充顏色的類型為“放射狀”，第1個色塊顏色為“#FF0000”，第2個色塊顏色為“#FFCC33”，【顏色】面板設置如圖2-26所示。圖2-26任務一 繪制素材任務一任務二小結 項目二： 制作素材4、繪制太陽（2）在舞臺中按住Shift鍵的同時拖曳鼠標，繪制一個尺寸為“100100”的圓形，效果如圖2-27所示，其屬性設置如圖2-28

10、所示。圖2-27圖2-28任務一 繪制素材任務一任務二小結 項目二： 制作素材5、導入素材（1）新建圖層并重命名為“植物”，選擇【文件】/【導入】/【導入到舞臺】命令，打開素材文件“素材項目二制作“浪漫人生”植物.png”，其屬性設置如圖2-29所示，舞臺效果如圖2-30所示。圖2-29圖2-30任務一 繪制素材任務一任務二小結 項目二： 制作素材5、導入素材（2）新建圖層并重命名為“家”，選擇【文件】/【導入】/【導入到舞臺】命令，打開素材文件“素材項目二制作“浪漫人生”家.png”，其屬性設置如圖2-31所示，舞臺效果如圖2-32所示。圖2-31圖2-32任務一 繪制素材任務一任務二小結

11、項目二： 制作素材5、導入素材（3）新建圖層并重命名為“人物”，選擇【文件】/【導入】/【導入到舞臺】命令，打開素材文件“素材項目二制作“浪漫人生”人物.png”文件導入到舞臺中，其屬性設置如圖2-33所示，舞臺效果如圖2-34所示。圖2-33圖2-34任務一 繪制素材任務一任務二小結 項目二： 制作素材6、制作標題（1）新建圖層并重命名為“標題下”，選擇【文本】工具 ，打開【屬性】面板，設置字體為“經(jīng)典繁行書”、字體大小為“60”、填充顏色為“#FFFFFF”，在舞臺中輸入文字“浪漫人生”，其屬性設置如圖2-35所示，舞臺效果如圖2-36所示。圖2-35圖2-36任務一 繪制素材任務一任務二

12、小結 項目二： 制作素材6、制作標題（2）新建圖層并重命名為“標題上”，選擇【文字】工具 ，設置填充顏色為“#FF6600”，輸入相同的文字，其屬性設置如圖2-37所示，舞臺效果如圖2-38所示。圖2-37圖2-38任務一 繪制素材任務一任務二小結 項目二： 制作素材6、制作標題（3）此時，【時間軸】面板狀態(tài)如圖2-39所示。圖2-397、保存測試影片，完成動畫的制作。本案例主要練習使用Flash CS3的繪圖工具繪制一個花盆，并在花盆的旁邊點綴兩顆星星。花盆制作流程如圖所示。任務一 繪制素材任務一任務二小結 項目二： 制作素材操作二 繪制“精美盆景”任務一 繪制素材任務一任務二小結 項目二：

13、 制作素材操作步驟1、繪制花盆底部。（1）新建一個Flash文檔。（2）新建圖層，效果如圖2-42所示。鎖定除“花盆底部”以外的圖層并單擊“花盆底部”圖層的第1幀。（3）選擇【矩形】工具 繪制矩形，如圖2-43所示。圖2-42圖2-43任務一 繪制素材任務一任務二小結 項目二： 制作素材1、繪制花盆底部（4）選擇【選擇】工具 調整矩形形狀，效果如圖2-44所示。圖2-44任務一 繪制素材任務一任務二小結 項目二： 制作素材1、繪制花盆底部（5）選擇【窗口】/【顏色】命令，打開【顏色】面板，單擊填充顏色按鈕 ，在【類型】下拉列表中選擇“線性”選項，選擇適合的顏色，如圖2-45所示。（6）單擊工具

14、箱中的【顏料桶】工具按鈕 ，然后單擊花盆底部圖形進行填充，填充后的效果如圖2-46所示。圖2-45圖2-46任務一 繪制素材任務一任務二小結 項目二： 制作素材1、繪制花盆底部（7）刪除花盆底部輪廓線，效果如圖2-47所示。（8）單擊【任意變形】工具按鈕 ，按住鼠標左鍵不放，然后向下拖曳鼠標選擇【漸變變形】選項，設置漸變方向，效果如圖2-48所示。圖2-47圖2-48任務一 繪制素材任務一任務二小結 項目二： 制作素材1、繪制花盆底部（9）鎖定除“花盆邊沿”以外的圖層，使用同樣的方法在“花盆邊沿”圖層上繪制邊沿圖形，效果如圖2-49所示。圖2-49任務一 繪制素材任務一任務二小結 項目二： 制

15、作素材2、繪制“盆心01”（1）鎖定除“盆心01”以外的圖層并選擇該圖層的第1幀，單擊【矩形】工具按鈕 ，按住鼠標左鍵不放，然后向下拖動鼠標選擇【橢圓】選項，在舞臺上繪制一個橢圓。（2）在【顏色】面板設置填充橢圓的顏色，選擇【顏料桶】工具 進行填充，如圖2-50所示。圖2-50任務一 繪制素材任務一任務二小結 項目二： 制作素材2、繪制“盆心01”（3）鎖定除“盆心02”以外的圖層，使用同樣的方法繪制一個橢圓并進行填充，效果如圖2-51所示。圖2-51任務一 繪制素材任務一任務二小結 項目二： 制作素材3、繪制“花苗01”（1）鎖定除“花苗01”以外的圖層，選擇【線條】工具 繪制花苗的輪廓并進

16、行調整，效果如圖2-52所示。（2）在【顏色】面板中設置顏色類型為“線性”，設置好填充顏色，如圖2-53所示。（3）選擇【顏料桶】工具 對花苗01進行填充，刪除輪廓線，效果如圖2-54所示。圖2-52圖2-53圖2-54任務一 繪制素材任務一任務二小結 項目二： 制作素材3、繪制“花苗01”（4）使用同樣的方法在“花苗02”與“花苗03”圖層上繪制花苗，效果如圖2-56和圖2-57所示。圖2-56圖2-57任務一 繪制素材任務一任務二小結 項目二： 制作素材3、繪制裝飾的星星（1）鎖定除“五星”以外的圖層，單擊并拖動【矩形工具】按鈕 ，在彈出的下拉快捷菜單中選擇【多角星形】工具。（2）在【屬性

17、】面板的【工具設置】卷展欄中單擊 按鈕，彈出【工具設置】對話框。設置【樣式】為“多邊形”，【邊數(shù)】為“5”，在舞臺上繪制一個五角星，如圖2-58所示。圖2-58任務一 繪制素材任務一任務二小結 項目二： 制作素材3、繪制裝飾的星星（3）在【顏色】面板中設置顏色類型為“線性”，選擇填充顏色，效果如圖2-59所示。（4）填充五角星的輪廓區(qū)域，使用【漸變變形】工具調整漸變形狀，如圖2-60所示。圖2-59圖2-60任務一 繪制素材任務一任務二小結 項目二： 制作素材3、繪制裝飾的星星（5）使用同樣的方法繪制第2顆五角星，設置顏色類型為“放射狀”，最終效果如圖2-61所示。（6）按Ctrl+S組合鍵保

18、存影片文件，完成動畫制作。圖2-61任務二 導入素材任務一任務二小結導入圖片的方法（1）導入到舞臺選擇【文件】/【導入】/【導入到舞臺】命令，彈出【導入】對話框，選擇要打開的圖像，如圖2-62所示。單擊 按鈕，將圖像導入到舞臺上。若GIF格式的動態(tài)圖片導入舞臺后，會自動分散到若干幀上。項目二： 制作素材圖2-62任務二 導入素材任務一任務二小結導入圖片的方法（2）導入到庫選擇【文件】/【導入】/【導入到庫】命令，彈出【導入到庫】對話框，選擇要打開的圖像，如圖2-65所示。單擊 按鈕，圖像直接被導入到【庫】面板中，顯示為“位圖” 。若GIF格式的動態(tài)圖像導入到庫后，會出現(xiàn)一個影片剪輯元件和若干位

19、圖。項目二： 制作素材圖2-65任務二 導入素材任務一任務二小結編輯圖片的常用操作（1）編輯圖片選中舞臺中的圖像，按CtrlB 組合鍵將其打散，這樣可使用【選擇】工具 對其部分區(qū)域進行選擇拖放。用【橡皮擦】工具 擦去需要去除的部分，如圖2-68所示。項目二： 制作素材圖2-68任務二 導入素材任務一任務二小結編輯圖片的常用操作（2）去除圖像背景（純色或者近似同樣顏色的背景）先將圖像打散，然后選擇【套索】工具 ，此時在工具箱下方會出現(xiàn)【魔術棒】按鈕 、【魔術棒設置】按鈕 和【多邊形模式】按鈕 ，設置“魔術棒”圖標處在按下狀態(tài)，當鼠標指針變成魔術棒的形狀時，在背景處單擊鼠標，會發(fā)現(xiàn)整個背景都被選中

20、，然后按Delete鍵將其刪除。刪除背景前后對比效果如圖2-69所示。項目二： 制作素材圖2-69任務二 導入素材任務一任務二小結聲音格式的選擇聲音要占用大量的磁盤空間和內存，不同的聲音格式所占的空間不同，選擇合理的聲音格式可以使動畫更加小巧靈活。MP3聲音數(shù)據(jù)經(jīng)過壓縮后，比 WAV 或 AIFF 聲音數(shù)據(jù)小。MP3一般用于MTV的制作，而使用一些小段的動感音樂時，一般用WAV就可以了。項目二： 制作素材任務二 導入素材任務一任務二小結導入聲音的方法選擇【文件】/【導入】/【導入到庫】命令，彈出【導入到庫】對話框，選擇要導入的聲音文件，然后單擊 打開按鈕，聲音直接被導入到【庫】面板中。選中時間

21、軸上的任一幀，在【屬性】面板中即可設置加入聲音，如圖2-70所示。項目二： 制作素材圖2-70任務二 導入素材任務一任務二小結聲音屬性的設置Flash CS3提供的效果設置選項如圖2-71所示，各個選項的功能如表2-3所示。項目二： 制作素材圖2-71任務二 導入素材任務一任務二小結導入視頻的方法選擇【文件】/【導入】/【導入視頻】命令，彈出【導入視頻】對話框，單擊 按鈕找到需要導入的視頻文件，其余保持默認設置即可，將視頻導入到時間軸進行播放。Flash CS3版本只能導入FLV格式的視頻文件，其他格式的視頻文件需要利用Adoble Flash CS3中的“Adobe Media Encode

22、r.exe”插件進行格式轉換后方可導入。項目二： 制作素材任務二 導入素材任務一任務二小結項目二： 制作素材操作一 制作“中秋快樂”本案例將使用Flash CS3的導入圖像功能來制作一個美麗的動畫場景，制作流程如圖2-74所示。圖2-74任務二 導入素材任務一任務二小結項目二： 制作素材1.導入背景圖片。（1）新建一個Flash文檔，設置文檔【尺寸】為“800像素600像素”，其他文檔屬性保持默認設置。（2）將默認的圖層名稱“圖層1”重命名為“背景”。選中“背景”圖層的第1幀，然后選擇【文件】/【導入】/【導入到舞臺】命令，彈出【導入】對話框，打開素材文件“素材項目二制作“中秋快樂”中秋快樂.

23、bmp”。操作步驟任務二 導入素材任務一任務二小結項目二： 制作素材（3）單擊 按鈕，將圖像導入到舞臺中。然后選中舞臺中的背景圖片，打開【屬性】面板，確認圖片寬、高為“800像素600像素”，此時的舞臺效果如圖2-75所示。1、導入背景圖片圖2-75任務二 導入素材任務一任務二小結項目二： 制作素材（1）用鼠標右鍵單擊背景圖片，在彈出的快捷菜單中選擇【轉換為元件】命令，彈出【轉換為元件】對話框，在【名稱】文本框中輸入“背景”，在【類型】中選擇【影片剪輯】單選按鈕，如圖2-76所示。（2）單擊 按鈕，將背景圖片轉換為【影片剪輯】元件，在【庫】面板中會出現(xiàn)一個名為“背景”的影片剪輯元件，如圖2-7

24、7所示。1、制作背景漸顯圖片圖2-76圖2-77任務二 導入素材任務一任務二小結項目二： 制作素材（3）選中“背景”圖層的第30幀，按F5 鍵插入一個普通幀；然后選中第10幀，按F6鍵插入一個關鍵幀。此時的【時間軸】狀態(tài)如圖2-78所示。（4）選擇“背景”圖層第1幀的“背景”元件，在【屬性】面板的【顏色】下拉列表中選擇“Alpha”選項，設置其值為“0%”，【屬性】面板如圖2-79所示。1、制作背景漸顯圖片圖2-78圖2-79任務二 導入素材任務一任務二小結項目二： 制作素材（5）用鼠標右鍵單擊“背景”圖層上第1幀第20幀的任意一幀，在彈出的快捷菜單中選擇【創(chuàng)建補間動畫】命令，為“背景”圖層創(chuàng)

25、建補間動畫，效果如圖2-80所示。1、制作背景漸顯圖片圖2-80任務二 導入素材任務一任務二小結項目二： 制作素材（1）新建圖層并重命名為“標題”，選中“標題”圖層第10幀，按F7鍵插入空白關鍵幀。（2）選擇【文本】工具 在舞臺上輸入文本“中秋快樂”，在【屬性】面板中設置其字體為“楷體 GB2312”，字體大小為“100”，文本顏色為“黃色”，拖動文本框使文字豎向排列，設置位置坐標x、y分別為“150”、“25”，如圖2-81所示。此時的時間軸狀態(tài)如圖2-82所示，舞臺效果如圖2-83所示。2、制作標題圖2-81任務二 導入素材任務一任務二小結項目二： 制作素材（3）保存測試影片，完成動畫的制

26、作。2、制作標題圖2-82圖2-83任務二 導入素材任務一任務二小結項目二： 制作素材本案例將使用Flash CS3的導入音頻文件的功能來制作美聲音樂，制作流程如圖2-84所示。 圖2-84操作二 制作“美聲音樂”任務二 導入素材任務一任務二小結項目二： 制作素材1.導入音樂文件。（1）打開素材文件“素材項目二制作“美聲音樂”模版.fla”，在“背景”圖層上面新建圖層并重命名為“音樂”，此時的文檔效果如圖2-85所示。操作步驟圖2-85任務二 導入素材任務一任務二小結項目二： 制作素材（2）選擇【文件】/【導入】/【導入到庫】命令，打開【導入到庫】對話框，在【查找范圍】下拉列表中選擇音頻文件的

27、路徑，并選中需要導入的音頻文件。本案例將打開素材文件“素材項目二制作“美聲音樂”the rain.mp3”。1、導入音樂文件圖2-86（3）單擊 按鈕，將選擇的音頻文件導入到【庫】面板中，效果如圖2-86所示。任務二 導入素材任務一任務二小結項目二： 制作素材（1）選擇“音樂”圖層的第1幀，在【屬性】面板的【聲音】下拉列表中選擇剛才導入的音頻文件，在【效果】下拉列表中選擇“淡入”選項，在【同步】下拉列表中選擇“事件”選項，如圖2-87所示。（2）保存測試影片，完成動畫的制作。2、把音頻文件加入到動畫中圖2-87任務二 導入素材任務一任務二小結項目二： 制作素材本案例將利用Flash CS3的導

28、入視頻文件的功能來制作一個“液晶電視”的效果，制作流程如圖2-88所示。圖2-88操作三 制作“液晶電視”任務二 導入素材任務一任務二小結項目二： 制作素材1.導入背景。（1）新建一個Flash文檔，設置文檔【尺寸】為“550像素380像素”，【幀頻】為“20fps”，其他文檔屬性保持默認設置。（2）將默認的圖層名稱“圖層1”重命名為“電視”，然后選擇【文件】/【導入】/【導入到舞臺】命令，將素材文件“素材項目二制作“液晶電視”電視.png”導入到舞臺中，并相對舞臺居中對齊，舞臺效果如圖2-89所示。操作步驟圖2-89任務二 導入素材任務一任務二小結項目二： 制作素材（1）新建一個圖層并重命名

29、為“開場特效”，分別選中“電視”圖層和“開場特效”圖層的第16幀，按F5 鍵插入幀，時間軸狀態(tài)如圖2-90所示。2、制作開場特效圖2-90任務二 導入素材任務一任務二小結項目二： 制作素材（2）選中“開場特效”圖層的第1幀，然后選擇【矩形】工具 ，在【屬性】面板中設置其筆觸顏色為“無”，填充顏色為“黑色”，在舞臺上繪制一個矩形，并調整其寬、高分別為“370”、“215”，位置坐標x、y分別為“88”、“45.5”，如圖2-91所示。2、制作開場特效圖2-91任務二 導入素材任務一任務二小結項目二： 制作素材（3）選中“開場特效”圖層的第8幀，按F6 鍵插入一個關鍵幀，然后調整矩形的填充顏色為“白色”，舞臺效果如圖2-92所示。（4）選中“開場特效”圖層的第16幀，按F6 鍵插入一個關鍵幀，然后調整矩形的填充顏色的“Alpha”的值為“0%”。2、制作開場特效圖2-92任務二 導入素材任務一任務二小結項目二： 制作素材（1）在“電視”圖層之上新建一個圖層并重命名為“影視文件”，然后選中“影視文件”圖層的第8幀，按F7鍵