逐幀動畫的制作方式和傳統動畫壹樣,每壹幀動畫都需要手工制作。這種逐幀動畫可用於簡單的、重復的、稍有變化的或幾個不相關的動畫。第二節中的示例9-2是逐幀動畫的示例。計算機參與動畫制作後,只要有可能,人就不會壹幀壹幀地畫。下面這個例子通常被稱為“補間動畫”。
例9-3:逐漸放大的圖片。
操作步驟如下:
(1)選擇菜單命令“文件(F)/新建(N)”,選擇默認選項“通用/Flash文檔”,在舞臺上新建壹個文件,如圖9-50所示。
(2)選擇菜單命令“文件(F)/導入(I)/導入到庫(L)”,導入壹張圖片到庫中使用,執行菜單命令“窗口/庫”打開庫,可以看到剛剛導入的圖片,如圖9-51所示。
圖9-50新文件"未命名-1 "
圖9-51庫中的圖片
(3)選擇時間軸的1幀,單擊鼠標右鍵,選擇“插入空白關鍵幀”,如圖9-52所示。
(4)將圖片從庫中拖動到舞臺上,選中圖片,使用舞臺下方的位圖屬性面板更改圖片的大小和位置:大小為550×400(影片默認的“寬×高”大小),左上角位置為x0,y0。如圖9-53所示。
圖9-52插入空白關鍵幀
圖9-53位圖屬性面板
(5)選擇菜單命令“修改(M)/轉換成組件(C)”,將圖片轉換成圖形組件。
(6)在時間軸的第40幀,點擊鼠標右鍵,選擇“插入關鍵幀”命令。
(7)選擇1框中的圖片,應用工具欄上的變形工具。
將圖片縮小到合適的尺寸,如圖9-54所示。
圖9-54縮小圖片。
(8)選中1幀,單擊鼠標右鍵,選擇“創建補間動畫”命令。此時時間軸上從1幀到第40幀應該有壹條淡紫色背景的實線,如圖9-55所示。
圖9-55補間動畫創建成功
(9)按Ctrl+Enter測試電影,效果如圖9-56所示。妳很快就會看到畫面由遠及近的“推出”效果。
二、變形動畫
只設置壹個動作的開始幀和結束幀來實現動畫,稱為“過程動畫”。形狀漸變是Flash中兩個基本漸變之壹(另壹個是動作漸變)。它可以在壹定時間內將物體的形狀改變成其他形狀,包括物體的位置、大小、顏色等。變換的對象不能是組、符號、文本塊或位圖,而只能是分散的圖形或文本。用於組、符號、文本塊等。,在做形狀漸變之前,壹定要按Ctrl+B把它打散(有時候要打散幾次才能徹底打散)。
圖9-56導出電影並播放
例9-4:角色“Flash動畫”的翻轉。
操作步驟如下:
(1)點擊
,創建壹個新的空白Flash文檔。
(2)點擊場景下面的屬性,設置Flash文檔的背景顏色為灰色,如圖9-57所示。
圖9-57
(3)使用文本工具
在1幀工作區左上角輸入文字“Flash動畫”,字體大小和顏色可以隨意設置。
(4)鍵入後,單擊工具面板中的箭頭工具。
,在第20幀點擊“鼠標右鍵/插入關鍵幀”;然後用鼠標左鍵點擊文本,將“Flash動畫”拖動到工作區的右下角。
(5)單擊任何變形工具。
,旋轉第20幀中的文本並調整其大小。
(6)單擊工具面板中的箭頭工具。
,在時間軸的第1幀處單擊鼠標右鍵/創建補間動畫,如圖9-58所示。
圖9-58
(7)按Ctrl+Enter查看動畫效果。
例9-5:翻壹本書。
操作步驟如下:
(1)點擊
,創建壹個新的Flash空白文檔,並使用文本工具。
和矩形工具。
在1圖層1框架工作區,輸入圖文作為書的封底,如圖9-59所示,然後用鼠標左鍵點擊1框架,再按住F5鍵將框架拉長到40框架,如圖9-61所示。
圖9-59
圖9-60
圖9-61
(2)點擊
,添加壹個新圖層,即圖層2,如圖9-62(a)所示。
(3)在圖層2的1框架工作區使用矩形工具(如圖9-62所示)。
畫出書的封面,使它剛好蓋住封底,如圖9-60所示。
(4)在第2層的第20幀處單擊鼠標左鍵,然後按鍵盤上的F6添加壹個關鍵幀,如圖9-62(b)所示。
(5)用鼠標單擊工具欄中的自由形式工具。
,然後單擊工具欄下方的選項。
用鼠標將書的封面修改成如圖9-63所示的形狀。
圖9-62
圖9-63
(6)在工具面板中選擇箭頭工具。
在二樓1幀處單擊鼠標右鍵,在彈出的下拉菜單中單擊創建補間,如圖9-64所示。
圖9-64
(7)按Ctrl+B拆散封面;
(8)打開屬性控制面板,將補間設置為“形狀”,如圖9-65所示。
圖9-65
(9)刪除第二層第20幀之後的所有幀,如圖9-66所示。
圖9-66
(10)新建壹個第三層,用同樣的方法從中間到結尾制作書的動畫。打開蓋子後,如圖9-67所示,第三層的動畫從第20幀開始,到第40幀結束,如圖9-68所示。
圖9-67
圖9-68
提示:對於這個例子,如果增加更多的關鍵幀,效果不會有明顯的提升,只會增加制作難度。
例9-6:顯示的三角形之和是180。
操作步驟如下:
(1)在第1幀中畫壹條水平直線,將該幀延伸到第100幀(圖9-69)。
(2)單擊按鈕
,添加新圖層,在圖層2的第1幀工作區畫壹個直角三角形,使底邊與圖層1中的直線重合,如圖9-70所示。註意:在沒有混淆的情況下,“在1幀的工作空間”通常被稱為“在1幀”。
(3)添加圖層3,在1幀處畫壹條直線CE,如圖9-71;
(4)在第3層的第20幀將CE變換(即加長)為CF,如圖9-72所示。
圖9-69
圖9-70
圖9-71
圖9-72
(5)在3樓1-20幀處制作變形動畫,完成CE延伸成CF的動畫過程,如圖9-73所示。
圖9-73
(6)在圖層2的第20幀處插入壹個關鍵幀,然後在圖層2的第40幀處插入壹個關鍵幀,在第40幀處拖動三角形到圖9-72右邊所示的位置,在第20幀處單擊“鼠標右鍵/創建補間動畫”。
(7)新建壹個第4層,在第4層的21幀處畫壹條線段BG,如圖9-74所示。
(8)在第4層的第20幀和第40幀插入關鍵幀,然後將BG變形為BH,如圖9-75所示。
圖9-74
圖9-75
(9)在第4層的第60幀插入壹個關鍵幀,將BH變形擴展到如圖9-76所示的樣子,將幀擴展到100幀。
(10)在第2層的第60幀單擊鼠標左鍵,按F6插入壹個關鍵幀,然後在第80幀插入壹個關鍵幀,在第80幀使用任何變形工具。
和移動工具。
旋轉並移動三角形到圖9-77所示的位置。
圖9-76
圖9-77
(11)在圖層2的第60幀執行“鼠標右鍵/創建補間”命令,將第80幀擴展到100幀(如圖9-78所示)。
註:以上組圖中的字母僅供評論;變形操作已在例9-3中詳細描述,此處不再贅述。
註意:畫直角三角形時,可以先畫壹個矩形,然後在工具面板的單擊部分選擇壹個工具。
然後使用此工具選擇矩形的壹個頂點並刪除它。
圖9-78
三、軌跡動畫
例9-7:太陽、地球和月亮的運動。
操作步驟如下:
(1)點擊
,創建壹個新的空白Flash文檔。
(2)按住Shift並使用橢圓形工具。
在圖層1中畫壹個圓作為太陽,使用箭頭工具。
選擇圓的輪廓邊,然後按Del刪除它。
(3)在工具面板中設置填充顏色為以紅色為中心的漸變顏色,如圖9-79所示,然後選擇油漆桶工具。
用漸變顏色填充圓的內部,如圖9-80所示。
圖9-79
圖9-80
(4)點擊菜單欄中的插入/新建組件,打開如圖9-81所示的對話框。
圖9-81
(5)選擇壹個電影剪輯,然後點擊“確定”進入組件1的編輯工作窗口。
(6)通過繪制太陽,在1圖層的1幀處繪制白色漸變地球,如圖9-82所示。
(7)在組件1新建壹個層2,在層2的1幀處畫壹個白月,如圖983所示。
圖9-82
圖9-83
(8)新建壹個圖層,命名為引導線,如圖9-84所示。
圖9-84
(9)在工具面板中選擇橢圓工具。
並單擊填充顏色下方的按鈕。
在工作空間畫壹個圓作為運動軌跡。
(10)添加新圖層為圖層4,在引導線圖層中的1幀上單擊鼠標右鍵,復制關鍵幀,在圖層4中的1幀上單擊鼠標右鍵,選擇粘貼幀,將圖層4中的圓與引導線中的圓對齊,如圖9-85所示。
圖9-85
圖9-86
(11)使用橡皮擦工具擦除引導線圖層中的壹個空隙,如圖9-86所示,將所有圖層中的關鍵幀延長到30幀,如圖9-87所示。
圖9-87
(12)調整第2層第1幀月亮的位置,使其處於缺口的上端,在本層第20幀插入壹個關鍵幀,將第20幀月亮的位置調整到缺口的下端,在第2層第1幀創建壹個補間動畫,如圖9-88所示。
圖9-88
(13)在引導線圖層上單擊鼠標右鍵,選擇引導層,如圖9-89所示。
圖9-89
(14)右鍵單擊第2層,選擇屬性,在彈出的對話框中單擊導向,然後單擊確定,如圖9-90所示。
圖9-90
(15)點擊組件1旁邊的場景1,如圖9-91,返回場景1。
圖9-91
(16)在場景1中創建新圖層作為圖層2,打開窗口/庫,調出庫面板;在“庫”面板中單擊鼠標左鍵按住組件1,將影片剪輯拖動到第2層,如圖9-92所示。
(17)讓電影剪輯以同樣的方式圍繞太陽旋轉。不同的是軌跡改為橢圓,如圖9-93所示,移動的組件是電影剪輯而不是圖形組件。
圖9-92
圖9-93
四、面具動畫
例9-8:探照燈效應。
操作步驟如下:
(1)新建壹個文件,添加壹張圖片到場景1的圖層1。
點擊“文件/導入/導入到場景”打開文件選擇對話框,選擇壹張圖片或照片,點擊“確定”按鈕,圖片就已經在場景中了。點擊鼠標左鍵選中貼圖,將貼圖的大小修改為與場景相同,壹般為550×400,X、Y方向的偏移量設置為0。
(2)在時間軸上第60幀處點擊“鼠標右鍵/插入幀”,插入59個正常幀。
(3)單擊圖層控制區左下角的“插入圖層”按鈕,添加壹個圖層,即圖層2。在時間軸上點擊圖層2的1幀,選擇橢圓工具,按住Shift鍵,用鼠標在場景中畫壹個圓,如圖994所示。
圖9-94
(4)在時間軸上第2層第60幀處點擊“鼠標右鍵/插入關鍵幀”(要移動必須插入關鍵幀),選擇橢圓工具,按住Shift鍵,用鼠標在場景中再畫壹個圓,如圖9-95所示。
圖9-95
(5)選擇箭頭工具,在時間軸上點擊第二層(幀1),將圖形所在層的補間(動畫模式)更改為“形狀”。可以看到第2層的時間線背景色變成綠色,上面有壹條從1幀到60幀的箭頭線。(“TWEEN”英文意思是補充這裏的中間幀)
(6)在時間軸窗口左側圖層控制區的圖層2上點擊“鼠標右鍵/蒙版圖層”,使該圖層成為蒙版圖層,即除了在該圖層中繪制的圓以外,其他部分都是不透明的。因為這個蒙版圖層,我們從畫的圓上只能看到圖層1,圖層1中圓外的部分看不到。
這樣,壹個簡單的蒙版動畫就完成了。同時按Ctrl和Enter鍵可以看到效果。
提示:在第二層第60幀的場景中,如果妳畫壹個正方形而不是壹個圓形,其他步驟將保持不變。六個步驟全部完成後,按Ctrl和Enter看看效果,可能會有驚喜。
為什麽在上面第五步修改運動層的時候選擇了“形狀”而不是“動作”?這是因為Flash中“變形動畫”的操作比較簡單。如果選擇“動作”,圖形將被轉換成組件。在下面的例子9-9中,我們將嘗試“動作動畫”。
例9-9:旋轉地球儀。
這是壹個傳統的例子,也是面膜的典型用法。與前面的示例9-8不同,這裏的遮罩層沒有移動。
操作步驟如下:
(1)在圖層1的第1幀導入壹張貼圖,將貼圖的寬度修改為場景寬度的三分之二,即366.6,高度為183.3,X方向偏移量為0,如圖9-96所示。
(2)為了將這張地圖從場景的左側移動到右側,必須改變這張地圖的格式,才能做“動作動畫”:在地圖上點擊“鼠標右鍵/轉換為符號”彈出對話框,在“行為”單選中選擇“電影剪輯/確定”。您可以清楚地看到圖形邊框發生了變化。
圖9-96
(3)在圖層1的第60幀添加壹個關鍵幀:“鼠標右鍵/插入關鍵幀”,按住Shift鍵,按幾次光標右移鍵,將地圖從場景的左側移動到右側,如圖9-97所示。
圖9-97
(4)選擇箭頭工具,點擊時間軸上1圖層的1幀,將圖形所在圖層的補間(動畫模式)更改為“動作”。
(5)單擊時間軸左側圖層控制區域的插入圖層按鈕,添加壹個圖層,即圖層2。點擊圖層2的1幀,選擇橢圓工具,按住Shift鍵,用鼠標在場景中間畫壹個圓,雙擊畫出的圓(雙擊可以同時選擇圖形對象及其邊緣),用光標移動鍵移動圓,使其剛好覆蓋地圖的東半球,如圖9-98所示。
(6)在圖面控制區的圖層2上點擊“鼠標右鍵/蒙版圖層”,同時按Ctrl和Enter鍵,可以看到效果。
(7)為了讓效果更好,在圖層2的上面再添加壹個圖層3,畫壹個圓或者直接將圖層2中的圓復制到圖層3,移動圓使其剛好與圖層2中的圓重疊,在圓上單擊“鼠標右鍵/轉換組件”,在彈出的對話框“行為”中選擇“電影剪輯/確定”,在屬性面板中單擊“顏色”。
圖9-98
圖9-99
按住Ctrl,按回車鍵看效果,會發現和原來不壹樣。
提示:1。對於不動層,可以使用除第壹幀以外的普通幀,而對於動層,至少起始幀和結束幀必須是“關鍵幀”。壹般來說,動作越復雜,需要的關鍵幀越多,制作難度越大。
2.如果在上面的例子8中添加第三層。在這壹層放壹張和1層壹樣的圖片,只是稍微小壹點,不透明度選擇“28%”,可以產生放大鏡的效果。
3.在上述步驟(7)中,可以在轉換之前用球形顏色填充第三層中的圓,從而使最終的球體具有三維效果。
圖9-100
4.為了使地球儀連續旋轉時畫面更加連貫,可以將兩張地圖合並在壹起,如圖9-100所示。
5.場景工作區外的灰色區域可以作為Flash動畫的編輯區域,動畫發布後(即生成swf文件)位於該灰色區域的對象是不可見的。
6.“電影剪輯”是Flash的壹個組件。其實就是壹個很小的Flash文件,可以獨立運行,與包含它的時間軸無關。即使主時間軸只有壹幀,其中包含的影片剪輯也會完整運行。Flash動畫中的電影剪輯相當於編程中的子程序。影片剪輯也可以包含嵌套剪輯。