1、圖 3 3- -6 6- -6 6 文檔屬性 第 9 課引導(dǎo)路徑動(dòng)畫 在前面幾課里，我們已經(jīng)給大家介紹了一些動(dòng)畫效果，如跳動(dòng)的小球、輝光 掠過文字等等，不知你注意到?jīng)]有，這些動(dòng)畫的運(yùn)動(dòng)軌跡都是直線的， 可是在生 活中，有很多運(yùn)動(dòng)是弧線或不規(guī)則的，如月亮圍繞地球旋轉(zhuǎn)、魚兒在大海里遨游 等，在 FlashFlash 中能不能做出這種效果呢？ 答案是肯定的，這就是“引導(dǎo)路徑動(dòng)畫” 將一個(gè)或多個(gè)層鏈接到一個(gè)運(yùn)動(dòng)引導(dǎo)層， 使一個(gè)或多個(gè)對(duì)象沿同一條路徑運(yùn) 動(dòng)的動(dòng)畫形式被稱為“引導(dǎo)路徑動(dòng)畫”。 這種動(dòng)畫可以使一個(gè)或多個(gè)元件完成曲 線或不規(guī)則運(yùn)動(dòng)。 1學(xué)習(xí)目的 創(chuàng)建多層引導(dǎo)路徑動(dòng)畫 用文字做路徑 創(chuàng)建光芒四射

2、的星星 課前熱身 （1）創(chuàng)建影片文檔 步驟 1 1 設(shè)置影片文檔屬性 執(zhí)行【文件】| |【新建】命令，新建一個(gè)影片文檔，設(shè)置舞臺(tái)尺寸為 515 515 X152152 像素，背景色為黑色（尺 寸可稍后根據(jù)導(dǎo)入的圖片尺寸再次調(diào)整），如圖 3 3- -6 6- -6 6 所示。 步驟 2 2 創(chuàng)建背景圖層 執(zhí)行【文件】| |【導(dǎo)入】| |【導(dǎo)入到舞臺(tái)】命令，選擇任意一幅圖片導(dǎo)入到場(chǎng)景中 (2 2 )創(chuàng)建元件 步驟 1 1 創(chuàng)建老康藍(lán)屋元件 執(zhí)行【插入】| |【新建元件】命令，新建一個(gè)圖形元件，名稱為“老康藍(lán)屋”，如圖 3 3- -6 6- -7 7所示 圖 3 3- -6 6- -7 7 創(chuàng)建“老

3、康藍(lán)屋”元件 選擇【文本工具】 ，在場(chǎng)景中輸入“老康藍(lán)屋”四個(gè)字，在【屬性】面 板中，設(shè)置文本類型【靜態(tài)文本】，字體【華文彩云】，字體大小為 8080，顏色 為白色，如圖 3 3- -6 6- -8 8 所示。 雇性 尸h/啾刑甥觀腕 A 篩態(tài)文本 7 A 戦妊 :阿甘GJ B 7 文本工具 AV * )0 “施正常 v回自動(dòng)調(diào)整字距 s. 硝 口口使用設(shè)備字祎 圖 3 3- -6 6- -8 8 “老康藍(lán)屋”文字【屬性】面板 建“星星”元件 執(zhí)行【插入】| |【新建元件】命令，新建一個(gè)圖形元件，名稱為“星星”，如圖 3 3- -6 6- -9 9所示。 圖 3 3- -6 6- -9 9 創(chuàng)

4、建“星星”元件 在這個(gè)新元件中，我們將用一個(gè)圓形構(gòu)成星星的主體，另用三條直線構(gòu)成星星四射的光芒。 將【圖層 1 1】名稱重新命名為“中心”，選擇【橢圓工具】 畫一個(gè)圓形，大小為“ 1313X 1313”像素。在【混色器】面板中，選擇【填充樣式】為【放射狀】，將兩個(gè)色 標(biāo)的顏色均設(shè)置為白色，其中左邊的【 AlphaAlpha】值為 100%100%右邊的為 0%0%用【顏料桶工具】填充圓形，設(shè) 置顏料桶屬性和填充后的效果如圖 3 3- -6 6- -1010 所示。 圖 3 3- -6 6- -1010 畫星星的中心 新建一個(gè)圖層，重新命名為“光芒”，選擇工具欄上的【矩形工具】，設(shè)置【筆觸顏色】

5、為無，在 場(chǎng)景中繪制一個(gè)細(xì)長(zhǎng)的矩形。在【混色器】面板中，選擇【填充樣式】為【線性】，將四個(gè)色標(biāo)的顏色均 設(shè)置為白色。其中，中間兩個(gè)色標(biāo)【 AlphaAlpha】值為 100%100%左右兩邊的兩個(gè)色標(biāo)【AlphaAlpha】值為 0%0%用【顏料 桶工具】填充矩形，設(shè)置顏料桶屬性如圖 3 3- -6 6- -1111 所示。，設(shè)置【筆觸顏色】為無，在場(chǎng)景中 果 圖 3 3- -6 6- -12(b)12(b)變形面板 圖 3 3- -6 6- -1111【混色器】面板 接著，我們復(fù)制幾條光芒，單擊【窗口】| |【設(shè)計(jì)面板】| |【變形】，打開【變 形】面板，設(shè)置【旋轉(zhuǎn)】為 4545 度，連續(xù)單

6、擊三次【復(fù)制并應(yīng)用變形】按鈕，星 星的光芒就畫好了，變形面板及星星效果分別如圖 3 3- -6 6- -12(a)12(a)和 3 3- -6 6- -12(b)12(b)所示。 3 3- -6 6- -12(a)12(a) 制作完成的星星效 注意，畫好的星星中心要對(duì)準(zhǔn)場(chǎng)景中的十字星 ( (為了顯示清楚，圖 3 3- -6 6- -1212 中 星星放大 300%),300%), 步驟 3 3 創(chuàng)建“旋轉(zhuǎn)的星星”元件 執(zhí)行【插入】| |【新建元件】命令，新建一個(gè)影片剪輯，名稱為“旋轉(zhuǎn)的星星”。從庫中將名為“星 星”的元件拖到第 1 1 幀中，在第 2020 幀添加關(guān)鍵幀，再在第 1 1 幀建立

7、動(dòng)作補(bǔ)間動(dòng)畫，在【屬性】面板上設(shè)置 順時(shí)針旋轉(zhuǎn)一周，如圖 3 3- -6 6- -1313 所示。 圖 3 3- -6 6- -1313 設(shè)置動(dòng)作補(bǔ)間動(dòng)畫的旋轉(zhuǎn) 步驟 4 4 創(chuàng)建“填充顏色”元件 執(zhí)行【插入】| |【新建元件】命令，新建一個(gè)影片剪輯，名稱為“填充顏色”。先從庫里把圖形元件 “老康藍(lán)層”拖到場(chǎng)景中，然后執(zhí)行【修改】 | |【分離】命令三次，把文字打散為圖形，其中第一次是將圖 形元件實(shí)例分離成文字，第二次是將文字分離成單個(gè)的字塊，第三次是將 文字塊分離成圖形。選擇【選 擇工具】，在場(chǎng)景的空白處單擊，取消對(duì)文字的選擇，再選擇【顏料桶工具】 老 L L 把每個(gè)字中間的空隙 都填充上藍(lán)

8、色，如圖 3 3- -6 6- -1414 所示 圖 3 3- -6 6- -1414 填充好的文字 (3 3)創(chuàng)建動(dòng)畫 單擊時(shí)間軸右上方的【編輯場(chǎng)景】按鈕，選擇【場(chǎng)景 1 1】切換到主場(chǎng)景中。 本實(shí)例場(chǎng)景中共有八個(gè)圖層，最下面的圖層是圖片背景，在前面已經(jīng)先建好了，現(xiàn)在我們從最后第二 層開始向上一層一層地?cái)⑹?，在敘述過程中，請(qǐng)隨時(shí)參考圖 3 3- -6 6- -16 16 o 衲可：動(dòng)柞 匕回縮矽 V 旋轉(zhuǎn)： 頃時(shí)針 V I :_調(diào)整到晞徑 ,a |同歩1叼對(duì)齊 步驟 1 1 創(chuàng)建【填充藍(lán)色的文字】層 根據(jù)需要，我們先將背景圖層的幀延伸到第 6060 幀，再插入一個(gè)新圖層并命名為“填充藍(lán)色的文

9、字”。 現(xiàn)在我們?cè)凇咎畛渌{(lán)色的文字】圖層中，把庫里的名為“填充顏色”的元件拖到場(chǎng)景中間，在【屬面】板 中設(shè)置【X X】為 9 9,【Y Y】為6565。 注意，以后的操作中，上面各圖層中的文字都要和本圖層中的文字對(duì)齊。 在第 3030、6060 幀插入關(guān)鍵幀，在第 1 1、3030 幀間建立動(dòng)作補(bǔ)間動(dòng)畫，接著編輯第 1 1、第 6060 幀中的元件實(shí) 例。 分別選擇第 1 1 幀與第 6060 幀中的“填充顏色”元件實(shí)例，在【屬性】面板上設(shè)置【 AlphaAlpha】值為 0% 0% 如圖 3 3- -6 6- -1515 所示。如此設(shè)置的作用是讓文字的底色有明暗漸變的效果，讓畫面更生動(dòng)一些。

10、 圖 3 3- -6 6- -1515 在【屬性】面板中設(shè)置元件實(shí)例透明度 步驟 2 2 創(chuàng)建【文字】層 新建名為“文字”的圖層，把庫里名為“老康藍(lán)屋”的元件拖到場(chǎng)景中，文字的邊緣要和下面的“填 充藍(lán)色的文字”圖層文字邊緣對(duì)齊，必要時(shí)可把對(duì)象放大。 步驟 3 3 創(chuàng)建引導(dǎo)層和被引導(dǎo)層 新建一圖層并命名為“星星一”，再單擊時(shí)間軸上的【添加引導(dǎo)層】按鈕 圉，創(chuàng)建引導(dǎo)層，此時(shí)剛 剛新建的圖層會(huì)自動(dòng)縮進(jìn)到引導(dǎo)層下面， 單擊縮進(jìn)了的這一層，在時(shí)間軸上連續(xù)單擊【添加圖層】按鈕， 共三次，就會(huì)在引導(dǎo)層下面創(chuàng)建好四個(gè)縮進(jìn)的被引導(dǎo)層， 其它三個(gè)圖層分別命名為 “星星二”、“星星三” 和“星星四”，在這些被引導(dǎo)圖

11、層中，用來放置旋轉(zhuǎn)的星星。 完成后的時(shí)間軸如圖 3 3- -6 6- -1616 所示。 時(shí)何軸 j： I ./i .TiV.i * 5 W 15 20 25 30 35 40 45 50 55 60 “K 口 O O B 星星二 * G 星星二 山 . . . . . . . D星星四 口 “ 0 如 * 6 O埴充藍(lán)邑皿 * 杲國(guó)展 o 丄宣衛(wèi)囲| 1 謔”0疔”0.0s ! 圖 3 3- -6 6- -1616 時(shí)間軸面板 步驟 4 4 設(shè)置引導(dǎo)層 選中引導(dǎo)圖層，從庫里把名為“老康藍(lán)屋”的元件拖岀來，其邊緣要和下面的“文字”圖層中的對(duì)象 邊緣對(duì)齊，執(zhí)行【修改】| |【分離】命令三次，把文

12、字打散成形狀， 注意，這時(shí)“老康藍(lán)屋”元件已經(jīng)被“打 散”，原文字的邊緣已經(jīng)成為“線段”，它將被我們用作“引導(dǎo)線”。 這時(shí)候的場(chǎng)景效果如圖 3 3- -6 6- -1717 所示。 圖 3 3- -6 6- -1717 打散文字，作為引導(dǎo)線 步驟 5 5 設(shè)置被引導(dǎo)層 在步驟 3 3 里面， 我們已經(jīng)創(chuàng)建了四個(gè)“被引導(dǎo)層”， 現(xiàn)在我們來設(shè)置這四個(gè)“被引導(dǎo)層”里的內(nèi)容, 每個(gè)圖層里放一個(gè)“星星”元件，并分別沿著“老康藍(lán)屋” 4 4 字的邊緣運(yùn)動(dòng)。 首先設(shè)置第一個(gè)“老”字： 為了防止對(duì)引導(dǎo)層進(jìn)行誤操作，我們先鎖住該層，圖層結(jié)構(gòu)如圖 3 3- -6 6- -1818 所示。 圖 3 3- -6 6- -1818 鎖定引導(dǎo)層 選中【星星一】圖層，單擊工具欄上的【對(duì)齊對(duì)象】 按鈕，從庫里把名為“旋 這是星星運(yùn)動(dòng)的起始點(diǎn), 這是星星運(yùn)動(dòng)的結(jié)束點(diǎn) 轉(zhuǎn)的星星”的元件拖出來，放在“老”字邊緣的某一點(diǎn), 在第 6060 幀添加關(guān)鍵幀，移動(dòng)星星到文字邊緣的另一處, 在第 1 1 幀建立動(dòng)作補(bǔ)間動(dòng)畫 切記：元件的中心點(diǎn)一定要位于文字邊緣的線上，如圖 3 3- -6 6- -1919 所示 第1幀 第60