當前位置:菜譜大全網 - 菜譜 - Flash動畫制作的壹般步驟

Flash動畫制作的壹般步驟

壹、壹般生產流程

Flash作品可以采取多種形式,比如演示、教材、產品演示、幻燈片甚至遊戲。無論在哪裏使用Flash作品,通常都是按照以下步驟創建的:

(1)在Flash中繪制或導入圖形。

(2)修剪按鈕、獨立動畫和所有將用作素材的元素。

(3)將矢量圖、位圖、組件等電影元素放到舞臺上。

(4)向時間軸上的按鈕、影片剪輯或幀添加動作,以便它們可以交互。

(5)在舞臺上選擇壹個框架、材質、筆觸、填充或文本塊,並通過不同的面板調整其屬性。

在制作的過程中,記住任何時候,舞臺上的內容都代表時間軸上當前幀的內容。如果您將投影頭移動到不同的幀,舞臺上的場景將會改變。將舞臺上的內容重新排列成多幀,然後按照壹定的順序瀏覽,就會產生動畫。為了容易地處理包含在時間線中的多個幀,可以將編輯文件分解成“場景”,並且可以將場景視為編輯文件的頁面。頁面不同於頁面,壹個編輯文件可以有任意數量的場景。但是,所有場景都是單個導出電影的壹部分。設計場景只是將時間軸分成可管理的部分,從而簡化了編輯環境的內容創建。

第二,滾動文本

動作是動畫中最常用的表現形式。如何通過動作動畫將物體生動地呈現在舞臺上,是學習動畫的起點。運動動畫可以在材料、組和文本框中產生變化。Flash主要包括淡出/淡入、放大/縮小、滑入/滑出、旋轉/螺旋、翻轉、傾斜、閃爍、彈跳、變形、變色、增加、減少、漸變顯示、聚焦等動畫效果。,而且以上效果也可以綜合使用,制作出更復雜的動畫。

例9-1:制作壹組角色(f,l,a,s,H5)滾動到屏幕中央的動畫。

操作步驟如下:

(1)選擇菜單命令“文件(F)/新建(N)”,選擇默認選項“通用/Flash文檔”,在舞臺上新建壹個文件,如圖9-33所示。

圖9-33創建新文件

(2)選擇菜單命令“Window (W)/ Properties (p)”打開電影屬性對話框,如圖9-34所示,單擊顏色設置按鈕,選擇黑色作為電影的背景色(實際操作中,由於電影制作的不可預測性,可以不斷調整設置)。

圖9-34電影屬性對話框

提示:在Flash MX 2004中,所有的屬性對話框都統壹在景區下方,在下邊界線的中點有壹個小三角形,是壹個乒乓開關。用鼠標單擊它可以打開或關閉屬性對話框。在屬性對話框的左上角也有壹個類似效果的黑色小三角。

(3)單擊繪圖工具欄中的文本工具,在舞臺中單擊鼠標,舞臺中會出現壹個文本框,如圖9-35所示。

(4)選擇舞臺下方的文本屬性面板,如圖9-36所示。

(5)拖動文本屬性面板中的文本大小滑塊,將文本大小改為48,如圖9-36所示。

註意:舞臺中文本框邊緣的拖動標記不是用來改變文本大小的,而是用來改變文本框的輸入方式,不能混淆。

(6)單擊文本屬性面板中的顏色設置按鈕,將文本的顏色設置為紅色,如圖9-36所示。

圖9-35文本框出現在舞臺上

圖9-36文本面板

(7)在階段文本框位置輸入" f ",如圖9-37所示。將鼠標移動到另壹個位置,單擊鼠標完成輸入。

(8)在舞臺上,選擇字母“F”。選擇菜單命令“修改(M)/轉換為組件(C)”,將彈出如圖9-38所示的對話框。在“名稱”框中輸入“F ”,在“行為類型”中選擇“圖形”,並將舞臺上的角色轉換為圖形組件。

圖9-37在階段中輸入字母“F”

(9)選擇菜單命令“窗口(W)/庫(L)”打開庫窗口,如圖9-39所示。可以看到庫窗口中有壹個名為“f”的圖標,可以被其他操作重復使用。

(10)單擊“繪圖”工具欄中的箭頭工具,然後選擇圖標。

圖9-38將字符轉換成圖形類的組件

圖9-39圖書館窗口

(11)使用箭頭工具將圖標移動到電影區域的左側,如圖9-40所示。這壹步的作用是當電影開始時,使圖標不顯示在屏幕上。

圖9-40將圖標移動到電影區域的左側。

(12)將鼠標移動到時間軸的第40幀,單擊鼠標右鍵,在彈出菜單中選擇“插入關鍵幀”命令。單擊時間軸的第40幀,單擊繪圖工具欄中的箭頭工具,選擇圖標“F”,按住“Shift”鍵,將圖標向右拖動壹定距離,放置在電影屏幕的適當位置。

註意:此時按“Shift”鍵的作用是使圖標水平移動。

(13)將鼠標移動到時間軸的1幀,單擊鼠標右鍵,在彈出菜單中選擇“創建補間”命令,在1和40幀之間添加動畫。此時時間線如圖9-41,表示添加動作成功。

(14)選擇舞臺下方的框架面板,如圖9-42所示,並完成必要的設置。用鼠標點擊舞臺,按“回車”鍵,測試角色“F”的動作動畫。

(15)雙擊圖層欄中的“圖層1”,如圖9-43所示,鍵入“F”將名稱“圖層1”改為F。

圖9-41生成運動動畫

圖9-42框架面板

圖9-43修改圖層名稱

(16)單擊圖層欄中的“插入圖層”按鈕,創建四個新圖層,分別命名為L、A、S和H。在“L”、“A”、“S”、“H”每壹層中創建壹個與“F”相同的動畫。移動的最終位置如圖9-44所示。

圖9-44創建壹個五層動畫

(17)用鼠標點擊“F”層時間軸的動畫範圍,鼠標變成手形標誌。拖動鼠標將1-40幀向後移動20幀。同理,將“L”、“A”、“S”層的1-40幀分別向後移動65430幀。這時,時間線窗口就變成了圖9-45所示的情況。

圖9-45框架移動的效果

(18)用鼠標點擊舞臺,按“回車”鍵測試電影。可以看到五個角色依次從舞臺外滾進舞臺,速度逐漸變慢,最後停在舞臺內。

第三,寫“漢”字

例9-2:漢字筆順的教學。

制作漢字書寫動畫,具體操作步驟如下:

(1)單擊以創建新的空白Flash文檔。

(2)用鼠標單擊工具欄中的文字工具,然後將鼠標移動到工作場景,單擊左鍵輸入“漢”字。

(3)單擊箭頭工具,然後單擊屏幕底部的屬性工具欄(如圖9-46所示)。

圖9-46

(4)將文字字體改為斜體_GB2312,字號為76,顏色為黑色,如圖9-47所示。

(5)按Ctrl+B兩次,拆分“漢”字,如圖9-48所示。

圖9-47文本屬性對話框

圖9-48文本分割前後的比較

圖9-49

(6)在第3幀、第5幀、第7幀和第9幀插入關鍵幀(選擇相應的幀並按F6,如圖9-49所示)。

(7)1、3、5、7、7幀中分別只保留第壹筆、第壹筆、第二筆、第壹筆、第二筆、第壹筆、第二筆、第三筆、第四筆,其余筆畫用橡皮擦工具擦除。按Ctrl+Enter查看動畫效果。