Flash cs6網(wǎng)頁(yè)動(dòng)畫(huà)實(shí)用教程第五章 補(bǔ)間動(dòng)畫(huà)

高職高專藝術(shù)設(shè)計(jì)類專業(yè)類系列教材FlashCS6網(wǎng)頁(yè)動(dòng)畫(huà)實(shí)用教程補(bǔ)間動(dòng)畫(huà)3.電子相冊(cè)的制作2.電子賀卡的制作1.知識(shí)點(diǎn)講解補(bǔ)間動(dòng)畫(huà)5.1知識(shí)點(diǎn)講解圖層操作補(bǔ)間動(dòng)畫(huà)〔FlashCS6新增〕元件實(shí)例傳統(tǒng)補(bǔ)間動(dòng)畫(huà)補(bǔ)間形狀動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)圖層操作1〕創(chuàng)立圖層與Photoshop相同，F(xiàn)lash圖層也好比一張張透明的紙。2〕重命名圖層或圖層文件夾名稱圖層操作3〕選擇圖層與圖層文件夾選擇圖層與圖層文件夾是Flash圖層編輯中最根本的操作。4〕調(diào)整圖層與圖層文件夾順序在時(shí)間軸面板創(chuàng)立圖層或圖層文件夾時(shí)。補(bǔ)間動(dòng)畫(huà)可以通過(guò)工作區(qū)中選定的對(duì)象來(lái)創(chuàng)立元件；也可以創(chuàng)立一個(gè)空元件，然后在元件編輯模式下制作或?qū)胂鄳?yīng)的內(nèi)容；還可以在Flash中創(chuàng)立字體元件。元件可以擁有在Flash中創(chuàng)立的所有功能，包括動(dòng)畫(huà)。通過(guò)使用包含動(dòng)畫(huà)的元件，用戶可以在很小的文件中創(chuàng)立包含大量動(dòng)作的Flash應(yīng)用程序。如果有重復(fù)或循環(huán)的動(dòng)作，例如，像鳥(niǎo)的翅膀上下翻飛這種動(dòng)作，應(yīng)該考慮在元件中創(chuàng)立動(dòng)畫(huà)。

元件實(shí)例補(bǔ)間動(dòng)畫(huà)傳統(tǒng)補(bǔ)間動(dòng)畫(huà)是Flash中較為常見(jiàn)的根本動(dòng)畫(huà)類型，使用它可以制作出對(duì)象的位移、變形、旋轉(zhuǎn)、透明度、濾鏡及色彩變化等動(dòng)畫(huà)效果。與前面介紹的逐幀動(dòng)畫(huà)不同，使用傳統(tǒng)補(bǔ)間創(chuàng)立動(dòng)畫(huà)時(shí)，只要將兩個(gè)關(guān)鍵幀中的對(duì)象制作出來(lái)即可。在兩個(gè)關(guān)鍵幀之間的過(guò)渡幀由Flash自動(dòng)創(chuàng)立，并且只有關(guān)鍵幀是可以進(jìn)行編輯的，而各過(guò)渡幀雖然可以查看，但是不能直接進(jìn)行編輯。

傳統(tǒng)補(bǔ)間動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)補(bǔ)間形狀動(dòng)畫(huà)用于創(chuàng)立形狀變化的動(dòng)畫(huà)效果，使一個(gè)形狀變成另一個(gè)形狀，同時(shí)可以設(shè)置圖形的形狀、位置、大小和顏色的變化。補(bǔ)間形狀動(dòng)畫(huà)補(bǔ)間形狀動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)補(bǔ)間形狀動(dòng)畫(huà)創(chuàng)立補(bǔ)間形狀動(dòng)畫(huà)還需要滿足下述條件。①在一個(gè)補(bǔ)間形狀動(dòng)畫(huà)中至少要有兩個(gè)關(guān)鍵幀。②兩個(gè)關(guān)鍵幀中的對(duì)象必須是可編輯的圖形，如果是其他類型的對(duì)象，那么必須將其轉(zhuǎn)換為可編輯的圖形。③兩個(gè)關(guān)鍵幀中的圖形必須有一些變化，否那么制作的動(dòng)畫(huà)將沒(méi)有動(dòng)的效果。補(bǔ)間動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)不僅可以大大簡(jiǎn)化Flash動(dòng)畫(huà)的制作過(guò)程，而且還提供了更大程度的控制。在FlashCS6中，補(bǔ)間動(dòng)畫(huà)是一種基于對(duì)象的動(dòng)畫(huà)，不再是作用于關(guān)鍵幀，而是作用于動(dòng)畫(huà)元件本身，從而使Flash的動(dòng)畫(huà)制作更加專業(yè)。補(bǔ)間動(dòng)畫(huà)〔FlashCS6新增〕補(bǔ)間動(dòng)畫(huà)5.2

電子賀卡的制作案例效果設(shè)計(jì)思路相關(guān)知識(shí)和技能點(diǎn)任務(wù)實(shí)施案例作品以紅色為主色調(diào)，配上燈籠和鞭炮，當(dāng)鼠標(biāo)單擊4個(gè)“福〞字按鈕時(shí)，那么轉(zhuǎn)動(dòng)顯示桔祥語(yǔ)，以突出節(jié)日的氣氛。5.2.1

案例效果補(bǔ)間動(dòng)畫(huà)①制作影片剪輯元件“福字動(dòng)〞“穗動(dòng)〞。②制作4個(gè)“福〞字按鈕。③制作燈籠和上部花紋。④制作底圖和鞭炮效果。掌握影片剪輯、按鈕元件的制作，動(dòng)作補(bǔ)間動(dòng)畫(huà)〔傳統(tǒng)〕的應(yīng)用，圖層的作用。

設(shè)計(jì)思路

相關(guān)知識(shí)和技能點(diǎn)補(bǔ)間動(dòng)畫(huà)①翻開(kāi)軟件，新建一個(gè)空白文檔。②按Ctrl+J快捷鍵，彈出文檔設(shè)置對(duì)話框，將尺寸修改為650像素×400像素。單擊確定按鈕。③按Ctrl+F8快捷鍵，新建圖形元件“福字〞，將素材圖片拖拽至舞臺(tái)中。④新建影片剪輯元件“福字動(dòng)〞任務(wù)實(shí)施補(bǔ)間動(dòng)畫(huà)⑤新建按鈕元件“按鈕1〞將元件“福字〞拖拽到舞臺(tái)中，在時(shí)間軸的“指針經(jīng)過(guò)〞幀處插入關(guān)鍵幀，將元件“福字〞刪除，將元件“福字動(dòng)〞拖拽到舞臺(tái)中，放在相同的位置。新建圖層“文字〞，在時(shí)間軸的“指針經(jīng)過(guò)〞處插入關(guān)鍵幀，使用文字工具輸入文字“財(cái)源廣進(jìn)〞。使用相同的方法，完成按鈕2、3、4，如下圖。⑥新建圖形元件“燈籠〞和“鞭炮〞，將素材圖片拖拽到舞臺(tái)中，用魔棒工具去除背景如下圖。任務(wù)實(shí)施補(bǔ)間動(dòng)畫(huà)⑨新建圖層“燈籠穗〞，將元件“穗動(dòng)〞拖拽到舞臺(tái)中。⑩分別新建圖層“燈籠〞“鞭炮〞“上部花紋〞“福字〞“按鈕〞，分別將它們對(duì)應(yīng)的元件或素材拖拽到舞臺(tái)中，如下圖。新建圖層文字，使用文本工具輸入“喜迎新春〞，如下圖。按Ctrl+Enter快捷鍵，測(cè)試影片，保存文件。任務(wù)實(shí)施補(bǔ)間動(dòng)畫(huà)⑦新建圖形元件“燈籠穗〞，將素材圖片拖拽到舞臺(tái)中，如下圖燈籠穗。新建影片剪輯元件“穗動(dòng)〞，將元件“燈籠穗〞拖拽到舞臺(tái)中，在第1幀處，使用變形工具將中心控制點(diǎn)上移，然后改變?cè)男螤睢Ｔ跁r(shí)間軸的第40、80幀處插入關(guān)鍵幀。在第40幀處使用變形工具改變?cè)男螤?。在?~40、40~80幀之間創(chuàng)立補(bǔ)間動(dòng)畫(huà)。⑧回到場(chǎng)景1，命名圖層1位“底圖〞，將背景圖片拖拽到舞臺(tái)中，調(diào)整其位置和大小，如下圖。任務(wù)實(shí)施補(bǔ)間動(dòng)畫(huà)5.3

打字效果電子相冊(cè)的制作設(shè)計(jì)思路相關(guān)知識(shí)和技能點(diǎn)任務(wù)實(shí)施運(yùn)用Flash的傳統(tǒng)補(bǔ)間、補(bǔ)間動(dòng)畫(huà)和形狀動(dòng)畫(huà)制作出華美的婚禮電子相冊(cè)。

案例效果補(bǔ)間動(dòng)畫(huà)收集相關(guān)的結(jié)婚照片、圖片素材，用圖形元件和傳統(tǒng)補(bǔ)間、形狀動(dòng)畫(huà)和補(bǔ)間動(dòng)畫(huà)的知識(shí)制作婚紗電子相冊(cè)。使用“屬性〞面板設(shè)置元件的Alpha屬性，制作圖片漸顯效果；使用“對(duì)齊〞面板使實(shí)例相對(duì)于舞臺(tái)水平居中對(duì)齊；使用補(bǔ)間動(dòng)畫(huà)制作照片的動(dòng)畫(huà)效果。

設(shè)計(jì)思路相關(guān)知識(shí)和技能點(diǎn)補(bǔ)間動(dòng)畫(huà)①新建一個(gè)文檔，按Ctrl+F3快捷鍵，在文檔屬性面板中將窗口的寬度設(shè)為400像素，高度設(shè)為520。②執(zhí)行“文件〞→“導(dǎo)入〞→“導(dǎo)入庫(kù)中〞命令，依次將圖片素材“新娘1〞“新娘2〞“新娘3〞“新娘4〞導(dǎo)入庫(kù)中。③將“