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

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