用 ImageReady 制作文字 GIF 動(dòng)畫 用 Ulead GIF Animator 制作 GIF 動(dòng)畫
用 Flash 制作時(shí)間軸特效動(dòng)畫 Flash MX 2004 時(shí)間軸特效
用 Flash 制作 逐幀動(dòng)畫 用 Flash 制作 漸變動(dòng)畫
引導(dǎo)層的應(yīng)用(引導(dǎo)層動(dòng)畫) Flash 遮罩動(dòng)畫制作 其它學(xué)習(xí)
項(xiàng)目5 動(dòng)畫素材的制作技能訓(xùn)練
一、學(xué)習(xí)目標(biāo)
1.對(duì)動(dòng)畫及其收集、采集方法有基本的了解。
2.學(xué)會(huì)用 Ulead GIF Animator 、 ImageReady 制作動(dòng)畫 。
3.能用 Flash 制作時(shí)間軸特效動(dòng)畫、逐幀動(dòng)畫、漸變動(dòng)畫。
二、訓(xùn)練任務(wù)
利用 Ulead GIF Animator 、 ImageReady 、 Flash 動(dòng)畫制作軟件制作教學(xué)所需的動(dòng)畫素材, 為課件制作準(zhǔn)備圖片素材。
三、操作環(huán)境
多媒體電腦。
操作系統(tǒng): Windows XP/2000/2003 。
工具軟件: Ulead GIF Animator 、 ImageReady 、 Flash 軟件。
四、訓(xùn)練步驟
1.用 ImageReady 制作文字 GIF 動(dòng)畫
2.用 Ulead GIF Animator 制作 GIF 動(dòng)畫
3.用 Flash 制作動(dòng)畫
Flash 啟動(dòng)和界面介紹
(1) Flash MX 2004 時(shí)間軸特效
?。?span lang="EN-US">2)用 Flash 制作 逐幀動(dòng)畫
(3)用 Flash 制作 漸變動(dòng)畫
?。?span lang="EN-US">4) 引導(dǎo)層的應(yīng)用(引導(dǎo)層動(dòng)畫)
(5) Flash 遮罩動(dòng)畫制作
?。?span lang="EN-US">6)場(chǎng)景的管理
五、訓(xùn)練指南
▲動(dòng)畫素材簡(jiǎn)介
動(dòng)畫在多媒體教學(xué)和課件制作的應(yīng)用越來越廣泛。動(dòng)畫和電影一樣,是利用人類眼睛的 “ 視覺暫留”現(xiàn)象,而使一副副靜止的畫面連續(xù)播放,看起來像是在動(dòng)。
動(dòng)畫有平面動(dòng)畫和三維動(dòng)畫之分。前者如目前網(wǎng)絡(luò)上流行的 gif 動(dòng)畫、 Flash 動(dòng)畫、 SVG 動(dòng)畫。后者如用 3DS Max 、 3DS4 、 Vector3D 制作的三維動(dòng)畫。此外,動(dòng)畫還有位圖動(dòng)畫和矢量動(dòng)畫之分。前者如 Flash 動(dòng)畫、 SVG 動(dòng)畫,后者如 gif 動(dòng)畫。
動(dòng)畫素材的特點(diǎn)
制作課件、網(wǎng)頁(yè)或網(wǎng)站,往往需要?jiǎng)赢嫷狞c(diǎn)綴和襯托,起到美化、活化(增加動(dòng)感、生機(jī)),甚至畫龍點(diǎn)睛的作用(突出教學(xué)重點(diǎn)、突破教學(xué)難點(diǎn),化抽象為具體等)。
準(zhǔn)備動(dòng)畫素材的方法
自行創(chuàng)作:常見的動(dòng)畫創(chuàng)作工具有 Flash 、 Animator Pro 、 Flash 、 Director 、 3DS Max 、 3DS4 、 Vector3D 等。
購(gòu)置動(dòng)畫素材庫(kù)光盤。
從網(wǎng)上或現(xiàn)成課件的文件夾中搜集。
1.用ImageReady 制作文字GIF 動(dòng)畫(附:簡(jiǎn)單教程)

上圖為 ImageReady 主界面。 gif 動(dòng)畫以其容量小、簡(jiǎn)單易學(xué)等優(yōu)點(diǎn)受到青睞,是標(biāo)準(zhǔn)的網(wǎng)上動(dòng)畫格式之一。下面介紹如何用 ImageReady 制作一個(gè)有四段文字的 GIF 動(dòng)畫。
(1)先準(zhǔn)備一張圖片,作為動(dòng)畫的背景。然后在 ImageReady 7.0 中打開該圖片。這時(shí)在它的 “ 動(dòng)畫 ” 窗口中出現(xiàn)了第一幀的圖標(biāo)。利用 “ 復(fù)制幀 ” 按鈕,將當(dāng)前幀復(fù)制成四幀。注意:在每個(gè)幀圖標(biāo)的左上角都有一個(gè)數(shù)字,表示這是當(dāng)前幀數(shù)。
?。?span lang="EN-US">2)制作第一幀動(dòng)畫
將光標(biāo)定位在第一幀上,然后激活圖像編輯窗口,從工具箱中選中 “ 文字工具( T ) ” ,在圖像上輸入漢字,設(shè)置字體、字號(hào)(例如 “ 華文隸書 ” 、 30 號(hào)字)。
(3)制作第二幀動(dòng)畫
打開 Imageready 7.0 的 “ 圖層 ” 菜單,將其子菜單 “ 傳播幀 1 的更改( 1 ) ” 前面的 “√” 去掉。
在動(dòng)畫窗口將光標(biāo)定位在第二幀上。這時(shí),圖像窗口、動(dòng)畫窗口均與步驟二相同。這時(shí),首先要將文字圖層前 “ 眼睛 ” 圖標(biāo)去掉,即在第二幀上將該圖層隱藏。接下來,再利用文字工具在圖像上輸入另一段文字。
(4)制作第三、四幀動(dòng)畫
參照制作第二幀動(dòng)畫的方法制作第三、四幀。在添加該幀的文字時(shí),要將其它圖層的文字隱藏。即將光標(biāo)定位在哪一幀上時(shí),只顯示一層文字,其他圖層文字隱藏。(也可顯示兩層,只是兩層文字不要重疊)。
?。?span lang="EN-US">5)預(yù)覽動(dòng)畫
此時(shí)點(diǎn)擊動(dòng)畫窗口下方箭頭向右的按鈕(即播放或停止動(dòng)畫按鈕)即可播放。不過此時(shí),播放的速度非??欤鲙g沒有停留。要想延遲各幀時(shí)間,需要做如下設(shè)置:點(diǎn)擊動(dòng)畫窗口中 “0 秒 ” 右邊向下的箭頭,選擇你所要設(shè)置的秒數(shù)。將每一幀設(shè)置完后,再播放看一下效果,若不滿意可再重新設(shè)置。
(6)輸出動(dòng)畫
現(xiàn)在的文件格式還不是 .gif 格式,不能直接插入課件或網(wǎng)頁(yè)中,需要進(jìn)行優(yōu)化輸出。優(yōu)化輸出時(shí)需經(jīng)過以下步驟:
步驟 1 在 ImageReady 軟件的 “ 優(yōu)化 ” 窗口中進(jìn)行參數(shù)設(shè)置,按默認(rèn)設(shè)置即可。
步驟 2 設(shè)置完畢,打開 “ 文件 ” 菜單,點(diǎn)擊 “ 輸出優(yōu)化結(jié)果 ” ,即可將動(dòng)畫文件輸出。
試一試
從網(wǎng)上下載一個(gè) gif 動(dòng)畫,用 ImageReady 將此動(dòng)畫打開,利用動(dòng)畫面板進(jìn)行修改,例如修改其中的漢字或者其他內(nèi)容,使合乎自己制作課件或網(wǎng)頁(yè)的要求,最后優(yōu)化輸出。
2.用 Ulead GIF Animator 制作 GIF 動(dòng)畫
▲ 熟悉 Ulead GIF Animator 界面
首先,讓我們先熟悉一下 GIF Animator 界面。

(1)菜單欄,包括文件、編輯、查看、圖層、濾鏡、視頻 F/X 和幫助七個(gè)菜單分別完成從圖像創(chuàng)建導(dǎo)入到圖層濾鏡和視頻特殊效果的功能。
在 GIF Animator 中,層的概念大致等同于幀,在圖層的菜單中,添加層即是向 GIF 中添加幀,這些層可以是空白的圖像、導(dǎo)入的圖像和相應(yīng)的視頻文件,也可以是包含注釋信息的幀。在視頻 F/X 菜單中集成了23 種動(dòng)畫效果,其功能如下表:
效果 |
功能 |
3D |
Gate-3D (三維立體) |
在動(dòng)畫中實(shí)現(xiàn)兩個(gè)幀之間的動(dòng)畫 3D 過渡效果,可以在對(duì)話框中設(shè)置過渡方向、填充顏色和柔化過渡邊界的參數(shù)。 |
Build |
Diagonal-Build (傾斜過渡) |
按照不同的傾斜對(duì)角線路徑,逐漸的按照不規(guī)則塊的方式實(shí)現(xiàn)兩個(gè)幀之間的過渡 |
Clock |
Sweep Clock (時(shí)鐘式過渡) |
按照順時(shí)針和逆時(shí)針方式實(shí)現(xiàn)過渡效果 |
F/X |
Diamond F/X (菱形 F/X 動(dòng)畫) |
菱形效果 |
Iris F/X (彩虹 F/X 動(dòng)畫) |
十字心形的彩虹效果 |
Mosaic F/X (馬賽克 F/X 動(dòng)畫) |
馬賽克元素效果 |
Power off F/X (關(guān)機(jī) F/X 動(dòng)畫) |
顯示器關(guān)機(jī)效果 |
Film |
Flap B-Film (分割的傾斜翻頁(yè)效果) |
將原來的幀分為四份,分別從中心開始傾斜的實(shí)現(xiàn)與目標(biāo)幀的過渡 |
Progressive Film (前進(jìn)式翻頁(yè)效果) |
也是將原來的幀分為四份,分別從中心開始以前進(jìn)式的方式實(shí)現(xiàn)到目標(biāo)幀的過渡 |
Turn Page-Film (整頁(yè)翻頁(yè)效果) |
整頁(yè)翻頁(yè)效果來實(shí)現(xiàn)兩個(gè)幀之間的過渡,同時(shí)可以設(shè)置翻頁(yè)的方向等參數(shù) |
Peel |
Turn Page-Peel (整頁(yè)翻頁(yè)的剝落效果) |
以剝落的效果實(shí)現(xiàn)兩個(gè)幀之間的過渡,與上一個(gè)翻頁(yè)效果略有不同。 |
Push |
Run and Stop Push (移動(dòng)到停止間的推動(dòng)效果) |
為了消除兩個(gè)幀之間生硬的動(dòng)畫元素移動(dòng),使用這種效果可以將這種效果作成好看動(dòng)態(tài)效果 |
Roll |
Side Roll (整面翻轉(zhuǎn)效果) |
整面翻轉(zhuǎn)效果 |
Slide |
Bar-Slide (條狀滑動(dòng)效果) |
可以從不同的方向用兩個(gè)條狀的滑動(dòng)實(shí)現(xiàn)過渡 |
Stretch |
Cross Zoom-Stretch (交叉縮放拉伸效果) |
交叉縮放拉伸效果 |
Wipe |
Star Wipe (星形擦除效果) |
星形擦除效果 |
2D mapping |
Crop …(修剪效果) |
修剪效果 |
Camera Len |
Gradient (傾斜效果) |
在原幀中加入模糊的鏡頭,可以設(shè)定移動(dòng)方向等參數(shù) |
Mirror (鏡象效果) |
對(duì)原幀中的明顯的對(duì)象加以處理,實(shí)現(xiàn)兩個(gè)幀之間的過渡 |
Zoom Motion (縮放動(dòng)作效果) |
縮放效果 |
Darkroom |
Hue&Saturation (色調(diào)飽和) |
設(shè)置圖像中的顏色的變化效果 |
Nature Painting |
Charcoal (木炭效果) |
木炭效果 |
Special |
Add Noise (加入噪音) |
在原幀中加入噪音干擾效果 |
Wind (風(fēng)) |
風(fēng)的效果 |
?。?span lang="EN-US">2)工具欄,可以通過點(diǎn)擊按鈕實(shí)現(xiàn)對(duì)文件的操作、撤消和重做、填加圖像、動(dòng)畫和注釋以及對(duì)每個(gè)圖層的上移和下移操作,還有將編輯好的 GIF 動(dòng)畫在 IE 和 Netscape 中預(yù)覽。
?。?span lang="EN-US">3)參數(shù)設(shè)置區(qū),在這個(gè)區(qū)域中設(shè)計(jì)者可以設(shè)定動(dòng)畫的每一幅圖像的標(biāo)題、移動(dòng)方式、高和寬以及是否使用交錯(cuò)效果、透明索引、延遲時(shí)間等參數(shù),在右上角的按鈕改變?nèi)謱傩浴?
?。?span lang="EN-US">4)層面板,在第一次啟動(dòng)程序時(shí),層面板顯示為列表形式,可以點(diǎn)擊縮略圖和膠片標(biāo)簽查看每一幅圖像的縮略圖和相應(yīng)的位置順序。在導(dǎo)入多幅圖像時(shí),列表中列出了每個(gè)圖像的標(biāo)題(每幅圖像的文件名,在參數(shù)設(shè)置區(qū)可以進(jìn)行修改)。
?。?span lang="EN-US">5)工作區(qū),在這個(gè)區(qū)域中可以查看 GIF 動(dòng)畫的結(jié)構(gòu),還可以針對(duì)每一幅 GIF 動(dòng)畫圖像進(jìn)行編輯。在選擇工作模式中有“結(jié)構(gòu)”、 “編輯”、“優(yōu)化”和“預(yù)覽”,其中最強(qiáng)大的是 GIF 的優(yōu)化功能,在 GIF Animator 中預(yù)設(shè)了七個(gè)方案,可以將圖像優(yōu)化成色彩數(shù)不同的 GIF 動(dòng)畫,相應(yīng)的優(yōu)化后的質(zhì)量也是不同的。同時(shí)還可以對(duì)優(yōu)化的各種參數(shù)進(jìn)行設(shè)置,在優(yōu)化后程序還會(huì)報(bào)告優(yōu)化的效果
?。?span lang="EN-US">6)調(diào)色板,在 GIF Animator 中使用的是非標(biāo)準(zhǔn)的 Windows 調(diào)色板。在層面板中選擇一幀,然后在調(diào)色板中將出現(xiàn)在這個(gè)幀中的出現(xiàn)的色彩,但是不可能用到所有的 256 中色彩,我們可以通過點(diǎn)擊加號(hào)和減號(hào)來管理色彩的種類,并且可以將配置好的配色方案以調(diào)色板文件的方式進(jìn)行導(dǎo)出和導(dǎo)入操作。同時(shí),我們可以通過點(diǎn)擊更改色彩按鈕,在標(biāo)準(zhǔn)的 Windows 調(diào)色板可以更改選中的色彩。調(diào)色板分為局部調(diào)色板和全局調(diào)色板,全局調(diào)色板中定義的是最常用的 16 種顏色,而局部調(diào)色板將可以顯示全部的 256 種顏色。
★ 制作實(shí)例
制作一個(gè)由多幅圖像按照一定的順序出現(xiàn)的動(dòng)畫。
步驟 1:使用動(dòng)畫向?qū)?,?span lang="EN-US">“文件”菜單中選擇“動(dòng)畫向?qū)В?span lang="EN-US"> Animation Wizard )”。
步驟 2:在彈出的對(duì)話框中點(diǎn)擊“添加圖像”按鈕。
步驟 3:在彈出的選擇文件對(duì)話框中選擇多個(gè)文件。
步驟 4:點(diǎn)擊“打開”按鈕,在默認(rèn)狀態(tài)下,在選擇的文件中按照文件名的先后次序排定在動(dòng)畫中的出現(xiàn)次序??梢酝蟿?dòng)文件名調(diào)整出現(xiàn)次序。
步驟 5:經(jīng)過對(duì)圖像抖動(dòng)和延遲時(shí)間的設(shè)置后,動(dòng)畫中的各個(gè)文件會(huì)出現(xiàn)在層面板中,可以點(diǎn)擊“縮略圖”和“膠片”標(biāo)簽查看每個(gè)圖像的效果,同時(shí)點(diǎn)擊“預(yù)覽”標(biāo)簽預(yù)覽動(dòng)畫。
步驟 6:在第一幅圖像和最后一幅圖像的過渡很生硬,所以我們要應(yīng)用一些效果。在層面板中選擇最后一個(gè)層,點(diǎn)擊“視頻 F/X ”菜單,在“ Darkroom ”中選擇“ Hue&Saturation (色調(diào)飽和)”。
步驟 7:在彈出的提示框中詢問添加的圖層數(shù),在這里我們選擇“ 20 ” 。
步驟 8:點(diǎn)擊“確定”按鈕,在彈出的設(shè)置框中將“ Hue (色調(diào))”設(shè)置為較大的數(shù)值
步驟 9:點(diǎn)擊新添加最后一個(gè)圖層,然后再點(diǎn)擊“視頻 F/X ”菜單,在“ Stretch ”中選擇“ Cross Zoom-Stretch (交叉縮放伸展)”
步驟 10:在設(shè)置窗口中將延遲時(shí)間設(shè)為“ 4 ” ,點(diǎn)擊“確定”按鈕
步驟 11:點(diǎn)擊“優(yōu)化”標(biāo)簽,按照默認(rèn)的方案,點(diǎn)擊“立即優(yōu)化”
點(diǎn)擊“ OK ”按鈕后,點(diǎn)擊“預(yù)覽” 標(biāo)簽預(yù)覽效果。
Ulead GIF Animator 5 教程 : http://www./eschool/zhuanti/uga/
3.用Flash 制作動(dòng)畫
Flash 啟動(dòng)和界面介紹(點(diǎn)擊此處觀看視頻)
Flash MX 視頻教程: http://www./eschool/includes/zhuanti/flash1130/
(1) Flash MX 2004 時(shí)間軸特效
時(shí)間軸特效( Timeline effects )是 Flash MX 2004 和 Flash MX Professional 2004 都擁有的新功能。使用 Flash 內(nèi)建的時(shí)間軸特效,可以快速創(chuàng)建復(fù)雜的動(dòng)畫,和 Swish 有些類似。
時(shí)間軸特效可以應(yīng)用于以下對(duì)象:文本、圖形(包括矢量圖、組合對(duì)象和圖符)、位圖、按鈕圖符。
①添加時(shí)間軸特效
給一個(gè)對(duì)象添加時(shí)間軸特效時(shí), Flash 會(huì)新建一個(gè)層,然后把該對(duì)象傳送到新建的層。該對(duì)象被放置在特效圖形中,特效所需的所有過渡和變形存放在新建層的圖形中。新建層的名稱與特效的名稱相同,后加一個(gè)編號(hào),表示特效應(yīng)用的順序。添加時(shí)間軸特效時(shí),在圖符庫(kù)中會(huì)添加一個(gè)以特效名命名的文件夾,內(nèi)含創(chuàng)建該特效所用的元素。
給一個(gè)對(duì)象添加時(shí)間軸特效的步驟如下:
步驟 1:按常規(guī)方法,在編輯區(qū)中添加一個(gè)對(duì)象(本例添加一個(gè)文本框)。

步驟 2:在編輯區(qū)中選取要添加時(shí)間軸特效的對(duì)象,然后選擇 Insert>Timeline Effects (插入 > 時(shí)間軸特效),再?gòu)钠湎录?jí)菜單中選擇一種特效。本例選擇 Insert>Timeline Effects>Effects>Blur (插入 > 時(shí)間軸特效 > 特效 > 模糊),給文本框?qū)ο筇砑幽:匦А?

提示 :也可以在選取的對(duì)象上右擊,然后從右鍵快捷菜單上選擇 Timeline Effects ,再?gòu)钠湎录?jí)菜單中選擇一種特效。
步驟 3:在自動(dòng)顯示的特效設(shè)置對(duì)話框中預(yù)覽基于默認(rèn)設(shè)置的特效。如果需要,可以修改這些設(shè)置(詳細(xì)的設(shè)置方法請(qǐng)參閱下一節(jié)),然后單擊右上角的 Update Preview (更新預(yù)覽)按鈕,預(yù)覽新的設(shè)置的效果。

步驟 4:如果感覺效果滿意,單擊 OK 按鈕, Flash 自動(dòng)在時(shí)間軸中添加創(chuàng)建特效所需的幀。

步驟 5:選擇 Control>Test Movie (控制 > 測(cè)試動(dòng)畫),即可測(cè)試時(shí)間軸特效。下面我們仔細(xì)說明幾種特效的參數(shù)及其設(shè)置方法。
②設(shè)置時(shí)間軸特效
每個(gè)時(shí)間軸特效都以特定的方式來處理圖形或圖符。你可以通過改變特效的各個(gè)參數(shù),以獲得理想的特效。在特效預(yù)覽窗口,你可以修改特效的參數(shù),快速預(yù)覽修改參數(shù)后的變化,選擇滿意的效果。
Flash MX 2004 內(nèi)建的時(shí)間軸特效有: Copy to grid (拷貝為網(wǎng)格)、 Distributed duplication (分布復(fù)件)、 Blur (模糊)、 Drop shadow (陰影)、 Expand (擴(kuò)展)、 Explode (爆炸)、 Transform (變形)和 Transition (過渡)。通過設(shè)置不同的參數(shù),可以獲得不同的效果。
下面分別說明這幾種特效的參數(shù)及其設(shè)置方法。
◆ Copy to Grid (拷貝為網(wǎng)格)
選擇 Insert>Timeline Effects>Assistants>Copy to grid (插入 > 時(shí)間軸特效 > 輔助 > 拷貝為網(wǎng)格),可以給選定對(duì)象添加 “ 拷貝為網(wǎng)格 ” 特效。
Copy to Grid (拷貝為網(wǎng)格)特效的作用是按列數(shù)復(fù)制選定的對(duì)象,然后按照行數(shù)。

在 Copy to Grid 窗口可設(shè)置的參數(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 (插入 > 時(shí)間軸特效 > 輔助 > 分布復(fù)件),可以給選定對(duì)象添加 “ 分布復(fù)件 ” 特效。
Distributed Duplication (分布復(fù)件)特效的作用是根據(jù)設(shè)置的次數(shù)復(fù)制選定對(duì)象。第一個(gè)元素是原對(duì)象的復(fù)件,然后按一定的增量修改該對(duì)象,直至最后的對(duì)象反映設(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è)置偏移開始的幀編號(hào)。 ⊙ Scale( 縮放 ) :設(shè)置縮放的方式和百分?jǐn)?shù)。
在其右邊的文本框中可以設(shè)置縮放的百分?jǐn)?shù),在其上面的下拉列表中可以選擇縮放的方式??蛇x的縮放方式有:
Exponential scaling (指數(shù)縮放):按 delta 百分?jǐn)?shù)在 x 和 y 方向同時(shí)縮放。 Linear scaling (線性縮放):按 delta 百分?jǐn)?shù)在 x 和 y 方向同時(shí)縮放。
⊙ Change color (改變顏色):勾選此復(fù)選框?qū)⒏淖儚?fù)件的顏色;取消此復(fù)選框的選擇,不改變復(fù)件的顏色。 ⊙ Final color (最后的顏色):?jiǎn)螕舸税粹o,可以指定最后復(fù)件的顏色 ( RGB16 進(jìn)制值表示)。中間的復(fù)件逐漸過渡到這種顏色。 ⊙ Final alpha (最后的 alpha 透明度):設(shè)置最后復(fù)件的 alpha 透明度百分?jǐn)?shù)??梢栽谄溆疫叺奈谋究蛑兄苯虞斎氚俜?jǐn)?shù),也可以左右拖曳其下面的滑塊進(jìn)行調(diào)整。
◆ Blur (模糊)
選擇 Insert>Timeline Effects>Effects>Blur (插入 > 時(shí)間軸特效 > 特效 > 模糊),可以給選定對(duì)象添加 “ 模糊 ” 特效。
Blur (模糊)特效的作用是,通過改變對(duì)象的 alpha 值、位置或縮放比例,創(chuàng)建運(yùn)動(dòng)模糊特效。

在 Blur 窗口可設(shè)置的參數(shù)有:
⊙ Effect duration (特效時(shí)長(zhǎng)):設(shè)置特效持續(xù)的時(shí)間長(zhǎng)度(以幀為單位)。
⊙ Allow horizontal blur (允許水平模糊):勾選此復(fù)選框,設(shè)置在水平方向產(chǎn)生模糊效果。 ⊙ Allow vertical blur (允許垂直模糊):勾選此復(fù)選框,設(shè)置在垂直方向產(chǎn)生模糊效果。 ⊙ Direction of Movement (運(yùn)動(dòng)方向):點(diǎn)選此圖標(biāo)中的方向按鈕,可以設(shè)置運(yùn)動(dòng)模糊的方向。
◆ Drop shadow (陰影)
選擇 Insert>Timeline Effects>Effects>Drop shadow (插入 > 時(shí)間軸特效 > 特效 > 陰影),可以給選定對(duì)象添加 “ 陰影 ” 特效。
Drop shadow (陰影)特效的作用是在選定的對(duì)象下面創(chuàng)建一個(gè)陰影。

在 Drop shadow 窗口可設(shè)置的參數(shù)有:
⊙ Color (顏色):?jiǎn)螕舸税粹o,可以設(shè)置陰影的顏色(用 RGB16 進(jìn)制值表示)。 ⊙ Alpha transparency ( alpha 透明度):設(shè)置陰影的 alpha 透明度百分?jǐn)?shù)??梢栽谄溆疫叺奈谋究蛑兄苯虞斎氚俜?jǐn)?shù),也可以通過拖曳其下面的滑塊進(jìn)行調(diào)整。 ⊙ Shadow offset (陰影偏移):設(shè)置陰影在 x 和 y 軸方向的偏移量(以像素為單位)。
◆ Expand (擴(kuò)展)
選擇 Insert>Timeline Effects>Effects>Expand (插入 > 時(shí)間軸特效 > 特效 > 擴(kuò)展),可以給選定對(duì)象添加 “ 擴(kuò)展 ” 特效。
Expand (擴(kuò)展)特效的作用是擴(kuò)展、收縮或擴(kuò)展與收縮對(duì)象。對(duì)兩個(gè)或多個(gè)組合在一起或組合在一個(gè)電影剪輯或圖形圖符中的對(duì)象應(yīng)用本特效效果最好。對(duì)包含文本或字母的對(duì)象應(yīng)用本特效效果也不

在 Expand 窗口可設(shè)置的參數(shù)有:
⊙ Effect Duration (特效時(shí)長(zhǎng)):設(shè)置擴(kuò)展特效持續(xù)的時(shí)間(以幀為單位)。
⊙ Expand 、 squeeze 、 both (擴(kuò)展、收縮、二者):設(shè)置特效的運(yùn)動(dòng)形式。 ⊙ Direction of Movement (運(yùn)動(dòng)方向):點(diǎn)選此圖標(biāo)中的方向按鈕,可設(shè)置擴(kuò)展特效的運(yùn)動(dòng)方向。 ⊙ Shift group center by (偏移組合對(duì)象中心):設(shè)置運(yùn)動(dòng)在 x 和 y 方向的偏移量(以像素為單位)。 ⊙ Fragment Offset (碎片偏移):設(shè)置碎片(如文本中的每個(gè)中文字或字母)的偏移量。 ⊙ Change fragment size by (改變碎片的大?。和ㄟ^改變 height (高度)和 width (寬度)值來改變碎片的大?。ㄒ韵袼貫閱挝唬?。
◆ Explode (爆炸)
選擇 Insert>Timeline Effects>Effects>Explode (插入 > 時(shí)間軸特效 > 特效 > 爆炸),可以給選定對(duì)象添加 “ 爆炸 ” 特效。
Explode (爆炸)特效的作用是產(chǎn)生對(duì)象爆炸的幻覺。文本或復(fù)雜組合對(duì)象(圖符、矢量圖或視頻剪輯)的元素被打散、旋轉(zhuǎn)和向外拋撒。

在 Expand 窗口可設(shè)置的參數(shù)有:
⊙ Effect duration (特效時(shí)長(zhǎng)):設(shè)置爆炸特效持續(xù)的時(shí)間(以幀為單位)。
⊙ Direction of explosion (爆炸方向):點(diǎn)選此圖標(biāo)中的方向按鈕,可設(shè)置爆炸特效的運(yùn)動(dòng)方向。 ⊙ Arc size (弧的大小):設(shè)置 x 和 y 方向的偏移量(以像素為單位)。 ⊙ Rotate fragments by (旋轉(zhuǎn)碎片):設(shè)置碎片的旋轉(zhuǎn)角度(以度為單位)。 ⊙ Change fragments size by (改變碎片的大小):設(shè)置碎片的大?。ㄒ韵袼貫閱挝唬?。 ⊙ Final alpha (最后的 alpha 透明度):設(shè)置爆炸特效最后的 alpha 透明度百分?jǐn)?shù)??梢栽谄溆疫叺奈谋究蛑兄苯虞斎氚俜?jǐn)?shù),也可以通過拖曳其下面的滑塊進(jìn)行調(diào)整。
◆ Transform (變形)
選擇 Insert>Timeline Effects>Transform/Transition>Transform (插入 > 時(shí)間軸特效 > 變形 / 過渡 > 變形),可以給選定對(duì)象添加 “ 變形 ” 特效。
Transform (變形)特效的作用是調(diào)整選定對(duì)象的位置、縮放比例、旋轉(zhuǎn)角度、 alpha 透明度和色彩。使用 Transform 可以應(yīng)用單個(gè)特效或組合特效,創(chuàng)建淡入 / 淡出、飛進(jìn) / 飛出、膨脹 / 收縮和左旋 / 右旋特效。

在 Transform 窗口可設(shè)置的參數(shù)有:
⊙ Effect duration (特效時(shí)長(zhǎng)):設(shè)置變形特效持續(xù)的時(shí)間(以幀為單位)。
⊙ Move to position (移動(dòng)到指定位置):設(shè)置 x 和 y 方向的偏移量(以像素為單位)。 ⊙ Change position by (改變位置為):設(shè)置 x 和 y 方向的偏移量(以像素為單位)。 ⊙ Scale (縮放比例):鎖定時(shí), x 和 y 軸使用相同的比例縮放(以百分?jǐn)?shù)表示);解鎖時(shí),可以分別設(shè)置 x 和 y 軸的縮放比例(以百分?jǐn)?shù)表示)。 ⊙ Rotate (旋轉(zhuǎn)):設(shè)置對(duì)象的旋轉(zhuǎn)角度(以度為單位)。 ⊙ Spin (旋轉(zhuǎn)):設(shè)置對(duì)象的旋轉(zhuǎn)次數(shù)。 ⊙ Change color (改變顏色):勾選此復(fù)選框?qū)⒏淖儗?duì)象的顏色;取消此復(fù)選框的選擇,不改變對(duì)象的顏色。 ⊙ Final color (最后的顏色):?jiǎn)螕舸税粹o,可以指定對(duì)象最后的顏色( RGB16 進(jìn)制值表示)。 ⊙ Final alpha (最后的 alpha 透明度):設(shè)置對(duì)象最后的 alpha 透明度百分?jǐn)?shù)??梢栽谄溆疫叺奈谋究蛑兄苯虞斎氚俜?jǐn)?shù),也可以左右拖曳其下面的滑塊進(jìn)行調(diào)整。 ⊙ Motion ease (運(yùn)動(dòng)變速):可以設(shè)置開始時(shí)慢速( Slow at Start ),然后逐漸變快;或開始時(shí)快,然后逐漸變慢( Slow at End )。
◆ Transition (過渡) 選擇 Insert>Timeline Effects>Transform/Transition>Transition (插入 > 時(shí)間軸特效 > 變形 / 過渡 > 過渡),可以給選定對(duì)象添加 “ 過渡 ” 特效。
Transition (過渡)特效的作用是對(duì)選定對(duì)象進(jìn)行擦除和淡入淡出處理,或二者組合處理,產(chǎn)生逐漸過渡的特效。

在 Transition 窗口可設(shè)置的參數(shù)有:
⊙ (特效時(shí)長(zhǎng)):設(shè)置過渡特效持續(xù)的時(shí)間(以幀為單位)。
⊙ Direction (方向):選擇 In (進(jìn))或 Out (出)和在圖標(biāo)中點(diǎn)選方向按鈕,可以設(shè)置過渡特效的方向。 ⊙ Fade (淡入淡出):選擇此復(fù)選框和 In 選項(xiàng),獲得淡入效果;選擇此復(fù)選框和選擇 Out 選項(xiàng),獲得淡出效果;取消此復(fù)選框的選擇 , 不對(duì)選定對(duì)象進(jìn)行淡入淡出處理。 ⊙ Wipe (擦除):選擇此復(fù)選框和 In 選項(xiàng),獲得擦入效果(例如,文字逐漸顯示出來);選擇此復(fù)選框和選擇 Out 選項(xiàng),獲得擦出效果(例如,文字逐漸消失);取消此復(fù)選框的選擇 , 不對(duì)選定對(duì)象進(jìn)行擦除處理。 ⊙ Motion ease (運(yùn)動(dòng)變速):可以設(shè)置開始時(shí)慢速( Slow at Start ),然后逐漸變快;或開始時(shí)快,然后逐漸變慢( Slow at End )。
③編輯時(shí)間軸特效
如果你對(duì)添加的時(shí)間軸特效不滿意,可以利用特效設(shè)置對(duì)話框編輯特效。操作方法如下:
● 在編輯區(qū)中選擇要編輯特效的對(duì)象
● 在屬性檢查器中單擊 Edit (編輯)按鈕,或在選定對(duì)象上右擊( Windows )或按住 Control 鍵單擊( Macintosh ),然后從右鍵快捷菜單上選擇 Timeline Effects > Edit Effect (時(shí)間軸特效 > 編輯特效)。

● 在打開的特效設(shè)置對(duì)話框中修改設(shè)置,然后單擊 OK 按鈕。
④刪除時(shí)間軸特效
在編輯區(qū)中選擇要?jiǎng)h除特效的對(duì)象并右擊( Windows ),或按住 Control 鍵單擊( Macintosh ),然后從右鍵快捷菜單上選擇 Timeline Effects > Remove Effect (時(shí)間軸特效 > 刪除特效)。
更多內(nèi)容請(qǐng)游覽 http://w./html/200831/341523.html 。
(2)用 Flash 制作逐幀動(dòng)畫
在逐幀動(dòng)畫中,必須創(chuàng)建每一幀中的圖像
逐幀動(dòng)畫更改每一幀中的舞臺(tái)內(nèi)容,它最適合于每一幀中的圖像都在更改而不是僅僅簡(jiǎn)單地在舞臺(tái)中移動(dòng)的復(fù)雜動(dòng)畫。逐幀動(dòng)畫增加文件大小的速度比漸變動(dòng)畫快得多。在逐幀動(dòng)畫中, Flash 會(huì)保存每個(gè)完整幀的值。要?jiǎng)?chuàng)建逐幀動(dòng)畫,需要將每個(gè)幀都定義為關(guān)鍵幀,然后給每個(gè)幀創(chuàng)建不同的圖像。每個(gè)新關(guān)鍵幀最初包含的內(nèi)容和它前面的關(guān)鍵幀是一樣的,因此可以遞增地修改動(dòng)畫中的幀。
創(chuàng)建逐幀動(dòng)畫:
①單擊層名稱使之成為當(dāng)前層,然后在動(dòng)畫開始播放的層中選擇一個(gè)幀。如果該幀不是關(guān)鍵幀,請(qǐng)選擇 “ 插入 ”>“ 關(guān)鍵幀 ” 使之成為一個(gè)關(guān)鍵幀。
②在序列的第一個(gè)幀上創(chuàng)建插圖??梢允褂美L畫工具、從剪貼板中粘貼圖形,或?qū)胍粋€(gè)文件。
③單擊同一行中右側(cè)的下一個(gè)幀,然后選擇 “ 插入 ”“ 關(guān)鍵幀 ” ,其內(nèi)容和第一個(gè)關(guān)鍵幀一樣。
④在舞臺(tái)中改變?cè)搸膬?nèi)容,開發(fā)動(dòng)畫接下來的增量。
⑤要完成逐幀動(dòng)畫序列,重復(fù)第③和第④,直到創(chuàng)建了所需的動(dòng)作。
實(shí)例請(qǐng) 點(diǎn)擊此處逐幀動(dòng)畫 看視頻,以加深其理解。
(3)用 Flash 制作漸變動(dòng)畫
我們的教師在做課件時(shí),常使用 Flash 制作一些形狀漸變動(dòng)畫與文字顏色漸變動(dòng)畫效果。使用形狀漸變與文字顏色漸變動(dòng)畫方式制作動(dòng)畫,動(dòng)畫制作對(duì)象是圖形和文字、打散的圖形、打散的文字等。形狀漸變動(dòng)畫、文字顏色漸變動(dòng)畫和運(yùn)動(dòng)漸變動(dòng)畫的最大區(qū)別在于:動(dòng)畫對(duì)象的外觀發(fā)生了變化——形狀變了,而不是顏色、透明度、色調(diào)的改變,比如可以將一個(gè)人的圖像變?yōu)橐粋€(gè)大象的圖像。
下面我用兩個(gè)例子介紹一下制作形狀漸變動(dòng)畫與文字顏色漸變動(dòng)畫的方法。
①形狀漸變動(dòng)畫與文字顏色漸變動(dòng)畫
例一:我們來看看形狀漸變動(dòng)畫實(shí)例:(字母變形)
步驟 1:建一個(gè) Flash 文件。
步驟 2:按“ Ctrl+J ”,設(shè)定動(dòng)畫的大小為 50px × 100px ,背景白色。
步驟 3:鼠標(biāo)點(diǎn)在時(shí)間軸的第 1 幀上,選擇文本工具,在屬性面板中選擇字體為 lmpact ,字體大小為 72 ,顏色為黑色。
步驟 4:在舞臺(tái)輸入大寫字母“ F ”。
步驟 5:選擇箭頭工具,選中字母“ F ”,然后按“ Ctrl+B ”,打散字母,可以看到字母變?yōu)榛疑W(wǎng)格。這是很關(guān)鍵的一步。
步驟 6:鼠標(biāo)點(diǎn)在時(shí)間軸的第 15 幀,按“ F7 ”插入一空白關(guān)鍵幀。
步驟 7:看到字母“ F ”消失,按“繪圖紙外觀”按鈕,可以看見灰色的“ F ”字母有顯示出來了。
步驟 8:用文字輸入工具在舞臺(tái)上繼續(xù)輸入大寫字母“ B ”,對(duì)齊覆蓋在字母“ F ”上,并用“ Ctrl+B ”打散。
步驟 9:同樣的方法,分別在 30 幀、 45 幀、和 60 幀上輸入大寫字母“ A ”、“ C ”、“ H ”,并用“ Ctrl+B ”打散。
步驟 10:用鼠標(biāo)選中第 1 幀,然后按住“ Shift ”鍵,再用鼠標(biāo)選中第 59 幀,在屬性面板中設(shè)定補(bǔ)間類型為“形狀漸變”。
步驟 11:作品完成,按“ Ctrl+Enter ”觀看效果。
例二:看看文字顏色漸變動(dòng)畫實(shí)例:
步驟 1:新建一個(gè) Flash 文件。
步驟 2:在第 1 幀上用文字工具輸入幾個(gè)字,如“ 2008 北京贏了”,選好字體顏色大小。
步驟 3:并用“ Ctrl+B ”將文字打散 ( 變成圖形 ) 。
步驟 4:在第 10 幀插入一關(guān)鍵幀。
步驟 5:?jiǎn)螕魰r(shí)間軸第 1 幀,選中第 1 幀后,選擇“屬性”中“補(bǔ)間”里的“形狀”。
步驟 6:?jiǎn)螕魰r(shí)間軸第 10 幀并選中,改變字體顏色,并用“ Ctrl+B ”將文字打散 ( 變成圖形 ) 。
步驟 7:已完成(如果需要其他變化,可調(diào)節(jié)第 10 幀縮放、旋轉(zhuǎn)等)。
步驟 8:按“ Ctrl+Enter ”觀看效果。
Flash 的 Tweening 動(dòng)畫有兩種類型: motion ,可做移動(dòng)、縮放、旋轉(zhuǎn)、自定義路徑運(yùn)動(dòng)、色彩漸變、加速與減速運(yùn)動(dòng)的動(dòng)畫; shape ,可做出移動(dòng)、縮放、開頭漸變、色彩漸變、減速運(yùn)動(dòng)的動(dòng)畫。
② flash 移動(dòng)漸變動(dòng)畫制作
步驟 1:打開 Flash MX 2004 ,文檔屬性默認(rèn)。 步驟 2:?jiǎn)螕?工具 欄里面的橢圓形工具,同時(shí)按 “Shift” 鍵繪制一個(gè)紅色的正圓。 步驟 3:?jiǎn)螕舸藞A形,利用右鍵或者 F8 鍵,打開【轉(zhuǎn)換為符號(hào)】面板,把它轉(zhuǎn)換為圖形元件。設(shè)置元件名稱為 “ 紅圓 ” 。 步驟 4:?jiǎn)螕魰r(shí)間軸的第 30 幀,打開右鍵菜單,選擇【插入關(guān)鍵幀】命令或者按快捷鍵 F6 插入一個(gè)關(guān)鍵幀。 步驟 5:利用鼠標(biāo)拖動(dòng)或者按方向鍵移動(dòng) “ 紅圓 ” 元件到右邊的另外一個(gè)位置。 步驟 6:在第 1 幀和第 30 幀之間任意一幀右擊選擇【創(chuàng)建補(bǔ)間動(dòng)畫】命令。 步驟 7:第 1 幀和第 30 幀之間的所有幀變成藍(lán)色,并有一個(gè)長(zhǎng)箭頭,這說明已經(jīng)在第 1 幀至第 30 幀之間創(chuàng)建了一個(gè)移動(dòng)漸變動(dòng)畫效果。 步驟 8:【控制】 | 【播放】或者按 “Enter” 測(cè)試動(dòng)畫效果。 步驟 9:保存,完成。
③影片剪輯按照一個(gè)定點(diǎn)環(huán)繞
步驟 1:運(yùn)行 Flash MX 2004 ,文檔屬性默認(rèn)。 步驟 2:?jiǎn)螕簟静迦搿?span lang="EN-US"> | 【新建元件】,或者按快捷鍵 “Ctrl+F8” 打開【創(chuàng)建新元件】面板。
步驟 3:新建一個(gè)名稱為 “ 正方形 ” 的影片剪輯。 步驟 4:確認(rèn)以后,進(jìn)入此影片剪輯編輯區(qū)。單擊工具欄的矩形工具,配合鍵盤中的 “Shift” 鍵,畫出一個(gè)不帶邊框的紅色正方形。 步驟 5:?jiǎn)螕簟敬翱凇?span lang="EN-US"> | 【設(shè)計(jì)面板】 | 【對(duì)齊】命令,打開【對(duì)齊】面板,選擇【垂直中齊】、【水平居中分布】和【相對(duì)于舞臺(tái)】命令,使這個(gè)正方形處于舞臺(tái)中央位置。 步驟 6:?jiǎn)螕魰r(shí)間軸上面的 “ 場(chǎng)景 1” 按鈕,或者按返回箭頭標(biāo)志返回到場(chǎng)景 1 編輯區(qū)。 步驟 7:?jiǎn)螕簟敬翱凇?span lang="EN-US"> | 【庫(kù)】命令,打開【庫(kù)】面板,或者按快捷鍵 “F 11” ,把 “ 正方形 ” 影片剪輯從 “ 庫(kù) ” 面板拖動(dòng)到舞臺(tái)中的合適位置。 步驟 8:?jiǎn)螕粑枧_(tái)中的 “ 正方形 ” 影片剪輯,選擇工具欄里面的 “ 自由變形工具 ” ,我們來改變這個(gè)影片剪輯的變形點(diǎn)。 步驟 9:現(xiàn)在,影片剪輯是在被選中的狀態(tài)下,四周會(huì)出現(xiàn) 8 個(gè)調(diào)節(jié)點(diǎn)和一個(gè)變形點(diǎn),利用鼠標(biāo)有意識(shí)的拖動(dòng),把這個(gè)變形點(diǎn)移動(dòng)到影片剪輯的外部。 步驟 10:制作這個(gè)影片剪輯的旋轉(zhuǎn)效果。在時(shí)間軸上的第 30 幀,插入關(guān)鍵幀。 步驟 11:在第 1 幀和第 30 幀之間任意一幀單擊鼠標(biāo)右鍵中的【創(chuàng)建補(bǔ)間動(dòng)畫】命令。 步驟 12:?jiǎn)螕舻?span lang="EN-US"> 1 幀,在舞臺(tái)下面的屬性面板中設(shè)置旋轉(zhuǎn)的方向以及旋轉(zhuǎn)參數(shù)。 步驟 13:測(cè)試,發(fā)現(xiàn)影片剪輯的旋轉(zhuǎn)中心并不是在影片剪輯的本身,而是在我們剛剛調(diào)節(jié)的那個(gè)變形點(diǎn)的位置,至此,我們就完成了影片剪輯的定點(diǎn)環(huán)繞效果。 步驟 14:如果想加快影片剪輯的旋轉(zhuǎn)速度,只要把屬性面板中的旋轉(zhuǎn)次數(shù)的值改變或者縮短時(shí)間軸的幀數(shù),都可以達(dá)到目的。
(4)引導(dǎo)層的應(yīng)用(引導(dǎo)層動(dòng)畫)
引導(dǎo)層是什么呢? 引導(dǎo)層就等于一個(gè)引路者,指引相關(guān)物體按著我們的想法來行動(dòng)。 引導(dǎo)層在導(dǎo)出的 SWF 文件中是不可見的,所以不會(huì)畫面的美觀造成影響。 引導(dǎo)層一般是和補(bǔ)間一塊用的,兩者相輔相成。 引導(dǎo)層怎么來的呢? 在 “ 插入圖層 ” 旁邊的就是添加引導(dǎo)層按鈕了。

添加完引導(dǎo)層后,一般來講,原來的圖層就變成了被引導(dǎo)層,但有時(shí)候,也有引導(dǎo)不成功的時(shí)候,這時(shí)候怎么確定呢?那就看引導(dǎo)層的圖標(biāo)和被引導(dǎo)層是否與引導(dǎo)層錯(cuò)開來的。~
那若是不想被引導(dǎo)的圖層,一不小心也讓引層了,怎么辦?
這時(shí)候,在不想被引導(dǎo)的圖層上,右擊,選擇屬性,類型選擇一般就可以取消被引導(dǎo)了。

實(shí)例制作:
看看效果,要小球走過這個(gè)不算迷宮的迷宮,如果單純用動(dòng)畫補(bǔ)間,雖說也可以,但要麻煩得多,這時(shí)候,只要加上一個(gè)引導(dǎo)層,一切就全解決了。下面我們就一起來做吧。
新建一個(gè)空白 Flash 文檔,把圖層 1 重命名為 “ 迷宮 ” ,然后在這一個(gè)圖層里畫出一個(gè)簡(jiǎn)易迷宮,如下圖。

畫好迷宮后,就不用管這一圖層了,直接鎖定起來,免得不小心破壞了。
新添加一個(gè)圖層,命名為 “ 小球 ” ,然后把筆觸顏色設(shè)置為無,選擇填充色里的漸變色,選那些圓的,這樣,直接用圓就可以拉出一個(gè)小球,非常方便。

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

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

好了,把這個(gè)引層圖層和剛才畫的迷宮圖層在第 250 幀插入幀,然后點(diǎn)回小球圖層,第一幀的小球注冊(cè)點(diǎn)和引層線對(duì)齊。

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

PS :引導(dǎo)層補(bǔ)間動(dòng)畫,要注意的就是注冊(cè)點(diǎn)要兩端對(duì)齊,這樣才能實(shí)現(xiàn)最終要的效果。
最后呢 , 為了不讓小球一到結(jié)束點(diǎn)就閃回來 ,可以在后面再插入些幀 , 在小球圖層和迷宮圖層第 300 幀插入幀。

好了,一個(gè)簡(jiǎn)單的引導(dǎo)層動(dòng)畫就做好了,有興趣的試下?! ?span lang="EN-US">
(5) Flash 遮罩動(dòng)畫制作
遮罩動(dòng)畫是 Flash 中的一個(gè)很重要的動(dòng)畫類型,很多效果豐富的動(dòng)畫都是通過遮罩動(dòng)畫來完成的。在 Flash 的圖層中有一個(gè)遮罩圖層類型,為了得到特殊的顯示效果,可以在遮罩層上創(chuàng)建一個(gè)任意形狀的“視窗”,遮罩層下方的對(duì)象可以通過該“視窗”顯示出來,而“視窗”之外的對(duì)象將不會(huì)顯示。
實(shí)例——要學(xué)做閃客
實(shí)例簡(jiǎn)介
“嗖”,伴著這聲音,一道白光迅速掠過一排文字,這是我們經(jīng)常在廣告和電視中看到的效果,如圖 1 所示。
你想不想知道它們是怎么制作出來的呢?其實(shí)很簡(jiǎn)單,利用前面學(xué)過的知識(shí)就可輕易地做出這個(gè)效果,下面,讓我們動(dòng)手試一試。

圖 1 本例運(yùn)行效果
知識(shí)要點(diǎn)
● 字體的二次打散
● 將字體轉(zhuǎn)為形狀
● 創(chuàng)建遮罩動(dòng)畫
■ 創(chuàng)建影片文檔
執(zhí)行【文件】 | 【新建】命令,在彈出的對(duì)話框中選擇【常規(guī)】 | 【 Flash 文檔】選項(xiàng)后,單擊【確定】按鈕,新建一個(gè)影片文檔,在【屬性】面板上設(shè)置文件大小為 550 × 400 像素,【背景色】為黑色(在教程中,我們?yōu)榱烁玫仫@示場(chǎng)景中的內(nèi)容,背景色設(shè)為了深綠色) , 如圖 2 所示。

圖 2 文檔屬性
■ 創(chuàng)建元件
步驟 1:創(chuàng)建“我要學(xué)做閃客”元件,執(zhí)行【插入】 | 【新建元件】命令,新建一個(gè)圖形元件,名稱為“我要學(xué)做閃客”。單擊工具箱中的【文字工具】 ,在場(chǎng)景中輸入“我要學(xué)做閃客”六個(gè)字,在【屬性】面板中,設(shè)置文字參數(shù)如圖 3 所示。
圖 3 “我要學(xué)做閃客”文字
選中字體,執(zhí)行【修改】 | 【分離】命令二次,把字體打散,再選擇【顏料桶工具】,把字體中心填充成紅色。各個(gè)步驟的文字效果如圖 4 所示。

圖 4 文字效果
步驟 2:創(chuàng)建“輝光”元件
執(zhí)行【插入】 | 【新建元件】命令,新建一個(gè)圖形元件,名稱為“輝光”。執(zhí)行【窗口】 | 【設(shè)計(jì)面板】 | 【混色器】命令,打開【混色器】面板,設(shè)置【填充樣式】為線性,將三個(gè)色標(biāo)全部設(shè)置為白色,第一和第三個(gè)的【 Alpha 】值為零,中間的為 74% (你可按需設(shè)置),設(shè)置完后,在場(chǎng)景中畫一個(gè)無邊矩形,大小為 40 × 230 ,如圖 5 所示。
圖 5 【混色器】面板和圖形
■ 創(chuàng)建動(dòng)畫
單擊時(shí)間軸右上角的【場(chǎng)景 1 】按鈕,切換到主場(chǎng)景。
本例的主場(chǎng)景 1 中共有四個(gè)圖層,我們從下向上一層一層的做。
步驟 1:創(chuàng)建【底層文字】層將【圖層 1 】重新命名為【底層文字】。
從庫(kù)里把“我要學(xué)做閃客”的元件拖到場(chǎng)景中,在第 60 幀處添加普通幀,這一層起顯示文字的作用。
步驟 2:創(chuàng)建被遮罩層
新建一個(gè)【輝光】圖層,從庫(kù)里把“輝光”元件拖到場(chǎng)景中,放在“我要學(xué)做閃客”元件實(shí)例的左邊。選擇工具欄上的【任意變形工具】,單擊【選項(xiàng)】中的【旋轉(zhuǎn)與傾斜】按鈕,將鼠標(biāo)放在“輝光”元件實(shí)例的任意一個(gè)角,拖動(dòng)鼠標(biāo)旋轉(zhuǎn)一定有角度,使“輝光”元件實(shí)例產(chǎn)生一定的傾斜度。在第 30 、 60 幀處添加關(guān)鍵幀,在第 30 幀處把“輝光”元件實(shí)例拖到“我要學(xué)做閃客”元件實(shí)例的右邊,在第 1 幀和第 30 幀處建立動(dòng)作補(bǔ)間動(dòng)畫,如圖 6 所示。

圖 6 “輝光”元件在場(chǎng)景中的位置
步驟 3:創(chuàng)建遮罩層
新建一個(gè)【遮罩層】圖層,復(fù)制【底層文字】層的第一幀中的元件實(shí)例,選擇【遮罩層】的第 1 幀,執(zhí)行【編輯】 | 【粘貼到當(dāng)前位置】命令,用鼠標(biāo)右鍵單擊【遮罩層】,選擇【遮罩層】,設(shè)置此層為遮罩層,這一層的作用是用字體做遮罩元素,用它來控制輝光在場(chǎng)景中出現(xiàn)的大小和位置。
至此,我們就已經(jīng)創(chuàng)建好了“我要學(xué)做閃客”這個(gè)動(dòng)畫,時(shí)間軸面板如圖 7 所示。

圖 7 時(shí)間軸面板上的圖層
(6)場(chǎng)景的管理
□ 添加場(chǎng)景
添加場(chǎng)景的方法有以下兩種:
方法一:選擇【插入】 / 【場(chǎng)景】命令。
方法二:選擇【窗口】 / 【其它面板】(或設(shè)計(jì)面板) / 【場(chǎng)景】命令或按“ Shifit+F2 ” 鍵,打開場(chǎng)景面板(如圖8 所示),單擊其中的【添加場(chǎng)景】按鈕,如圖 9 所示。

圖 8 場(chǎng)景面板 圖 9 添加場(chǎng)景
□ 切換場(chǎng)景
切換場(chǎng)景的方法也有兩種:
方法一:?jiǎn)螕艟庉嫏谥械摹揪庉媹?chǎng)景】按鈕 ,在彈出的下拉菜單中選擇要切換的場(chǎng)景。
方法二:選擇【視圖】 / 【轉(zhuǎn)到】命令的子命令,進(jìn)行場(chǎng)景的選擇。
以下為Flash制作動(dòng)畫的其它基礎(chǔ)技能:幀的操作,圖層操作,色彩動(dòng)畫,變形動(dòng)畫,精確變形動(dòng)畫,制作按鈕,導(dǎo)入聲音,補(bǔ)間動(dòng)畫。
更為全面的學(xué)習(xí)請(qǐng)參照 FLASH 學(xué)習(xí)視頻 Flash 8專業(yè)版實(shí)例視頻教程 以及參考資料中的網(wǎng)站。
Firework視頻教程 : http://www./eschool/zhuanti/fireworks/
3D Maxs 三維動(dòng)畫制作在線教程 :http://www./eschool/zhuanti/3dmax/
六、思考與練習(xí)題
1.用 Flash 制作簡(jiǎn)單的移動(dòng)動(dòng)畫和引導(dǎo)動(dòng)畫
2.請(qǐng)比較 ImageReady 與 Photoshop 有什么區(qū)別?
實(shí)作練習(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/ |