本教程是為初學的朋友所寫的以遮罩為主要內容的小實例，高手請繞行。 我們看到的許多 FLASH 作品中，常常會看到很多神奇的效果，其中不少就 是用最簡單的“遮罩”完成的，如水波、萬花筒、百頁窗等等。 本例介紹了用 Flash cs3來制作卷軸的動畫效果，用變化的遮罩，實現(xiàn)圖片 的自然過渡。 一、新建 FLASH文檔，命名為：水墨畫畫軸。設置文檔屬性，背景為黑色， 寬 690，高為 350 其他默認， 二、導入圖片素材到庫，并對位圖的屬性進行設置。 三、新建圖形元件：軸。在場景中畫一個寬22、高 290 的矩形，選擇線性 填充，左右色標的色碼為#996600，中間色碼#FFCC00。新插入一個圖層，畫橢圓，3 放射狀填充，左右色碼為#996600 和#990000，作為軸兩端的裝飾，調整為圖 1 的 形狀（圖 1）。 圖 1 圖 2 四、新建圖形元件：圖 1。將畫軸底圖拖入場景，圖層 1修改為底圖，寬高為 650×280，全居中。插入圖層2，命名為邊框，在場景中畫一個外徑 580×226，內 徑 554×194的矩形，顏色填充為白色（見圖 2） ；插入圖層 3，命名為畫，將位圖 1 拖入場景，修改寬高為 554×194，全居中，鎖定圖層（見圖 3） 圖 3 其它三張圖片可采取直接復制的方法建立元件，只需更換圖片。 五、新建圖形元件：方塊。在場景中畫一個55.4×38.8的矩形，顏色任意，全 居中對齊。 六、新建影片剪輯元件：方塊動。將庫中的方塊元件拖入場景中，全居中。在 40 幀插入關鍵幀，然后插入新圖層，畫同樣寬高的矩形，全居中，并將該圖層拖到下 一層，作為參照。點選圖層 1 的第 1 幀，選擇任意變形工具，將方塊元件的中心點移到 左上角，然后將方塊的寬高修改為 1，在 1 到 40 幀之間建立動畫補間，41 幀插入空白 關鍵幀（見圖 4、圖 5）。 2 圖 4 圖 5 新建影片剪輯元件：方塊動組。在場景中畫一個不同于方塊動顏色的矩形，寬 高為 554×194，全居中，插入圖層 2，將方塊動元件拖入并整齊排列（見圖 6）7 圖 6 七、新建圖形元件：圓角。在場景中畫一個寬高 100 的正圓，并對圓進行相應 的處理，留8 下右下角的圓角，（見圖 7） 圖 7 圖 8 八、新建影片剪輯元件：圓角動。在庫中點圓角元件，直接復制，雙擊該元件進 入場景，改變顏色，左對齊上對齊，鎖定圖層，插入圖層 2，將庫中的圓角元件拖入場 景，左對齊，上對齊，選擇任意變形工具，將圓角的中心點拖到左上角，40 幀插入關鍵 幀，回到第1 幀，將圓角的寬高修改為1，并建立動畫補間，41幀插入空白關鍵幀。 九、新建影片剪輯元件：圓角動組。在場景中畫一個不同于圓角動顏色的矩形， 寬高為 554×194，全居中。插入圖層 2，將圓角動元件拖入并整齊排列（見圖 8）。 十、新建圖形元件：條。在場景中畫一個寬高為27.7×194 的矩形。 十一、新建影片剪輯元件：條動。在場景中畫一個寬高為 27.7×194 的矩形，左 對齊，垂直中齊，40 幀插入延長幀。插入圖層 2，從庫中拖如條元件，左對齊，垂直中 齊，選擇任意變形工具，將中心點移到矩形的左側，40 幀插入關鍵幀?；氐降谝粠?，修 改寬為 1，高不變，并建立動畫補間，41 幀插入空白關鍵幀。 十二、新建影片剪輯元件：條動組。在場景中畫一個不同于條動顏色的矩形，寬 高為 554×194，全居中。插入圖層 2，將庫中條動元件拖入場景進行排列（見圖 9）， 圖 9 十三、新建影片剪輯元件：畫軸組合。插入 9 個新圖層，即圖 1、矩形遮罩、圖 2、方塊動組、圖 3、圓角動組、圖 4、條動組、左軸、右軸（見圖 10）。 3 圖 10 分別修改各圖層，首先從左軸開始做起，從庫中拖進軸元件，右對齊，垂直中齊， 第 10 幀插入關鍵幀，然后在 50 幀也插入關鍵幀，并點選軸元件，修改屬性面板x 坐標 為-325，y 坐標不變,在 331 幀插入空白關鍵幀，鎖定該圖層。 點選右軸第1 幀，從庫中拖進軸元件，左對齊，垂直中齊，第 10 幀插入關鍵幀， 然后在 50 幀也插入關鍵幀，并點選軸元件，修改屬性面板 x 坐標為 325，y 坐標不變, 在 331 幀插入空白關鍵幀。 現(xiàn)在開始我們先從圖1 做起，在圖1 第 10 幀插入空白關鍵幀，從庫中拖入圖 1， 到第 10 幀，全居中，在 130 幀插入空白關鍵幀，鎖定圖層。在矩形遮罩圖層，第 10幀 插入空白關鍵幀，畫一個寬高為 12×280 的矩形，顏色隨意，在 50 幀插入關鍵幀，將 寬高修改為 628×280，全居中，選中第 10 幀，建立形狀，130 幀插入空白關鍵幀。右 鍵矩形遮罩圖層建立遮罩。 在圖 2 圖層的 90 幀插入空白關鍵幀，將庫里的圖 2 元件拖入場景全居中，210 幀插入空白關鍵幀。 在方塊動組圖層，90幀插入空白關鍵幀，將庫中的方塊動組拖入場景擺放到合適 的位置，129 幀插入空白關鍵幀，回到庫中，將方塊動、方塊動組元件的參照塊刪除， 右鍵方塊動圖層建立遮罩。 在圖 3 圖層的 170 幀插入空白關鍵幀，拖入圓角動組元件，擺放到合適位置，280 幀插入空白關鍵幀。 在圓角動組圖層的 170 幀插入空白關鍵幀，將庫中的圓角動組拖入場景擺放到合 適的位置，209 幀插入空白關鍵幀，將庫中圓角動、圓角動組元件的參照塊刪除，右鍵 圓角動圖層建立遮罩。 在圖 4 圖層的 240 幀插入空白關鍵幀，將庫中的圖 4 元件拖入場景全居中，330 幀插入空白關鍵幀。 在條動組圖層的 240幀插入空白關鍵幀，將庫中的條動組拖入場景擺放到合適的 位置，279 幀插入空白關鍵幀，將條動、條動組元件的參照塊刪除，右鍵條動圖層建立 遮罩。 十四、回到場景 1，將畫軸組合元件拖入場景全居中。OK，你可以去測試了，看 看效果出來了嗎？另外，你還可以添加新的圖層，簽上你的大名。呵呵，還需要提醒朋 友們的就是在制作過程中隨時注意保存！ |
