chapter03--網頁設計與web編程教案(編輯修改稿)
2025-08-31 09:43 本頁面
【文章內容簡介】 用 ?遮罩動畫是 Flash中的一個很重要的動畫類型，很多效果豐富的動畫都是通過遮罩動畫來完成的。在 Flash的圖層中有一個遮罩圖層類型，為了得到特殊的顯示效果，可以在遮罩層上創(chuàng)建一個任意形狀的“視窗”，遮罩層下方的對象可以通過該“視窗”顯示出來，而“視窗”之外的對象將不會顯示。 ?在 Flash動畫中，“遮罩”主要有 2種用途，一個作用是用在整個場景或一個特定區(qū)域，使場景外的對象或特定區(qū)域外的對象不可見，另一個作用是用來遮罩住某一元件的一部分，從而實現一些特殊的效果。 遮罩動畫方法與實例 ? 2）創(chuàng)建遮罩的方法 ?（ 1）創(chuàng)建遮罩 ?（ 2）構成遮罩和被遮罩層的元素 ?（ 3）遮罩中可以使用的動畫形式 ? 3）遮罩層的基本原理： ?能夠透過該圖層中的對象看到“被遮罩層”中的對象及其屬性（包括它們的變形效果），但是遮罩層中的對象中的許多屬性如漸變色、透明度、顏色和線條樣式等卻是被忽略的。比如，我們不能通過遮罩層的漸變色來實現被遮罩層的漸變色變化。 遮罩動畫方法與實例 ?要在場景中顯示遮罩效果，可以鎖定遮罩層和被遮罩層。 ?可以用“ Actions”動作語句建立遮罩，但這種情況下只能有一個“被遮罩層”，同時，不能設置 _Alpha屬性。 ?不能用一個遮罩層試圖遮蔽另一個遮罩層。 ?遮罩可以應用在 gif動畫上。 ?在制作過程中，遮罩層經常擋住下層的元件，影響視線，無法編輯，可以按下遮罩層時間軸面板的顯示圖層輪廓按鈕，使之變成，使遮罩層只顯示邊框形狀，在這種情況下，你還可以拖動邊框調整遮罩圖形的外形和位置。 ?在被遮罩層中不能放置動態(tài)文本。 技巧 遮罩動畫方法與實例 ?例：掃描文字 ?步驟 1： 新建一個 Flash文檔。 ?步驟 2： 按 Ctrl+F8快捷鍵插入一個“圖形”元件，并命名為“文字”。選中“工具欄”中的“文本工具”在舞臺上單擊，輸入文字“ HELLO,FLASH!”，然后在下面的“屬性”面板中設置字體為“ Arial Black”、字號為“ 45”、顏色任意。文字元件如圖。 遮罩動畫方法與實例 ?步驟 3： 按 Ctrl+F8快捷鍵插入一個“圖形”元件，并命名為“彩條”。將工具箱中的填充顏色設置為彩色。 選擇工具箱中的“矩形工具”，畫出如圖 367所示彩條。注意，彩條的寬度應長于文字的寬度。 遮罩動畫方法與實例 ?步驟 4： 單擊文檔窗口右上方的“場景”按鈕，回到主場景中。從“庫”面板中拖動圖形元件“彩條”到舞臺上適當的位置。 ?步驟 5： 右擊當前圖層，在彈出的快捷菜單中選擇“插入圖層”命令，在當前圖層的上方插入一個新的圖層“圖層 2”。從“庫”面板中拖動圖形元件“文字”到舞臺上 。 遮罩動畫方法與實例 ?步驟 6： 在“圖層 2”的第 30幀處按 F5鍵，插入普通幀。在“圖層 1”的第 30幀處按 F6鍵，插入關鍵幀。 ?步驟 7： 在“圖層 1”的第 1幀至第 30幀之間右擊鼠標，在彈出的菜單中選擇“創(chuàng)建補間動畫”命令。選擇“圖層 1”的第 15幀，用工具箱中的選擇工具選中彩條，拖動向向右平移，使第一個字母與矩形的左邊線對齊。 ?步驟 8： 右擊“圖層 2”，在彈出的快捷菜單中選擇“遮罩層”命令，將“圖層 2”圖層設置成遮罩層，這時“圖層 1”自動成了被遮罩層。 ?步驟 9： 本例制作完成，按 Ctrl+Enter快捷鍵預覽動畫。 引導路徑動畫方法與實例 ?1)創(chuàng)建引導層和被引導層 方法： 引導路徑動畫方法與實例 ? 2)引導層和被引導層中的對象 ?引導層是用來指示元件運行路徑的，所以“引導層”中的內容可以是用鋼筆、鉛筆、線條、橢圓工具、矩形工具或畫筆工具等繪制出的線段。 ?而“被引導層”中的對象是跟著引導線走的，可以使用影片剪輯、圖形元件、按鈕、文字等，但不能使用形狀。 ?由于引導線是一種運動軌跡，不難想象，“被引導”層中最常用的動畫形式是動作補間動畫，當播放動畫時，一個或數個元件將沿著運動路徑移動。 方法： 引導路徑動畫方法與實例 ?3)向被引導層中添加元件 ?“引導動畫”最基本的操作就是使一個運動動畫“附著”在“引導線”上。所以操作時特別得注意“引導線”的兩端，被引導的對象起始、終點的 2個“中心點”一定要對準“引導線”的 2個端頭，如下圖所示： 方法： 引導路徑動畫方法與實例 ?1)“被引導層”中的對象在被引導運動時，還可作更細致的設置，比如運動方向，在“屬性”面板上，選中“調整到路徑”復選框，對象的基線就會調整到運動路徑。而如果選中“對齊”復選框，元件的注冊點就會與運動路徑對齊。 ? 2)引導層中的內容在播放時
規(guī)章制度相關推薦
鄂ICP備17016276號-1