補間動畫的制作.ppt

補間動畫的制作 內(nèi)容概要 FlashCS4中的動畫類型創(chuàng)建傳統(tǒng)補間動畫創(chuàng)建補間形狀動畫創(chuàng)建引導(dǎo)層動畫創(chuàng)建遮罩層動畫 什么是形狀補間動畫 形狀補間動畫是指在兩個或兩個以上的關(guān)鍵幀之間對形狀進行補間 從而創(chuàng)建出一個形狀隨著時間的改變而變成另一個形狀的動畫效果 在一個關(guān)鍵幀中繪制一種形狀的物體 然后在另一個關(guān)鍵幀中更改該物體的形狀或繪制另一種形狀的物體 Flash可在二者之間的各幀中自動創(chuàng)建形狀逐漸變化的過渡幀 最后生成完整的動畫 形狀補間動畫可以實現(xiàn)兩個圖形之間顏色 形狀 大小和位置的過渡 形狀補間動畫創(chuàng)建完成后 時間軸中對應(yīng)幀的背景色變?yōu)榈G色 在起始幀和結(jié)束幀之間有一個箭頭 制作形狀補間的條件 形狀補間動畫的變形對象必須是矢量圖 在Flash中繪制的圖形都是矢量圖 導(dǎo)入的圖形均以位圖形式出現(xiàn) 如果想要在組合體 實例或位圖圖像上應(yīng)用形狀補間動畫 必須先將這些元素 分離 即打散 要對文本應(yīng)用形狀補間動畫 如果是多個文字 則必須 分離 文本兩次 將文本先轉(zhuǎn)換成單個文字 再轉(zhuǎn)換為矢量圖形 2 創(chuàng)建形狀補間動畫同一圖層上 在繪制著不同矢量圖形的兩關(guān)鍵幀之間任選1幀 然后再在 屬性 面板上的 補間 下拉列表框中選擇 形狀 選項 如圖5 2所示 這樣就可以創(chuàng)建一個形狀補間動畫 圖5 1形狀補間動畫 圖5 2選擇形狀補間 如果兩關(guān)鍵幀之中的任何一個關(guān)鍵幀的內(nèi)容不符合創(chuàng)建形狀補間的要求或內(nèi)容為空 將使創(chuàng)建形狀補間動畫失敗 如圖5 3所示 圖5 2形狀補間動畫創(chuàng)建失敗 2 形狀提示原理繼續(xù)添加形狀提示點 并調(diào)節(jié)提示點位置 此時圖形變化的過程如圖5 14所示 圖5 14使用形狀提示 如圖5 15所示 為未添加形狀提示點的變化過程 經(jīng)過觀察可以清楚地了解形狀提示的功能和原理 即形狀提示點用于識別起始形狀和結(jié)束形狀中相對應(yīng)的點 并用字母a到z來表示 圖5 15未使用形狀提示 添加形狀提示點的過程中應(yīng)該注意以下幾點 1 增加控制點只能在補間動畫的開始幀進行 2 控制點用字母表示 最多只有26個 3 控制點最好從矢量圖形的左上角開始 按逆時針順序放置 4 控制點的順序要符合邏輯 例如 在開始幀的一條直線上按a b c順序放置3個控制點 在結(jié)束幀的相應(yīng)幀的直線就不能按a c b順序放置 5 控制點并非設(shè)置得越多越好 應(yīng)該根據(jù)實際情況來設(shè)置 什么都能變 各種對象的簡單變形 制作組合到文字的形狀補間動畫 什么都能變 各種對象的簡單變形 制作文字到圖形的形狀補間變形 光電時代 定位變形 新建動畫文檔將素材導(dǎo)入到庫 制作定位變形 修改 形狀 添加形狀提示符 開始時位置結(jié)束時位置 光電時代 定位變形 繪圖紙外觀的形變過程 光電時代 定位變形 添加形狀提示的圖片重新排列形狀提示的圖片 光電時代 定位變形 繪畫紙外觀的形變過程 創(chuàng)建傳統(tǒng)補間動畫 傳統(tǒng)補間動畫 又叫做動作補間 中間幀動畫 漸變動畫 只要建立起始幀和結(jié)束幀的畫面 中間的部分由Flash自動生成 省去了中間動畫制作的復(fù)雜過程 是Flash中最常用的動畫效果 它所處理的動畫對象是舞臺中組合后的矢量圖形 字符 引入的元件實例以及其他導(dǎo)入的素材對象等 被打散的對象不能產(chǎn)生動作漸變 可制作的動畫效果有位置移動 大小變化 旋轉(zhuǎn)移動 逐漸消失等等 產(chǎn)生淡入淡出效果和動態(tài)切換畫面 還能將它們相互組合制作出式樣更加豐富 效果更加吸引人的復(fù)雜動畫 傳統(tǒng)補間動畫一般制作流程 一般制作流程 先在一個關(guān)鍵幀中定義實例的大小 顏色 位置 透明度等參數(shù) 然后創(chuàng)建出另一個關(guān)鍵幀并修改這些參數(shù) 最后創(chuàng)建補間動畫 讓Flash自動生成過渡狀態(tài) 兩個必要前提 起始關(guān)鍵幀與結(jié)束關(guān)鍵幀缺一不可 應(yīng)用于傳統(tǒng)補間的對象必須具有元件或者群組的屬性 傳統(tǒng)補間動畫創(chuàng)建完成后 時間軸中對應(yīng)幀的背景色變?yōu)榈仙?在起始幀和結(jié)束幀之間有一個箭頭 動作補間動畫 1 動作補間動畫的原理動作補間動畫是指在兩個或兩個以上的關(guān)鍵幀之間對元件進行補間的動畫 使一個元件隨著時間的改變而變其顏色 位置和進行旋轉(zhuǎn) 如圖5 49所示 動作補間動畫只能對元件進行補間 如果對非元件的對象進行動作補間動畫時 軟件將自動將其轉(zhuǎn)化為元件 圖5 49動作補間動畫的原理 2 創(chuàng)建動作補間動畫在包含著同一元件兩種不同屬性的兩關(guān)鍵幀之間任選1幀 然后再在 屬性 面板上 補間 下拉列表框中選擇 動作 選項 或直接在該幀上單擊鼠標(biāo)右鍵 在彈出的快捷菜單中選擇 創(chuàng)建補間動畫 命令 如圖5 50所示就可創(chuàng)建動作補間動畫 如果兩關(guān)鍵幀之中的任何一個關(guān)鍵幀的內(nèi)容為空 創(chuàng)建動作補間動畫將失敗 如圖5 51所示 圖5 50右鍵快捷菜單 圖5 51創(chuàng)建失敗 傳統(tǒng)補間屬性 緩動 應(yīng)用于有速度變化的動畫效果 100 100之間的值 0值以上是由快到慢 0值以下是由慢到快 旋轉(zhuǎn) 設(shè)置對象的旋轉(zhuǎn)效果 包括 自動 順時針 逆時針 和 無 4項 緊貼 使物體可以附著在引導(dǎo)線上 同步 設(shè)置元件動畫的同步性 調(diào)整到路徑 在路徑動畫效果中 使對象能夠沿著引導(dǎo)線的路徑移動 縮放 應(yīng)用于有大小變化的動畫效果 補間動畫 補間動畫是FlashCS4在原來的基礎(chǔ)上新增加的動畫功能 它通過為一個幀中的對象屬性指定一個值并為另一個幀中的該相同屬性指定另一個值來生成動畫 如果要創(chuàng)建傳統(tǒng)補間動畫或者補間形狀動畫就一定要有關(guān)鍵幀 在關(guān)鍵幀中對象或?qū)ο蟮膶傩园l(fā)生變化就形成了動畫效果 形狀補間動畫與動作補間的區(qū)別 形狀補間可以實現(xiàn)將一幅圖形變?yōu)榱硪环鶊D形的效果 形狀補間和動作補間的主要區(qū)別 形狀補間不能應(yīng)用到實例上 必須是被打散的形狀圖形之間才能產(chǎn)生形狀補間 形狀圖形 由無數(shù)像素點堆積而成的 并非是一個整體 選中時沒有一個藍色邊框 而是顯示為摻雜著白點的圖形 形狀補間的屬性 緩動 動畫朝著結(jié)束方向變化的速率 100 100之間的值 0值以上是減速 0值以下是加速 混合 分布式 創(chuàng)建的動畫形狀比較平滑和不規(guī)則 角形 創(chuàng)建的動畫形狀會保留明顯的角和直線 只適合于具有銳化轉(zhuǎn)角和直線的混合形狀 如果所選形狀沒有角 系統(tǒng)自動還原到 分布式 補間 傳統(tǒng)動作補間與動作補間動畫的區(qū)別 傳統(tǒng)動作補間需要先在開始幀和結(jié)束幀中放入同一動畫幀對象 才能執(zhí)行插入傳統(tǒng)補間的命令 而動作補間動畫則只需要在開始幀中放入動畫對象 并定義結(jié)束幀 即插入空白關(guān)鍵幀 即可選擇插入補間動畫的命令 且在補間動畫中還可控制對象的動作路徑 動作補間動畫創(chuàng)建完成后 時間軸中對應(yīng)幀的背景色變?yōu)榈{色 在起始幀和結(jié)束幀之間沒有箭頭 FlashCS4中的動畫類型 2 補間形狀在形狀補間中 可在時間軸中的特定幀繪制一個形狀 然后更改該形狀或在另一個特定幀繪制另一個形狀 然后 Flash將內(nèi)插中間的幀的中間形狀 創(chuàng)建一個形狀變形為另一個形狀的動畫 反向運動姿勢 骨骼 反向運動姿勢用于伸展和彎曲形狀對象以及鏈接元件實例組 使它們以自然方式一起移動 可以在不同幀中以不同方式放置形狀對象或鏈接的實例 Flash將在中間內(nèi)插幀中的位置 實例 火焰的跳動效果鉛筆畫直線效果 火焰的跳動效果 選擇圓形工具 畫一個豎長的橢圓 選用油漆桶工具 打開調(diào)色板 選擇線性漸變 調(diào)出桔紅色到黃色的漸變 點擊新建在橢圓上涂色 刪掉線條按住Ctrl的同時 點住橢圓頂部的一點向上拖 可以拉出一個尖點 調(diào)整形狀如在第20幀上按F6 加入一個關(guān)鍵幀 調(diào)整火焰的形狀如圖 1 20幀之間的任意一幀上單擊 選擇Modify 修改 frame 幀數(shù) 打開frame 幀數(shù) 對話框 在tweening 變化 右邊的小三角上點擊 在下拉菜單中選擇shape 形狀 點擊舞臺的空白處 在第一幀上點右鍵 選擇copyframes 復(fù)制幀 在第40幀上點右鍵 選擇pasteframes 粘貼幀 在第20 40幀之間的任意一幀單擊 選擇Modify 修改 frame 幀數(shù) 打開frame 幀數(shù) 對話框 在tweening 變化 右邊的小三角上點擊 在下拉菜單中選擇shape 形狀 點擊舞臺的空白處 完成 選擇Control 控制 TestMovie 測試影片 觀看動畫 鉛筆畫直線效果 畫一條很短的直線 在第30幀按F6加入關(guān)鍵幀選用scal 縮放 工具 把鼠標(biāo)放在直一右邊的控制點上 把直線拉長 如圖在1 30幀間的任意一幀單擊 選擇Modify 修改 frame 幀數(shù) 打開frame 幀數(shù) 對話框 在tweening 變化 右邊的小三角上點擊 在下拉菜單中選擇shape 形狀 點擊舞臺的空白處 新增一層 在新加層的第一幀畫一個鉛筆 位置放在小短線的上方 如圖在新增層的第30幀按F6 加關(guān)鍵幀 把鉛筆入到長線的右端 在新層的1 30之間任意一幀單擊 選擇Modify 修改 frame 幀數(shù) 打開frame 幀數(shù) 對話框 在tweening 變化 右邊的小三角上點擊 在下拉菜單中選擇shape 形狀 點擊舞臺的空白處 如圖完成 Control 控制 testmovie 測試影片 觀看動畫 引導(dǎo)層動畫 使用運動引導(dǎo)層可以創(chuàng)建特定路徑的部件動畫效果 實例 組或文本塊均可沿著這些路徑運動 兩種引導(dǎo)層普通引導(dǎo)層 只起到輔助靜態(tài)對象定位的作用 影片放映時不可見 無需使用被引導(dǎo)層 可單獨使用 與普通圖層的屬性相似 圖層面板中 右鍵快捷菜單 引導(dǎo)層 運動引導(dǎo)層 總是與至少一個圖層相關(guān)聯(lián) 如果需要可以與任意多個圖層相關(guān)聯(lián) 這些被關(guān)聯(lián)的圖層稱為被引導(dǎo)層 圖層面板中 右鍵快捷菜單 添加傳統(tǒng)運動引導(dǎo)層 通過拖拽可增加或減少被引導(dǎo)圖層 路徑動畫指對象 包括元件的實例 組合的圖形和靜態(tài)文本 沿路徑進行運動變化 路徑動畫是運動漸變的一種特殊應(yīng)用 只要在運動漸變的圖層上新增了一個特殊層 引導(dǎo)層 并在引導(dǎo)層中繪制引導(dǎo)路徑 補間實例或文本塊就可以沿著路徑運動了 多個圖層可以鏈接到一個引導(dǎo)層 使多個對象沿同一條路徑運動 在Flash中 引導(dǎo)層中的曲線可以封閉 但是如果要制作環(huán)繞運動的動畫通常并不使用封閉的曲線 而是在封閉曲線上打開一個小缺口 使曲線產(chǎn)生兩個端點 然后再制作路徑動畫 引導(dǎo)層動畫 制作實例 激光寫字雨滴 遮罩動畫 遮罩層中的任何填充區(qū)域都是完全透明的 而任何非填充區(qū)域都是不透明的 在遮罩層上繪制的圖形或輸入的文字 相當(dāng)于在遮罩層上挖掉了相應(yīng)形狀的洞 形成挖空區(qū)域 通過挖空區(qū)域 顯示下面圖層中的內(nèi)容 而遮罩層中沒有繪制圖形或輸入文字的地方就成了遮擋物 把下面圖層的內(nèi)容完全掩蓋起來 遮罩層中的內(nèi)容可以包括圖形 文字 實例 影片剪輯在內(nèi)的各種對象 但Flash會忽略遮罩層中內(nèi)容的具體細節(jié) 只關(guān)心它們占據(jù)的位置 在遮罩層中繪制各種圖形或輸入文字時可以不必考慮顏色 每個遮罩層可以有多個被遮罩層 這樣可以將多個圖層組織在一個遮罩層之下創(chuàng)建非常復(fù)雜的遮罩效果 兩大類遮罩動畫 遮罩層運動 被遮罩對象運動 遮罩層動畫實例一 聚光燈效果將舞臺背景設(shè)置成黑色遮罩層 來回滾動的小球被遮罩層 在舞臺上要顯示出來的文字類似效果 打字效果 花樣年華 滾動字幕效果 遮罩層動畫實例二 制作地球儀遮罩層 圓形元件被遮罩層 地圖水平移動制作卷軸效果制作卷軸兩端的手柄 進行水平方向的位置移動 將手柄做成元件 遮罩層 矩形由小到大的變化被遮罩層 最終顯示的文字 遮罩層動畫實例三 制作放大鏡制作小字遮罩層 挖空小字的矩形條進行水平移動被遮罩層 小字制作大字遮罩層 顯示大字的圓形進行水平移動被遮罩層 大字制作放大鏡 制作一個和大字遮罩層中的圓相同大小的放大鏡 利用遮罩做的簡單特效 1 創(chuàng)建影片剪輯元件 名為 曲線動畫 把圖層名稱更改為 曲線 畫一條曲線 筆觸高度為2 顏色任意 選中曲線 修改 形狀 將線條轉(zhuǎn)換為填充 將線條轉(zhuǎn)換為填充 2 在該元件中創(chuàng)建新圖層 名稱為 矩形 把該圖層放在 曲線 圖層的下方 畫一個矩形 從左到右漸變 中間白色透明度為100 兩邊白色透明度為0 把矩形放到曲線的右邊 3 在 矩形 圖層的第10幀處插入關(guān)鍵幀 把矩形放到曲線的左邊 并創(chuàng)建形狀補間動畫 4 在 矩形 圖層的第25幀和40幀處插入關(guān)鍵幀 并創(chuàng)建補間動畫 把40幀處的矩形透明度都設(shè)為0并將寬度變小 5 把 曲線 圖層上的幀延長到第40幀處 選中圖層 右鍵選擇 遮罩層 6 從庫中把 曲線動畫 元件拖入到主場景中的合適位置 將中心點 小白圓 往右拖離一定矩離 打開 窗口 變形 在 旋轉(zhuǎn) 中輸入30 點擊下面的 復(fù)制并運用變形 按鈕 連按11次 制作流動的動畫 新建一flash文檔 550 x400 導(dǎo)入幾張圖片 將一張圖片拉到舞臺上 設(shè)置圖片寬為1100 高為400 打?qū)R面板相對于舞臺右對齊 第50幀插入關(guān)鍵幀 點擊圖片 打開對齊面板相對于舞臺左對齊 建立傳統(tǒng)補間動畫 新插入一層 畫一無筆觸任一色矩形 大小為550 x400 居中對齊 第50幀插入幀 右擊該層 設(shè)為遮罩層 新插入一層 將同一圖片從庫中拖出 打開對齊面板 寬 高匹配 即550 x400 居中對齊 第50幀插入幀 新插入一層畫一無筆觸任一色的矩形 大小為550 x400 居中對齊 用變形工具將注冊點移到右邊中間 在第50幀插入關(guān)鍵幀 回到第1幀 將矩形寬度縮小到5像素 建立補間動畫 設(shè)為遮罩層 這樣流動的圖片效果就做成了 制作流動的動畫 你可以在新的一層第51幀 插入空白關(guān)鍵幀 將第2張圖拖入 這一次圖片的寬度為550 而高度為800 在第100幀插入關(guān)鍵幀 第1幀相對舞臺上對齊 第100幀下對齊 建立補間 新插入一層 畫一無筆觸任一色矩形 大小為550 x400 居中對齊 第100幀插入幀 右擊該層 設(shè)為遮罩層 第三層第51幀插入空白關(guān)鍵幀 將相同圖片拖入 大小匹配 居中對齊第四層第51幀插入空白關(guān)鍵幀 畫一無筆觸任一色的矩形 大小為550 x400 居中對齊 用變形工具將注冊點移到上邊中間 在第50幀插入關(guān)鍵幀 回到第1幀 將矩形高度縮小到5像素 建立補間動畫 設(shè)為遮罩層 在第101幀做第三張圖片 做法同上面兩張圖片 只是注意一點 第一層圖片的運動方向跟第4層的遮罩運動方向剛好相反 創(chuàng)建反向運動 反向運動 IK 是一種使用骨骼的有關(guān)節(jié)結(jié)構(gòu)對一個對象或彼此相關(guān)的一組對象進行動畫處理的方法 使用骨骼 元件實例和形狀對象可以按復(fù)雜而自然的方式移動 只需做很少的設(shè)計工作 例如 通過反向運動可以更加輕松地創(chuàng)建人物動畫 如胳膊 腿和面部