Flash動(dòng)畫設(shè)計(jì)項(xiàng)目教程(項(xiàng)目五基本動(dòng)畫制作).ppt

《Flash動(dòng)畫設(shè)計(jì)項(xiàng)目教程(項(xiàng)目五基本動(dòng)畫制作).ppt》由會(huì)員分享，可在線閱讀，更多相關(guān)《Flash動(dòng)畫設(shè)計(jì)項(xiàng)目教程(項(xiàng)目五基本動(dòng)畫制作).ppt（21頁(yè)珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

FLASH動(dòng)畫設(shè)計(jì)項(xiàng)目教程 項(xiàng)目五基本動(dòng)畫制作 項(xiàng)目引入Flash動(dòng)畫實(shí)際上是由很多靜態(tài)的圖像構(gòu)成的 只不過(guò)按一定的速率進(jìn)行播放時(shí) 由于視覺(jué)暫留效應(yīng) 感覺(jué)畫面在動(dòng) 這就形成了動(dòng)畫 制作基本動(dòng)畫的方式分為逐幀動(dòng)畫和補(bǔ)間動(dòng)畫 逐幀動(dòng)畫是一種常見的動(dòng)畫形式 其原理是在連續(xù)的關(guān)鍵幀中分解動(dòng)畫動(dòng)作 也就是在時(shí)間軸的每幀上逐幀繪制不同的內(nèi)容 使其連續(xù)播放而成動(dòng)畫 補(bǔ)間動(dòng)畫是在兩個(gè)關(guān)鍵幀中間由計(jì)算機(jī)自動(dòng)生成過(guò)渡狀態(tài)的動(dòng)畫 補(bǔ)間分為動(dòng)作補(bǔ)間和形狀補(bǔ)間 其中動(dòng)作補(bǔ)間又有傳統(tǒng)補(bǔ)間動(dòng)畫和補(bǔ)間動(dòng)畫兩種 學(xué)習(xí)目標(biāo)逐幀動(dòng)畫傳統(tǒng)補(bǔ)間動(dòng)畫補(bǔ)間動(dòng)畫補(bǔ)間形狀動(dòng)畫 目錄 任務(wù)1了解逐幀動(dòng)畫和補(bǔ)間動(dòng)畫任務(wù)2制作倒計(jì)時(shí)畫面任務(wù)3制作行駛的汽車任務(wù)4制作彈跳的足球任務(wù)5制作波浪效果綜合實(shí)訓(xùn) 制作宣傳廣告動(dòng)畫 任務(wù)1了解逐幀動(dòng)畫和補(bǔ)間動(dòng)畫 逐幀動(dòng)畫逐幀動(dòng)畫 FrameByFrame 是動(dòng)畫中最基本的類型 它是一個(gè)由若干個(gè)連續(xù)關(guān)鍵幀組成的動(dòng)畫序列 在每個(gè)幀上都依次放置靜止的圖像 從而得到動(dòng)畫效果的典型的方法 電視中看到的很多漫畫或動(dòng)畫都是利用逐幀技術(shù)制作出來(lái)的 補(bǔ)間補(bǔ)間是InBetween的簡(jiǎn)稱 這是指定動(dòng)畫的起點(diǎn)和終點(diǎn)以后 自動(dòng)生成動(dòng)畫的功能 補(bǔ)間可以分成動(dòng)作補(bǔ)間和形狀補(bǔ)間 利用補(bǔ)間功能制作動(dòng)畫 不僅可以使操作更加容易 而且還可以縮小文件大小 可以有效的制作出所需的動(dòng)畫 動(dòng)作補(bǔ)間動(dòng)作補(bǔ)間是連接動(dòng)作來(lái)制作動(dòng)畫的技巧 動(dòng)畫補(bǔ)間可以改變指定位置或大小 還可以進(jìn)行旋轉(zhuǎn)或更改指定的顏色 透明度 亮度等 動(dòng)畫補(bǔ)間只能應(yīng)用在元件或群組化的對(duì)象上 形狀補(bǔ)間形狀補(bǔ)間是連接形狀的動(dòng)畫制作技巧 這與電影中常見的獅子頭變成人臉的變形效果類似 Flash中的形狀補(bǔ)間雖然難以表現(xiàn)電影中變成人臉的那種細(xì)致的變換效果 但可以將矩形轉(zhuǎn)換成圓形 也可以將文字形狀轉(zhuǎn)換為其他形狀 形狀補(bǔ)間不能應(yīng)用在元件或群組化的對(duì)象上 任務(wù)2制作倒計(jì)時(shí)畫面 知識(shí)準(zhǔn)備逐幀動(dòng)畫 FrameByFrame 是動(dòng)畫中最基本的類型 它是一個(gè)由若干個(gè)連續(xù)關(guān)鍵幀組成的動(dòng)畫序列 在每個(gè)幀上都依次放置靜止的圖像 從而得到動(dòng)畫效果的典型的方法 電視中看到的很多漫畫或動(dòng)畫都是利用逐幀技術(shù)制作出來(lái)的 逐幀動(dòng)畫是一種常見的動(dòng)畫形式 FrameByFrame 其原理是在 連續(xù)的關(guān)鍵幀 中分解動(dòng)畫動(dòng)作 也就是在時(shí)間軸的每幀上逐幀繪制不同的內(nèi)容 使其連續(xù)播放而成動(dòng)畫 因?yàn)橹饚瑒?dòng)畫的幀序列內(nèi)容不一樣 不但給制作增加了負(fù)擔(dān)而且最終輸出的文件量也很大 但它的優(yōu)勢(shì)也很明顯 逐幀動(dòng)畫具有非常大的靈活性 幾乎可以表現(xiàn)任何想表現(xiàn)的內(nèi)容 而它類似與電影的播放模式 很適合于表演細(xì)膩的動(dòng)畫 例如 人物或動(dòng)物急劇轉(zhuǎn)身 頭發(fā)及衣服的飄動(dòng) 走路 說(shuō)話以及精致的3D效果等等 任務(wù)2制作倒計(jì)時(shí)畫面 任務(wù)實(shí)施任務(wù)目標(biāo) 使用逐幀動(dòng)畫技術(shù)制作倒計(jì)時(shí)動(dòng)畫效果 要求計(jì)數(shù)牌上數(shù)字由5逐漸變化為0 任務(wù)3制作行駛的汽車 知識(shí)準(zhǔn)備1 傳統(tǒng)補(bǔ)間動(dòng)畫傳統(tǒng)補(bǔ)間動(dòng)畫是Flash中較為常見的基礎(chǔ)動(dòng)畫類型 使用它可以制作出對(duì)象的位移 變形 旋轉(zhuǎn) 透明度 濾鏡以及色彩變化等一系列的動(dòng)畫效果 和前面介紹的逐幀動(dòng)畫不同 使用傳統(tǒng)補(bǔ)間創(chuàng)建動(dòng)畫時(shí) 只要將動(dòng)作起點(diǎn)和終點(diǎn)的兩個(gè)關(guān)鍵幀中的對(duì)象制作出來(lái)即可 兩個(gè)關(guān)鍵幀之間的過(guò)渡幀由Flash自動(dòng)創(chuàng)建 這個(gè)過(guò)渡效果也就是我們所說(shuō)的補(bǔ)間 在傳統(tǒng)補(bǔ)間動(dòng)畫中 只有關(guān)鍵幀是可以進(jìn)行編輯的 而過(guò)渡幀雖然可以查看 但是不能直接進(jìn)行編輯 除此之外 在制作傳統(tǒng)補(bǔ)間動(dòng)畫時(shí)還需要滿足以下條件 在一個(gè)傳統(tǒng)補(bǔ)間動(dòng)畫中至少要有兩個(gè)關(guān)鍵幀 這兩個(gè)關(guān)鍵幀中的對(duì)象必須是同一個(gè)對(duì)象 這兩個(gè)關(guān)鍵幀中的對(duì)象必須有一些變化 否則制作的動(dòng)畫將沒(méi)有動(dòng)作變化的效果 任務(wù)3制作行駛的汽車 知識(shí)準(zhǔn)備2 創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫在 時(shí)間軸 面板中選擇同一圖層的兩個(gè)關(guān)鍵幀之間的任意一幀 單擊鼠標(biāo)右鍵 在彈出菜單中選擇 創(chuàng)建傳統(tǒng)補(bǔ)間 命令 這樣就在兩個(gè)關(guān)鍵幀之間創(chuàng)建出傳統(tǒng)補(bǔ)間動(dòng)畫 創(chuàng)建的傳統(tǒng)補(bǔ)間動(dòng)畫以帶有黑色箭頭和淡紫色背景的起始關(guān)鍵幀處的黑色圓點(diǎn)表示 任務(wù)3制作行駛的汽車 知識(shí)準(zhǔn)備3 設(shè)置傳統(tǒng)補(bǔ)間動(dòng)畫的屬性傳統(tǒng)補(bǔ)間動(dòng)畫創(chuàng)建完成后 可以使用 屬性 面板進(jìn)行動(dòng)畫的各項(xiàng)設(shè)置 從而使其更符合動(dòng)畫需要 選擇傳統(tǒng)補(bǔ)間動(dòng)畫兩個(gè)關(guān)鍵幀之間的任意一幀 展開 屬性 面板 在其下的 補(bǔ)間 選項(xiàng)中就可以設(shè)置動(dòng)畫的運(yùn)動(dòng)速度 旋轉(zhuǎn)方向與旋轉(zhuǎn)次數(shù)等 任務(wù)實(shí)施任務(wù)目標(biāo) 使用傳統(tǒng)補(bǔ)間技術(shù)制作一個(gè)汽車在行駛過(guò)程中發(fā)生碰撞的變速運(yùn)動(dòng)動(dòng)畫 任務(wù)3制作行駛的汽車 任務(wù)4制作彈跳的足球 知識(shí)準(zhǔn)備1 補(bǔ)間動(dòng)畫與傳統(tǒng)補(bǔ)間相比 補(bǔ)間動(dòng)畫是一種基于對(duì)象的動(dòng)畫 不再是作用于關(guān)鍵幀 而是作用于動(dòng)畫元件本身 從而使Flash的動(dòng)畫制作更加專業(yè) 與傳統(tǒng)補(bǔ)間動(dòng)畫相比 兩者存在很大的差別 傳統(tǒng)補(bǔ)間動(dòng)畫是基于關(guān)鍵幀的動(dòng)畫 通過(guò)兩個(gè)關(guān)鍵幀中兩個(gè)對(duì)象的變化從而創(chuàng)建動(dòng)畫效果 其中關(guān)鍵幀是顯示對(duì)象實(shí)例的幀 而補(bǔ)間動(dòng)畫是基于對(duì)象的動(dòng)畫 整個(gè)補(bǔ)間范圍只有一個(gè)動(dòng)畫對(duì)象 動(dòng)畫中使用的是屬性關(guān)鍵幀而不是關(guān)鍵幀 補(bǔ)間動(dòng)畫在整個(gè)補(bǔ)間范圍上只有一個(gè)對(duì)象 補(bǔ)間動(dòng)畫和傳統(tǒng)補(bǔ)間動(dòng)畫都只允許對(duì)特定類型的對(duì)象進(jìn)行補(bǔ)間 若應(yīng)用補(bǔ)間動(dòng)畫 則在創(chuàng)建補(bǔ)間時(shí)會(huì)將所有不允許的對(duì)象類型轉(zhuǎn)換為影片剪輯 而應(yīng)用傳統(tǒng)補(bǔ)間動(dòng)畫會(huì)將這些對(duì)象類型轉(zhuǎn)換為圖形元件 補(bǔ)間動(dòng)畫會(huì)將文本視為可補(bǔ)間的類型 而不會(huì)將文本對(duì)象轉(zhuǎn)換為影片剪輯 傳統(tǒng)補(bǔ)間動(dòng)畫則會(huì)將文本對(duì)象轉(zhuǎn)換為圖形元件 在補(bǔ)間動(dòng)畫范圍上不允許添加幀標(biāo)簽 而傳統(tǒng)補(bǔ)間則允許在動(dòng)畫范圍內(nèi)添加幀標(biāo)簽 補(bǔ)間目標(biāo)上的任何對(duì)象腳本都無(wú)法在補(bǔ)間動(dòng)畫范圍的過(guò)程中更改 在時(shí)間軸中可以將補(bǔ)間動(dòng)畫范圍視為單個(gè)對(duì)象進(jìn)行拉伸和調(diào)整大小 而傳統(tǒng)補(bǔ)間動(dòng)畫可以對(duì)補(bǔ)間范圍的局部或整體進(jìn)行調(diào)整 如果要在補(bǔ)間動(dòng)畫范圍中選擇單個(gè)幀 必須按住 Ctrl 鍵單擊該幀 而傳統(tǒng)補(bǔ)間動(dòng)畫中的選擇單幀只需要單擊即可選擇 對(duì)于傳統(tǒng)補(bǔ)間動(dòng)畫 緩動(dòng)可應(yīng)用于補(bǔ)間內(nèi)關(guān)鍵幀之間的幀 對(duì)于補(bǔ)間動(dòng)畫 緩動(dòng)可應(yīng)用于補(bǔ)間動(dòng)畫范圍的整個(gè)長(zhǎng)度 如果僅對(duì)補(bǔ)間動(dòng)畫的特定幀應(yīng)用緩動(dòng) 則需要?jiǎng)?chuàng)建自定義緩動(dòng)曲線 利用傳統(tǒng)補(bǔ)間動(dòng)畫可以在兩種不同的色彩效果 如色調(diào)和Alpha透明度 之間創(chuàng)建動(dòng)畫 而補(bǔ)間動(dòng)畫可以對(duì)每個(gè)補(bǔ)間應(yīng)用一種色彩效果 可以通過(guò)在 動(dòng)畫編輯器 面板的 色彩效果 屬性中單擊 添加顏色 濾鏡或緩動(dòng) 按鈕進(jìn)行色彩效果的選擇 只可以使用補(bǔ)間動(dòng)畫來(lái)為3D對(duì)象創(chuàng)建動(dòng)畫效果 無(wú)法使用傳統(tǒng)補(bǔ)間動(dòng)畫為3D對(duì)象創(chuàng)建動(dòng)畫效果 只有補(bǔ)間動(dòng)畫才能保存為動(dòng)畫預(yù)設(shè) 對(duì)于補(bǔ)間動(dòng)畫中屬性關(guān)鍵幀無(wú)法像傳統(tǒng)補(bǔ)間動(dòng)畫那樣對(duì)動(dòng)畫中單個(gè)關(guān)鍵幀的對(duì)象應(yīng)用交換元件的操作 而是將整體動(dòng)畫應(yīng)用于交換的元件 補(bǔ)間動(dòng)畫也不能在 屬性 面板的 循環(huán) 選項(xiàng)下設(shè)置圖形元件的 單幀 數(shù) 知識(shí)準(zhǔn)備2 創(chuàng)建補(bǔ)間動(dòng)畫補(bǔ)間動(dòng)畫只能應(yīng)用于元件的實(shí)例和文本字段 并且要求同一圖層中只能選擇一個(gè)對(duì)象 如果選擇同一圖層多個(gè)對(duì)象 將會(huì)彈出一個(gè)用于提示是否將選擇的多個(gè)對(duì)象轉(zhuǎn)換為元件的提示框 在 時(shí)間軸 面板中選擇某一幀 或者在舞臺(tái)中選擇對(duì)象 然后單擊鼠標(biāo)右鍵 都會(huì)彈出右鍵菜單 選擇其中的 創(chuàng)建補(bǔ)間動(dòng)畫 都可以為其創(chuàng)建補(bǔ)間動(dòng)畫 任務(wù)4制作彈跳的足球 知識(shí)準(zhǔn)備3 編輯屬性關(guān)鍵幀插入屬性關(guān)鍵幀創(chuàng)建補(bǔ)間動(dòng)畫后 如果要在補(bǔ)間動(dòng)畫范圍中插入屬性關(guān)鍵幀 可以在插入屬性關(guān)鍵幀的位置單擊鼠標(biāo)右鍵 選擇彈出菜單中的 插入關(guān)鍵幀 其下的相關(guān)命令即可進(jìn)行添加 共有6種屬性 分別為 位置 縮放 傾斜 旋轉(zhuǎn) 顏色 濾鏡 在 時(shí)間軸 面板上 補(bǔ)間動(dòng)畫背景色為淡藍(lán)色 屬性關(guān)鍵幀為黑色菱形編輯屬性關(guān)鍵幀在舞臺(tái)中可以通過(guò) 變形 面板或 工具 面板中的各種工具進(jìn)行屬性關(guān)鍵幀的各項(xiàng)編輯 包括位置 大小 旋轉(zhuǎn) 傾斜等 如果補(bǔ)間對(duì)象在補(bǔ)間過(guò)程中更改舞臺(tái)位置 那么在舞臺(tái)中將顯示補(bǔ)間對(duì)象在舞臺(tái)上移動(dòng)時(shí)所經(jīng)過(guò)的路徑 此時(shí)可以通過(guò) 工具 面板中 選擇工具 部分選取工具 轉(zhuǎn)換錨點(diǎn)工具 任意變形工具 和 變形 面板等編輯補(bǔ)間的運(yùn)動(dòng)路徑 任務(wù)4制作彈跳的足球 知識(shí)準(zhǔn)備4 動(dòng)畫編輯器在Flash軟件中還可以通過(guò)動(dòng)畫編輯器查看所有補(bǔ)間屬性和屬性關(guān)鍵幀 從而對(duì)補(bǔ)間動(dòng)畫進(jìn)行全面細(xì)致控制 在 時(shí)間軸 面板中選擇已經(jīng)創(chuàng)建的補(bǔ)間范圍 或者選擇舞臺(tái)中已經(jīng)創(chuàng)建補(bǔ)間動(dòng)畫的對(duì)象 然后單擊菜單欄中的 窗口 動(dòng)畫編輯器 命令 任務(wù)4制作彈跳的足球 任務(wù)實(shí)施任務(wù)目標(biāo) 使用補(bǔ)間動(dòng)畫技術(shù)制作一個(gè)足球彈跳的動(dòng)畫 在運(yùn)動(dòng)過(guò)程中足球越彈越低最后停止 任務(wù)4制作彈跳的足球 知識(shí)準(zhǔn)備1 補(bǔ)間形狀動(dòng)畫補(bǔ)間形狀動(dòng)畫用于創(chuàng)建形狀變化的動(dòng)畫效果 使一個(gè)形狀變成另一個(gè)形狀 同時(shí)也可以設(shè)置圖形形狀位置 大小 顏色的變化 補(bǔ)間形狀動(dòng)畫的創(chuàng)建方法與傳統(tǒng)補(bǔ)間動(dòng)畫類似 只要?jiǎng)?chuàng)建出兩個(gè)關(guān)鍵幀中的對(duì)象 其他過(guò)渡幀便可通過(guò)Flash自己制作出來(lái) 當(dāng)然創(chuàng)建補(bǔ)間形狀動(dòng)畫也需要如下條件 在一個(gè)補(bǔ)間形狀動(dòng)畫中至少要有兩個(gè)關(guān)鍵幀 這兩個(gè)關(guān)鍵幀中的對(duì)象必須是可編輯的圖形 如果是其他類型的對(duì)象 則必須將其轉(zhuǎn)換為可編輯的圖形 這兩個(gè)關(guān)鍵幀中的圖形必須有一些變化 否則制作的動(dòng)畫將沒(méi)有變化的效果 任務(wù)5制作波浪效果 知識(shí)準(zhǔn)備2 創(chuàng)建補(bǔ)間形狀動(dòng)畫選擇同一圖層的兩個(gè)關(guān)鍵幀之間的任意一幀 單擊鼠標(biāo)右鍵 在彈出菜單中選擇 創(chuàng)建補(bǔ)間形狀 命令 這樣就在兩個(gè)關(guān)鍵幀之間創(chuàng)建出補(bǔ)間形狀動(dòng)畫 創(chuàng)建的補(bǔ)間形狀動(dòng)畫以帶黑色箭頭和淡綠色背景的起始關(guān)鍵幀處的黑色圓點(diǎn)表示 任務(wù)5制作波浪效果 任務(wù)實(shí)施任務(wù)目標(biāo) 使用補(bǔ)間形狀技術(shù)制作一個(gè)波浪動(dòng)畫效果 任務(wù)5制作波浪效果 任務(wù)實(shí)施制作如圖所示的音樂(lè)唱片宣傳廣告 綜合實(shí)訓(xùn) 制作宣傳廣告動(dòng)畫 本章結(jié)束