用Flash制作電子賀卡

1、實驗六 用Flash制作電子賀卡16.1 實驗?zāi)康暮鸵?6.2 預(yù)備知識16.3 實驗內(nèi)容與步驟46.4 實驗思考題13實驗六 用Flash制作電子賀卡Flash是美國Macromedia公司出品的矢量圖形編輯和動畫制作專業(yè)軟件，主要應(yīng)用于頁面設(shè)計和多媒體創(chuàng)作等領(lǐng)域，其功能十分強大。利用Flash制作的矢量動畫，文件數(shù)據(jù)量小，可以任意縮放不影響畫面質(zhì)量，交互性強，可以以“流”的形式在網(wǎng)上傳輸，這對于多媒體作品的網(wǎng)絡(luò)應(yīng)用是十分有用的。Flash不僅在網(wǎng)絡(luò)領(lǐng)域應(yīng)用廣泛，而且在多媒體創(chuàng)作領(lǐng)域也發(fā)揮著重要的作用，可創(chuàng)作出效果細膩而獨特的網(wǎng)頁和多媒體作品。Macromedia公司最新推出的Flash

2、MX，它是目前制作網(wǎng)頁交互動畫的優(yōu)秀工具。它支持多種格式的圖像、視頻、聲音文件，可以制作出交互性很強的電腦作品；并具有強大的多媒體編輯功能，可以廣泛應(yīng)用于網(wǎng)頁制作、課件制作等方面。本實驗是利用Flash MX制作一個多媒體電子賀卡。運行Flash MX的硬件與系統(tǒng)需求如下：（1）CPU ：Pentium II 450以上處理器（2）內(nèi) 存：256MB（3）顯 卡：VGA 或更高級的顯示卡（4）光 驅(qū)：24 倍速光驅(qū)（5）聲 卡：Soundblaster 兼容聲卡（6）硬盤空間：500MB以上（7）音 箱（8）操作平臺： Windows 98、2000系統(tǒng)6.1 實驗?zāi)康暮鸵?.掌握圖形符號（

3、Graphic）、電影剪輯（Movie Clip）和按鈕（Button）的創(chuàng)建，以及如何從舞臺上選取對象來創(chuàng)建符號。2.掌握直線運動、縮放運動、旋轉(zhuǎn)運動動畫的創(chuàng)建。3.熟悉Flash中一些常用語句的用法，了解基本語句的作用。4.掌握聲音文件的導(dǎo)入,能夠為電影加入背景音樂等。熟悉編輯聲音效果。5.掌握文件的發(fā)布和導(dǎo)出，了解Flash支持的多種文件格式。6.2 預(yù)備知識1.創(chuàng)建符號（1）創(chuàng)建新的圖形符號選擇菜單【Insert】/【New Symbol】命令，打開Create New Symbol 對話框，在Name中輸入符號名稱，選擇符號類型為Graphic。Flash將切換到符號編輯模式，完成符

4、號內(nèi)容的制作后，要退出符號編輯模式可單擊。（2）創(chuàng)建新的電影剪輯選擇菜單【Insert】/【New Symbol】命令，打開Create New Symbol 對話框，在Name中輸入符號名稱，選擇符號類型為Movie Clip。Flash將切換到符號編輯模式，完成符號內(nèi)容的制作后，要退出符號編輯模式可單擊。（3）創(chuàng)建按鈕選擇菜單【Insert】/【New Symbol】命令，打開Create New Symbol 對話框，在Name中輸入符號名稱，選擇符號類型為Button。按鈕有特殊的編輯環(huán)境，通過在四幀時間軸上創(chuàng)建關(guān)鍵幀，指定不同的按鈕狀態(tài)。Up幀：表示鼠標指針不在按鈕上時的狀態(tài)；Ove

5、r幀：代表鼠標指針在按鈕上時狀態(tài)；Down幀：表示鼠標單擊按鈕時的狀態(tài)；Hit幀：定義對鼠標作出反應(yīng)的區(qū)域，這個反應(yīng)在電影中是看不見的。（4）如何從舞臺上選取對象來創(chuàng)建符號選取舞臺上用來創(chuàng)建符號的對象，然后選擇菜單【Insert】/【New Symbol】命令，打開Create New Symbol 對話框，輸入一個符號名稱，選擇符號類型即可。被選取的對象仍然在舞臺上，但已成為符號的實例，被選取的對象還會拷貝一個新的符號放在庫窗口中。雙擊庫窗口中的符號，可進入符號編輯環(huán)境。2.創(chuàng)建移動動畫Motion Tween是兩個關(guān)鍵幀之間的動畫，該動畫能夠包含顏色、形狀、尺寸、空間的變化。當動畫通過空間

6、時，第1個關(guān)鍵幀決定了元素的開始點，第2個關(guān)鍵幀決定了元素的結(jié)束點。創(chuàng)建移動動畫的方法：從主菜單中選擇【Insert】/【Create Motion Tween】；在Properties（屬性）面板上的Tween下拉列表中選擇Motion（移動）選項。3.聲音的導(dǎo)入和處理（1）聲音的導(dǎo)入非常簡單，執(zhí)行菜單【File】/【Import】/【Import to Library】命令，打開Import to Library對話框，從中選擇聲音文件，導(dǎo)入的聲音文件會存儲在Library（庫）中。（2）和符號一樣，一個聲音只需要一份拷貝就可以了，它可以用于電影中的不同位置。這樣就可以有效地縮小電影文件的

7、體積。（3）在電影中加入聲音首先需要加入一個新層，然后在該層加入聲音，并在Properties（屬性面板）中的Sound（聲音）選項進行聲音設(shè)置。4.文件的輸出動畫制作好后，要將文件編譯成可以脫離Flash環(huán)境而單獨運行的SWF或EXE格式文件。SWF格式文件必須在裝有相同或更高版本Flash播放器的計算機中才能運行，而EXE格式文件可以在任何一臺計算機上直接運行。（1）將文件輸出為SWF格式文件選擇【File】/【Export Movie】（導(dǎo)出動畫）命令，打開Export Movie對話框。在“保存在”文本框中選擇保存文件的文件夾，在“文件名”文本框中輸入文件名，單擊“保存”按鈕，打開Ex

8、port Flash Player（導(dǎo)出Flash動畫）對話框，選擇其默認值，單擊“OK”按鈕，即可完成作品的輸出。（2）將文件輸出為EXE格式文件選擇【File】/【Publish settings】（出版設(shè)定）命令，打開Publish settings對話框。只選中Windows Projector復(fù)選框，單擊Publish（出版）按鈕，即可完成，將其輸出為EXE文件。5.Flash的工作環(huán)境Flash的工作環(huán)境包括舞臺（Stage）、工具欄（Toolbars）、時間軸窗口（Timeline）、庫窗口（Library）等幾個部分，如圖6.1所示。Library（庫）面板編輯區(qū)時間軸面板Co

9、lor Mixer（顏色設(shè)定）面板菜單欄Properties（屬性）面板Controller控制器Option工具欄常用工具欄繪圖工具欄圖6.1 Flash的工作環(huán)境工作環(huán)境介紹：（1）舞臺（Stage）：編輯電影畫面的矩形區(qū)域。用Flash制作電影就像導(dǎo)演指揮演員演戲一樣，舞臺就是一個演出的場所。在Flash中還常常遇到一個概念場景（Scene），在Flash電影中，舞臺只有一個，但場景可以有許多個，在播放過程中可以更換不同的場景。（2）工具欄（Toolbars）：工具欄分為常用工具欄（Standard）、繪圖工具欄（Drawing）和控制器（Controller）。如果想修改工具欄的界面，

10、可以執(zhí)行菜單【W(wǎng)indow】/【Toolbars】命令，打開Toolbars對話框，從中選擇所需要的工具欄。常用工具欄（Standard）：從左至右依次為新建（New）、打開（Open）、保存（Save）、打?。≒rint）、打印預(yù)覽（Print Preview）、剪切（Cut）、復(fù)制（Copy）、粘貼（Paste）、撤消（Undo）、恢復(fù)（Redo）、捕捉網(wǎng)格（Snap to Objects）、平滑曲線（Smooth）、直線（Straighten）、旋轉(zhuǎn)（Rotate and Skew）、縮放（Scale）、對齊（Align）。繪圖工具欄（Drawing）：如圖6.2所示，從左至右、從上至下

11、依次為箭頭工具（Arrow Tool）、選取工具（Subselection Tool）、直線工具（Line）、套索工具（Lasso Tool）、鋼筆工具（Pen Tool）、文本工具（Text Tool）、橢圓工具（Oval Tool）、矩形工具（Rectangle Tool）、鉛筆工具（Pencil Tool）、筆刷工具（Brush Tool）、自由變形工具（Free Transform Tool）、填充工具（Fill Transform Tool）、墨水瓶工具（Ink Bottle）、油漆桶工具（Paint Bucket）、滴管工具（Dropper）、橡皮工具（Eraser）、手掌工具（H

12、and）、放大鏡工具（Magnifier）。圖6.2 Flash的繪圖工具欄控制器（Controller）：執(zhí)行菜單【W(wǎng)indow】/【Toolbars】/【Controller】命令，可以打開控制器（Controller）。從左至右依次為停止（Stop）、倒帶（Rewind）、后退（Step Back）、播放（Play）、前進（Step Forword）、到最后（Go To End）。（3）時間軸面板（Timeline）：時間軸面板就像導(dǎo)演手中的劇本，它決定了各個場景的切換以及演員出場、表演的時間順序。（4）庫面板（Library）：執(zhí)行菜單【W(wǎng)indow】/【Library】命令，可以打開

13、庫窗口（Library）。在制作動畫時，首先把一個對象定義為“符號（Symbol）”，所有符號都會存儲在庫窗口中，然后在場景中加入它的“實例（Instance）”。這樣無論一個對象出現(xiàn)幾次，在文件中也只需存儲一個拷貝，從而在很大程度上減小了文件的體積。6.3 實驗內(nèi)容與步驟一實驗內(nèi)容制作一個生日賀卡。在背景音樂的伴奏下，一只精美的禮盒呈現(xiàn)在運行界面上。單擊禮盒，禮盒被打開，出現(xiàn)一只小狗和一封信，賀卡運行界面如圖6.3所示。圖 6.3賀卡運行界面二.示例1新建一個文件，將動畫的畫面尺寸設(shè)置為550px×400px，背景為白色，幀頻為12fps。2制作“賀卡背景”圖形符號（1）選擇菜單【

14、Insert】/【New Symbol】命令或按Ctrl+F8，打開Create New Symbol（創(chuàng)建新元件）對話框，新建一個名為“賀卡背景”的Graphic(圖形)類型的符號，點擊OK進入其編輯窗口。（2）使用工具欄中的矩形工具繪制一個矩形框，將這個矩形框的填充顏色設(shè)置為淺藍色，然后將W設(shè)置為550px，設(shè)置為400px。（3）返回場景。3制作“禮盒”圖形符號（1）插入一個名為“禮盒”的圖形符號，用工具欄中的直線工具繪制出一個正方體形狀的禮盒，如圖6.4所示。圖6.4正方體禮盒（2）用直線工具在禮盒上繪制出絲帶。如圖6.5所示。圖6.5帶絲帶的禮盒（3）選擇油漆桶工具，將填充顏色設(shè)為淺

15、粉色，對禮盒進行顏色填充。然后將填充顏色設(shè)為紅色，將絲帶的顏色填充為紅色，最后用BackSpace鍵將多余的線條刪除。如圖6.6所示。圖 6.6填充顏色后的禮盒（4）選擇【File】/【Import】/【Import to Library】打開一個導(dǎo)入圖片對話框，如圖6.7所示。從素材庫中導(dǎo)入一個向日葵圖片到Library（庫）中，再從Library中將圖片拖放到如圖6.8所示的位置上。同時選擇禮盒和向日葵，按Ctrl+G快捷鍵將它們組合起來。圖6.7導(dǎo)入圖片對話框圖6.8加入圖片的禮盒4制作“小狗”圖形符號選擇【File】/【Import】/【Import to Library】打開一個導(dǎo)入

16、圖片對話框，從素材庫中導(dǎo)入一個小狗的圖片到Library（庫）中，再從Library中將圖片拖放到編輯區(qū)中。返回場景。5制作一個名為“隱形按鈕”的按鈕符號（1）選擇菜單【Insert】/【New Symbol】命令，打開Create New Symbol對話框，新建一個名為“隱形按鈕”的Button（按鈕）類型的符號。點擊OK，進入按鈕編輯模式。（2）選擇Hit幀，按F6鍵，插入關(guān)鍵幀。選擇新插入的關(guān)鍵幀，將Library（庫）面板中的“禮盒”圖形符號拖入符號編輯窗口。6創(chuàng)建“箭頭動畫”電影剪輯符號（1）選擇菜單【Insert】/【New Symbol】命令，打開Create New Symb

17、ol對話框，新建一個名為“箭頭動畫”的Movie Clip（電影剪輯）類型的符號。點擊OK，進入其編輯模式。（2）選擇工具欄中的直線工具，繪制一個箭頭圖形，如圖6.9所示。圖6.9 繪制的箭頭圖形 （3）參照圖6.10，輸入文字“打開看看”。在Properties（屬性）面板中將字體設(shè)為華文行楷，字號為22，文字顏色為紅色。圖6.10 繪制的箭頭和文字（4）選擇時間軸上的第5幀，按F6鍵插入關(guān)鍵幀。選擇該幀所有文字與圖形，按6次“”鍵，將其向后稍做移動。選擇第8幀，按F5鍵，插入一幀，時間軸面板如圖6.11所示。圖6.11 時間軸面板7制作“信”圖形符號（1）插入一個名為“禮盒”的圖形符號，選

18、擇工具欄中的矩形工具，并將其填充顏色設(shè)置為淺粉色，繪制一個矩形，然后將W設(shè)置為125px，設(shè)置為150px。（2）使用工具在淺粉色矩形上輸入文字，參見圖6.12。圖6.12 “信”圖形符號8設(shè)置場景（1）返回場景，選擇Layer 1圖層的第1幀，從Library（庫）面板中拖一個“賀卡背景”圖形符號到場景中，然后將Layer 1重命名為“背景”。（2） 單擊添加一個Layer 2圖層，將其名稱改為“小狗”，選擇第1幀。在Library（庫）面板中找到“小狗”圖形符號，將其拖放到場景中，并放在如圖6.13所示的位置上。圖6.13 加入“小狗”圖像（3） 單擊添加一個Layer 3圖層，重命名為“

19、禮盒”，在Library（庫）面板中找到 “禮盒”圖形符號，將它拖放到場景中，并放在小狗的位置上，將小狗遮擋住。如圖6.14所示。圖6.14 加入“禮盒”圖像（4）添加Layer 4圖層，重命名為“按鈕與箭頭”，將Library（庫）面板中的“隱形按鈕”按鈕符號拖放到場景中，參照圖6.15所示，將其放在禮盒圖形的上面，并與之重合。圖6.15 加入“隱形按鈕”符號將Library（庫）面板中的名為“箭頭動畫”的電影剪輯拖放到場景中，參照圖6.16所示，放置到適當?shù)奈恢蒙稀D6.16加入“箭頭動畫”電影剪輯（5）分別選擇“背景”與“小狗”圖層的第40幀，按F5鍵，插入一幀。（6）選擇“禮盒”圖層的

20、第40幀，按F6鍵，插入關(guān)鍵幀。參照圖6.17所示，調(diào)整該幀“禮盒”圖形的位置。圖6.17調(diào)整圖像的位置（7）選中“禮盒”圖層的第1幀，在Properties（屬性）面板上的Tween下拉列表中選擇Motion（移動）選項，如圖6.18所示，在“禮盒”圖層的第140幀創(chuàng)建移動動畫。圖6.18創(chuàng)建移動動畫9創(chuàng)建“生日快樂”電影剪輯符號（1）插入一個名為“生日快樂”的電影剪輯符號，進入其編輯模式。將Library（庫）面板中的“信”圖形符號拖到編輯窗口中。（2）返回場景，隱藏“禮盒”和“按鈕與動畫”圖層。在“小狗”圖層上面添加一個圖層，并將圖層名改為“生日快樂”。（3）選中“生日快樂”圖層的第40

21、幀，按F7鍵，插入空白關(guān)鍵幀。將Library（庫）面板中的“生日快樂”電影剪輯拖到編輯窗口中，參照圖6.19將其放在小狗圖像上。圖6.19 信的位置（4）雙擊場景中的“生日快樂”符號實例，進入其符號編輯窗口，選擇時間軸面板上的第30幀，按F6鍵，插入關(guān)鍵幀，參照圖6.20，調(diào)整該幀圖形的位置。圖6.20 信的位置（5）選擇第1幀圖形，打開Transform（變換）面板，參照圖6.21進行設(shè)置，將該幀圖形縮小。并在Properties（屬性）面板中參照圖6.22重新設(shè)置“信”圖形的位置和大小。圖6.21 Transform（變換）面板圖6.22 調(diào)整“信”的位置和大小（6）選擇第30幀的圖形調(diào)

22、整其位置和大小，將W設(shè)為250，設(shè)為275，X為-175.5，Y為-113.2。（7）選擇第1幀，在Properties（屬性）面板上的Tween下拉列表中選擇Motion（移動）選項，在Rotate（旋轉(zhuǎn)）下拉列表中選擇CW（順時針），在其后的文本框中輸入2，在第130幀創(chuàng)建動畫，如圖6.23所示。圖6.23參數(shù)設(shè)置（8）選中第30幀，在Actions Frame（Actions面板）中寫入語句“Stop( );”,賦予該幀Stop（停止）的幀動作。10修改場景（1）返回場景，將“生日快樂”圖層移到“小狗”圖層的下方。（2）分別選擇“禮盒”圖層的第1幀、第40幀在Actions Frame（Actions面板）中寫入語句“Stop( );”,賦予這兩個幀Stop（停止）的幀動作。（3）參照圖6.24所示，給場景中的隱形按鈕賦予幀動作。圖6.24 隱形按鈕的幀動作11添加背景