【正文】
如果是實例、組合、文本塊或位圖需要進行形狀補間,必須首先執(zhí)行“修改”/“分離”命令,將其打散,使之變成分離的圖形,然后才能進行變形。形狀補間的對象是分離的可編輯圖形,可以是同一層上的多個圖形,也可以是單個圖形。第六章創(chuàng)建動畫第二講(第七周 2學時)課題名稱:制作動畫目的要求:主要介紹制作動畫的方法,包括逐幀動畫、動畫補間動畫、形狀補間動畫。在許多Flash動畫中都會設置這個值制作一些特殊效果,如制作一個物件 慢慢消失的動畫效果。五、在第45幀上單擊鼠標右鍵,執(zhí)行“插入關鍵幀”命令;并選擇圖形,進行同心等比例縮小,在“屬性”面板中設置顏色選項中的Alpha值為0%。三、在第15幀上單擊鼠標右鍵,執(zhí)行“插入關鍵幀”命令;并選擇圖形,進行同心等比例放大,并在“屬性”面板中設置旋轉方式為順時針,旋轉次數為1。實例二淡出一、新建文檔,導入素材,并將素材貼到該文件第1幀的舞臺正中位置。三、在第20幀上單擊鼠標右鍵,執(zhí)行“插入關鍵幀”命令,將小球移動到舞臺的下邊緣。實例一位移一、在第1幀的舞臺上繪制一個較小的正圓形,這個圖形沒有輪廓線;在第1幀上單擊鼠標右鍵,執(zhí)行“創(chuàng)建補間動畫”命令,移動圓球到舞臺的左下角,動畫將從這里開始。動畫補間動畫原理解析(補充): l 從開始到結束“動畫補間動畫”是一個逐漸變化的過程,物件從開始到結束會發(fā)生一定的變化;中間的過程由Flash自動生成(只需進行開始幀與結束幀的樣式變化即可,中間的變化是由程序自動生成的); l 開始與結束的圖形是一個圖形(由于“動畫補間動畫”的變化重點在于大小、位置、色彩、旋轉等方面,因此只要開始與結束時的物件是同一個即可)。二、動畫補間動畫(參見書103頁)動畫補間動畫是制作Flash動畫時使用最多的一種動畫類型,可以制作出位置移動、縮放和旋轉等動畫效果。過渡幀中包括了許多幀,但其中至少要有兩個幀:起始關鍵幀和結束關鍵幀。在“時間軸”上的幀的適當位置單擊鼠標右鍵,執(zhí)行“插入幀”命令(或按F5),即可增加一個“普通幀”。多個連續(xù)“普通幀”時,白方塊在最后一幀上,前面多個“普通幀”只是連續(xù)的灰色,沒有其他標記。普通幀:普通幀也稱為靜態(tài)幀,在時間軸上顯示為一個個矩形單元格。在“時間軸”上的幀的適當位置單擊鼠標右鍵,執(zhí)行“插入關鍵幀”命令(或按F6),即可增加一個“關鍵幀”。關鍵幀:在制作動畫的過程中,在某一時刻需要定義對象的某種新狀態(tài),這個時刻所對應的幀稱為關鍵幀。在Flash中,動畫制作需要不同的幀來共同完成,通過時間軸可以清晰地判斷出幀的類型。在補間動畫中,用戶可以創(chuàng)建起始幀和結束幀,而讓Flash創(chuàng)建中間的幀,還可以通過更改起始幀和結束幀之間的對象大小、旋轉、顏色和其他屬性來創(chuàng)建運動的效果;而在逐幀動畫中,用戶必須創(chuàng)建每一幀中的圖像。Flash動畫是通過更改連續(xù)幀的內容創(chuàng)建的。第六章創(chuàng)建動畫第一講(第七周 2學時)課題名稱:制作動畫目的要求:主要介紹制作動畫的方法,包括逐幀動畫、動畫補間動畫、形狀補間動畫?!坝捌糨嬙本褪俏覀兤匠Uf的MC,它是一段獨立的動畫片段,主要用來為動畫、按鈕提供動畫片段,增加動畫的復雜程度,與舞臺中的動畫編輯方式沒有區(qū)別。參考答案一、填空題元件實例影片剪輯二、選擇題CAB三、問答題“圖形元件”是為動畫建立可重復使用的靜態(tài)圖形。二、選擇題()是可以反復取出使用的一段小動畫,并可獨立于主動畫進行播放。()是指位于舞臺上或鑲套在另一個元件內的元件副本。實例四制作漸變斜角文字效果一、輸入文字內容,將其轉換為“影片剪輯”;二、在“濾鏡”面板中添加“漸變斜角”文字效果,設置其參數(模糊:8,強度:100%,角度:252,距離:5,類型:外側)。五、選擇“橢圓工具”,禁用“筆觸顏色”,在場景中繪制一個白色的正圓,將其轉換為“影片剪輯”元件;使用“選擇工具”將正圓選中,在“濾鏡”面板中單擊加號按鈕,選擇“模糊”選項,設置參數。二、使用“選擇工具”選擇文本內容,按快捷鍵Ctrl+B兩次;三、選擇“墨水瓶工具”,設置“筆觸高度”為2,“筆觸顏色”為FFFF66,將鼠標指針移動到工作區(qū)鼠標指針將變成墨水瓶形狀,依次單擊文字邊框(在使用“墨水瓶工具”為文字添加邊框時,使其處于不被選中狀態(tài)進行操作)。實例三制作熒光字通過文字分離功能,結合“柔化填充邊緣”和“濾鏡”命令,制作出熒光字效果。對象mei 添加一個新的濾鏡,在屬性檢查器中,就會將其添加到該對象所應用的濾鏡列表中。在Flash中,創(chuàng)建影片剪輯元件的方法同圖形元件的創(chuàng)建方法相似。五、影片剪輯元件“影片剪輯元件”就是我們平常說的MC,它是一段獨立的動畫片段,主要用來為動畫、按鈕提供動畫片段,增加動畫的復雜程度,與舞臺中的動畫編輯方式沒有區(qū)別。三、返回“場景1”,打開“庫”面板,將按鈕拖動到場景中。鼠標彈起鼠標經過一、新建文檔;執(zhí)行“插入”/“新建元件”,創(chuàng)建按鈕;導入“表情1”素材。該按鈕是當前網站上比較流行的按鈕類型。使用同樣的方法,創(chuàng)建“按下”狀態(tài)和“點擊”狀態(tài)下的圖形效果。按鈕元件的創(chuàng)建過程:首先進入按鈕元件的編輯環(huán)境,使用繪圖工具、導入一副圖形或在舞臺上放置另一個元件的實例,以創(chuàng)建彈起狀態(tài)的按鈕圖像。按鈕元件除了擁有圖形元件全部的變形功能外,其特殊性還在于它具有4個狀態(tài)幀:彈起(該幀代表指針沒有經過按鈕時該按鈕的狀態(tài))、指針經過(該幀代表當指針滑過按鈕時該按鈕的外觀)、按下(該幀代表單擊按鈕時,該按鈕的外觀)和點擊(該幀用于定義響應鼠標單擊的區(qū)域,此區(qū)域在SWF文件是不可見的)。四、按鈕元件“按鈕元件”是為動畫提供交互的媒介物,可通過鼠標讓用戶操縱動態(tài)變化。一、新建文檔(800*600),繪制與文檔大小一樣的矩形線框;二、打開“混色器”面板,在填充類型中選擇“位圖”,打開“導入到庫”對話框,導入素材(打開“庫”面板,用戶可以查看“庫”中的元件。圖形元件的創(chuàng)建步驟:執(zhí)行“插入”/“新建元件”命令,在打開的“創(chuàng)建新元件”對話框中進行名稱(進行名稱設定時,應使用英文字母或數字進行表述,且不要用數字開頭,以免最后發(fā)布時出現錯誤)與行為的相關設定;按下“確定”按鈕后,直接進入“圖形元件”編輯狀態(tài),在編輯狀態(tài)的舞臺中心,有一個定位準星,可以為圖形定位;完成物件編輯后,單擊“場景”名稱退出“圖形元件”編輯狀態(tài),回到主場景的舞臺上。從“庫”中拖入到舞臺中的物件可任意改變,對“庫”中物件的性質沒有影響。要創(chuàng)建元件的實例,可以先在時間軸上選擇一幀,接著將該元件從“庫”面板中拖動到舞臺上。實例的外觀和動作無需和元件一樣,每個實例都可以有不同的顏色和大小,并可以提供不同的交互。“元件”創(chuàng)建后會自動進入“庫”中,可從“庫”中拖至舞臺稱為“元件實例”重復使用,不明顯增加文件體積(元件只在動畫中存儲一次,不管引用多少次,它只在動畫中占用很少的空間,所以使用元件可以大大地降低文件的大小)。教學過程:在Flash中,可以導入和創(chuàng)建多種資源來填充Flash文檔,這些資源在Flash中作為元件、實例和庫資源進行管理。參考答案一、填空題圖形元件實例遮罩層填充變形二、選擇題BDDAB三、問答題右擊圖層,執(zhí)行“遮罩層”命令,該普通層將轉換為遮罩層。使用位圖來填充對象時,可以使用()工具縮放、旋轉或者傾斜填充的位圖。綜合實例手寫動畫一、打開文檔,拖動庫中的位圖到場景中作為背景;新建文字圖層,輸入文字;二、在圖層1上方新建被遮罩圖層,在第一幀繪制一個小矩形;三、在圖層1和文字圖層的第60幀插入幀;在被遮罩圖層的第60幀插入關鍵幀,并改變矩形的大小來覆蓋所有文字,創(chuàng)建形狀補間動畫;四、用鼠標右鍵文字圖層,選擇遮罩層命令;思考與練習一、填空題遮罩項目可以是填充的形狀、文字對象、()、影片剪輯。第1幀第15幀第30幀第45幀 實例七星星一、新建文檔,導入素材;調整圖片位置和大小,使其剛好能覆蓋場景;二、使用多角星星工具和線條工具,繪制一個有尾巴的星星圖案;并轉換為圖形元件;三、新建一個影片剪輯元件,將圖片元件拖到場景中的任意位置;四、在圖層1上新建一個引導層,使用線條工具繪制一條路徑;五、單擊圖層1的第一幀,將星星移動到路徑的一端,創(chuàng)建補間動畫;在第60幀插入關鍵幀,將星星移動到路徑的另一端;再在引導層第60幀插入關鍵幀。四、單擊引導層的第1幀,將圖層1的橢圓線框復制,作為引導線(將圖層1刪除)。二、插入圖層2,繪制小球物件;在圖層2的第1幀上單擊鼠標右鍵,執(zhí)行“創(chuàng)建補間動畫”命令;在圖層1的1460幀上分別插入關鍵幀,并移動到不同的位置。制作引導動畫的注意事項: l 引導路徑中不能出現中斷現象; l 引導路徑不能出現交叉、重疊的現象; l 引導路徑轉折不宜過多,且轉折處的線條彎轉不宜過急; l 被引導層中的運動對象必須是元件,且被準確吸附到路徑上,否則將無法沿引導路徑運動。引導層的特點:(補充)l “引導層”下方必須要有被引導層; l 在“引導層”中只有線條造型有作用,線條就是引導路徑; l “引導層”中的線條樣式、粗細和色彩無意義,線條的長短和線條的形狀才是關鍵所在,因此不要做復雜線條,徒增文件體積; l 發(fā)布后,“引導層”圖層不可見; l 被引導層中的物件一般要有位置移動變化,引導路徑才有意義; l 直線運動不需要“引導層”引導。第四章 應用圖層第二講(第五周 2學時)課題名稱:圖層的操作目的要求:主要介紹圖層的操作,包括圖層的分類、圖層的操作、制作引導動畫等。二、新建圖層2,選擇“矩形工具”,在“屬性”面板中設置參數,在需要將圖像顯示的位置處繪制圓角矩形(在繪制圓角矩形的過程中,需要禁用“對象繪制”功能,否則將影響遮罩效果的制作)。實例五蒙版遮罩效果使用“矩形工具”在遮罩層上繪制多個圓角矩形,通過該圖層將下一層中的人物部分區(qū)域顯示。八、回到場景1,將圖形元件刪除,將扇形元件拖入到場景,在變形面板的旋轉文本框中輸入45度,單擊復制并應用變形按鈕,拼合成一個圓形。六、選擇圖層1,在第60幀,插入關鍵幀,創(chuàng)建補間動畫;并在屬性面板設置沿順時針旋轉1次。四、在圖層1上新建圖層2,繪制一個無邊框的圓,位于場景中央,并將其打散。二、將修改過的圖片轉換為圖形元件。四、單擊圖層2的第1幀,在舞臺上繪制正圓形;并單擊鼠標右鍵,執(zhí)行“創(chuàng)建補間動畫”命令;在圖層2的60、80幀上分別插入關鍵幀,并移動到不同的位置;五、單擊“鎖定所有圖層”按鈕,將兩個層同時鎖定,在舞臺上播放動畫,查看效果。二、在圖層2上單擊鼠標右鍵,執(zhí)行“遮罩層”命令。三、以圖層2作為圖層1的遮罩。一、新建文檔,在圖層1輸入一段文字,做由下至上的運動(在第100幀,插入關鍵幀,并創(chuàng)建補間動畫)。六、在舞臺上可播放帶有遮罩效果的動畫;在文本框移動到橢圓形范圍內時,文本內容才可見。四、在圖層1的第1幀上單擊鼠標右鍵,執(zhí)行“創(chuàng)建補間動畫”命令;再在第40幀上單擊鼠標右鍵,執(zhí)行“插入關鍵幀”命令,然后單擊舞臺上的文本框,將其移至舞臺右側。二、在圖層2上單擊鼠標右鍵,執(zhí)行“遮罩層”命令(兩個層的圖標和編輯狀態(tài)都發(fā)生了變化,圖層2為遮罩層,圖層1為被遮罩層,圖層1的圖標和名稱向后縮進;兩個層均為鎖定編輯狀態(tài),為了繼續(xù)編輯,單擊鎖定所有圖層按鈕,即可將兩個層全部解除鎖定)。l 遮罩層和被遮罩層自動鎖定,遮罩動畫創(chuàng)建完成。遮罩層的特點:(補充)l “遮罩層”是功能性圖層,用來制造動畫特效; l “遮罩層”下方必須要有“被遮罩層”,“遮罩層”才能起作用; l 在“遮罩層”中圖形的色彩無意義,圖形的填充形狀有意義; l “遮罩層”中的填充形狀為透空狀態(tài),“被遮罩層”中的內容在透空范圍內可見,在透空范圍以外則被遮蓋; l 動畫測試時和發(fā)布后,“遮罩層”中的圖形不可見; l 至少有一個層有動畫效果,“遮罩層”才能發(fā)揮作用,才有存在的意義。在創(chuàng)建時,使用遮罩層創(chuàng)建一個孔,通過這個孔可以看到遮罩層下面的內容。在層控制區(qū)右上方有“隱藏或顯示圖層”按鈕、“鎖定或解除鎖定圖層”按鈕、“輪廓顯示圖層”按鈕;三、遮罩層(參見書123頁)在Flash中,使用遮罩層可以創(chuàng)建一些特殊的動畫效果,如百葉窗、聚光燈等。注意:Flash中的圖層分為普通圖層、引導層和遮罩層3種。l 遮罩層、被遮罩層:在遮罩層中創(chuàng)建的對象具有透明效果,被遮罩層中相同位置的內容將顯示出現,其他部分則被遮住。它可以幫助用戶組織文檔中的插圖,可以在圖層上繪制和編輯對象,而不影響其他圖層上的對象(圖層具有獨立性)。靈活應用圖層,不僅能夠更好地組織和管理層,而且可以輕松地制作出動感豐富、效果精彩的Flash影片。參考答案一、填空題 8 100%Ctrl+G重置二、選擇題BCDB第四章應用圖層第一講(第五周 2學時)課題名稱:圖層的操作目的要求:主要介紹圖層的操作,包括圖層的分類、圖層的操作、制作遮罩動畫等。二、選擇題旋轉對象可以用()面板設置。在場景中選擇要組合的對象,可以按快捷鍵()進行組合。思考與練習一、填空題使用“任意變形工具”選擇對象時會出現()個控制句柄。三、對繪制的矩形執(zhí)行分離操作。一、新建文檔(600*450);將素材導入到舞臺中央?!熬嚯x”指柔邊的寬度,“步驟數”指控制用于柔邊效果的曲線數(使用的步驟數越多,效果就越平滑,增加步驟數會使文件變大并降低速度)?!皵U展”可以放大形狀,而“插入”則縮小形狀。教學過程:四、將線條轉換為填充(補充)選擇一條或多條線,執(zhí)行“修改”/“形狀”/“將線條轉換為填充”命令,這樣就可以使用漸變來填充線條。七、為風車添加眼睛、嘴巴和手柄。五、切換至“場景1”,使用“選擇工具”選擇矩形,設置“旋轉”數值(18),然后單擊“復制并應用”按鈕多次。三、切換至“場景1”,選擇“矩形工具”,繪制大小為51*147的矩形,顏色為66cc99;