模塊三 多媒體素材的采集與制作

用 ImageReady 制作文字 GIF 動畫   用 Ulead GIF Animator 制作 GIF 動畫

用 Flash 制作時間軸特效動畫       Flash MX 2004 時間軸特效

用 Flash 制作 逐幀動畫   用 Flash 制作 漸變動畫

引導(dǎo)層的應(yīng)用（引導(dǎo)層動畫）  Flash 遮罩動畫制作     其它學(xué)習(xí)

項目5 動畫素材的制作技能訓(xùn)練

一、學(xué)習(xí)目標(biāo)

　　1．對動畫及其收集、采集方法有基本的了解。

　　2．學(xué)會用 Ulead GIF Animator 、 ImageReady 制作動畫 。

　　3．能用 Flash 制作時間軸特效動畫、逐幀動畫、漸變動畫。

二、訓(xùn)練任務(wù)

　　利用 Ulead GIF Animator 、 ImageReady 、 Flash 動畫制作軟件制作教學(xué)所需的動畫素材， 為課件制作準備圖片素材。

三、操作環(huán)境

　　多媒體電腦。

　　操作系統(tǒng)： Windows XP/2000/2003 。

　　工具軟件： Ulead GIF Animator 、 ImageReady 、 Flash 軟件。

四、訓(xùn)練步驟

　　1．用 ImageReady 制作文字 GIF 動畫

　　2．用 Ulead GIF Animator 制作 GIF 動畫

　　3．用 Flash 制作動畫

　　Flash 啟動和界面介紹

　　(1) Flash MX 2004 時間軸特效

　?。?span lang="EN-US">2）用 Flash 制作 逐幀動畫

　?。?span lang="EN-US">3）用 Flash 制作 漸變動畫

　　（4） 引導(dǎo)層的應(yīng)用（引導(dǎo)層動畫）

　?。?span lang="EN-US">5） Flash 遮罩動畫制作

　?。?span lang="EN-US">6）場景的管理

五、訓(xùn)練指南

　　▲動畫素材簡介

　　 動畫在多媒體教學(xué)和課件制作的應(yīng)用越來越廣泛。動畫和電影一樣，是利用人類眼睛的 “ 視覺暫留”現(xiàn)象，而使一副副靜止的畫面連續(xù)播放，看起來像是在動。

　　動畫有平面動畫和三維動畫之分。前者如目前網(wǎng)絡(luò)上流行的 gif 動畫、 Flash 動畫、 SVG 動畫。后者如用 3DS Max 、 3DS4 、 Vector3D 制作的三維動畫。此外，動畫還有位圖動畫和矢量動畫之分。前者如 Flash 動畫、 SVG 動畫，后者如 gif 動畫。

　　動畫素材的特點

　　制作課件、網(wǎng)頁或網(wǎng)站，往往需要動畫的點綴和襯托，起到美化、活化（增加動感、生機），甚至畫龍點睛的作用（突出教學(xué)重點、突破教學(xué)難點，化抽象為具體等）。

　　準備動畫素材的方法

　　自行創(chuàng)作：常見的動畫創(chuàng)作工具有 Flash 、 Animator Pro 、 Flash 、 Director 、 3DS Max 、 3DS4 、 Vector3D 等。

　　購置動畫素材庫光盤。

　　從網(wǎng)上或現(xiàn)成課件的文件夾中搜集。

　　1．用ImageReady 制作文字GIF 動畫(附：簡單教程）

　　上圖為 ImageReady 主界面。 gif 動畫以其容量小、簡單易學(xué)等優(yōu)點受到青睞，是標(biāo)準的網(wǎng)上動畫格式之一。下面介紹如何用 ImageReady 制作一個有四段文字的 GIF 動畫。

　?。?span lang="EN-US">1）先準備一張圖片，作為動畫的背景。然后在 ImageReady 7.0 中打開該圖片。這時在它的 “ 動畫 ” 窗口中出現(xiàn)了第一幀的圖標(biāo)。利用 “ 復(fù)制幀 ” 按鈕，將當(dāng)前幀復(fù)制成四幀。注意：在每個幀圖標(biāo)的左上角都有一個數(shù)字，表示這是當(dāng)前幀數(shù)。

　?。?span lang="EN-US">2）制作第一幀動畫

將光標(biāo)定位在第一幀上，然后激活圖像編輯窗口，從工具箱中選中 “ 文字工具（ T ） ” ，在圖像上輸入漢字，設(shè)置字體、字號（例如 “ 華文隸書 ” 、 30 號字）。

　?。?span lang="EN-US">3）制作第二幀動畫

　　打開 Imageready 7.0 的 “ 圖層 ” 菜單，將其子菜單 “ 傳播幀 1 的更改（ 1 ） ” 前面的 “√” 去掉。

　　在動畫窗口將光標(biāo)定位在第二幀上。這時，圖像窗口、動畫窗口均與步驟二相同。這時，首先要將文字圖層前 “ 眼睛 ” 圖標(biāo)去掉，即在第二幀上將該圖層隱藏。接下來，再利用文字工具在圖像上輸入另一段文字。

　?。?span lang="EN-US">4）制作第三、四幀動畫

　　參照制作第二幀動畫的方法制作第三、四幀。在添加該幀的文字時，要將其它圖層的文字隱藏。即將光標(biāo)定位在哪一幀上時，只顯示一層文字，其他圖層文字隱藏。（也可顯示兩層，只是兩層文字不要重疊）。

　?。?span lang="EN-US">5）預(yù)覽動畫

　　此時點擊動畫窗口下方箭頭向右的按鈕（即播放或停止動畫按鈕）即可播放。不過此時，播放的速度非常快，各幀之間沒有停留。要想延遲各幀時間，需要做如下設(shè)置：點擊動畫窗口中 “0 秒 ” 右邊向下的箭頭，選擇你所要設(shè)置的秒數(shù)。將每一幀設(shè)置完后，再播放看一下效果，若不滿意可再重新設(shè)置。

　　（6）輸出動畫

　　現(xiàn)在的文件格式還不是 .gif 格式，不能直接插入課件或網(wǎng)頁中，需要進行優(yōu)化輸出。優(yōu)化輸出時需經(jīng)過以下步驟：

　　步驟 1 在 ImageReady 軟件的 “ 優(yōu)化 ” 窗口中進行參數(shù)設(shè)置，按默認設(shè)置即可。

　　步驟 2 設(shè)置完畢，打開 “ 文件 ” 菜單，點擊 “ 輸出優(yōu)化結(jié)果 ” ，即可將動畫文件輸出。

　　試一試

　　從網(wǎng)上下載一個 gif 動畫，用 ImageReady 將此動畫打開，利用動畫面板進行修改，例如修改其中的漢字或者其他內(nèi)容，使合乎自己制作課件或網(wǎng)頁的要求，最后優(yōu)化輸出。

　　2．用 Ulead GIF Animator 制作 GIF 動畫  　　　

　　▲ 熟悉 Ulead GIF Animator 界面

　　首先，讓我們先熟悉一下 GIF Animator 界面。

　?。?span lang="EN-US">1）菜單欄，包括文件、編輯、查看、圖層、濾鏡、視頻 F/X 和幫助七個菜單分別完成從圖像創(chuàng)建導(dǎo)入到圖層濾鏡和視頻特殊效果的功能。

　　在 GIF Animator 中，層的概念大致等同于幀，在圖層的菜單中，添加層即是向 GIF 中添加幀，這些層可以是空白的圖像、導(dǎo)入的圖像和相應(yīng)的視頻文件，也可以是包含注釋信息的幀。在視頻 F/X 菜單中集成了23 種動畫效果，其功能如下表：

　?。?span lang="EN-US">2）工具欄，可以通過點擊按鈕實現(xiàn)對文件的操作、撤消和重做、填加圖像、動畫和注釋以及對每個圖層的上移和下移操作，還有將編輯好的 GIF 動畫在 IE 和 Netscape 中預(yù)覽。

　?。?span lang="EN-US">3）參數(shù)設(shè)置區(qū)，在這個區(qū)域中設(shè)計者可以設(shè)定動畫的每一幅圖像的標(biāo)題、移動方式、高和寬以及是否使用交錯效果、透明索引、延遲時間等參數(shù)，在右上角的按鈕改變?nèi)謱傩浴?

　?。?span lang="EN-US">4）層面板，在第一次啟動程序時，層面板顯示為列表形式，可以點擊縮略圖和膠片標(biāo)簽查看每一幅圖像的縮略圖和相應(yīng)的位置順序。在導(dǎo)入多幅圖像時，列表中列出了每個圖像的標(biāo)題（每幅圖像的文件名，在參數(shù)設(shè)置區(qū)可以進行修改）。

　?。?span lang="EN-US">5）工作區(qū)，在這個區(qū)域中可以查看 GIF 動畫的結(jié)構(gòu)，還可以針對每一幅 GIF 動畫圖像進行編輯。在選擇工作模式中有“結(jié)構(gòu)”、 “編輯”、“優(yōu)化”和“預(yù)覽”，其中最強大的是 GIF 的優(yōu)化功能，在 GIF Animator 中預(yù)設(shè)了七個方案，可以將圖像優(yōu)化成色彩數(shù)不同的 GIF 動畫，相應(yīng)的優(yōu)化后的質(zhì)量也是不同的。同時還可以對優(yōu)化的各種參數(shù)進行設(shè)置，在優(yōu)化后程序還會報告優(yōu)化的效果

　　（6）調(diào)色板，在 GIF Animator 中使用的是非標(biāo)準的 Windows 調(diào)色板。在層面板中選擇一幀，然后在調(diào)色板中將出現(xiàn)在這個幀中的出現(xiàn)的色彩，但是不可能用到所有的 256 中色彩，我們可以通過點擊加號和減號來管理色彩的種類，并且可以將配置好的配色方案以調(diào)色板文件的方式進行導(dǎo)出和導(dǎo)入操作。同時，我們可以通過點擊更改色彩按鈕，在標(biāo)準的 Windows 調(diào)色板可以更改選中的色彩。調(diào)色板分為局部調(diào)色板和全局調(diào)色板，全局調(diào)色板中定義的是最常用的 16 種顏色，而局部調(diào)色板將可以顯示全部的 256 種顏色。

　　★ 制作實例

　　制作一個由多幅圖像按照一定的順序出現(xiàn)的動畫。

　　步驟 1：使用動畫向?qū)?，?span lang="EN-US">“文件”菜單中選擇“動畫向?qū)В?span lang="EN-US"> Animation Wizard ）”。

　　步驟 2：在彈出的對話框中點擊“添加圖像”按鈕。

　　步驟 3：在彈出的選擇文件對話框中選擇多個文件。

　　步驟 4：點擊“打開”按鈕，在默認狀態(tài)下，在選擇的文件中按照文件名的先后次序排定在動畫中的出現(xiàn)次序?？梢酝蟿游募{(diào)整出現(xiàn)次序。

　　步驟 5：經(jīng)過對圖像抖動和延遲時間的設(shè)置后，動畫中的各個文件會出現(xiàn)在層面板中，可以點擊“縮略圖”和“膠片”標(biāo)簽查看每個圖像的效果，同時點擊“預(yù)覽”標(biāo)簽預(yù)覽動畫。

　　步驟 6：在第一幅圖像和最后一幅圖像的過渡很生硬，所以我們要應(yīng)用一些效果。在層面板中選擇最后一個層，點擊“視頻 F/X ”菜單，在“ Darkroom ”中選擇“ Hue&Saturation （色調(diào)飽和）”。

　　步驟 7：在彈出的提示框中詢問添加的圖層數(shù)，在這里我們選擇“ 20 ” 。

　　步驟 8：點擊“確定”按鈕，在彈出的設(shè)置框中將“ Hue （色調(diào)）”設(shè)置為較大的數(shù)值

　　步驟 9：點擊新添加最后一個圖層，然后再點擊“視頻 F/X ”菜單，在“ Stretch ”中選擇“ Cross Zoom-Stretch （交叉縮放伸展）”

　　步驟 10：在設(shè)置窗口中將延遲時間設(shè)為“ 4 ” ，點擊“確定”按鈕

　　步驟 11：點擊“優(yōu)化”標(biāo)簽，按照默認的方案，點擊“立即優(yōu)化”

　　點擊“ OK ”按鈕后，點擊“預(yù)覽” 標(biāo)簽預(yù)覽效果。

　　Ulead GIF Animator 5 教程 ： http://www./eschool/zhuanti/uga/  

　　3．用Flash 制作動畫　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

　　Flash 啟動和界面介紹(點擊此處觀看視頻）

　　Flash MX 視頻教程： http://www./eschool/includes/zhuanti/flash1130/

　　(1) Flash MX 2004 時間軸特效

　　時間軸特效（ Timeline effects ）是 Flash MX 2004 和 Flash MX Professional 2004 都擁有的新功能。使用 Flash 內(nèi)建的時間軸特效，可以快速創(chuàng)建復(fù)雜的動畫，和 Swish 有些類似。

　　時間軸特效可以應(yīng)用于以下對象：文本、圖形（包括矢量圖、組合對象和圖符）、位圖、按鈕圖符。

　　①添加時間軸特效

　　給一個對象添加時間軸特效時， Flash 會新建一個層，然后把該對象傳送到新建的層。該對象被放置在特效圖形中，特效所需的所有過渡和變形存放在新建層的圖形中。新建層的名稱與特效的名稱相同，后加一個編號，表示特效應(yīng)用的順序。添加時間軸特效時，在圖符庫中會添加一個以特效名命名的文件夾，內(nèi)含創(chuàng)建該特效所用的元素。

　　給一個對象添加時間軸特效的步驟如下：

　　步驟 1：按常規(guī)方法，在編輯區(qū)中添加一個對象（本例添加一個文本框）。

　　步驟 2：在編輯區(qū)中選取要添加時間軸特效的對象，然后選擇 Insert>Timeline Effects （插入 > 時間軸特效），再從其下級菜單中選擇一種特效。本例選擇 Insert>Timeline Effects>Effects>Blur （插入 > 時間軸特效 > 特效 > 模糊），給文本框?qū)ο筇砑幽：匦А?

　　步驟 3：在自動顯示的特效設(shè)置對話框中預(yù)覽基于默認設(shè)置的特效。如果需要，可以修改這些設(shè)置（詳細的設(shè)置方法請參閱下一節(jié)），然后單擊右上角的 Update Preview （更新預(yù)覽）按鈕，預(yù)覽新的設(shè)置的效果。

　　步驟 5：選擇 Control>Test Movie （控制 > 測試動畫），即可測試時間軸特效。下面我們仔細說明幾種特效的參數(shù)及其設(shè)置方法。

　　②設(shè)置時間軸特效

　　每個時間軸特效都以特定的方式來處理圖形或圖符。你可以通過改變特效的各個參數(shù)，以獲得理想的特效。在特效預(yù)覽窗口，你可以修改特效的參數(shù)，快速預(yù)覽修改參數(shù)后的變化，選擇滿意的效果。

　　Flash MX 2004 內(nèi)建的時間軸特效有： Copy to grid （拷貝為網(wǎng)格）、 Distributed duplication （分布復(fù)件）、 Blur （模糊）、 Drop shadow （陰影）、 Expand （擴展）、 Explode （爆炸）、 Transform （變形）和 Transition （過渡）。通過設(shè)置不同的參數(shù)，可以獲得不同的效果。

　　下面分別說明這幾種特效的參數(shù)及其設(shè)置方法。

　　◆ Copy to Grid （拷貝為網(wǎng)格）

　　選擇 Insert>Timeline Effects>Assistants>Copy to grid （插入 > 時間軸特效 > 輔助 > 拷貝為網(wǎng)格），可以給選定對象添加 “ 拷貝為網(wǎng)格 ” 特效。

　　Copy to Grid （拷貝為網(wǎng)格）特效的作用是按列數(shù)復(fù)制選定的對象，然后按照行數(shù)。

　　⊙ Grid Size （網(wǎng)格大?。?span lang="EN-US">
　　rows （行）：設(shè)置網(wǎng)格的行數(shù)。
　　columns （列）：設(shè)置網(wǎng)格的列數(shù)?！?

　　⊙ Grid Spacing （網(wǎng)格間距）
　　rows （行）：設(shè)置行間距（以像素為單位）。
　　columns （列）：設(shè)置列間距（以像素為單位）。

　　◆ Distributed Duplication （分布復(fù)件）

　　選擇 Insert>Timeline Effects>Assistants>Distributed duplication （插入 > 時間軸特效 > 輔助 > 分布復(fù)件），可以給選定對象添加 “ 分布復(fù)件 ” 特效。

　　Distributed Duplication （分布復(fù)件）特效的作用是根據(jù)設(shè)置的次數(shù)復(fù)制選定對象。第一個元素是原對象的復(fù)件，然后按一定的增量修改該對象，直至最后的對象反映設(shè)定的參數(shù)。

　　在 Distributed Duplication 窗口可設(shè)置的參數(shù)有：
　　⊙ Number of Copies （復(fù)件數(shù)）：設(shè)置要拷貝的復(fù)件數(shù)。
　　⊙ Offset distance （偏移距離）：

　　x 位置： x 軸方向的偏移量（以像素為單位）。 y 位置： y 軸方向的偏移量（以像素為單位）。

　　⊙ Offset rotation （偏移旋轉(zhuǎn)）：設(shè)置偏移旋轉(zhuǎn)的角度（以度為單位）。
　　⊙ Offset start frame （偏移開始幀）：設(shè)置偏移開始的幀編號。
　　⊙ Scale( 縮放 ) ：設(shè)置縮放的方式和百分數(shù)。

　　在其右邊的文本框中可以設(shè)置縮放的百分數(shù)，在其上面的下拉列表中可以選擇縮放的方式。可選的縮放方式有：

　　Exponential scaling （指數(shù)縮放）：按 delta 百分數(shù)在 x 和 y 方向同時縮放。 Linear scaling （線性縮放）：按 delta 百分數(shù)在 x 和 y 方向同時縮放。

　　⊙ Change color （改變顏色）：勾選此復(fù)選框?qū)⒏淖儚?fù)件的顏色；取消此復(fù)選框的選擇，不改變復(fù)件的顏色。
　　⊙ Final color （最后的顏色）：單擊此按鈕，可以指定最后復(fù)件的顏色 （ RGB16 進制值表示）。中間的復(fù)件逐漸過渡到這種顏色。
　　⊙ Final alpha （最后的 alpha 透明度）：設(shè)置最后復(fù)件的 alpha 透明度百分數(shù)?？梢栽谄溆疫叺奈谋究蛑兄苯虞斎氚俜謹?shù)，也可以左右拖曳其下面的滑塊進行調(diào)整。

　　◆ Blur （模糊）

　　選擇 Insert>Timeline Effects>Effects>Blur （插入 > 時間軸特效 > 特效 > 模糊），可以給選定對象添加 “ 模糊 ” 特效。

　　Blur （模糊）特效的作用是，通過改變對象的 alpha 值、位置或縮放比例，創(chuàng)建運動模糊特效。

　　在 Blur 窗口可設(shè)置的參數(shù)有：

　　⊙ Effect duration （特效時長）：設(shè)置特效持續(xù)的時間長度（以幀為單位）。

　　⊙ Allow horizontal blur （允許水平模糊）：勾選此復(fù)選框，設(shè)置在水平方向產(chǎn)生模糊效果。
　　⊙ Allow vertical blur （允許垂直模糊）：勾選此復(fù)選框，設(shè)置在垂直方向產(chǎn)生模糊效果。
　　⊙ Direction of Movement （運動方向）：點選此圖標(biāo)中的方向按鈕，可以設(shè)置運動模糊的方向。

　　◆ Drop shadow （陰影）

　　選擇 Insert>Timeline Effects>Effects>Drop shadow （插入 > 時間軸特效 > 特效 > 陰影），可以給選定對象添加 “ 陰影 ” 特效。

　　Drop shadow （陰影）特效的作用是在選定的對象下面創(chuàng)建一個陰影。

　　在 Drop shadow 窗口可設(shè)置的參數(shù)有：

　　⊙ Color （顏色）：單擊此按鈕，可以設(shè)置陰影的顏色（用 RGB16 進制值表示）。
　　⊙ Alpha transparency （ alpha 透明度）：設(shè)置陰影的 alpha 透明度百分數(shù)?？梢栽谄溆疫叺奈谋究蛑兄苯虞斎氚俜謹?shù)，也可以通過拖曳其下面的滑塊進行調(diào)整。
　　⊙ Shadow offset （陰影偏移）：設(shè)置陰影在 x 和 y 軸方向的偏移量（以像素為單位）。

　　◆ Expand （擴展）

　　選擇 Insert>Timeline Effects>Effects>Expand （插入 > 時間軸特效 > 特效 > 擴展），可以給選定對象添加 “ 擴展 ” 特效。

　　Expand （擴展）特效的作用是擴展、收縮或擴展與收縮對象。對兩個或多個組合在一起或組合在一個電影剪輯或圖形圖符中的對象應(yīng)用本特效效果最好。對包含文本或字母的對象應(yīng)用本特效效果也不

　　在 Expand 窗口可設(shè)置的參數(shù)有：

　　⊙ Effect Duration （特效時長）：設(shè)置擴展特效持續(xù)的時間（以幀為單位）。

　　⊙ Expand 、 squeeze 、 both （擴展、收縮、二者）：設(shè)置特效的運動形式。
　　⊙ Direction of Movement （運動方向）：點選此圖標(biāo)中的方向按鈕，可設(shè)置擴展特效的運動方向。
　　⊙ Shift group center by （偏移組合對象中心）：設(shè)置運動在 x 和 y 方向的偏移量（以像素為單位）。
　　⊙ Fragment Offset （碎片偏移）：設(shè)置碎片（如文本中的每個中文字或字母）的偏移量。
　　⊙ Change fragment size by （改變碎片的大?。和ㄟ^改變 height （高度）和 width （寬度）值來改變碎片的大小（以像素為單位）。

　　◆ Explode （爆炸）

　　選擇 Insert>Timeline Effects>Effects>Explode （插入 > 時間軸特效 > 特效 > 爆炸），可以給選定對象添加 “ 爆炸 ” 特效。

　　Explode （爆炸）特效的作用是產(chǎn)生對象爆炸的幻覺。文本或復(fù)雜組合對象（圖符、矢量圖或視頻剪輯）的元素被打散、旋轉(zhuǎn)和向外拋撒。

　　在 Expand 窗口可設(shè)置的參數(shù)有：

　　⊙ Effect duration （特效時長）：設(shè)置爆炸特效持續(xù)的時間（以幀為單位）。

　　⊙ Direction of explosion （爆炸方向）：點選此圖標(biāo)中的方向按鈕，可設(shè)置爆炸特效的運動方向。
　　⊙ Arc size （弧的大?。涸O(shè)置 x 和 y 方向的偏移量（以像素為單位）。
　　⊙ Rotate fragments by （旋轉(zhuǎn)碎片）：設(shè)置碎片的旋轉(zhuǎn)角度（以度為單位）。
　　⊙ Change fragments size by （改變碎片的大?。涸O(shè)置碎片的大?。ㄒ韵袼貫閱挝唬?。
　　⊙ Final alpha （最后的 alpha 透明度）：設(shè)置爆炸特效最后的 alpha 透明度百分數(shù)?？梢栽谄溆疫叺奈谋究蛑兄苯虞斎氚俜謹?shù)，也可以通過拖曳其下面的滑塊進行調(diào)整。

　　◆ Transform （變形）

　　選擇 Insert>Timeline Effects>Transform/Transition>Transform （插入 > 時間軸特效 > 變形 / 過渡 > 變形），可以給選定對象添加 “ 變形 ” 特效。

　　Transform （變形）特效的作用是調(diào)整選定對象的位置、縮放比例、旋轉(zhuǎn)角度、 alpha 透明度和色彩。使用 Transform 可以應(yīng)用單個特效或組合特效，創(chuàng)建淡入 / 淡出、飛進 / 飛出、膨脹 / 收縮和左旋 / 右旋特效。

　　在 Transform 窗口可設(shè)置的參數(shù)有：

　　⊙ Effect duration （特效時長）：設(shè)置變形特效持續(xù)的時間（以幀為單位）。

　　⊙ Move to position （移動到指定位置）：設(shè)置 x 和 y 方向的偏移量（以像素為單位）。
　　⊙ Change position by （改變位置為）：設(shè)置 x 和 y 方向的偏移量（以像素為單位）。
　　⊙ Scale （縮放比例）：鎖定時， x 和 y 軸使用相同的比例縮放（以百分數(shù)表示）；解鎖時，可以分別設(shè)置 x 和 y 軸的縮放比例（以百分數(shù)表示）。
　　⊙ Rotate （旋轉(zhuǎn)）：設(shè)置對象的旋轉(zhuǎn)角度（以度為單位）。
　　⊙ Spin （旋轉(zhuǎn)）：設(shè)置對象的旋轉(zhuǎn)次數(shù)。
　　⊙ Change color （改變顏色）：勾選此復(fù)選框?qū)⒏淖儗ο蟮念伾蝗∠藦?fù)選框的選擇，不改變對象的顏色。
　　⊙ Final color （最后的顏色）：單擊此按鈕，可以指定對象最后的顏色（ RGB16 進制值表示）。
　　⊙ Final alpha （最后的 alpha 透明度）：設(shè)置對象最后的 alpha 透明度百分數(shù)?？梢栽谄溆疫叺奈谋究蛑兄苯虞斎氚俜謹?shù)，也可以左右拖曳其下面的滑塊進行調(diào)整。
　　⊙ Motion ease （運動變速）：可以設(shè)置開始時慢速（ Slow at Start ），然后逐漸變快；或開始時快，然后逐漸變慢（ Slow at End ）。

　　◆ Transition （過渡）
　　選擇 Insert>Timeline Effects>Transform/Transition>Transition （插入 > 時間軸特效 > 變形 / 過渡 > 過渡），可以給選定對象添加 “ 過渡 ” 特效。

　　Transition （過渡）特效的作用是對選定對象進行擦除和淡入淡出處理，或二者組合處理，產(chǎn)生逐漸過渡的特效。

　　在 Transition 窗口可設(shè)置的參數(shù)有：

　　⊙ （特效時長）：設(shè)置過渡特效持續(xù)的時間（以幀為單位）。

　　⊙ Direction （方向）：選擇 In （進）或 Out （出）和在圖標(biāo)中點選方向按鈕，可以設(shè)置過渡特效的方向。
　　⊙ Fade （淡入淡出）：選擇此復(fù)選框和 In 選項，獲得淡入效果；選擇此復(fù)選框和選擇 Out 選項，獲得淡出效果；取消此復(fù)選框的選擇 , 不對選定對象進行淡入淡出處理。
　　⊙ Wipe （擦除）：選擇此復(fù)選框和 In 選項，獲得擦入效果（例如，文字逐漸顯示出來）；選擇此復(fù)選框和選擇 Out 選項，獲得擦出效果（例如，文字逐漸消失）；取消此復(fù)選框的選擇 , 不對選定對象進行擦除處理。
　　⊙ Motion ease （運動變速）：可以設(shè)置開始時慢速（ Slow at Start ），然后逐漸變快；或開始時快，然后逐漸變慢（ Slow at End ）。

　　③編輯時間軸特效

　　如果你對添加的時間軸特效不滿意，可以利用特效設(shè)置對話框編輯特效。操作方法如下：

　　● 在編輯區(qū)中選擇要編輯特效的對象

　　● 在屬性檢查器中單擊 Edit （編輯）按鈕，或在選定對象上右擊（ Windows ）或按住 Control 鍵單擊（ Macintosh ），然后從右鍵快捷菜單上選擇 Timeline Effects > Edit Effect （時間軸特效 > 編輯特效）。

　　● 在打開的特效設(shè)置對話框中修改設(shè)置，然后單擊 OK 按鈕。

　　④刪除時間軸特效

　　在編輯區(qū)中選擇要刪除特效的對象并右擊（ Windows ），或按住 Control 鍵單擊（ Macintosh ），然后從右鍵快捷菜單上選擇 Timeline Effects > Remove Effect （時間軸特效 > 刪除特效）。

　　更多內(nèi)容請游覽 http://w./html/200831/341523.html 。

　　（2）用 Flash 制作逐幀動畫　　　　　　　　　　　　　　　　　　

　　在逐幀動畫中，必須創(chuàng)建每一幀中的圖像

　　逐幀動畫更改每一幀中的舞臺內(nèi)容，它最適合于每一幀中的圖像都在更改而不是僅僅簡單地在舞臺中移動的復(fù)雜動畫。逐幀動畫增加文件大小的速度比漸變動畫快得多。在逐幀動畫中， Flash 會保存每個完整幀的值。要創(chuàng)建逐幀動畫，需要將每個幀都定義為關(guān)鍵幀，然后給每個幀創(chuàng)建不同的圖像。每個新關(guān)鍵幀最初包含的內(nèi)容和它前面的關(guān)鍵幀是一樣的，因此可以遞增地修改動畫中的幀。

　　創(chuàng)建逐幀動畫：

　　①單擊層名稱使之成為當(dāng)前層，然后在動畫開始播放的層中選擇一個幀。如果該幀不是關(guān)鍵幀，請選擇 “ 插入 ”>“ 關(guān)鍵幀 ” 使之成為一個關(guān)鍵幀。

　　②在序列的第一個幀上創(chuàng)建插圖?？梢允褂美L畫工具、從剪貼板中粘貼圖形，或?qū)胍粋€文件。

　　③單擊同一行中右側(cè)的下一個幀，然后選擇 “ 插入 ”“ 關(guān)鍵幀 ” ，其內(nèi)容和第一個關(guān)鍵幀一樣。

　　④在舞臺中改變該幀的內(nèi)容，開發(fā)動畫接下來的增量。

　　⑤要完成逐幀動畫序列，重復(fù)第③和第④，直到創(chuàng)建了所需的動作。

　　實例請 點擊此處逐幀動畫 看視頻，以加深其理解。 　　　　　　　　　　　　　　　　　　　

　　（3）用 Flash 制作漸變動畫

　　我們的教師在做課件時，常使用 Flash 制作一些形狀漸變動畫與文字顏色漸變動畫效果。使用形狀漸變與文字顏色漸變動畫方式制作動畫，動畫制作對象是圖形和文字、打散的圖形、打散的文字等。形狀漸變動畫、文字顏色漸變動畫和運動漸變動畫的最大區(qū)別在于：動畫對象的外觀發(fā)生了變化——形狀變了，而不是顏色、透明度、色調(diào)的改變，比如可以將一個人的圖像變?yōu)橐粋€大象的圖像。

　　下面我用兩個例子介紹一下制作形狀漸變動畫與文字顏色漸變動畫的方法。

　　①形狀漸變動畫與文字顏色漸變動畫

　　例一：我們來看看形狀漸變動畫實例：（字母變形）

　　步驟 1：建一個 Flash 文件。

　　步驟 2：按“ Ctrl+J ”，設(shè)定動畫的大小為 50px × 100px ，背景白色。

　　步驟 3：鼠標(biāo)點在時間軸的第 1 幀上，選擇文本工具，在屬性面板中選擇字體為 lmpact ，字體大小為 72 ，顏色為黑色。

　　步驟 4：在舞臺輸入大寫字母“ F ”。

　　步驟 5：選擇箭頭工具，選中字母“ F ”，然后按“ Ctrl+B ”，打散字母，可以看到字母變?yōu)榛疑W(wǎng)格。這是很關(guān)鍵的一步。

　　步驟 6：鼠標(biāo)點在時間軸的第 15 幀，按“ F7 ”插入一空白關(guān)鍵幀。

　　步驟 7：看到字母“ F ”消失，按“繪圖紙外觀”按鈕，可以看見灰色的“ F ”字母有顯示出來了。

　　步驟 8：用文字輸入工具在舞臺上繼續(xù)輸入大寫字母“ B ”，對齊覆蓋在字母“ F ”上，并用“ Ctrl+B ”打散。

　　步驟 9：同樣的方法，分別在 30 幀、 45 幀、和 60 幀上輸入大寫字母“ A ”、“ C ”、“ H ”，并用“ Ctrl+B ”打散。

　　步驟 10：用鼠標(biāo)選中第 1 幀，然后按住“ Shift ”鍵，再用鼠標(biāo)選中第 59 幀，在屬性面板中設(shè)定補間類型為“形狀漸變”。

　　步驟 11：作品完成，按“ Ctrl+Enter ”觀看效果。

　　例二：看看文字顏色漸變動畫實例：

　　步驟 1：新建一個 Flash 文件。

　　步驟 2：在第 1 幀上用文字工具輸入幾個字，如“ 2008 北京贏了”，選好字體顏色大小。

　　步驟 3：并用“ Ctrl+B ”將文字打散 ( 變成圖形 ) 。

　　步驟 4：在第 10 幀插入一關(guān)鍵幀。

　　步驟 5：單擊時間軸第 1 幀，選中第 1 幀后，選擇“屬性”中“補間”里的“形狀”。

　　步驟 6：單擊時間軸第 10 幀并選中，改變字體顏色，并用“ Ctrl+B ”將文字打散 ( 變成圖形 ) 。

　　步驟 7：已完成（如果需要其他變化，可調(diào)節(jié)第 10 幀縮放、旋轉(zhuǎn)等）。

　　步驟 8：按“ Ctrl+Enter ”觀看效果。

　　Flash 的 Tweening 動畫有兩種類型： motion ，可做移動、縮放、旋轉(zhuǎn)、自定義路徑運動、色彩漸變、加速與減速運動的動畫； shape ，可做出移動、縮放、開頭漸變、色彩漸變、減速運動的動畫。

　　② flash 移動漸變動畫制作

　　步驟 1：打開 Flash MX 2004 ，文檔屬性默認。
　　步驟 2：單擊 工具 欄里面的橢圓形工具，同時按 “Shift” 鍵繪制一個紅色的正圓。
　　步驟 3：單擊此圓形，利用右鍵或者 F8 鍵，打開【轉(zhuǎn)換為符號】面板，把它轉(zhuǎn)換為圖形元件。設(shè)置元件名稱為 “ 紅圓 ” 。
　　步驟 4：單擊時間軸的第 30 幀，打開右鍵菜單，選擇【插入關(guān)鍵幀】命令或者按快捷鍵 F6 插入一個關(guān)鍵幀。
　　步驟 5：利用鼠標(biāo)拖動或者按方向鍵移動 “ 紅圓 ” 元件到右邊的另外一個位置。
　　步驟 6：在第 1 幀和第 30 幀之間任意一幀右擊選擇【創(chuàng)建補間動畫】命令。
　　步驟 7：第 1 幀和第 30 幀之間的所有幀變成藍色，并有一個長箭頭，這說明已經(jīng)在第 1 幀至第 30 幀之間創(chuàng)建了一個移動漸變動畫效果。
　　步驟 8：【控制】 | 【播放】或者按 “Enter” 測試動畫效果。
　　步驟 9：保存，完成。

　　③影片剪輯按照一個定點環(huán)繞

　　步驟 1：運行 Flash MX 2004 ，文檔屬性默認。
　　步驟 2：單擊【插入】 | 【新建元件】，或者按快捷鍵 “Ctrl+F8” 打開【創(chuàng)建新元件】面板。

    步驟 3：新建一個名稱為 “ 正方形 ” 的影片剪輯。
　　步驟 4：確認以后，進入此影片剪輯編輯區(qū)。單擊工具欄的矩形工具，配合鍵盤中的 “Shift” 鍵，畫出一個不帶邊框的紅色正方形。
　　步驟 5：單擊【窗口】 | 【設(shè)計面板】 | 【對齊】命令，打開【對齊】面板，選擇【垂直中齊】、【水平居中分布】和【相對于舞臺】命令，使這個正方形處于舞臺中央位置。
　　步驟 6：單擊時間軸上面的 “ 場景 1” 按鈕，或者按返回箭頭標(biāo)志返回到場景 1 編輯區(qū)。
　　步驟 7：單擊【窗口】 | 【庫】命令，打開【庫】面板，或者按快捷鍵 “F 11” ，把 “ 正方形 ” 影片剪輯從 “ 庫 ” 面板拖動到舞臺中的合適位置。
　　步驟 8：單擊舞臺中的 “ 正方形 ” 影片剪輯，選擇工具欄里面的 “ 自由變形工具 ” ，我們來改變這個影片剪輯的變形點。
　　步驟 9：現(xiàn)在，影片剪輯是在被選中的狀態(tài)下，四周會出現(xiàn) 8 個調(diào)節(jié)點和一個變形點，利用鼠標(biāo)有意識的拖動，把這個變形點移動到影片剪輯的外部。
　　步驟 10：制作這個影片剪輯的旋轉(zhuǎn)效果。在時間軸上的第 30 幀，插入關(guān)鍵幀。
　　步驟 11：在第 1 幀和第 30 幀之間任意一幀單擊鼠標(biāo)右鍵中的【創(chuàng)建補間動畫】命令。
　　步驟 12：單擊第 1 幀，在舞臺下面的屬性面板中設(shè)置旋轉(zhuǎn)的方向以及旋轉(zhuǎn)參數(shù)。
　　步驟 13：測試，發(fā)現(xiàn)影片剪輯的旋轉(zhuǎn)中心并不是在影片剪輯的本身，而是在我們剛剛調(diào)節(jié)的那個變形點的位置，至此，我們就完成了影片剪輯的定點環(huán)繞效果。
　　步驟 14：如果想加快影片剪輯的旋轉(zhuǎn)速度，只要把屬性面板中的旋轉(zhuǎn)次數(shù)的值改變或者縮短時間軸的幀數(shù)，都可以達到目的。

　　（4）引導(dǎo)層的應(yīng)用（引導(dǎo)層動畫） 　 　

　　引導(dǎo)層是什么呢？
　　引導(dǎo)層就等于一個引路者，指引相關(guān)物體按著我們的想法來行動。
　　引導(dǎo)層在導(dǎo)出的 SWF 文件中是不可見的，所以不會畫面的美觀造成影響。
　　引導(dǎo)層一般是和補間一塊用的，兩者相輔相成。
　　引導(dǎo)層怎么來的呢？
　　在 “ 插入圖層 ” 旁邊的就是添加引導(dǎo)層按鈕了。

　　添加完引導(dǎo)層后，一般來講，原來的圖層就變成了被引導(dǎo)層，但有時候，也有引導(dǎo)不成功的時候，這時候怎么確定呢？那就看引導(dǎo)層的圖標(biāo)和被引導(dǎo)層是否與引導(dǎo)層錯開來的。~

       

　　　　那若是不想被引導(dǎo)的圖層，一不小心也讓引層了，怎么辦？

　　這時候，在不想被引導(dǎo)的圖層上，右擊，選擇屬性，類型選擇一般就可以取消被引導(dǎo)了。

　　實例制作：

　　看看效果，要小球走過這個不算迷宮的迷宮，如果單純用動畫補間，雖說也可以，但要麻煩得多，這時候，只要加上一個引導(dǎo)層，一切就全解決了。下面我們就一起來做吧。

　　新建一個空白 Flash 文檔，把圖層 1 重命名為 “ 迷宮 ” ，然后在這一個圖層里畫出一個簡易迷宮，如下圖。

　　畫好迷宮后，就不用管這一圖層了，直接鎖定起來，免得不小心破壞了。

　　新添加一個圖層，命名為 “ 小球 ” ，然后把筆觸顏色設(shè)置為無，選擇填充色里的漸變色，選那些圓的，這樣，直接用圓就可以拉出一個小球，非常方便。

　　把小球放好在迷宮的一端，按 Ctrl+G 組合下備用。

　　好了，下面是這個小動畫的重點，點添加引導(dǎo)層按鈕，添加一個引導(dǎo)層，然后在這個引導(dǎo)圖層中畫出一條線，這條線，是從“迷宮”起始點到結(jié)束點的，如圖，這也是等會小球要走過的路線。

　　好了，把這個引層圖層和剛才畫的迷宮圖層在第 250 幀插入幀，然后點回小球圖層，第一幀的小球注冊點和引層線對齊。

　　然后在小球第 250 幀插入關(guān)鍵幀，在這一幀里，把小球移到引層線另一端，同樣要把注冊點和引層線對齊 , 最后在第 1 幀和 250 幀間任意一帖右擊創(chuàng)建補間動畫就可以了。

　　PS ：引導(dǎo)層補間動畫，要注意的就是注冊點要兩端對齊，這樣才能實現(xiàn)最終要的效果。

　　最后呢 , 為了不讓小球一到結(jié)束點就閃回來 ,可以在后面再插入些幀 , 在小球圖層和迷宮圖層第 300 幀插入幀。

　　好了，一個簡單的引導(dǎo)層動畫就做好了，有興趣的試下。　　

　　（5） Flash 遮罩動畫制作

　　遮罩動畫是 Flash 中的一個很重要的動畫類型，很多效果豐富的動畫都是通過遮罩動畫來完成的。在 Flash 的圖層中有一個遮罩圖層類型，為了得到特殊的顯示效果，可以在遮罩層上創(chuàng)建一個任意形狀的“視窗”，遮罩層下方的對象可以通過該“視窗”顯示出來，而“視窗”之外的對象將不會顯示。

　　實例——要學(xué)做閃客

　　實例簡介

　　“嗖”，伴著這聲音，一道白光迅速掠過一排文字，這是我們經(jīng)常在廣告和電視中看到的效果，如圖 1 所示。

你想不想知道它們是怎么制作出來的呢？其實很簡單，利用前面學(xué)過的知識就可輕易地做出這個效果，下面，讓我們動手試一試。

　　知識要點

　　● 字體的二次打散

　　● 將字體轉(zhuǎn)為形狀

　　● 創(chuàng)建遮罩動畫

　　■ 創(chuàng)建影片文檔

　　執(zhí)行【文件】 | 【新建】命令，在彈出的對話框中選擇【常規(guī)】 | 【 Flash 文檔】選項后，單擊【確定】按鈕，新建一個影片文檔，在【屬性】面板上設(shè)置文件大小為 550 × 400 像素，【背景色】為黑色（在教程中，我們?yōu)榱烁玫仫@示場景中的內(nèi)容，背景色設(shè)為了深綠色） , 如圖 2 所示。

　　　　　　　　　　　圖 2 文檔屬性  

　　■ 創(chuàng)建元件

　　步驟 1：創(chuàng)建“我要學(xué)做閃客”元件，執(zhí)行【插入】 | 【新建元件】命令，新建一個圖形元件，名稱為“我要學(xué)做閃客”。單擊工具箱中的【文字工具】 ，在場景中輸入“我要學(xué)做閃客”六個字，在【屬性】面板中，設(shè)置文字參數(shù)如圖 3 所示。

　　選中字體，執(zhí)行【修改】 | 【分離】命令二次，把字體打散，再選擇【顏料桶工具】，把字體中心填充成紅色。各個步驟的文字效果如圖 4 所示。

  　　　　　　　　　　圖 4 文字效果

　　步驟 2：創(chuàng)建“輝光”元件

　　執(zhí)行【插入】 | 【新建元件】命令，新建一個圖形元件，名稱為“輝光”。執(zhí)行【窗口】 | 【設(shè)計面板】 | 【混色器】命令，打開【混色器】面板，設(shè)置【填充樣式】為線性，將三個色標(biāo)全部設(shè)置為白色，第一和第三個的【 Alpha 】值為零，中間的為 74% （你可按需設(shè)置），設(shè)置完后，在場景中畫一個無邊矩形，大小為 40 × 230 ，如圖 5 所示。

　　            圖 5 【混色器】面板和圖形

　　■ 創(chuàng)建動畫

　　單擊時間軸右上角的【場景 1 】按鈕，切換到主場景。

　　本例的主場景 1 中共有四個圖層，我們從下向上一層一層的做。

　　步驟 1：創(chuàng)建【底層文字】層將【圖層 1 】重新命名為【底層文字】。

　　從庫里把“我要學(xué)做閃客”的元件拖到場景中，在第 60 幀處添加普通幀，這一層起顯示文字的作用。

　　步驟 2：創(chuàng)建被遮罩層

　　新建一個【輝光】圖層，從庫里把“輝光”元件拖到場景中，放在“我要學(xué)做閃客”元件實例的左邊。選擇工具欄上的【任意變形工具】，單擊【選項】中的【旋轉(zhuǎn)與傾斜】按鈕，將鼠標(biāo)放在“輝光”元件實例的任意一個角，拖動鼠標(biāo)旋轉(zhuǎn)一定有角度，使“輝光”元件實例產(chǎn)生一定的傾斜度。在第 30 、 60 幀處添加關(guān)鍵幀，在第 30 幀處把“輝光”元件實例拖到“我要學(xué)做閃客”元件實例的右邊，在第 1 幀和第 30 幀處建立動作補間動畫，如圖 6 所示。  

    步驟 3：創(chuàng)建遮罩層

　　新建一個【遮罩層】圖層，復(fù)制【底層文字】層的第一幀中的元件實例，選擇【遮罩層】的第 1 幀，執(zhí)行【編輯】 | 【粘貼到當(dāng)前位置】命令，用鼠標(biāo)右鍵單擊【遮罩層】，選擇【遮罩層】，設(shè)置此層為遮罩層，這一層的作用是用字體做遮罩元素，用它來控制輝光在場景中出現(xiàn)的大小和位置。

　　至此，我們就已經(jīng)創(chuàng)建好了“我要學(xué)做閃客”這個動畫，時間軸面板如圖 7 所示。

　　（6）場景的管理

　　□ 添加場景

　　添加場景的方法有以下兩種：

　　方法一：選擇【插入】 / 【場景】命令。

　　方法二：選擇【窗口】 / 【其它面板】（或設(shè)計面板） / 【場景】命令或按“ Shifit+F2 ” 鍵，打開場景面板（如圖8 所示），單擊其中的【添加場景】按鈕，如圖 9 所示。

　　□ 切換場景

　　切換場景的方法也有兩種：

　　方法一：單擊編輯欄中的【編輯場景】按鈕，在彈出的下拉菜單中選擇要切換的場景。

　　方法二：選擇【視圖】 / 【轉(zhuǎn)到】命令的子命令，進行場景的選擇。

　　以下為Flash制作動畫的其它基礎(chǔ)技能：幀的操作，圖層操作，色彩動畫，變形動畫，精確變形動畫，制作按鈕，導(dǎo)入聲音，補間動畫。

　　更為全面的學(xué)習(xí)請參照 FLASH 學(xué)習(xí)視頻     Flash 8專業(yè)版實例視頻教程  以及參考資料中的網(wǎng)站。

　　Firework視頻教程 ： http://www./eschool/zhuanti/fireworks/

　　3D Maxs 三維動畫制作在線教程 ：http://www./eschool/zhuanti/3dmax/

六、思考與練習(xí)題

　　1．用 Flash 制作簡單的移動動畫和引導(dǎo)動畫

　　2．請比較 ImageReady 與 Photoshop 有什么區(qū)別？ 　　　　　　　　　　　　　　　　　　　　

　　實作練習(xí)：1　 2　 3 　4 　5　 6　 7　 8　 9　 10 　優(yōu)秀作業(yè)  

    參考資料：

　　[1] http://www./f/edu/057/11/141927.htm

　　[2] http://www.art./html/web/web8_11.html

　　[3] http://design.yesky.com/flash/mx/

[4] http://www./eschool/zhuanti/flashhot/