逐幀動畫知識點(diǎn)

3月4日逐幀動畫知識點(diǎn)：基本概念1、幀：構(gòu)成動畫的一系列畫面2、關(guān)鍵幀：用于定義動畫變化的幀3、空白關(guān)鍵幀：幀上沒有任何對象注意：空表關(guān)鍵幀用空心圓表示，關(guān)鍵幀用實(shí)心圓表示4、幀頻（FPS）：每秒鐘播放的幀數(shù)5、圖層：與PS類似，每個(gè)圖層包含不同內(nèi)容，對某個(gè)圖層內(nèi)容操作不影響其他圖層二、基本操作1、舞臺屬性的設(shè)置，包括大小、背景顏色、幀頻屏幕右邊的“屬性”選項(xiàng)卡中2、插入關(guān)鍵幀的方法選擇幀鼠標(biāo)右擊，選擇“插入關(guān)鍵幀”插入菜單——時(shí)間軸——關(guān)鍵幀快捷鍵F63、插入空白關(guān)鍵幀的方法選擇幀鼠標(biāo)右擊，選擇“插入空白關(guān)鍵幀”插入菜單——時(shí)間軸——空白關(guān)鍵幀快捷鍵F74、圖層的基本操作1）新建：插入菜單——時(shí)間軸——圖層選擇任意圖層右擊——插入圖層2）刪除：選擇任意圖層右擊——刪除圖層三、任務(wù)1、跳躍的豹子創(chuàng)建flash文檔：文件——新建——常規(guī)中flash文件(ActionScript2.0)調(diào)整舞臺大小、背景顏色、幀頻：屏幕右邊屬性中單擊編輯按鈕大小改為300*200像素，背景顏色和幀頻隨意。導(dǎo)入素材：文件——導(dǎo)入到庫——選中所有的圖片（ctrl+a）——單擊打開按鈕。利用素材制作逐幀動畫：選中屏幕右邊的“庫”選項(xiàng)卡，按著鼠標(biāo)左鍵不動，把“位圖1”拖動舞臺中。調(diào)整圖像在舞臺中的位置：單擊窗口菜單—對齊命令，選擇“水平中齊”和“垂直對齊”?；蛘咝薷牟藛巍獙R——水平居中和垂直居中同樣的方法把剩余的七張圖片，放在第2幀到第8幀上舞臺中相同的位置。測試影片：保存文件（Ctrl+s）；再按Ctrl+Enter測試影片2、運(yùn)動的機(jī)器人1）創(chuàng)建flash文檔：文件——新建——常規(guī)中flash文件(ActionScript2.0)2）調(diào)整舞臺大小、背景顏色、幀頻。幀頻設(shè)為1。3）繪制機(jī)器人：單擊屏幕右邊工具欄上的矩形工具，在舞臺上繪制頭部、軀干、上肢、下肢?？梢岳脧?fù)制（ctrl+c）粘貼（ctrl+v）完成另一個(gè)上肢、下肢。通過選擇工具調(diào)整機(jī)器人各部位的位置。4）在第2~7幀按快捷鍵F6，插入關(guān)鍵幀。5）單擊第2幀，選擇機(jī)器人的左上肢，單擊“任意變形工具”或修改菜單—變形—旋轉(zhuǎn)與傾斜命令，通過鼠標(biāo)移動變形對象中的白色圓點(diǎn)即變形中心點(diǎn)，按住鼠標(biāo)左鍵將中心點(diǎn)上移，如下圖所示。執(zhí)行窗口菜單——變形命令，輸入旋轉(zhuǎn)角度為90度。按enter鍵后，左上肢發(fā)生變化。6）單擊第3幀，按5）的步驟修改右上肢，旋轉(zhuǎn)角度為-90度。7）單擊第5幀，按5）的步驟修改左上肢，旋轉(zhuǎn)角度為45度；右上肢，旋轉(zhuǎn)角度為-45度。8）單擊第6幀，按5）的步驟修改左上肢，旋轉(zhuǎn)角度為90度；右上肢，旋轉(zhuǎn)角度為-90度。9）測試影片：保存文件（Ctrl+s）；再按Ctrl+Enter測試影片注意：觀察前后兩次抬臂動作，那次更自然。拓展，請同學(xué)們自行增加腿部的動作。3、花兒的成長1）創(chuàng)建flash文檔：文件——新建——常規(guī)中flash文件(ActionScript2.0)2）調(diào)整舞臺大小、背景顏色、幀頻。幀頻設(shè)為1；背景色為水湖藍(lán)色（#99ffff）。3）繪制花兒成長的背景：首先更改圖層的名字：雙擊“圖層1”，輸入“背景”，回車即可選擇工具欄上的鉛筆工具繪制一條曲線，再選擇線條工具繪制三根直線，與曲線組成一個(gè)閉合的圖形。用顏料桶工具填充土黃色（#996600）。選擇第23幀，按F6插入關(guān)鍵幀。4）制作綠葉：插入圖層，命名為“綠葉”，并通過鼠標(biāo)左鍵拖動“綠葉”層到“背景”層的下面。繪制第一片綠葉：選擇工具欄的刷子工具，填充顏色為綠色（#33cc00），筆觸顏色無，繪制一片綠葉。如下圖中的左數(shù)第一個(gè)綠葉。繪制第二片綠葉：選擇第2幀，按F6插入關(guān)鍵幀，在第一片綠葉的基礎(chǔ)上，用刷子工具繪制第二片綠葉。如上圖左數(shù)第二個(gè)綠葉?？梢暂o助修改菜單—變形—扭曲命令調(diào)整綠葉的形狀。調(diào)整綠葉的形狀：選擇第3幀，按F6插入關(guān)鍵幀，用選擇工具選中綠葉，選擇任意變形工具或修改菜單—變形—縮放命令，調(diào)整葉子的高度。如上圖左數(shù)第四個(gè)綠葉。繪制第三片綠葉：選擇第4幀，按F6插入關(guān)鍵幀，在前兩片綠葉的基礎(chǔ)上，用刷子工具繪制第三片綠葉。如上圖左數(shù)第五個(gè)綠葉。同時(shí)通過修改菜單—變形—扭曲命令調(diào)整綠葉的形狀。繪制第四片綠葉：選擇第5幀，按F6插入關(guān)鍵幀，在前三片綠葉的基礎(chǔ)上，用刷子工具繪制第四片綠葉。如上圖左數(shù)第六個(gè)綠葉。同時(shí)通過修改菜單—變形—扭曲命令調(diào)整綠葉的形狀。調(diào)整綠葉的形狀：選擇第6幀，按F6插入關(guān)鍵幀，用選擇工具選中綠葉，選擇任意變形工具或修改菜單—變形—縮放命令，調(diào)整葉子的高度和形狀。如上圖左數(shù)第六個(gè)綠葉。5）制作花徑選擇第7幀，按F6插入關(guān)鍵幀，用刷子工具繪制花徑，長度稍短點(diǎn)。選擇第8幀，按F6插入關(guān)鍵幀，用選擇工具選中花徑，選擇任意變形工具或修改菜單—變形—縮放命令，調(diào)整花徑的長度，比第7幀的要長些。選擇第9幀，按F6插入關(guān)鍵幀，用選擇工具選中花徑，選擇任意變形工具或修改菜單—變形—縮放命令，調(diào)整花徑的長度，比第8幀的要長些。選擇第10幀，按F6插入關(guān)鍵幀，用選擇工具選中花徑，選擇任意變形工具或修改菜單—變形—縮放命令，調(diào)整花徑的長度，比第9幀的要長些。如下圖所示。6）制作花朵選擇第11幀，按F6插入關(guān)鍵幀，選擇橢圓工具，設(shè)置填充顏色為橘黃色（#ff9900），筆觸顏色無。然后在舞臺上畫一個(gè)橢圓。如下圖左數(shù)第一個(gè)所示。通過選擇工具選中橢圓，選擇任意變形工具，調(diào)整中心到橢圓的下邊。選擇窗口菜單—變形命令，先單擊“重置選區(qū)和變形”，在旋轉(zhuǎn)中輸入30度，然后單擊“重置選區(qū)和變形”按鈕11次，得出整個(gè)花朵，如下圖所示。選擇第12幀，按F6插入關(guān)鍵幀，直到第23幀，都插入關(guān)鍵幀。選擇第11幀，按Delete鍵將其他多余的花瓣刪除，只留一片花瓣。選擇第12幀，按Delete鍵將其他多余的花瓣刪除，只留二片花瓣。依次類推，直到第22幀，顯示整個(gè)花瓣。選擇第23幀，選擇橢圓工具，設(shè)置填充顏色為褐色（#663300），畫一個(gè)正圓，調(diào)整到舞臺的合適位置。7）測