紅玫瑰咖啡屋精品課件

1、紅玫瑰咖啡屋第1頁，共68頁，2022年，5月20日，17點42分，星期二課前導讀基礎(chǔ)知識重點知識 第2頁，共68頁，2022年，5月20日，17點42分，星期二基礎(chǔ)知識動作補間動畫、形狀補間動畫、元件的使用等。 第3頁，共68頁，2022年，5月20日，17點42分，星期二重點知識 對各種動畫的綜合應用，以及制作網(wǎng)頁的基本方法。讀者應仔細閱讀相關(guān)部分，并結(jié)合上機實戰(zhàn)練習和掌握。第4頁，共68頁，2022年，5月20日，17點42分，星期二課堂講解實例目標 制作分析 第5頁，共68頁，2022年，5月20日，17點42分，星期二實例目標 動畫本實例將制作一個“紅玫瑰咖啡屋”網(wǎng)站片頭首頁，其最終

2、效果如圖20-1所示。圖20-1 第6頁，共68頁，2022年，5月20日，17點42分，星期二 網(wǎng)站片頭以動感的咖啡屋標志開始，配以動感的音樂和動畫，然后轉(zhuǎn)入溫馨浪漫的首頁中，整個頁面以溫馨的餐桌一角為背景，餐桌上布置著一枝紅玫瑰和一盤咖啡，體現(xiàn)了“紅玫瑰咖啡屋”的主題，我們?yōu)椴妥郎咸砑恿艘粋€運動的咖啡杯，從咖啡杯中出現(xiàn)一條流線形的圖案，并配以文字“品味咖啡，享受生活”。頁面的主、體是幾個按鈕，分別代表咖啡心情、咖啡文化、享受咖啡、與我們聯(lián)系幾個主題。將鼠標移動到按鈕上時會有好聽的聲音，并出現(xiàn)第7頁，共68頁，2022年，5月20日，17點42分，星期二 一串動感的小箭頭，單擊這些按鈕將打開

3、相應的網(wǎng)頁。在頁面的右邊有一首從下到上逐漸移動并變色的小詩。 通過本例的練習，不但可以學習到如何將Flash中的各種動畫綜合在一起制作出優(yōu)美的動態(tài)效果，而且可以了解制作網(wǎng)站片頭和網(wǎng)頁的一般方法，以及如何合理地組織和布局各種構(gòu)成元素以使整體達到最好的效果。 第8頁，共68頁，2022年，5月20日，17點42分，星期二制作分析 現(xiàn)在，互聯(lián)網(wǎng)上形形色色的網(wǎng)站不勝枚舉，要讓自己的網(wǎng)站獨樹一幟，吸引人們的眼球，一個精彩的網(wǎng)站片頭是必不可少的。用Flash設(shè)計別具一格的網(wǎng)頁或網(wǎng)站片頭，已經(jīng)成為一種很實用的技能。本實例就將讓您學會如何綜合運用Flash MX 2004在動畫和特效方面的長處，制作出引人注目

4、的網(wǎng)站片頭和網(wǎng)頁。 在動手制作“紅玫瑰咖啡屋”片頭和首頁之前，首先要了解有關(guān)網(wǎng)頁制作方面的相關(guān)知識。 第9頁，共68頁，2022年，5月20日，17點42分，星期二 通過主頁和片頭動畫代表了一個網(wǎng)站或企業(yè)的形象，所以制作的主頁不僅要體現(xiàn)網(wǎng)站的宗旨和風格或企業(yè)的特征和企業(yè)文化等，還要充分考慮網(wǎng)站所面向群體的愛好和需求，才能更好地抓住觀眾的心理。 由于Flash的主要功能是制作動畫而非網(wǎng)頁，其網(wǎng)頁制作功能也不能像Dreamweaver等專業(yè)網(wǎng)頁工具一樣強大，但動感的網(wǎng)站片頭則是Flash的強項，可以充分發(fā)揮Flash制作動畫的優(yōu)點，在視覺和聽覺效果上給觀眾以更大的視覺沖擊和聽覺震撼。 第10頁，共

5、68頁，2022年，5月20日，17點42分，星期二 設(shè)計片頭動畫或網(wǎng)頁需要的素材很多，因此在制作片頭動畫和網(wǎng)頁之前必須做到心中有數(shù)，在腦海中有個網(wǎng)頁的大致輪廓，然后將需要的素材搜集好。并對網(wǎng)頁中用到的動畫要有合理的時間和空間安排，避免雜亂無章。 用Flash制作動態(tài)的網(wǎng)站片頭和主頁，一般要用到很多不同的動畫效果。本實例從一張白色頁面入手，首先以動感的音樂和動畫向人們展示咖啡屋的標志CF，然后以一個溫馨的畫面和一首小詩體現(xiàn)了咖啡屋精致、典雅、健康、時尚的特點。并用按鈕添加了幾個鏈接。 第11頁，共68頁，2022年，5月20日，17點42分，星期二 在制作過程中可以將該網(wǎng)站片頭分為幾大步來制作

6、：首先制作動感的網(wǎng)站片頭，然后制作溫馨的首頁畫面，最后為它們分別添加動感的音樂和溫馨浪漫的輕音樂。 在制作網(wǎng)站片頭時，先將需要的素材整理出來，利用補間動畫和逐幀動畫制作需要用到的幾個元件，然后通過制作動作補間動畫，以及調(diào)整各圖層中幀的順序來完成。需要注意的是，要使整個動畫具有動感，很多地方都需要將動畫的時間縮短，即幀與幀之間的間隔不能太長。 第12頁，共68頁，2022年，5月20日，17點42分，星期二 在制作首頁時，由于每個元件的位置和大小并不好確定，因此，我們常常需要將某些圖片或文字的大小和位置確定后再將其轉(zhuǎn)換為元件。 在添加背景音樂時，最好將這些聲音文件設(shè)置為數(shù)據(jù)流，這樣才不會出現(xiàn)聲音

7、“跑位”的情況，如已經(jīng)在溫馨的畫面了，卻還在播放動感的音樂，這樣會使整個網(wǎng)頁顯得不協(xié)調(diào)。 最后需要注意的是，動畫制作完成后，也許并不能一步到位，可能會出現(xiàn)位置或大小的偏差，這時應多測試幾次，并對相應的地方進行修改。 第13頁，共68頁，2022年，5月20日，17點42分，星期二上機實戰(zhàn) 制作網(wǎng)頁片頭 制作首頁 添加語句和背景音樂 第14頁，共68頁，2022年，5月20日，17點42分，星期二制作網(wǎng)頁片頭 制作需要的元件制作場景動畫 第15頁，共68頁，2022年，5月20日，17點42分，星期二 網(wǎng)頁片頭包括兩大步驟：首先制作需要的元件，再制作場景動畫。第16頁，共68頁，2022年，5月

8、20日，17點42分，星期二制作需要的元件 其具體操作如下 ： （1）新建一個文件，再新建一個名為“coffe”的圖形元件，在其中繪制如圖20-2所示的圖形，其顏色為桔黃色，底紋為灰色。 圖20-2第17頁，共68頁，2022年，5月20日，17點42分，星期二 （2）輸入字母“CF”，將其屬性設(shè)置為“Arial Black、150、桔黃色”，并為其添加灰色底紋，然后按【Ctrl+B】鍵將“CF”打散，并移動到該圖形元件的中間，如圖20-3所示。至此標志制作完成。 （3）新建一個名為“coffee”的圖形元件，在其中輸入文字“coffee”，并設(shè)置為“Arial Black、24、灰色”，如圖

9、20-4所示。 圖20-4圖20-3第18頁，共68頁，2022年，5月20日，17點42分，星期二 （4）創(chuàng)建一個名為“l(fā)oading”的圖形元件，在其中繪制6個桔黃色的小橢圓，如圖20-5所示。 （5）創(chuàng)建一個名為“彎”的圖形元件，在其中繪制一個如圖20-6所示的圖形，將其設(shè)置為桔黃色，并添加灰色底紋，如圖20-6所示。 圖20-6圖20-5第19頁，共68頁，2022年，5月20日，17點42分，星期二 （6）創(chuàng)建一個名為“手捧咖啡”的圖形元件，在其中導入圖片“手捧咖啡.jpg”，將其縮小至適當大小，并用任意變形工具 旋轉(zhuǎn)該圖片，其位置、大小和形狀如圖20-7所示。 （7）創(chuàng)建一個名為“

10、point”的影片剪輯元件，在其中繪制一個白色的橢圓，在“混色器”中選擇“放射狀”漸變，將左邊和右邊的 圖標顏色均設(shè)為白色，然后選中右邊的白色圖標 ，將右邊的alpha值設(shè)為10%。 圖20-7第20頁，共68頁，2022年，5月20日，17點42分，星期二 （8）選中第1幀，將其復制到第9幀和第20幀，然后選中第9幀，用任意變形工具 將其按比例放大，依次在第1-9幀、9-20幀之間創(chuàng)建形狀補間動畫，如圖20-8所示。 圖20-8第21頁，共68頁，2022年，5月20日，17點42分，星期二 （9）創(chuàng)建一個名為“文字錄入”的影片剪輯，在其中輸入文字，并將其設(shè)為“Times New Roman

11、、23、咖啡色、加粗、傾斜”，然后依次在第1、2、39幀插入關(guān)鍵幀。 （10）選中第1幀，將除了“http”外的所有文字刪除，選中第2幀，將“：”后的文字刪除，選中第3幀，將“/”后的文字刪除，選中第4幀，將“www”后的文字刪除，用同樣的方法處理其他關(guān)鍵幀，創(chuàng)建出文字一個一個出現(xiàn)的動畫效果。 第22頁，共68頁，2022年，5月20日，17點42分，星期二制作場景動畫 其具體操作如下 ： （1）單擊 圖標回到場景中，將“圖層1”命名為“圖標”，打開“庫”面板，將元件“coffe”拖放到場景中間位置，并縮至適當大小，如圖20-9所示。圖20-9第23頁，共68頁，2022年，5月20日，17點

12、42分，星期二 （2）在第8幀插入關(guān)鍵幀，然后選中第1幀中的“coffe”元件，將其按比例放大，并在屬性面板中將其alpha值設(shè)為0%，如圖20-10所示。然后在第1幀和第8幀之間創(chuàng)建關(guān)鍵幀。最后在第70幀插入普通幀。 圖20-10第24頁，共68頁，2022年，5月20日，17點42分，星期二 （3）創(chuàng)建一個圖層，并命名為“圖標殘影”，將其移動到“圖標”圖層下方，在第8幀插入關(guān)鍵幀，將“圖標”圖層的第8幀復制到“圖標殘影”的第8幀。（4）選中“圖標殘影”層的第21幀，將元件“coffe”放大一些，在“屬性”面板中將其alpha值設(shè)為0%，然后在第8幀和第21幀之間創(chuàng)建動作補間動畫，如圖20-

13、11所示。（5）在“圖標殘影”層的第22幀插入空白關(guān)鍵幀，將元件“coffee”拖放到元件“coffe”的下方，并將其alpha值設(shè)為0%。 第25頁，共68頁，2022年，5月20日，17點42分，星期二圖20-11 為了便于編輯“圖標殘影”圖層，我們將“圖標”層的眼睛圖標關(guān)閉，只能看到“圖標殘影”圖層。第26頁，共68頁，2022年，5月20日，17點42分，星期二 （6）在第35幀插入關(guān)鍵幀，選中元件“coffee”，在“屬性”面板中選擇“顏色”為“色調(diào)”，在旁邊的顏色圖標中選擇黑色，并進行如圖20-12所示的設(shè)置，最后將“coffee”上移一點，在第22幀和第35幀之間創(chuàng)建動作補間動畫

14、。 圖20-12第27頁，共68頁，2022年，5月20日，17點42分，星期二 （7）在第50、55、64幀依次插入關(guān)鍵幀，選中第55幀中的“coffee”，將其水平拉長，并在“屬性”面板中將其色調(diào)設(shè)為灰色，然后選中第60幀的“coffee”，將其按比例縮小，并將其alpha值設(shè)為0%。（8）依次在第50、55、64幀之間創(chuàng)建補間動畫，在第70幀按【F5】鍵沿用幀。 （9）下面創(chuàng)建元件“coffe”飛出舞臺的動畫。在“圖標”層上方新建一個引導圖層，在第71幀插入關(guān)鍵幀，并用鉛筆工具繪制一條曲線，如圖20-13所示。然后在第85幀按【F5】鍵沿用幀。 第28頁，共68頁，2022年，5月20日

15、，17點42分，星期二圖20-13 繪制引導線時最好將曲線的起點置于圖標的中間位置，這樣可以使圖標運動的起始位置與前面幾幀中的位置一致，使得動畫更自然。第29頁，共68頁，2022年，5月20日，17點42分，星期二 （10）在“圖標”層的第71幀插入關(guān)鍵幀，將元件“coffe”移動到引導線的起始位置，在“屬性”面板中進行如圖20-14所示的設(shè)置。 （11）在第85幀插入關(guān)鍵幀，將元件“coffe”移動到引導線的終點位置，并將其alpha值設(shè)為0%，然后在第71幀和第85幀之間創(chuàng)建補間動畫。圖20-14 第30頁，共68頁，2022年，5月20日，17點42分，星期二 （12）新建一個圖層，并

16、命名為“l(fā)oading”，在第36幀插入關(guān)鍵幀，將元件“l(fā)oading”拖放到“coffee”的下方，在第49幀插入關(guān)鍵幀，并將該幀中元件的alpha值設(shè)為0%。（13）在第36幀和第49幀之間創(chuàng)建動作補間動畫。 （14）在引導層上方新建一個圖層，并命名為“弧形”，在第86幀插入關(guān)鍵幀，將元件“彎”拖放到場景中，并縮至適當大小，其位置和大小如圖20-15所示。 圖20-15第31頁，共68頁，2022年，5月20日，17點42分，星期二 （15）在第93幀插入關(guān)鍵幀，將元件“彎”移至舞臺外（左上方），并將其alpha值設(shè)為0%，然后在第86幀和第93幀之間創(chuàng)建動作補間動畫。 （16）在“弧形”

17、層上方新建一個圖層，并命名為“手捧咖啡”，在第94幀插入關(guān)鍵幀，將元件“手捧咖啡”拖放到場景中，其位置與大小如圖20-16所示。 圖20-16第32頁，共68頁，2022年，5月20日，17點42分，星期二 （17）在第100幀插入關(guān)鍵幀，將元件“手捧咖啡”拖放到舞臺外（右上方），將其alpha值設(shè)為0%，然后在第94幀和第100幀之間創(chuàng)建動作補間動畫。（18）在“手捧咖啡”層的第132、135、143幀插入關(guān)鍵幀，選中第135幀中的元件“手捧咖啡”，將其向左下方移動一點，使其與元件“彎”接近一點，再選中第143幀中的元件“手捧咖啡”，將其向右拖動到舞臺外，并將其alpha值設(shè)為0%。 （19

18、）依次在第132、135、143幀之間創(chuàng)建補間動畫。 （20）在“弧形”層第132、135、143幀插入關(guān)鍵幀，選中第135幀中的元件“彎”，將其向右上方移動一點，使其與元件“手捧咖啡”接近一點，再選中第143幀中的元件“變”，將其向左拖動到舞臺外，并將其alpha值設(shè)為0%。 第33頁，共68頁，2022年，5月20日，17點42分，星期二 （21）依次在第132、135、143幀之間創(chuàng)建補間動畫。 （22）在“手捧咖啡”層上新建一個圖層，并命名為“白光”，在第100幀插入關(guān)鍵幀，將元件“point”拖放到“手捧咖啡”圖片上，并將其縮為一個小圓點，如圖20-17所示。 圖20-17第34頁，

19、共68頁，2022年，5月20日，17點42分，星期二 （23）在第107幀插放關(guān)鍵幀，將元件“point”按比例放大，如圖20-18所示。 （24）在第113幀插入關(guān)鍵幀，用任意變形工具 將元件“point”改變成如圖20-19所示的形狀。在第120幀插入關(guān)鍵幀，將其再水平拉長一些，位置下移一些，再將其alpha值設(shè)為0%，如圖20-20所示。 圖20-16第35頁，共68頁，2022年，5月20日，17點42分，星期二 （25）分別在100、107、113和120之間創(chuàng)建動作補間動畫，得到咖啡的閃光效果。 圖20-19圖20-20第36頁，共68頁，2022年，5月20日，17點42分，星

20、期二 （26）在“圖標殘影”層的上方新建一個圖層，并命名為“網(wǎng)址”，在第130幀插入關(guān)鍵幀，將元件“文字錄入”拖放到舞臺的左下方。 （27）在“圖標”層的第120幀插入空白關(guān)鍵幀，將元件“coffe”拖放到舞臺的右下角，然后在第125、130幀插入關(guān)鍵幀，選中第125幀中的元件，將其放大一些，將alpha值設(shè)為50%。 （28）分別在第120、125、130幀之間創(chuàng)建補間動畫，創(chuàng)建標志閃爍的動畫。 第37頁，共68頁，2022年，5月20日，17點42分，星期二制作首頁 其具體操作如下 ：（1）創(chuàng)建一個名為“背景”的圖層，在第141幀插入關(guān)鍵幀，導入圖片“背景.jpg”，改變其大小，使其剛好能

21、夠覆蓋場景，然后將其轉(zhuǎn)換為名為“背景”的圖形元件。 （2）在第150幀插入關(guān)鍵幀，選中第141幀中的背景圖片，將其alpha值設(shè)為0%，選中第150幀中的背景，將其alpha值設(shè)為40%，然后在第141幀和第150幀之間創(chuàng)建動作補間動畫。 （3）在“背景”層上方新建一個圖層，并命名為“文字”，在舞臺左下角的“網(wǎng)址”上方輸入“玫瑰咖啡屋”，將其設(shè)為“隸書、25、紅色”，將其中的“咖啡”二字改為咖啡色，然后復制一份“玫瑰咖啡屋”，將其顏色改為黃色，為原來的文字添加黃色底紋，如圖20-21所示。第38頁，共68頁，2022年，5月20日，17點42分，星期二圖20-21第39頁，共68頁，2022年

22、，5月20日，17點42分，星期二 （4）新建一個名為“按鈕動畫”的影片剪輯元件，打開公用庫的“庫-按鈕”面板，在其“Ovals”類下選中“Ovals button-orange”，將其拖放到元件編輯區(qū)中，并將其適當縮小。 （5）分別在第5幀和第8幀插入關(guān)鍵幀，選中第5幀中的按鈕，將其放大一點，然后在第1、5、8幀之間分別創(chuàng)建動作補間動畫。 （6）單擊 圖標回到場景中，在“白光”圖層的上方新建一個圖層，并命名為“按鈕”，在第159幀插入關(guān)鍵幀，將“按鈕動畫”元件拖放到舞臺中，放置在如圖20-22所示的位置。 第40頁，共68頁，2022年，5月20日，17點42分，星期二圖20-22第41頁，

23、共68頁，2022年，5月20日，17點42分，星期二 （7）在“按鈕”圖層上方新建一個圖層，并命名為“按鈕1”，在第161幀插入關(guān)鍵幀，再次將“按鈕動畫”元件拖放到舞臺中。 （8）在“按鈕1”圖層上方新建一個圖層，并命名為“按鈕2”，在第163幀插入關(guān)鍵幀，再次將“按鈕動畫”元件拖放到舞臺中。 （9）在“按鈕2”圖層上方新建一個圖層，并命名為“按鈕3”，在第165幀插入關(guān)鍵幀，再次將“按鈕動畫”元件拖放到舞臺中。這4個按鈕的放置位置如圖20-23所示。 第42頁，共68頁，2022年，5月20日，17點42分，星期二圖20-23第43頁，共68頁，2022年，5月20日，17點42分，星期二

24、 （10）在“按鈕3”圖層上方新建一個圖層，并命名為“文字”，在第166幀插入關(guān)鍵幀，用文本工具在每個按鈕的右下方輸入文字，如圖20-24所示。文字屬性為“新宋體、17、黑色”。 圖20-24第44頁，共68頁，2022年，5月20日，17點42分，星期二 （11）選中這幾行文字，按【Ctrl+G】鍵將其組合起來，并轉(zhuǎn)換為名為“文字”的圖形元件，然后在第170幀插入關(guān)鍵幀。 （12）選中第166幀中的“文字”元件，將其alpha值設(shè)為0%，并將元件向右下方移動一點，然后在第166幀和第170幀之間創(chuàng)建動作補間動畫。 （13）新建一個名為“運動的咖啡”的影片剪輯元件，導入圖片“咖啡杯.jpg”，

25、并將其轉(zhuǎn)換為圖形元件，如圖20-25所示。 圖20-25第45頁，共68頁，2022年，5月20日，17點42分，星期二 （14）在第10幀插入關(guān)鍵幀，將咖啡杯向右移動一段距離，在第15幀插入關(guān)鍵幀，將咖啡杯向左移動一小段距離，在第24幀插入關(guān)鍵幀，將咖啡杯向上移動一小段距離，再將第15幀復制到第35幀。最后將第1幀中的咖啡杯的alpha值設(shè)為0%。 （15）依次在第1、10、15、24、35幀之間創(chuàng)建動作補間動畫，然后選中第35幀，為其添加stop語句。 （16）新建一個名為“閃光”的影片剪輯元件，在其中繪制一個如圖20-26所示的形狀，并將其轉(zhuǎn)換為圖形元件，其顏色為白-粉紅-白的放射狀漸變

26、。 圖20-26第46頁，共68頁，2022年，5月20日，17點42分，星期二 （17）在第20幀插入關(guān)鍵幀，然后選中第1幀，在“屬性”面板中進行如圖20-27所示的設(shè)置，使該圖形元件產(chǎn)生旋轉(zhuǎn)動畫。 （18）回到“運動的咖啡”元件，新建一個圖層，并將其移到圖層1的下方，在第10幀插入關(guān)鍵幀，將元件“閃光”拖放兩個到咖啡杯的下方，并將它們的色調(diào)設(shè)為白色，如圖20-28所示。圖20-27第47頁，共68頁，2022年，5月20日，17點42分，星期二圖20-28第48頁，共68頁，2022年，5月20日，17點42分，星期二 （19）單擊 圖標回到場景中，在“文字”圖層的上方新建一個圖層，并命名

27、為“運動的咖啡杯”，在第172幀插入關(guān)鍵幀，將元件“運動的咖啡”拖到舞臺的左方，并為該幀添加stop語句，如圖20-29所示。圖20-29第49頁，共68頁，2022年，5月20日，17點42分，星期二 （20）創(chuàng)建一個名為“品味咖啡”的影片剪輯元件，在其中繪制一個流線形的圖形，其填充顏色為咖啡-黑-咖啡-黑的線性漸變。 （21）新建一個圖層，繪制圖形的上方輸入“品味咖啡 享受生活”，設(shè)置為“方正新舒體簡體、39、咖啡色、斜體”，如圖20-30所示。然后將其沿用到第50幀。 圖20-30第50頁，共68頁，2022年，5月20日，17點42分，星期二 （23）依次在第35幀和第50幀插入關(guān)鍵幀

28、，分別改變它們的漸變位置和方向，然后依次在第1、20、35、50幀之間創(chuàng)建形狀補間動畫，如圖20-31所示。 圖20-31第51頁，共68頁，2022年，5月20日，17點42分，星期二 （24）創(chuàng)建一個名為“線條運動”的影片剪輯元件，將元件“品味咖啡”拖放到元件編輯區(qū)中，分別在第5幀和第20幀插入關(guān)鍵幀，選中第5幀中的元件，將其向上移動一些，然后分別在第1、5、20幀之間創(chuàng)建動作補間動畫。 （25）在“運動的咖啡”圖層上方新建一個圖層，并命名為“線條”，在第172幀插入關(guān)鍵幀，將元件“線條運動”拖放到舞臺中如圖20-32所示的位置。 （26）最后為按鈕添加動畫，使其有動態(tài)效果。首先創(chuàng)建一個名

29、為“箭頭”的影片剪輯元件，在其中繪制一個小的三角形，填充色為橙色。將該小三角形復制兩份，并按如圖20-33所示進行放置。 第52頁，共68頁，2022年，5月20日，17點42分，星期二圖20-33圖20-32第53頁，共68頁，2022年，5月20日，17點42分，星期二（27）再新建兩個圖層將這3個小三角形分別放置在不同的圖層中，在圖層1的第4幀插入關(guān)鍵幀，將該三角形放大，并改變其顏色為淺的橙黃色并降低alpha值，在第6幀插入關(guān)鍵幀，將該三角形縮小。在第10幀和第15幀插入關(guān)鍵幀，選中第15幀中的關(guān)鍵幀，將顏色的alpha值設(shè)為0%。 （28）依次在第1、4、6幀之間創(chuàng)建形狀補間動畫，再

30、在第10幀和第15幀之間創(chuàng)建形狀補間動畫。（29）用相同的方法制作圖層2和圖層3，只是需要將圖層2的起始幀設(shè)為第2幀，圖層3的起始幀設(shè)為第3幀，使箭頭的出現(xiàn)具有層次感，最后的時間軸效果如圖20-34所示。 第54頁，共68頁，2022年，5月20日，17點42分，星期二圖20-34第55頁，共68頁，2022年，5月20日，17點42分，星期二（30）進入“Ovals button-orange”的元件編輯區(qū)，在“指針經(jīng)過”幀創(chuàng)建關(guān)鍵幀，將元件“箭頭”拖放到按鈕的右邊，再將元件“point”拖放到按鈕上，如圖20-35所示。 圖20-35第56頁，共68頁，2022年，5月20日，17點42分

31、，星期二（31）新建一個名為“小詩移動”的影片剪輯元件，在元件編輯區(qū)中輸入如圖20-36所示的文字，然后將該文本框拉窄拉長。（32）將文字轉(zhuǎn)換為圖形元件，新建一個圖層，并將其拖到圖層1的下方，在該圖層中繪制一個長條的矩形，使其寬度能夠覆蓋文字，位置在文字的上方。 圖20-36第57頁，共68頁，2022年，5月20日，17點42分，星期二（33）在混色器中將矩形的填充色設(shè)為由上到下“白-紅-咖啡-藍-黑”的顏色漸變，如圖20-37所示，然后沿用到第450幀。 （34）在文字圖層的第450幀插入關(guān)鍵幀，將文字向上移動，至到最后一行文字位于矩形的上方，然后在第1幀和第450幀之間創(chuàng)建動作補間動畫。

32、圖20-37第58頁，共68頁，2022年，5月20日，17點42分，星期二 （35）用鼠標右鍵單擊文字圖層，在彈出的快捷菜單中選擇“遮罩層”命令，創(chuàng)建一個文字上移的遮罩動畫。 （36）回到場景中，在“網(wǎng)址”圖層的上方新建一個圖層，并命名為“小詩”，在第172幀插入關(guān)鍵幀將元件“小詩移動”拖放到舞臺的右邊，試著按【Ctrl+Enter】鍵播放一次，看看小詩出現(xiàn)的位置，如果不正確，再回到場景中調(diào)整，至到位于適當位置為止。第59頁，共68頁，2022年，5月20日，17點42分，星期二添加語句和背景音樂 其具體操作如下 ： （1）在“線條”圖層的上方新建一個圖層，并命名為“背景音樂”，依次將聲音“

33、back.wav、Button18、Music10”導入到庫中。 （2）選中第1幀，在“屬性”面板的“聲音”下拉列表框中選擇“back.wav”，“背景音樂”層上出現(xiàn)一些波形，表示已將聲音添加到了該時間軸上，如圖20-38所示。 第60頁，共68頁，2022年，5月20日，17點42分，星期二圖20-38每個關(guān)鍵幀中的聲音文件最好都在“屬性”面板中將其設(shè)置為“數(shù)據(jù)流” 。第61頁，共68頁，2022年，5月20日，17點42分，星期二（3）但從時間軸上可以看到，波形圖案只持續(xù)到第60幀就沒有了，為了使聲音繼續(xù)，可以在第60幀插入關(guān)鍵幀，依然在“屬性”面板的“聲音”下拉列表框中選擇“back.wav”。（4）在第120幀插入關(guān)鍵幀在“屬性”面板的“聲音”下拉列表框中選擇“back.wa