




版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領
文檔簡介
?中文版FlashCS5根底培訓教程?教學大綱課程介紹:本課程是一門概念性和實踐性都很強的面向實際應用的課程。FlashCS5是由Adobe公司開發的網頁動畫制作軟件。Adobe公司在Flash這一軟件的版本上不斷升級,是為了使廣闊從事網頁動畫工作的用戶擁有性能更完善的得力工具,同時也是為了使剛剛步入設計領域的初學者能夠擁有更加優秀的學習軟件。本書內容均以課堂案例為主線,通過對各案例的實際操作,學生可以快速上手,熟悉軟件功能和藝術設計思路。書中的軟件功能解析局部使學生能夠深入學習軟件功能。課堂練習和課后習題,可以拓展學生的實際應用能力,提高學生的軟件使用技巧。商業案例實訓,可以幫助學生快速地掌握商業動畫的設計理念和設計元素,順利到達實戰水平。培訓目標:掌握FlashCS5的根本入門操作掌握圖形的繪制和編輯掌握對象的編輯和修飾操作掌握文本的編輯方法掌握外部素材的應用技巧掌握元件和庫的應用掌握根本動畫的制作方法掌握層和高級動畫的制作技巧掌握聲音素材的導入和編輯方法掌握動作腳本的應用根底了解交互式動畫的制作掌握組件和行為的應用掌握使用Flash制作商業平安的技巧學習時間:65學時。培訓內容:一、FlashCS5根底入門了解FlashCS5的操作界面;掌握文件的新建、翻開、保存等根本操作;了解FlashCS5的系統配置。二、圖形的繪制和編輯熟練掌握根本線條與圖形的繪制和選擇方法;繪制的工具包括:線條工具、鉛筆工具、橢圓工具、刷子工具、矩形工具、多角星形工具、鋼筆工具;選擇的工具包括:選擇工具、局部選擇工具、套索工具;熟練掌握多種圖形編輯工具的使用方法;編輯圖形的工具有:墨水瓶工具、顏料桶工具、滴管工具、橡皮擦工具、變形工具組〔包括任意變形工具、漸變變形工具〕、手形工具、縮放工具了解圖形的色彩,并掌握幾種常用的色彩面板。三、對象的編輯與修飾1、熟練掌握對象的扭曲、封套、縮放、旋轉與傾斜、翻轉、組合、別離、疊放、對齊等各項操作。2、掌握對象幾種根本修改方法;3、熟練掌握對齊面板和變形面板的使用。四、文本的編輯了解Flash中的文字類型并熟練掌握幾種常用類型的使用技巧;熟練掌握文字的變形和填充技巧。五、外部素材的應用了解FlashCS5可以導入的文件格式并掌握導入素材的方法和轉換技巧;了解FlashCS5可以導入的外部的視頻素材的格式并掌握導入的方法和對屬性的編輯。六、元件和庫掌握元件的類型及創立和轉換的方法,;掌握庫面板的組成和使用技巧并了解公用庫的使用;熟練掌握實例的創立和應用。七、根本動畫的制作了解動畫中幀的概念,并在時間軸面板中設置幀;熟練掌握應用幀制作幀動畫或逐幀動畫;掌握形狀補間動畫的創立和應用;掌握動作補間動畫的創立和應用技巧;了解色彩變化動畫的創立方法;了解影片瀏覽器面板的功能。八、層與高級動畫1、掌握層、引導層與運動引導層動畫的創立和使用技巧;2、掌握使用遮罩層創立類似探照燈的特殊動畫效果;3、掌握分散到圖層命令的使用方法;4、了解場景動畫制作的過程。九、聲音素材的導入和編輯1、了解音頻的根本知識及聲音素材的格式;2、掌握導入并編輯聲音素材的方法。十、動作腳本應用根底1、了解各術語的含義;2、掌握動作的應用。十一、交互式動畫的制作1、了解播放和停止動畫;2、掌握通過腳本語言的設置控制聲音;3、了解按鈕事件,掌握通過按鈕來控制和影響動畫的播放;十二、組件和行為的制作1、了解FlashCS5中窗口菜單的組成,并掌握各類組件的作用;2、掌握行為的應用;十三、商業案例實訓1、掌握使用Flash設計制作商業案例的技巧和方法;圖形的繪制與編輯
課堂練習——繪制花店標志【練習知識要點】使用選擇工具和套索工具刪除筆畫,使用鋼筆工具和畫筆工具繪制曲線和螺旋效果,使用變形面板制作圖形旋轉效果,使用橢圓工具繪制橢圓形制作底圖效果,如圖2-1所示。【效果所在位置】光盤/Ch02/效果/繪制花店標志.fla。圖2-11添加并編輯文字〔1〕選擇“文件>新建〞命令,在彈出的“新建文檔〞對話框中選擇“Flash文件〞選項,單擊“確定〞按鈕,進入新建文檔舞臺窗口。〔2〕按Ctrl+L鍵,調出“庫〞面板,在“庫〞面板下方單擊“新建元件〞按鈕,彈出“創立新元件〞對話框,在“名稱〞選項的文本框中輸入“標志〞,勾選“圖形〞選項,單擊“確定〞按鈕,新建一個圖形元件“標志〞,如圖2-2所示,舞臺窗口也隨之轉換為圖形元件的舞臺窗口。圖2-2〔3〕將“圖層1〞重新命名為“文字〞。選擇“文本〞工具,在文本工具“屬性〞面板中進行設置,在舞臺窗口中輸入需要的黑色文字,效果如圖2-3所示。選擇“選擇〞工具,選中文字,按兩次Ctrl+B鍵,將文字打散。用框選的方法選取“之、城〞文字,將其向右移動到適當的位置,將文字的間距擴大,用相同的方法選取文字“麗〞,將文字間距擴大,效果如圖2-4所示。圖2-3圖2-4〔4〕選擇“選擇〞工具,在文字“美〞的上方拖曳出一個矩形選框,如圖2-5所示,文字的筆畫被選中,按Delete鍵,將其刪除,效果如圖2-6所示。用相同的方法分別刪除其他文字的筆畫,效果如圖2-7所示。圖2-5圖2-6圖2-7〔5〕用框選的方法將文字“麗〞上方的橫將其選中并刪除,如圖2-8所示。選擇“套索〞工具,圈選中文字“之〞下方的筆畫,如圖2-9所示,按Delete鍵,將其刪除,效果如圖2-10所示。用相同方法刪除文字“城〞多余的筆畫,效果如圖2-11所示。圖2-8圖2-9圖2-10圖2-11〔6〕刪除完文字上多余的筆畫后效果如圖2-12所示。選擇“局部選取〞工具,在文字“之〞的邊緣單擊鼠標文字的邊緣節點,如圖2-13所示。拖曳出一個矩形選框,選取需要的節點,如圖2-14所示,按Delete鍵,將其刪除,效果如圖2-15所示。用相同的方法,刪除不需要的節點,制作出如圖2-16所示的效果。圖2-12圖2-13圖2-14圖2-15圖2-16〔7〕用“局部選取〞工具選中右上方的節點,節點兩端出現控制手柄,選中下方的控制手柄,向右下方拖曳到適當的位置,如圖2-17所示,松開鼠標效果如圖2-18所示。圖2-17圖2-182繪制文字畫筆〔1〕單擊“時間軸〞面板下方的“插入圖層〞按鈕,創立新圖層并將其命名為“修改筆畫〞。選擇“鋼筆〞工具,在鋼筆工具“屬性〞面板中,將筆觸顏色設為黑色,在“筆觸高度〞選項設5,如圖2-19所示。圖2-19〔2〕用鼠標在“美〞字的上方單擊,設置起始點,在上方的空白處單擊,設置第2個節點,按住鼠標不放,向上方拖曳出控制手柄,調整控制手柄改變路徑的彎度,效果如圖2-20所示。松開鼠標,效果如圖2-21所示。圖2-20圖2-21〔3〕在第2個節點的右側單擊鼠標,設置第3個節點,松開鼠標,效果如圖2-22所示。用相同的方法分別在空白處單擊鼠標添加節點繪制曲線,效果如圖2-23所示。選擇“選擇〞工具,該曲線的節點會自動消失,可以查看繪制的效果。圖2-22圖2-23〔4〕選擇“鋼筆〞工具,在鋼筆工具“屬性〞面板中,將“筆觸高度〞選項設為7,用相同的方法再次在文字“城〞的適當位置繪制一條曲線,效果如圖2-24所示。〔5〕選擇“鉛筆〞工具,在工具箱下方的“鉛筆模式〞選項組的下拉列表中選擇“平滑〞選項,在“美〞字的下方繪制一條彎曲的螺旋狀曲線,效果如圖2-25所示。圖2-24圖2-25〔6〕選擇“選擇〞工具,將鼠標拖曳到螺旋狀曲線上,當鼠標光標變為時,拖曳曲線改變曲線的弧度,松開鼠標,效果如圖2-26所示。在鉛筆工具“屬性〞面板中,將“筆觸高度〞選項設為8,用相同的方法在文字“麗〞下方適當的位置繪制一條螺旋狀曲線,效果如圖2-27所示。圖2-26圖2-27〔7〕選擇“鉛筆〞工具,按Shift鍵的同時,在“之〞字的上方繪制一條直線,如圖2-28所示。選擇“鋼筆〞工具,在鋼筆工具“屬性〞面板中進行設置,如圖2-29所示。在文字“城〞下方適當的位置繪制一個圖形,效果如圖2-30所示。圖2-28圖2-29圖2-30〔8〕選擇“顏料桶〞工具,在工具箱中將填充色設為黑色,在圖形內部單擊鼠標,填充顏色,如圖2-31所示。〔9〕選擇“橢圓〞工具,在工具箱中將筆觸顏色設為無,填充色設為黑色,按住Shift鍵的同時,在舞臺窗口中繪制一個圓形。選擇“選擇〞工具,選中圓形,在形狀“屬性〞面板中將“寬〞、“高〞選項均設為31,取消圖形的選取狀態,效果如圖2-32所示。圖2-31圖2-32〔10〕選擇“橢圓〞工具,在工具箱中將填充色設灰色,在黑色圓形的左下方繪制一個灰色圓形,如圖2-33所示。選擇“選擇〞工具,選中灰色圓形,按Delete鍵,將其刪除,效果如圖2-34所示。將黑色月牙形拖曳到文字“之〞的下方,效果如圖2-35所示。圖2-33圖2-34圖2-353繪制花圖形〔1〕選擇“橢圓〞工具,在工具箱中將筆觸顏色設為無,填充色設為黑色,在舞臺窗口中繪制一個橢圓形,取消圖形的選取狀態,效果如圖2-36所示。選擇“任意變形〞工具,選中橢圓形,在圖形的周圍出現控制點,將中心控制點拖曳到橢圓形的下方,效果如圖2-37所示。圖2-36圖2-37〔2〕選擇“選擇〞工具,按Ctrl+T鍵,彈出“變形〞面板,在面板中進行設置,單擊“復制并應用變形〞按鈕,如圖2-38所示,復制出一個圖形,效果如圖2-39所示。圖2-38圖2-39〔3〕連續單擊4次“復制并應用變形〞按鈕,復制出4個橢圓形,取消圖形的選取狀態,效果如圖2-40所示。選中左下方的橢圓形,按Delete鍵將其刪除,效果如圖2-41所示。圖2-40圖2-41〔4〕用圈選的方法將剛剛繪制的花圖形同時選取,按Ctrl+G鍵,將其組合,并拖曳到文字“城〞的右上方調整其大小,效果如圖2-42所示。按Alt鍵的同時,再次選中圖形并拖曳到文字“之〞的下方。選擇“任意變形〞工具,在圖形的周圍出現變換框,旋轉圖形到適當的角度,如圖2-43所示。在舞臺窗口中的任意地方單擊,控制點消失,文字效果如圖2-44所示。圖2-42圖2-43圖2-44〔5〕選擇“選擇〞工具,按住Shift鍵的同時,單擊左側的筆觸和文字,在工具箱中將筆觸顏色設為綠色〔#009A39〕,填充色設為綠色〔#009A39〕,效果如圖2-45所示。圖2-45〔6〕用相同的方法單擊右側的筆觸和文字,將筆觸顏色設為黃色〔#DBE864〕,填充色設為黃色〔#DBE864〕,效果如圖2-46所示。按住Shift鍵的同時,單擊右側的兩個花圖形,按Shift+Ctrl+G鍵,取消圖形的組合,將填充色設為紫色〔#DB71DB〕,效果如圖2-47所示。圖2-46圖2-474繪制背景〔1〕單擊“時間軸〞面板下方的“場景1〞圖標,進入“場景1〞舞臺窗口。將“圖層1〞重新命名為“底1〞。選擇“橢圓〞工具,在工具箱中將筆觸顏色設為無,填充色設為灰色〔#CCCCCC〕,在舞臺窗口中繪制一個橢圓形,如圖2-48所示。用相同的方法再次繪制多個橢圓形,效果如圖2-49所示。圖2-48圖2-49〔2〕單擊“時間軸〞面板下方的“插入圖層〞按鈕,創立新圖層并將其命名為“底2〞,如圖2-50所示。橢圓工具圖2-50圖2-51〔3〕單擊“時間軸〞面板下方的“插入圖層〞按鈕,創立新圖層并將其命名為“文字〞,將“庫〞面板中的圖形元件“標志〞拖曳到舞臺窗口的背景圖形上,效果如圖2-52所示。圖2-52〔4〕保持圖形元件的選取狀態,選擇圖形“屬性〞面板,在“顏色〞選項的下拉列表中選擇“色調〞,將顏色設為深綠色〔#014314〕,如圖2-53所示。再次拖曳“庫〞面板中的圖形元件“標志〞到舞臺窗口中,效果如圖2-54所示。花店標志繪制完成,按Ctrl+Enter鍵即可查看效果。圖2-53圖2-54課堂練習——繪制童子拜年【練習知識要點】使用橢圓工具繪制童子的五官圖形,使用局部選取工具調整節點制作劉海效果,使用柔化填充邊緣命令為圖形制作柔化效果,使用鋼筆工具制作童子的身體局部,使用鉛筆工具繪制四肢圖形,如圖2-55所示。【效果所在位置】光盤/Ch02/效果/繪制童子拜年.fla。圖2-551繪制頭和劉海圖形〔1〕選擇“文件>新建〞命令,在彈出的“新建文檔〞對話框中選擇“Flash文件〞選項,單擊“確定〞按鈕,進入新建文檔舞臺窗口。將“圖層1〞重新命名為“頭〞,如圖2-56所示。圖2-56〔2〕選擇“橢圓〞工具,在橢圓工具“屬性〞面板中,將填充顏色設為粉紅色〔#FFE7E7〕,筆觸顏色設為黑色,其他選項的設置如圖2-57所示。按住Shift鍵的同時,在舞臺窗口中繪制一個圓形,效果如圖2-58所示。圖2-57圖2-58〔3〕選擇“選擇〞工具,將鼠標拖曳到圓形邊線的下方,當鼠標光標變為圖標時,按住鼠標并向上拖曳到適當的位置,如圖2-59所示。再次將鼠標拖曳到圖形的右下方,當鼠標光標變為時,按住鼠標并向右下方拖曳到適當的位置,如圖2-60所示,松開鼠標,效果如圖2-61所示。圖2-59圖2-60圖2-61〔4〕單擊“時間軸〞面板下方的“插入圖層〞按鈕,創立新圖層并將其命名為“五官〞,如圖2-62所示。選擇“橢圓〞工具,在工具箱中將筆觸顏色設為無,填充色設為深粉色〔#EFA6A5〕,在舞臺窗口中繪制一個橢圓形,如圖2-63所示。圖2-62圖2-63〔5〕選擇“局部選取〞工具,在橢圓形的外邊線上單擊,圖形周圍出現多個節點,如圖2-64所示。選中不需要的節點,如圖2-65所示,按Delete鍵,將其刪除,效果如圖2-66所示。用相同的方法分別選中不需要的節點將其刪除,效果如圖2-67所示。圖2-64圖2-65圖2-66圖2-67〔6〕用“局部選取〞工具選中最下方的節點,如圖2-68所示。按住Alt鍵的同時,選中右側的控制手柄向左上方拖曳到適當的位置,如圖2-69所示。選中右上方的控制手柄向右下方拖曳到適當位置,如圖2-70所示,松開鼠標,效果如圖2-71所示。圖2-68圖2-69圖2-70圖2-71〔7〕選擇“選擇〞工具,選中圖形,按Ctrl+G鍵,將其組合,按住Alt鍵的同時,拖曳圖形到適當的位置,復制圖形,按Ctrl+B鍵將其別離,填充圖形為黑色,按Ctrl+G鍵,將其組合,如圖2-72所示。圖2-72〔8〕選中“五官〞圖層,圖層中所有的圖形將被選中,按Ctrl+X鍵,剪切圖形,選中“頭〞圖層,如圖2-73.所示。按Ctrl+Shift+V鍵,將剪切的圖形粘貼到當前位置。〔9〕選中“五官〞圖層,選擇“橢圓〞工具,在工具箱中將筆觸顏色設為白色,填充色設為無,在舞臺窗口中繪制一個橢圓形,效果如圖2-74所示。圖2-73圖2-74〔10〕選擇“窗口>顏色〞命令,彈出“顏色〞面板,在“類型〞選項的下拉列表中選擇“線性〞,選中色帶上左側的控制點,將其設為白色,選中色帶上右側的控制點,將其設為白色,在“Alpha〞選項中將不透明度設為0%,如圖2-75所示。選擇“顏料桶〞工具,在圖形的左上方向右下方拖曳漸變色,如圖2-76所示,松開鼠標,圖片被填充漸變色。〔11〕選擇“選擇〞工具,選中邊線并將其刪除。選中圖形,按Ctrl+G鍵,將其組合,并原位粘貼到“頭〞圖層中,效果如圖2-77所示。圖2-75圖2-76圖2-772繪制頭發圖形〔1〕在“庫〞面板下方單擊“新建元件〞按鈕,彈出“創立新元件〞對話框,在對話框中進行設置,如圖2-78所示。單擊“確定〞按鈕,新建一個圖形元件“頭發〞,舞臺窗口也隨之轉換為圖形元件的舞臺窗口。圖2-78〔2〕選擇“橢圓〞工具,在橢圓工具“屬性〞面板中,將筆觸顏色設為黑色,填充色設為灰色,其他選項的設置如圖2-79所示。在舞臺窗口中繪制一個橢圓形,效果如圖2-80所示。圖2-79圖2-80〔3〕調出“顏色〞面板,在“類型〞選項的下拉列中選擇“線性〞,選中色帶上左側的控制點,設為暗紅色〔#AD0000〕,選中色帶上右側的控制點設為紅色〔#CE0000〕,其他選項的設置如圖2-81所示。選擇“顏料桶〞工具,在圖形上從上向下拖曳漸變色,如圖2-82所示,松開鼠標,效果如圖2-83所示。圖2-81圖2-82圖2-83〔4〕選擇“橢圓〞工具,在工具箱中將筆觸顏色設為無,填充色設為紅色〔#EF0000〕,在舞臺窗口中繪制一個橢圓形,選擇“選擇〞工具,選中該圖形,按Ctrl+G鍵,將其組合,并拖曳到適當的位置,如圖2-84所示。圖2-84〔5〕選擇“任意變形〞工具,選中圖形,在圖形周圍出現變換框,將鼠標光標放在變換框的控制手柄外邊,當鼠標光標變為時,拖曳鼠標旋轉圖形到適當的角度,如圖2-85所示,在場景中任意地方單擊,變換框消失,效果如圖2-86所示。單擊“時間軸〞面板下方的“插入圖層〞按鈕,新建“圖層2〞,如圖2-87所示。圖2-85圖2-86圖2-87〔6〕選擇“橢圓〞工具,在工具箱中將筆觸顏色設為無,填充色設為白色,按住Shift鍵的同時,在舞臺窗口中繪制一個圓形,選擇“選擇〞工具,選中圓形,調出“顏色〞面板,在“Alpha〞選項中將不透明度設為70%,如圖2-88所示,圖形效果如圖2-89所示。圖2-88圖2-89〔7〕選擇“選擇〞工具,選中圓形,按Ctrl+G鍵將其組合。選擇“橢圓〞工具,在“顏色〞面板中將“Alpha〞選項的不透明度設為50%,在舞臺窗口中繪制一個橢圓形,效果如圖2-90所示。圖2-90〔8〕在工具箱中將填充色設為黑色,在白色透明圖形的上方繪制一個橢圓形,效果如圖2-91所示。將黑色圖形刪除,效果如圖2-92所示。圖2-91圖2-92〔9〕選擇“橢圓〞工具,在橢圓工具“屬性〞面板中,將筆觸顏色設為黑色,填充顏色設為紅色〔#CE0000〕,其他選項的設置如圖2-93所示。在舞臺窗口中繪制一個橢圓形,效果如圖2-94所示。圖2-93圖2-94〔10〕選擇“選擇〞工具,將光標拖曳到圖形右側外邊線上,當鼠標光標變為時,向右拖曳鼠標,如圖2-95所示,拖曳到適當的位置松開鼠標。用相同的方法在圖形的左側外邊線上拖曳鼠標,效果如圖2-96所示。圖2-95圖2-96〔11〕選擇“橢圓〞工具,在工具箱中將筆觸顏色設為無,填充色設為黑色,在舞臺窗口中繪制一個橢圓形,選擇“選擇〞工具,跟據上述所講的方法對橢圓形進行編輯,選中編輯好的橢圓形,按Ctrl+G鍵將其組合,并拖曳到適當的位置調整大小,效果如圖2-97所示。圖2-97〔12〕選擇“任意變形〞工具,用圈選方法將所有圖形同時選取,圖形周圍出現變換框,將鼠標光標放在變換框的控制手柄外邊,當鼠標光標變為時,拖曳鼠標旋轉圖形到適當的位置,如圖2-98所示,在場景中任意地方單擊,取消變換框,效果如圖2-99所示。圖2-98圖2-99〔13〕單擊“時間軸〞面板下方的“場景1〞圖標,進入“場景1〞的舞臺窗口。選中“頭〞圖層,將“庫〞面板中的圖形元件“頭發〞拖曳到舞臺窗口中,如圖2-100所示。〔14〕用相同的方法再次將“庫〞面板中的圖形元件“頭發〞拖曳到舞臺窗口中,如圖2-101所示。選中圖形元件,選擇“修改>變形>水平翻轉〞命令,圖形水平翻轉,效果如圖2-102所示。圖2-100圖2-101圖2-1023繪制五官〔1〕選中“五官〞圖層,選擇“橢圓〞工具,在工具箱中將筆觸顏色設為無,填充色設為黑色,在舞臺窗口中繪制一個橢圓形,效果如圖2-103所示。在工具箱中將填充色設為白色,在黑色橢圓形的上方繪制一個白色橢圓形,效果如圖2-104所示。選擇“選擇〞工具,選中白色的橢圓形,按Delete鍵,將其刪除。圖2-103圖2-104〔2〕在“時間軸〞面板中單擊“鎖定/解除鎖定所有圖層〞按鈕下方的小黑圓點,“頭〞圖層上顯示出一個鎖狀圖標,表示“頭〞圖層被鎖定,如圖2-105所示。選擇“選擇〞工具,在舞臺窗口中拖曳一個矩形選框,如圖2-106所示,按Delete鍵,將選中的圖形刪除,效果如圖2-107所示。圖2-105圖2-106圖2-107〔3〕將鼠標拖曳到圖形下方的外邊線上,當鼠標光標變為時,向下拖曳鼠標將直線變為弧線,如圖2-108所示,松開鼠標,效果如圖2-109所示。按住Alt鍵的同時,選中圖形向右拖曳到適當的位置,復制一個圖形。選擇“修改>變形>水平翻轉〞命令,將圖形水平翻轉,效果如圖2-110所示。圖2-108圖2-109圖2-110〔4〕選擇“橢圓〞工具,在工具箱中將筆觸顏色設為無,填充色設為橘紅色〔#E7615A〕,按住Shift鍵的同時,在舞臺窗口中繪制一個圓形。選擇“選擇〞工具,選中圓形,選擇“顏色〞面板,在“Alpha〞選項中將不透明度設為80%,如圖2-111所示,圖形效果如圖2-112所示。圖2-111圖2-112〔5〕選中圖形,選擇“修改>形狀>柔化填充邊緣〞命令,在彈出的對話框中進行設置,如圖2-113所示,單擊“確定〞按鈕,按Ctrl+G鍵將其組合,效果如圖2-114所示。選中柔化圖形,按住Alt鍵的同時,向右拖曳圖形到適當的位置,復制一個圖形,效果如圖2-115所示。圖2-113圖2-114圖2-115〔6〕選擇“橢圓〞工具,在橢圓工具“屬性〞面板中,將筆觸顏色設為黑色,填充顏色設為紅色〔#EB807B〕,其他選項的設置如圖2-116所示,在舞臺窗口中繪制一個橢圓形,選擇“選擇〞工具,選中橢圓形,在“顏色〞面板中將“Alpha〞選項的不透明度設為100%,圖形效果如圖2-117所示。圖2-116圖2-117〔7〕選擇“鉛筆〞工具,在工具箱下方的“鉛筆模式〞選項組的下拉列表中選擇“平滑〞選項,如圖2-118所示,在橢圓形的上方繪制一條曲線,如圖2-119所示。圖2-118圖2-119〔8〕選擇“選擇〞工具,按住Shift鍵的同時,選中不需要的圖形和筆觸,如圖2-120所示,按Delete鍵,將其刪除,效果如圖2-121所示。圖2-120圖2-121〔9〕選擇“矩形〞工具,在工具箱中將筆觸顏色設為無,填充色設為白色,在舞臺窗口中繪制一個矩形,效果如圖2-122所示。圖2-1224繪制身體局部〔1〕單擊“時間軸〞面板下方的“插入圖層〞按鈕,創立新圖層并將其命名為“身體〞,如圖2-123所示。雙擊“身體〞圖層的輪廓圖標,彈出“圖層屬性〞對話框,將“輪廓顏色〞選項設為黑色,如圖2-124所示,單擊“確定〞按鈕,圖層效果如圖2-125所示。圖2-123圖2-124圖2-125〔2〕選擇“鋼筆〞工具,在工具箱中將筆觸顏色設為黑色,在舞臺窗口中單擊鼠標,創立第1個錨點,再次單擊鼠標,創立第2個錨點,將鼠標按住不放并向右拖曳,將直線轉換為曲線,效果如圖2-126所示。用相同的方法,應用“鋼筆〞工具繪制出如圖2-127所示的邊線效果。圖2-126圖2-127〔3〕選擇“顏料桶〞工具,在工具箱中將填充色設為黃色〔#E7D700〕,在邊線的內部單擊鼠標,填充圖形,效果如圖2-128所示。選擇“選擇〞工具,雙擊邊線,將其選中,在形狀“屬性〞面板中,將“筆觸高度〞選項設為3,圖形效果如圖2-129所示。圖2-128圖2-129〔4〕選擇“線條〞工具,繪制一條直線,如圖2-130所示。選擇“選擇〞工具,將其拖曳到直線的下方,當鼠標光標變為時,在直線的中心部位按住鼠標并向上拖曳,直線變為弧線,效果如圖2-131所示。〔5〕用步驟2到步驟3的繪制方法,應用“鋼筆〞工具繪制圖形,將填充色設為紅色〔#E70000〕,選中圖形,按Ctrl+G鍵,將其組合,效果如圖2-132所示。圖2-130圖2-131圖2-132〔6〕選擇“橢圓〞工具,在橢圓工具“屬性〞面板中,將筆觸顏色設為黃色〔#F7CF00〕,“筆觸高度〞選項設為3,填充顏色設為無,按Shift鍵的同時,在舞臺窗口中繪制一個圖形,效果如圖2-133所示。〔7〕選擇“選擇〞工具,選中圖形,按Ctrl+T鍵,在彈出的“變形〞面板中進行設置,單擊“復制并應用變形〞按鈕,如圖2-134所示,復制出一個圖形,效果如圖2-135所示。圖2-133圖2-134圖2-135〔8〕保持選取狀態,再次在“變形〞面板中進行設置,單擊“復制并應用變形〞按鈕,如圖2-136所示,復制出一個新的圖形,效果如圖2-137所示。圖2-136圖2-137〔9〕選擇“選擇〞工具,在圖形的上方拖曳一個矩形選框,如圖2-138所示,按Delete鍵,將選中的圖形刪除。用圈選的方法將下半局部圖形選中,按Ctrl+G鍵,將其組合,效果如圖2-139所示。圖2-138圖2-139〔10〕將組合后的圖形拖曳到適當的位置并調整大小,如圖2-140所示。保持圖形的選取狀態,按住Alt鍵的同時,拖曳圖形到適當的位置,復制圖形。用相同的方法,再次復制圖形,效果如圖2-141所示。圖2-140圖2-141〔11〕選擇“任意變形〞工具,選中左側的組合圖形,圖形周圍出現變換框,將鼠標光標放在變換框的控制手柄外邊,當鼠標光標變為時,拖曳鼠標旋轉圖形到適當的位置,如圖2-142所示。用相同的方法將右側的組合圖形旋轉到適當的角度,效果如圖2-143所示。圖2-142圖2-143〔12〕選擇“文本〞工具,在文本工具“屬性〞面板中進行設置,在舞臺窗口的紅色圖形上輸入需要的文字,效果如圖2-144所示。圖2-1445繪制四肢〔1〕單擊“時間軸〞面板下方的“插入圖層〞按鈕,創立新圖層并將其命名為“四肢〞,如圖2-145所示。選擇“鉛筆〞工具,在工具箱中將筆觸顏色設為黑色,在鉛筆工具“屬性〞面板中,將“筆觸高度〞選項設為3,在舞臺窗口中繪制圖形,如圖2-146所示。圖2-145圖2-146〔2〕選擇“顏料桶〞工具,在工具箱中將填充色設為粉色〔#FFE7E7〕,在圖形的內部單擊鼠標填充顏色,效果如圖2-147所示。圖2-147圖2-148〔3〕在“時間軸〞面板中,拖曳“身體〞圖層到“頭〞圖層的下方,拖曳“四肢〞圖層到“身體〞圖層的下方,舞臺窗口中的效果如圖2-149所示。選中“五官〞圖層,選擇“刷子〞工具,在工具箱中選擇適宜的刷子大小和形狀,在舞臺窗口中繪制圖形,如圖2-150所示。圖2-149圖2-150〔4〕選擇“選擇〞工具,選中圖形,如圖2-151所示,按Ctrl+G鍵,將其進行組合。按Ctrl+X鍵,將其剪切;選擇“四肢〞圖層,按Ctrl+Shift+V鍵,將剪切的圖形原位粘貼,效果如圖2-152所示。圖2-151圖2-152〔5〕選擇“橢圓〞工具,在工具箱中將筆觸顏色設為無,填充色設為黑色,在“顏色〞面板中將“Alpha〞選項的不透明度設為50%,如圖2-153所示,在舞臺窗口中繪制一個橢圓形,效果如圖2-154所示。圖2-153圖2-154〔6〕選擇“選擇〞工具,選中圖形,選擇“修改>形狀>柔化填充邊緣〞命令,在彈出的對話框中進行設置,如圖2-155所示,單擊“確定〞按鈕,按Ctrl+G鍵,將圖形組合,效果如圖2-156所示。圖2-155圖2-156〔7〕選中“五官〞圖層,按Ctrl+R鍵,在彈出的“導入〞對話框中選擇“Ch02>素材>繪制童子拜年>鞭炮〞文件,單擊“翻開〞按鈕,圖片被導入到舞臺窗口中,將其拖曳到適當的位置并調整大小,童子拜年繪制完成,效果如圖2-157所示。圖2-157課后習題——繪制梳子包裝【習題知識要點】使用橢圓工具和線條工具繪制背景圖案效果,使用柔化填充邊緣命令為圖形制作柔化效果,使用多角星形工具繪制星星圖案,使用鋼筆工具繪制透明模和高光效果,如圖2-158所示。【效果所在位置】光盤/Ch02/效果/繪制梳子包裝.fla。圖2-1581繪制背景圖形〔1〕選擇“文件>新建〞命令,在彈出的“新建文檔〞對話框中選擇“Flash文件〞選項,單擊“確定〞按鈕,進入新建文檔舞臺窗口。按Ctrl+F3鍵,彈出文檔“屬性〞面板,單擊“大小〞選項后面的按鈕,在彈出的對話框中將舞臺的寬度設為350,高度設為500,單擊“確定〞按鈕。〔2〕將“圖層1〞重新命名為“底〞,選擇“橢圓〞工具,在工具箱中將筆觸顏色設為黑色,填充色設為無,按住Shift鍵的同時,在舞臺窗口中繪制出多個圓形,效果如圖2-159所示。圖2-159〔3〕選擇“線條〞工具,在舞臺窗口中繪制三條直線,效果如圖2-160所示。選擇“選擇〞工具,選中多余的圓形邊線,按Delete鍵將其刪除,效果如圖2-161所示。圖2-160圖2-161〔4〕選擇“顏料桶〞工具,在工具箱中將填充色設為深綠色〔#747D00〕,在邊線內部單擊鼠標,填充顏色,選擇“選擇〞工具,雙擊邊線將其選中并刪除,效果如圖2-162所示。〔5〕選中圖形,按住Alt鍵的同時,向左下方拖曳鼠標,復制一個圖形,將其填充色設為淺綠色〔#C6D700〕,效果如圖2-163所示。圖2-162圖2-163〔6〕單擊“時間軸〞面板下方的“插入圖層〞按鈕,創立新圖層并將其命名為“圓〞,如圖2-164所示。選擇“橢圓〞工具,在工具箱中將筆觸顏色設為無,填充色設為白色,按住Shift鍵的同時,在淺綠色圖形的上方繪制一個圓形,效果如圖2-165所示。圖2-164圖2-165〔7〕選擇“窗口>顏色〞命令,彈出“顏色〞面板,在“類型〞選項的下拉表列表中選擇“放射狀〞,選中色帶上左側的控制點,將其設為白色,在“Alpha〞選項中將不透明度設為0%,選中色帶上右側的控制點,將其設為白色,在“Alpha〞選項中將不透明度設為50%,如圖2-166所示。選擇“顏料桶〞工具,在白色圓形上單擊鼠標,填充漸變,效果如圖2-167所示。圖2-166圖2-167〔8〕選擇“選擇〞工具,選中漸變圓形,選擇“修改>變形>柔化填充邊緣〞命令,在彈出的對話框中進行設置,如圖2-168所示,單擊“確定〞按鈕,效果如圖2-169所示。圖2-168圖2-169〔9〕選擇“多角星形〞工具,在工具箱中將填充顏色設為白色,筆觸顏色設為無,在多角星形工具“屬性〞面板中單擊“選項〞按鈕,在彈出的“工具設置〞對話框中進行設置,如圖2-170所示,單擊“確定〞按鈕。在舞臺窗口中繪制出5個大小不同的星星圖形,效果如圖2-171所示。圖2-170圖2-171〔10〕在工具箱中將填充色設為綠色〔#A8BA01〕,在舞臺窗口中繪制出7個大小不同的星星圖形,如圖2-172所示。將填充色設為淺綠色〔#C6D700〕,再次繪制出4個大小不同的星星圖形,效果如圖2-173所示。選中“圓〞圖層,將圖層中的圖形全部選中,按Ctrl+G鍵,將圖形進行組合,如圖2-174所示。圖2-172圖2-173圖2-174〔11〕選擇“任意變形〞工具,選中組合圖形,按住Alt鍵的同時,向右拖曳組合圖形,復制圖形,如圖2-175所示。按住Shift鍵的同時,選中右上方的控制手柄向內拖曳鼠標將圖形縮小,并拖曳到適當的位置,在場景中的任意地方單擊鼠標,控制手柄,效果如圖2-176所示。圖2-175圖2-176〔12〕用相同的方法復制多個圖形,調整大小并拖曳到適當的位置,效果如圖2-177所示。圖2-1772繪制星星圖案〔1〕單擊“時間軸〞面板下方的“插入圖層〞按鈕,創立新圖層并將其命名為“星星〞,如圖2-178所示。圖2-178〔2〕選擇“多角星形〞工具,在多角星形工具“屬性〞面板中,將筆觸顏色設為橘紅色〔#FF6500〕,填充色設為黃色〔#FFCC00〕,其他選項的設置如圖2-179所示。單擊“選項〞按鈕,彈出“工具設置〞對話框,在對話框中進行設置,如圖2-180所示,單擊“確定〞按鈕。在舞臺窗口中繪制星星圖形,效果如圖2-181所示。圖2-179圖2-180圖2-181〔3〕選擇“刷子〞工具,在工具箱中將填充色設為白色,在工具箱下方的“筆刷大小〞選項中將筆刷設為第6個,將“筆刷形狀〞選項設為第3個,在星星圖形上繪制高光效果,如圖2-182所示。圖2-182圖2-183〔5〕選擇“鉛筆〞工具,在工具箱下方的“鉛筆模式〞選項組的下拉列表中選擇“平滑〞選項,如圖2-184所示。在鉛筆工具“屬性〞面板中,將“筆觸高度〞選項設為1.5。在星星圖形上繪制嘴邊線,如圖2-185所示。圖2-184圖2-185〔6〕選擇“顏料桶〞工具,在邊線內部單擊鼠標,填充顏色,效果如圖2-186所示。選擇“多角星形〞工具,在多角星形工具“屬性〞面板中,將筆觸顏色設為紫色〔#FD3EFD〕,填充色設為淡紫色〔#F0A8F9〕,在舞臺窗口中繪制星星圖形,如圖2-187所示。跟據上述所講的方法繪制出如圖2-188所示的效果。圖2-186圖2-187圖2-1883導入圖片〔1〕選擇“文件>導入>導入到舞臺〞命令,在彈出的“導入〞對話框中選擇“Ch02>素材>繪制梳子包裝>梳子、人〞文件,單擊“翻開〞按鈕,文件被導入到舞臺窗口中,選擇“選擇〞工具,分別拖曳素材到適當的位置并調整大小,效果如圖2-189所示。圖2-189〔2〕選中人物圖形,按F8鍵,彈出“轉換為元件〞對話框,在對話框中進行設置,如圖2-190所示,單擊“確定〞按鈕,在“庫〞面板中生成圖形元件“人物〞,如圖2-191所示。圖2-190圖2-191〔3〕在舞臺窗口中選中圖形元件“人物〞,如圖2-192所示,選擇圖形“屬性〞面板,在“顏色〞選項的下拉列表中選擇“色調〞,將顏色設為深綠色〔#9B9B00〕,如圖2-193所示,圖形效果如圖2-194所示。將“庫〞面板中的圖形元件“人物〞拖曳到舞臺窗口中,效果如圖2-195所示。圖2-192圖2-193圖2-194圖2-1954繪制圖形并添加文字〔1〕選擇“橢圓〞工具,將筆觸顏色設為無,填充色設為白色,按住Shift鍵的同時,在星星圖案的右上方繪制一個圓形,如圖2-196所示。圖2-196〔2〕選擇“顏色〞面板,在“類型〞選項的下拉列表中選擇“放射狀〞,選中色帶上左側的控制點,將其設為白色,選中色帶上右側的控制點,將其設為深綠色〔#737D00〕,如圖2-197所示。選擇“顏料桶〞工具,在圓形的左下方向右上方拖曳漸變色,如圖2-198所示,松開鼠標,圖形效果如圖2-199所示。圖2-197圖2-198圖2-199〔3〕單擊“時間軸〞面板下方的“插入圖層〞按鈕,創立新圖層并將其命名為“文字〞,如圖2-200所示。〔4〕選擇“矩形〞工具,在工具箱中將筆觸顏色設為無,填充色設為白色,在舞臺窗口的下方繪制矩形,選中矩形,在“顏色〞面板中將“Alpha〞選項的不透明度設為70%,如圖2-201所示,圖形效果如圖2-202所示。選擇“選擇〞工具,選中矩形,按Ctrl+G鍵將其組合。圖2-200圖2-201圖2-202〔5〕用相同的方法在透明矩形的下方再次繪制一個矩形,并在“顏色〞面板中將“Alpha〞選項設為50,圖形效果如圖2-203所示。圖2-203〔6〕選擇“文本〞工具,在文本工具“屬性〞面板中進行設置,在舞臺窗口梳子的下方分別輸入需要的洋紅色〔#FF1873〕和黑色文字,效果如圖2-204所示。圖2-2045繪制透明模和高光圖形〔1〕單擊“時間軸〞面板下方的“插入圖層〞按鈕,創立新圖層并將其命名為“透明模〞。選擇“鋼筆〞工具,在鋼筆工具“屬性〞面板中進行設置,如圖2-205所示。2-205〔2〕在梳子的右下方單擊鼠標,創立第1個錨點,在背景圖上再次單擊鼠標,創立第2個錨點,將鼠標按住不放并向左上方拖曳,將直線轉換為曲線,效果如圖2-206所示。用相同的方法,應用“鋼筆〞工具繪制透明模的邊線,效果如圖2-207所示。圖2-206圖2-207〔3〕選擇“選擇〞工具,雙擊邊線,將其選中,在形狀“屬性〞面板中,將筆觸顏色設為淺灰色〔#CCCCCC〕,其他選項的設置如圖2-208所示,圖形效果如圖2-209所示。圖2-208圖2-209〔4〕選擇“顏色〞面板,在“類型〞選項的下拉列表中選擇“線性〞,在色帶上添加一個控制點,將第1個控制點設為白色,在“Alpha〞選項中將不透明度設為50%,第2個控制點設為白色,在“Alpha〞選項中將不透明度設為50%,第3個控制點設為白色,在“Alpha〞選項中將不透明度設為0%,如圖2-210所示。〔5〕選擇“顏料桶〞工具,在圖形上從左向右拖曳漸變色,如圖2-211所示,松開鼠標,效果如圖2-212所示。圖2-210圖2-211圖2-212〔6〕單擊“時間軸〞面板下方的“插入圖層〞按鈕,創立新圖層并將其命名為“高光〞,如圖2-213所示。跟據上述所講的方法,應用“鋼筆〞工具分別繪制兩個邊線效果,如圖2-214所示。圖2-213圖2-214〔7〕選擇“顏料桶〞工具,在工具箱中將填充色設為白色,分別在邊線內部單擊,填充圖形,選擇“選擇〞工具,分別選中兩個圖形的邊線并將其刪除,效果如圖2-215所示。梳子包裝繪制完成,效果如圖2-216所示。圖2-215圖2-216對象的編輯與修飾
課堂練習——制作鮮花速遞網頁【練習知識要點】使用顏色面板、顏料桶工具、任意變形工具和變形面板來完成圖形的繪制,如圖3-1所示。【效果所在位置】光盤/Ch03/效果/制作鮮花速遞網頁.fla。圖3-11制作圓球和花瓣圖形〔1〕選擇“文件>新建〞命令,在彈出的“新建文檔〞對話框中選擇“Flash文件〞選項,單擊“確定〞按鈕,進入新建文檔舞臺窗口。按Ctrl+F3鍵,彈出文檔“屬性〞面板,單擊“大小〞選項后面的按鈕,在彈出的對話框中將舞臺窗口的寬度設為640,高度設為400,單擊“確定〞按鈕。〔2〕選擇“窗口>庫〞命令,彈出“庫〞面板,在“庫〞面板下方單擊“新建元件〞按鈕,彈出“創立新元件〞對話框,在“名稱〞選項的文本框中輸入“圓球〞,勾選“圖形〞選項,單擊“確定〞按鈕,新建一個圖形元件“圓球〞,如圖3-2所示,舞臺窗口也隨之轉換為圖形元件的舞臺窗口。圖3-2〔3〕選擇“橢圓〞工具,在工具箱中將筆觸顏色設為無,填充色設為灰色,按住Shift鍵的同時,在舞臺窗口中繪制一個圓形。選擇“選擇〞工具,選中圓形,在形狀“屬性〞面板中將“寬〞、“高〞選項分別設為66,效果如圖3-3所示。〔4〕選擇“窗口>顏色〞命令,彈出“顏色〞面板,在“類型〞選項的下拉列表中選擇“放射狀〞,在色帶上再添加4個控制點。將第1個控制點設置為淡黃色〔#FDFED6〕,第2個控制點設置為黃色〔#F4FC97〕,第3個控制點設置為黃色〔#E6F939〕,第4個控制點設置為黃色〔#E6F638〕,第5個控制點設置為土黃色〔#D2B915〕,第6個控制點設置為褐色〔#816507〕,每個控制點之間的距離如圖3-4所示。圖3-3圖3-4〔5〕選擇“顏料桶〞工具,讓工具箱中的“鎖定填充〞按鈕呈未被選中狀態。用鼠標在圓球的右側單擊,填充漸變色,效果如圖3-5所示。在“庫〞面板下方單擊“新建元件〞按鈕,彈出“創立新元件〞對話框,在“名稱〞選項的文本框中輸入“花瓣〞,勾選“圖形〞選項,單擊“確定〞按鈕,新建一個圖形元件“花瓣〞,舞臺窗口也隨之轉換為圖形元件的舞臺窗口。選擇“選擇〞工具,在文檔“屬性〞面板中將背景顏色設為深灰色〔#666666〕。選擇“矩形〞工具,在工具箱中將筆觸顏色設為無,填充色設為白色,在矩形工具“屬性〞面板中將“矩形邊角半徑〞選項設為60,其他選項的設置如圖3-6所示。圖3-5圖3-6〔6〕在舞臺窗口中繪制一個圓角矩形,效果如圖3-7所示。選中圓角矩形,按住Alt鍵的同時,拖曳圖形到適當的位置,復制一個圖形。選中復制的圖形,調出“變形〞面板,勾選“約束〞選項,將“寬度〞選項設為80,“高度〞選項也隨之轉換為80,按Enter鍵確定操作,圓角矩形被縮小,效果如圖3-8所示。圖3-7圖3-8〔7〕選擇“顏色〞面板,在“類型〞選項的下拉列表中選擇“線性〞,選中色帶上左側的控制點,將其設為白色,在“Alpha〞選項中將不透明度設為0,選中色帶上右側的控制點,將其設為灰色〔#8D8D8D〕,在“Alpha〞選項中將不透明度設為50,如圖3-9所示。選擇“顏料桶〞工具,按住Shift鍵的同時,從圓角矩形的中部向上部拖曳漸變色,如圖3-10所示,松開鼠標,效果如圖3-11所示。圖3-9圖3-10圖3-11〔8〕選擇“選擇〞工具,選中漸變圖形,選擇“修改>組合〞命令,將其組合。將漸變圖形拖曳到白色的圓角矩形的上方,效果如圖3-12所示。選中漸變圖形,在“變形〞面板中將“旋轉〞選項設為180,單擊“復制并應用變形〞按鈕,如圖3-13所示,垂直復制漸變圖形,效果如圖3-14所示,制作出花瓣的雛形。選中白色的圓角矩形,按住Alt鍵的同時,拖曳圖形到適當的位置,復制一個白色的圓角矩形。選擇“顏料桶〞工具,按住Shift鍵的同時,在圓角矩形的中部從左向右拖曳漸變色,如圖3-15所示,松開鼠標,效果如圖3-16所示。圖3-12圖3-13圖3-14圖3-15圖3-16〔9〕選擇“任意變形〞工具,選中漸變圓角矩形,調整圓角矩形的寬度和高度,效果如圖3-17所示。選擇“選擇〞工具,選擇“修改>組合〞命令,將漸變圓角矩形將其組合,效果如圖3-18所示。將漸變圓角矩形拖曳到花瓣圖形的右側,效果如圖3-19所示。圖3-17圖3-18圖3-192制作花圖形〔1〕在“庫〞面板下方單擊“新建元件〞按鈕,彈出“創立新元件〞對話框,在“名稱〞選項的文本框中輸入“花朵1〞,勾選“圖形〞選項,單擊“確定〞按鈕,新建一個圖形元件“花朵1〞,如圖3-20所示,舞臺窗口也隨之轉換為圖形元件的舞臺窗口。〔2〕將“庫〞面板中的圖形元件“花瓣〞拖曳到舞臺窗口中,選擇“任意變形〞工具,單擊實例圖形“花瓣〞,圖形花瓣周圍出現控制點,將中心控制點拖曳到圖形下方的控制點上,效果如圖3-21所示。圖3-20圖3-21〔3〕選擇“選擇〞工具,調出“變形〞面板,將“旋轉〞選項設為60,單擊“復制并應用變形〞按鈕,如圖3-22所示。復制出一個花瓣圖形,并按剛剛設置好的中心點旋轉60度,效果如圖3-23所示。圖3-22圖3-23〔4〕連續單擊4次“復制并應用變形〞按鈕,再次復制出4個花瓣圖形,效果如圖3-24所示。用鼠標右鍵單擊“庫〞面板中的圖形元件“花瓣〞,在彈出的菜單中選擇“直接復制〞命令,彈出“直接復制元件〞對話框,將“名稱〞選項設為“花瓣2〞,勾選“圖形〞選項,圖3-25所示,單擊“確定〞按鈕,復制出圖形元件“花瓣2〞,如圖3-26所示。圖3-24圖3-25圖3-26〔5〕在“庫〞面板中雙擊元件“花瓣2〞,進入元件的舞臺窗口。選中花瓣上的漸變圖形,將其拖曳到花瓣圖形的右側,效果如圖3-27所示。選中一個漸變圖形,選擇“修改>別離〞命令,將其打散。在“顏色〞面板中,將色帶上左側的控制點設為白色,在“Alpha〞選項中將不透明度設為0,將色帶上右側的控制點設為灰色〔#787878〕,在“Alpha〞選項中將不透明度設為100,如圖3-28所示。選擇“顏料桶〞工具,按住Shift鍵的同時,從漸變圖形的中部向上部拖曳漸變色,如圖3-29所示,松開鼠標,效果如圖3-30所示。圖3-27圖3-28圖3-29圖3-30〔6〕選擇“選擇〞工具,選中漸變圖形,選擇“修改>組合〞命令,將其組合。將漸變圖形拖曳到花瓣的上方,效果如圖3-31所示。選中漸變圖形,在“變形〞面板中將“旋轉〞選項設為180,單擊“復制并應用變形〞按鈕,復制漸變圖形并將其旋轉180度,效果如圖3-32所示。選中花瓣右側的另外一個漸變圖形將其刪除。新建一個圖形元件“花朵2〞,舞臺窗口也隨之轉換為圖形元件的舞臺窗口。將“庫〞面板中的圖形元件“花瓣2〞拖曳到舞臺窗口中,選擇“任意變形〞工具,單擊花瓣圖形,圖形周圍出現控制點,將中心控制點拖曳到圖形下方的控制點上,效果如圖3-33所示。〔7〕選擇“選擇〞工具,在“變形〞面板中將“旋轉〞選項設為60,單擊“復制并應用變形〞按鈕,復制出一個花瓣圖形,并按剛剛設置好的中心控制點旋轉60度,效果如圖3-34所示。圖3-31圖3-32圖3-33圖3-34〔8〕用相同的方法連續再復制4個花瓣,效果如圖3-35所示。按住Shift鍵的同時,單擊需要的花瓣圖形,將整個花朵圖形同時選取,在“變形〞面板中勾選“約束〞選項,將“寬度〞選項設為90,“高度〞選項也隨之更改,將“旋轉〞選項設為30,如圖3-36所示,按Enter鍵確定操作,整個花朵圖形被旋轉30度并縮小,效果如圖3-37所示。圖3-35圖3-36圖3-37〔9〕將“庫〞面板中的圖形元件“花朵1〞拖曳到舞臺窗口中,拖曳到縮小的花朵圖形的上方,效果如圖3-38所示。將“庫〞面板中的圖形元件“圓球〞拖曳到舞臺窗口中,放置在花朵的中心位置,效果如圖3-39所示,花朵制作完成。圖3-38圖3-393編輯元件〔1〕單擊“時間軸〞面板下方的“場景1〞圖標,進入“場景1〞的舞臺窗口。選擇“文件>導入>導入到舞臺〞命令,在彈出的“導入〞對話框中選擇“Ch03>素材>制作鮮花速遞網頁>網頁背景圖〞文件,單擊“翻開〞按鈕,文件被導入到舞臺窗口中,效果如圖3-40所示。將“庫〞面板中的圖形元件“花朵2〞拖曳到舞臺窗口中,選擇“選擇〞工具,選中圖形,選擇圖形“屬性〞面板,在“顏色樣式〞選項的下拉列表中選擇“色調〞,將顏色設為深灰色〔#404000〕,如圖3-41所示。圖3-40圖3-41〔2〕在“變形〞面板中,勾選“約束〞選項,將“寬度〞選項設為25,“高度〞選項也隨之更改,按Enter鍵確定操作,花朵的投影制作完成。將投影圖形拖曳到背景圖片的多層圓環的中間位置,效果如圖3-42所示。再次拖曳“庫〞面板中的圖形元件“花朵2〞到舞臺窗口中,在“變形〞面板中,將“寬度〞和“高度〞選項分別設置為25,確定操作后效果如圖3-43所示。〔3〕選中花朵圖形和投影圖形,選擇“修改>組合〞命令,將其組合。按住Alt鍵的同時,選中花朵圖形向外拖曳,將其復制2次并分別改變圖形的大小及位置,效果如圖3-44所示。圖3-42圖3-43圖3-44〔4〕將“庫〞面板中的圖形元件“圓球〞拖曳到舞臺窗口中,選中圓球圖形,在“變形〞面板中,勾選“約束〞選項,將“寬度〞選項設為22.5,“高度〞選項也隨之更改。將圓球拖曳到網頁背景圖片的右上方、菜單文字的左側,效果如圖3-45所示。復制出4個圓球,分別拖曳到每個菜單文字的下方,效果如圖3-46所示。圖3-45圖3-46〔5〕選中所有的圓球,調出“對齊〞面板,單擊“垂直中齊〞按鈕和“水平居中分布〞按鈕,將圓球進行對齊,效果如圖3-47所示。舞臺窗口中的效果如圖3-48所示。鮮花速遞網頁制作完成,按Ctrl+Enter鍵即可查看效果。圖3-47圖3-48課后習題——制作中秋節網頁【習題知識要點】使用橢圓工具、柔化填充邊緣命令、直接復制命令來完成效果的制作,如圖3-49所示。【效果所在位置】光盤/Ch03/效果/制作中秋節網頁.fla。圖3-491導入圖片〔1〕選擇“文件>新建〞命令,在彈出的“新建文檔〞對話框中選擇“Flash文件〞選項,單擊“確定〞按鈕,進入新建文檔舞臺窗口。按Ctrl+F3鍵,彈出文檔“屬性〞面板,單擊“大小〞選項后面的按鈕,在彈出的對話框中將舞臺窗口的寬度設為650,高度設為400,將背景顏色設為淡灰色〔#CCCCCC〕,單擊“確定〞按鈕。在文檔“屬性〞面板中單擊“設置〞按鈕,在彈出的“發布設置〞對話框中將“版本〞選項設為“FlashPlayer7〞,將“ActionScript版本〞選項設為“ActionScript2〞,如圖3-50所示,單擊“確定〞按鈕。圖3-50〔2〕將“圖層1〞重新命名為“底圖〞。選擇“文件>導入>導入到舞臺〞命令,在彈出的“導入〞對話框中選擇“Ch03>素材>制作中秋節網頁>底圖〞文件,單擊“翻開〞按鈕,文件被導入到舞臺窗口中。選擇“選擇〞工具,選中圖片,在位圖“屬性〞面板中將“X〞和“Y〞選項分別設為0,將圖片拖曳到舞臺窗口的中心位置。〔3〕單擊“時間軸〞面板下方的“插入圖層〞按鈕,創立新圖層并將其命名為“月餅〞。用步驟2中相同的方法將“Ch03>素材>制作中秋節網頁>月餅〞文件導入到舞臺窗口中,效果如圖3-51所示。圖3-51〔4〕在“時間軸〞面板中創立新圖層并將其命名為“上部花邊〞。將“Ch03>素材>制作中秋節網頁>上部花邊〞文件導入到舞臺窗口中,將其放置在舞臺窗口的上方。在“時間軸〞面板中創立新圖層并將其命名為“黃底邊〞。將“Ch03>素材>制作中秋節網頁>黃底邊〞文件導入到舞臺窗口中,將其拖曳到舞臺窗口的下方,效果如圖3-52所示。圖3-522制作月亮動畫效果〔1〕調出“庫〞面板,在“庫〞面板下方單擊“新建元件〞按鈕,彈出“創立新元件〞對話框,在“名稱〞選項的文本框中輸入“月亮〞,勾選“圖形〞選項,單擊“確定〞按鈕,新建一個圖形元件“月亮〞,如圖3-53所示,舞臺窗口也隨之轉換為圖形元件的舞臺窗口。圖3-53〔2〕選擇“橢圓〞工具,在工具箱中將筆觸顏色設為無,填充顏色設為黃色〔#F7F071〕,按住Shift鍵,在舞臺窗口中繪制一個圓形,效果如圖3-54所示。選擇“選擇〞工具,選中圖形,在形狀“屬性〞面板中,將“寬〞、“高〞選項分別設為44。選擇“修改>形狀>柔化填充邊緣〞命令,在彈出的對話框中將“距離〞選項設為38,“步驟數〞選項設為38,勾選“擴展〞選項,單擊“確定〞按鈕,效果如圖3-55所示。圖3-54圖3-55〔3〕在“庫〞面板中新建一個影片剪輯元件“月亮動〞,舞臺窗口也隨之轉換為影片剪輯元件的舞臺窗口。將“庫〞面板中的圖形元件“月亮〞拖曳到舞臺窗口中。選中舞臺窗口中的元件實例月亮,在圖形“屬性〞面板中將“X〞和“Y〞選項分別設為0,實例月亮的效果如圖3-56所示。在“時間軸〞面板中選中圖層的第35幀,按F6鍵,在該幀上插入關鍵幀。選中第35幀,選中舞臺窗口中的元件實例月亮,在圖形“屬性〞面板中將“X〞選項設為-42,“Y〞選項設為-196。月亮實例被向上移動,效果如圖3-57所示。〔4〕用鼠標右鍵單擊第1幀,在彈出的菜單中選擇“創立補間動畫〞命令,在第1幀和第35幀之間創立動作補間動畫,如圖3-58所示。圖3-56圖3-57圖3-58〔5〕在“時間軸〞面板中創立新圖層。選中新圖層的第35幀,按F6鍵,在該幀上插入關鍵幀。選擇“窗口>動作〞命令,彈出“動作〞面板〔其快捷鍵為F9〕。在面板的左上方將腳本語言版本設置為“ActionScript1.0&2.0〞,在面板中單擊“將新工程添加到腳本中〞按鈕,在彈出的菜單中選擇“全局函數>時間軸控制>stop〞命令,如圖3-59所示,在“腳本窗口〞中顯示出選擇的腳本語言,圖3-60所示,設置好動作腳本后,關閉“動作〞面板。在“動作腳本〞圖層的第35幀上顯示出一個標記“a〞,如圖3-61所示。圖3-59圖3-60圖3-613制作云動畫效果〔1〕在“庫〞面板中新建一個圖形元件“云〞,舞臺窗口也隨之轉換為圖形元件的舞臺窗口。將“Ch03>制作中秋節網頁>素材>云〞文件導入到舞臺窗口中,效果如圖3-62所示。在“庫〞面板中新建一個影片剪輯元件“云動〞,舞臺窗口也隨之轉換為影片剪輯元件的舞臺窗口。圖3-62〔2〕將“圖層1〞重新命名為“云1〞。將“庫〞面板中的圖形元件“云〞拖曳到舞臺窗口中,選中云實例,在圖形“屬性〞面板中將“X〞選項設為220,“Y〞選項設為-12,設置云實例在舞臺窗口中的位置。選中圖層的第115幀,按F6鍵,在該幀上插入關鍵幀。選中第115幀,選中舞臺窗口中的云實例,在圖形“屬性〞面板中將“X〞選項設為-740,“Y〞選項設為-12,將云實例向左移動。用鼠標右鍵單擊圖層的第1幀,在彈出的菜單中選擇“創立補間動畫〞命令,創立補間動畫,如圖3-63所示。圖3-63〔3〕在“時間軸〞面板中創立新圖層并將其命名為“云2〞。再次將“庫〞面板中的圖形元件“云〞拖曳到舞臺窗口中,按Ctrl+T鍵,彈出“變形〞面板,勾選“約束〞復選框,將“寬度〞選項設為63,“高度〞選項也隨之轉換為63,如圖3-64所示。云實例縮小,效果如圖3-65所示。選中云實例,在圖形“屬性〞面板中將“X〞選項設為380,“Y〞選項設為42,設置云實例在舞臺窗口中的位置,效果如圖3-66所示。圖3-64圖3-65圖3-66〔4〕選中“云2〞圖層的第115幀,按F6鍵,在該幀上插入關鍵幀。選中第115幀,選中舞臺窗口中的云實例,在圖形“屬性〞面板中將“X〞選項設為-600,“Y〞選項設為42,將云實例向左移動,效果如圖3-67所示。用鼠標右鍵單擊“云2〞圖層的第1幀,在彈出的菜單中選擇“創立補間動畫〞命令,在第1幀到第115幀之間創立補間動畫。圖3-67〔5〕在“時間軸〞面板中創立新圖層并將其命名為“云3〞。選中“云3〞圖層的第12幀,按F6鍵,在該幀上插入關鍵幀。再次將“庫〞面板中的圖形元件“
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯系上傳者。文件的所有權益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
- 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
- 6. 下載文件中如有侵權或不適當內容,請與我們聯系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 火花線切割機床項目投資可行性研究分析報告(2024-2030版)
- 中國醫用純化水設備行業發展監測及發展戰略規劃報告
- 中國汽車平衡塊行業市場全景評估及發展戰略規劃報告
- 中國電容器用薄膜市場調查報告
- 2025年中國氣瓶光面環規行業市場發展前景及發展趨勢與投資戰略研究報告
- 2025-2030年中國全鋼中央臺項目投資可行性研究分析報告
- 中國川烏頭行業市場深度評估及投資戰略規劃報告
- 中國回光燈市場發展前景預測及投資戰略咨詢報告
- 早教班老師培訓課件
- 同城配送合同
- 高三家長會班主任發言稿課件
- 學前幼兒園-《快樂的小鼴鼠》教學課件設計
- 3停止間轉法教案
- 2022-2023學年重慶市合川市三下數學期末學業質量監測模擬試題含解析
- 全過程造價咨詢服務實施方案
- 初二生地會考復習資料全
- 里氏硬度法檢測鋼材強度范圍記錄表、鋼材里氏硬度與抗拉強度范圍換算表
- 四川省宜賓市翠屏區中學2022-2023學年數學八年級第二學期期末檢測試題含解析
- 2020-2021成都石室聯合中學蜀華分校小學數學小升初模擬試卷附答案
- 某冶金機械廠供配電系統設計
- 《在中亞細亞草原上》賞析 課件
評論
0/150
提交評論