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

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

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