FLASH動畫設(shè)計教程.ppt

《FLASH動畫設(shè)計教程.ppt》由會員分享，可在線閱讀，更多相關(guān)《FLASH動畫設(shè)計教程.ppt（28頁珍藏版）》請在裝配圖網(wǎng)上搜索。

1 Flash動畫設(shè)計與制作 動畫制作基礎(chǔ)知識和操作 合肥工業(yè)大學(xué)計算機與信息學(xué)院石雷 2 動畫制作基礎(chǔ)知識和操作 時間軸及其顯示設(shè)置幀的分類 選擇及其操作逐幀動畫形狀漸變運動漸變編輯動畫 3 動畫制作基礎(chǔ)知識和操作 時間軸及其顯示設(shè)置幀的分類 選擇及其操作逐幀動畫形狀漸變運動漸變編輯動畫 4 動畫制作基礎(chǔ)知識和操作 時間軸及其顯示設(shè)置 時間軸是組織動畫的地方 它的主要任務(wù)是顯示和控制幀 如下圖所示 在影片播放時 時間軸上的 播放頭 將按照一定的幀速率沿時間線運動 播放頭 經(jīng)過那幀 影片就顯示那幀中的內(nèi)容 在編輯影片的過程中也是如此 場景中僅顯示 播放頭 所在幀中的對象 用戶可以根據(jù)需要更改幀在時間軸中的顯示方式 單擊時間軸右上角的 幀視圖 選項按鈕 彈出 幀視圖 選項菜單 5 動畫制作基礎(chǔ)知識和操作 時間軸及其顯示設(shè)置幀的分類 選擇及其操作逐幀動畫形狀漸變運動漸變編輯動畫 6 動畫制作基礎(chǔ)知識和操作 幀的分類 選擇及其操作 幀是決定物體運動的核心 是構(gòu)成一部影片的基礎(chǔ) 它決定影片中的對象何時出現(xiàn)以及對象的運動方式 幀的分類在Flash中 通過時間軸的顯示 就可以識別出各種不同類型的幀以及當前影片中幀存在問題 各種幀的顯示狀態(tài)如下圖所示 7 動畫制作基礎(chǔ)知識和操作 幀的分類 選擇及其操作 1 關(guān)鍵幀 以實心圓表示 代表這個幀中含有對象 2 普通幀 普通幀中的對象永遠和離它最近的關(guān)鍵幀中的對象保持一致 3 空白關(guān)鍵幀 以空心圓表示 代表這個關(guān)鍵幀中沒有任何對象 在空白關(guān)鍵幀中加入對象即可變成關(guān)鍵幀 4 一般空白幀 代表空白區(qū)域中沒有任何對象 5 運動漸變幀 以底色為淺藍色的箭頭符號表示 代表這個區(qū)域存在運動補間動畫 6 形狀漸變幀 以底色為淺綠色的箭頭符號表示 代表這個區(qū)域存在形狀補間動畫 7 錯誤漸變幀 以虛線表示 代表這個區(qū)域存在錯誤的補間動畫 8 加入幀標簽的幀 標簽類型為名稱 9 加入幀標簽的幀 標簽類型為注釋 10 加入幀標簽的幀 標簽類型為錨記 11 加入音樂的幀 12 加入腳本語言的幀 8 動畫制作基礎(chǔ)知識和操作 幀的分類 選擇及其操作 幀的選擇為了查看和修改幀中的對象 需要選中一個或多個幀 具體操作方法如下 1 要選擇時間軸上的任意一個幀 只需單擊該幀即可 2 要選擇時間軸上的所有幀 執(zhí)行 編輯 時間軸 選擇所有幀 命令或按Ctrl Alt A快捷鍵 3 要同時選擇多個連續(xù)的幀 需要通過單擊確定選擇范圍的起點 然后按住Shift鍵 在選擇范圍的終點單擊即可 4 要同時選擇多個非連續(xù)的幀 只需在按住Ctrl鍵的同時單擊所需的各幀即可 9 動畫制作基礎(chǔ)知識和操作 幀的分類 選擇及其操作 幀的操作制作影片時需要創(chuàng)建不同種類的幀 具體操作方法如下 1 插入關(guān)鍵幀與空白關(guān)鍵幀關(guān)鍵幀包括關(guān)鍵幀與空白關(guān)鍵幀兩種 在空白關(guān)鍵幀中添加對象 空白關(guān)鍵幀就轉(zhuǎn)換為關(guān)鍵幀 插入關(guān)鍵幀時 選中時間線上的某幀后 執(zhí)行 插入 時間軸 關(guān)鍵幀 命令 直接按F6快捷鍵 右擊某幀 在彈出的快捷菜單中選擇 插入關(guān)鍵幀 選項 均可在所選地方插入關(guān)鍵幀 插入空白關(guān)鍵幀時 選中時間線上的某幀后 執(zhí)行 插入 時間軸 空白關(guān)鍵幀 命令 直接按F7快捷鍵 右擊某幀 在彈出的快捷菜單中選擇 插入空白關(guān)鍵幀 選項 即可在所選地方插入空白關(guān)鍵幀 2 插入幀幀包括普通幀與一般空白幀兩種 在制作影片時 經(jīng)常需要保持某一個畫面不動 例如影片背景 這就需要背景圖像所在的關(guān)鍵幀在一定的時間范圍內(nèi)保持不變 普通幀就是用于擴展幀范圍的幀 插入幀時 首先要在關(guān)鍵幀中設(shè)置好對象 接著在關(guān)鍵幀后面選中擴展范圍結(jié)束的那一幀 執(zhí)行 插入 時間軸 幀 命令 直接按F5快捷鍵 右擊那一幀 在彈出的快捷菜單中選擇 插入幀 選項 即可在所選地方插入幀 使前面關(guān)鍵幀中的內(nèi)容到這幀保持不變 10 動畫制作基礎(chǔ)知識和操作 時間軸及其顯示設(shè)置幀的分類 選擇及其操作逐幀動畫形狀漸變運動漸變編輯動畫 11 動畫制作基礎(chǔ)知識和操作 逐幀動畫 逐幀動畫的制作方法與傳統(tǒng)的動畫相似 由于其中的每一幀都是關(guān)鍵幀 所以生成的影片相對較大 僅適用于制作較為精細復(fù)雜的小動畫 原理將對象的運動過程分解成多個靜態(tài)圖形 如下圖所示 再將這些連續(xù)的靜態(tài)圖形置于連續(xù)的關(guān)鍵幀中 就構(gòu)成了逐幀動畫 12 動畫制作基礎(chǔ)知識和操作 逐幀動畫 洋蔥皮工具的應(yīng)用Flash的場景中 只能顯示當前幀中的內(nèi)容 有時為了給對象定位 需要同時查看多個幀中的內(nèi)容 利用洋蔥皮工具 就可以做到這一點 洋蔥皮工具主要用于輔助圖形調(diào)整其位置 例如在兩個動作之間確定中間的動作 使物體動作更加流暢 這也是制作傳統(tǒng)動畫片時用到的原理 特別適用于制作自行繪制的逐幀動畫 洋蔥皮工具共包括四個按鈕 從左到右分別為 繪圖紙外觀 繪圖紙外觀輪廓 編輯多個幀 和 修改繪圖紙標記 按鈕 這些按鈕的具體的操作方法如下所述 1 繪圖紙外觀單擊洋蔥皮工具中的 繪圖紙外觀 按鈕 此時幀刻度上自動顯示定義繪圖紙范圍的標記 位于標記之間幀中的對象均以透明顏色的表現(xiàn)形式顯示在場景中 此時可以通過單擊時間軸上的幀 選中其中的對象再對其進行編輯 13 動畫制作基礎(chǔ)知識和操作 逐幀動畫 2 繪圖紙外觀輪廓單擊洋蔥皮工具中的 繪圖紙外觀輪廓 按鈕 各幀的動作分解以輪廓線的形式表現(xiàn) 使用洋蔥皮工具處理較為復(fù)雜的對象時 會影響影片處理速度 而以輪廓線的形式顯示多幀 可以加快影片處理速度 3 編輯多個幀使用洋蔥皮工具雖然可以同時看到多個幀 但只能對所選幀中的對象進行編輯 要想同時編輯多個幀中的對象 需要單擊 編輯多個幀 按鈕 此時繪圖紙標記范圍內(nèi)包含的關(guān)鍵幀中的對象均是正常的形式顯示 表示可以同時對其進行編輯 4 修改繪圖紙標記單擊 修改繪圖紙標記 按鈕 在彈出的快捷菜單中可以設(shè)置繪圖紙標記的顯示狀態(tài)與顯示范圍 14 動畫制作基礎(chǔ)知識和操作 逐幀動畫 翻轉(zhuǎn)幀動畫翻轉(zhuǎn)幀就是將選定一組幀按照相反的順序排列在時間軸中 類似于電影中后退播放時的樣子 使用時選中一組幀 其中至少要包含兩個關(guān)鍵幀 執(zhí)行 修改 時間軸 翻轉(zhuǎn)幀 命令或者右擊備選幀 在彈出的快捷菜單中選擇 翻轉(zhuǎn)幀 選項即可 15 動畫制作基礎(chǔ)知識和操作 時間軸及其顯示設(shè)置幀的分類 選擇及其操作逐幀動畫形狀漸變運動漸變編輯動畫 16 動畫制作基礎(chǔ)知識和操作 形狀漸變 在Flash中制作動畫通常會采用補間的方式 補間是指在動畫的起始幀和終止幀之間 Flash自動生成的過渡畫面 補間的方式有兩種 分別為形狀漸變與運動狀漸變 本節(jié)中將首先介紹形狀漸變動畫 原理與創(chuàng)建條件形狀漸變動畫就是指對象在兩個關(guān)鍵幀之間形狀發(fā)生變化的動畫 例如圓形變成方形的動畫效果 如下圖所示 正確的形狀漸變動畫在時間軸中以淺綠色背景的單箭頭符號表示 錯誤的形狀漸變動畫以淺綠色背景的虛線表示 17 動畫制作基礎(chǔ)知識和操作 形狀漸變 導(dǎo)致形狀漸變動畫失敗有兩種可能 第一種為起始幀或終止幀中沒有圖形對象 第二種為起始幀或終止幀中包含元件實例 要正確使用形狀漸變必須滿足以下創(chuàng)作條件 形狀漸變只能作用于形狀 要對組合 實例 位圖或文本對象應(yīng)用形狀漸變 必須先將這些對象打散置形狀 形狀間的漸變只能在同一圖層 通常一對一的形狀過渡可以產(chǎn)生最佳的漸變效果 當然也可以在同圖層中的多個對象間創(chuàng)建形狀漸變 創(chuàng)建形狀漸變動畫正確創(chuàng)建形狀漸變時 首先需定義兩個關(guān)鍵幀 起始幀與終止幀 并分別在其中繪制好圖形 接著就可以在兩個關(guān)鍵幀之間創(chuàng)建形狀漸變動畫了 而動畫中過渡的部分 也就是補間 則是由Flash自行計算得來的 形狀漸變的屬性面板如下圖所示 下面就對其中的各種選項逐一進行說明 18 動畫制作基礎(chǔ)知識和操作 形狀漸變 補間 用于設(shè)置或取消對象之間的運動類型 在彈出的列表中共有三個選項可供選擇 分別為無 運動和形狀 簡易 用于調(diào)節(jié)對象運動的速度 是速度變化與時間之間的比率 通過輸入數(shù)值或拖動滑動桿進行設(shè)置 數(shù)值范圍在 100到100之間 默認情況下 簡易值為0 混合 用于調(diào)節(jié)對象變化過程中的形狀平滑度 19 動畫制作基礎(chǔ)知識和操作 形狀漸變 添加形狀提示形狀提示是輔助圖形變形的一種提示 在變形的初始圖形上指定一些變形的關(guān)鍵點 接著在變形的結(jié)束圖形上將剛剛指定的關(guān)鍵點置于適當?shù)奈恢?這樣 圖形在進行形狀漸變的過程中 就會參考定義的關(guān)鍵點之間的聯(lián)系計算出過渡效果的部分 20 動畫制作基礎(chǔ)知識和操作 時間軸及其顯示設(shè)置幀的分類 選擇及其操作逐幀動畫形狀漸變運動漸變編輯動畫 21 動畫制作基礎(chǔ)知識和操作 運動漸變 運動漸變是最常用的一種漸變方式 它的主要功能是計算元件實例從一個地方到另一個地方 實例位置之間的過渡部分 除此以外 運動漸變還可以在元件實例的大小和顏色方面創(chuàng)建過渡動畫 在實例運動的過程中 可以根據(jù)需要使實例旋轉(zhuǎn) 原理與創(chuàng)建條件運動漸變動畫是補間動畫的一種 通過為對象創(chuàng)建運動漸變 可以改變對象的位置 大小 旋轉(zhuǎn)或傾斜 做出物體運動的各種效果 通過設(shè)置實例的顏色屬性 還可以制作出豐富的漸變效果 例如實例的淡入淡出效果 正確的運動漸變動畫在時間軸中以淺藍色背景的單箭頭符號表示 錯誤的形狀漸變動畫以淺藍色背景的虛線表示 導(dǎo)致運動漸變動畫失敗的原因有很多 但主要是由于以下幾種原因 第一種為缺少起始幀或終止幀 第二種為起始幀或終止幀包含多個的對象 第三種為起始幀或終止幀中包含的對象不是元件實例 要正確使用運動漸變必須滿足以下創(chuàng)作條件 22 動畫制作基礎(chǔ)知識和操作 運動漸變 運動漸變只能作用于元件實例 要對形狀 組合 位圖或文本對象應(yīng)用運動漸變 必須先將這些對象轉(zhuǎn)換為元件 其中在為組合 位圖或文本對象創(chuàng)建運動漸變的時候 Flash會自動將其轉(zhuǎn)換為元件 并按 補間1 補間2 補間3 的順序依次為元件命名 運動漸變中的元件只能是一對一漸變 多對一或一對多均會導(dǎo)致漸變失敗 運動漸變中的元件只能在同一圖層 運動漸變的類型運動漸變動畫共有四種類型 其中包括位置的移動 大小的變化 旋轉(zhuǎn)和顏色的變化 這些漸變類型均可以互相搭配使用 理解這些漸變類型 可以制作出豐富的動畫效果 各種類型的基本效果如下 位置的移動 如圖1所示 大小的變化 如圖2所示 旋轉(zhuǎn) 如圖3所示 顏色的變化 如圖4所示 23 動畫制作基礎(chǔ)知識和操作 運動漸變 創(chuàng)建運動漸變動畫創(chuàng)建運動漸變時 首先需定義一個關(guān)鍵幀 在其中調(diào)整好元件的位置與屬性 作為運動漸變的起始幀 接著在同一圖層中建立另一個關(guān)鍵幀 調(diào)整好元件的位置與屬性 作為運動漸變的終止幀 這樣就可以在兩個關(guān)鍵幀之間創(chuàng)建運動漸變動畫了 兩個關(guān)鍵幀之間的距離為元件的運動的范圍 是動畫的過渡部分 也就是補間 運動漸變的屬性面板如下圖所示 其中的補間和簡易值的設(shè)置與形狀漸變中的設(shè)置沒有區(qū)別 下面就對其他的各種選項逐一進行說明 縮放 用于決定元件實例運動過程中 是否使元件實例的尺寸發(fā)生變化 在制作有尺寸變化的動畫效果時使用 旋轉(zhuǎn) 用于設(shè)置元件實例的旋轉(zhuǎn)角度 單擊 旋轉(zhuǎn) 后面的文本框 在彈出的列表中共有三個選項可供選擇 分別為無 自動 順時針和逆時針 調(diào)整到路徑 在路徑動畫中 使元件實例沿引導(dǎo)線運動 同步 用于設(shè)置元件實例的同步性 對齊 使元件實例自動吸附于引導(dǎo)線上 24 動畫制作基礎(chǔ)知識和操作 時間軸及其顯示設(shè)置幀的分類 選擇及其操作逐幀動畫形狀漸變運動漸變編輯動畫 25 動畫制作基礎(chǔ)知識和操作 編輯動畫 動畫制作完畢后 需要不斷的修改 創(chuàng)建的幀也可以重新對其進行編輯 幀包含影片中的全部對象 控制對象的各種運動 所以編輯幀就是編輯影片本身 在Flash中 可以將所有的幀分成兩大類 關(guān)鍵幀和過渡幀 關(guān)鍵幀中包括實心的關(guān)鍵幀與空心的空白關(guān)鍵幀 過渡幀中包括普通幀 一般空白幀 運動漸變幀和形狀漸變幀 可以對關(guān)鍵幀進行移動 復(fù)制或刪除的編輯 值得注意的是 由于每個關(guān)鍵幀中均包含對象 所以對關(guān)鍵幀的編輯會影響影片中的對象 而過渡幀中沒有對象 所以不能被編輯 但可以根據(jù)需要增減過渡幀的數(shù)量 從而達到改變過渡動畫長度的目的 另外 還可以將過渡幀轉(zhuǎn)換為關(guān)鍵幀進行編輯 編輯這兩種幀的具體操作方法如下 1 插入與刪除過渡幀插入過渡幀 單擊圖層中需要插入過渡幀的地方 將其選中 執(zhí)行 插入 時間軸 幀 命令或直接按F5快捷鍵 刪除過渡幀 單擊圖層中需要刪除過渡幀的地方 將其選中 執(zhí)行 編輯 時間軸 刪除幀 命令或直接按Shift F5快捷鍵 如果單擊選中圖層中的過渡幀 執(zhí)行上述命令 則僅改變所選圖層中過渡幀的長度 如果單擊時間軸上的幀號部分 執(zhí)行上述命令 則改變所有圖層的幀長度 26 動畫制作基礎(chǔ)知識和操作 編輯動畫 2 轉(zhuǎn)換過渡幀為關(guān)鍵幀 選中要轉(zhuǎn)換的過渡幀 執(zhí)行 插入 時間軸 關(guān)鍵幀 命令或直接按F6快捷鍵 3 同時轉(zhuǎn)換多個過渡幀為關(guān)鍵幀 選中要轉(zhuǎn)換的多個過渡幀 在這些幀上右擊 在彈出的快捷菜單中選擇 轉(zhuǎn)換為關(guān)鍵幀 選項 4 移動關(guān)鍵幀 通過單擊選中關(guān)鍵幀 接著在時間軸中對其進行拖拽 即可改變關(guān)鍵幀的位置 5 刪除關(guān)鍵幀 選中要刪除的關(guān)鍵幀 執(zhí)行 修改 時間軸 清除關(guān)鍵幀 命令或直接按Shift F6快捷鍵 6 清除幀 選中要清除的幀 執(zhí)行 編輯 時間軸 清除幀 命令或者按Ctrl Backspace快捷鍵 清除幀與刪除幀不同 刪除幀是將所選的幀完全刪除 而清除幀僅刪除所選幀中的對象 保留幀本身 也就是說 應(yīng)用了清除幀命令的幀內(nèi)部會沒有任何對象 所以所選幀將變成空白關(guān)鍵幀 7 復(fù)制幀 選中要復(fù)制的幀 在按住Alt鍵的同時 將它拖拽到時間軸中待復(fù)制的位置上釋放鼠標 27 動畫制作基礎(chǔ)知識和操作 編輯動畫 8 粘貼幀 選中要粘貼的關(guān)鍵幀 執(zhí)行 編輯 時間軸 復(fù)制幀 命令 接著在時間軸中確定要粘貼關(guān)鍵幀的位置 執(zhí)行 編輯 時間軸 粘貼幀 命令 在時間軸中粘貼關(guān)鍵幀 粘貼幀與復(fù)制幀不同 復(fù)制的幀將代替原來該位置中的幀 而粘貼的幀是插入到目標位置中所選幀的前方 所以粘貼幀的結(jié)果是插入 復(fù)制幀的結(jié)果是替換 利用粘貼幀命令 可以在不同的影片之間復(fù)制幀 9 復(fù)制并粘貼多個幀 選中要復(fù)制的幀 執(zhí)行 編輯 時間軸 復(fù)制幀 命令 新建文檔 確定粘貼關(guān)鍵幀的位置 執(zhí)行 編輯 時間軸 粘貼幀 命令 在時間軸中粘貼關(guān)鍵幀 此時不僅將圖層中的幀復(fù)制過來 甚至圖層的名字也被一同復(fù)制 10 選定并移動多個幀 選中要移動的多個幀 接著在時間軸中拖拽 釋放鼠標即可移動多個幀 11 結(jié)合Ctrl鍵添加或刪除幀 按下Ctrl鍵后 向右拖拽末端的幀 可以添加過渡幀至拖拽區(qū)域 如向左拖拽末端的幀 可以添加刪除幀至拖拽區(qū)域 如果不按任何鍵 直接拖拽末端的幀 釋放鼠標后 會在釋放的幀中自動插入一個關(guān)鍵幀 28 動畫制作基礎(chǔ)知識和操作 本章綜合范例 鏡面效果