放大鏡特效Flash實例教程

案例描述：

本例主要講解FLASH教程：放大鏡特效Flash實例，本例將使用動作程序來使遮罩圖形和放大鏡產(chǎn)生真實的圖像放大效果。

學習要點：遮罩層的使用方法，使用程序控制遮罩層對象

本例思路：

導入素材，然后繪制出遮罩圖形。
繪制出放大鏡，然后制作出放大鏡跟隨鼠標動畫。

動畫制作完成后的最終效果：

步驟一、素材處理

1、新建一個大小為550×400像素，幀頻為12fps的空白文檔。按Ctrl+R組合鍵導入以準備好的素材／圖片1．jpg”文件，如圖所示。

2、使用“選擇工具”選中圖片，然后按F8鍵將其轉(zhuǎn)換為圖形元件，如圖所示。

3、新建一個圖層2，將圖層1的第1幀復制到圖層2的第1幀上，然后選中圖層2中的圖形元件，并在“屬性”面板中將圖形設置為影片剪輯，如圖所示。

4、選中“圖層2”中的影片剪輯，然后在“屬性’’面板中添加“模糊”濾鏡，具體參數(shù)設置如圖所示，再將“圖層2”拖曳到“圖層1”的下一圖層。

5、新建一個“圖層3”，然后按住Shift鍵的同時使用“橢圓工具”繪制一個沒有邊框的黑色圓形，再按F8鍵將其轉(zhuǎn)換為圖形元件，如圖所示。

6、將“圖層3”轉(zhuǎn)換為“圖層1”的遮罩層，如圖

步驟二、制作放大鏡跟隨鼠標動畫

1、在“圖層3”的上一層新建一個“圖層4”，然后按住Shift鍵的同時使用“橢圓工具”繪制一個筆觸顏色為黑色線條粗細為5像素，填充顏色為空的圓形，再按Ctrl+G組合鍵組合圖形，如圖所示。

2、使用“矩形工具’’繪制一個無邊框的黑色矩形，然后使用“選擇工具”將其調(diào)整成如圖所示的形狀：

3、使用“橢圓工具’’繪制一個橢圓，然后設置其顏色為灰色，按Ctrl+D組合鍵復制一個橢圓，并調(diào)整好其位置和形狀，再按Ctrl+G組合鍵將這兩個橢圓組合起來，最后復制一份橢圓到右側，并調(diào)整好其大小和位置，如圖4—63所示。

4、按Ctrl+L組合鍵打開“庫”面板，將“元件2”拖曳到舞臺中，并調(diào)整好其大小和位置，然后在“屬性”面飯中為其添加“發(fā)光”濾鏡，具體參數(shù)設置如圖所示

5、使用“橢圓工具”繪制一個沒有邊框的橢圓，然后打開“顏色”面板，設置類型為“放射狀”，再設置第1個色標顏色為(R：255，G：255，B：255)，Alpha為40％，第2個色標顏色為(R：0，G：0，B：0)，Alpha為0％，填充效果如圖所示。

6、采用Step05的方法再繪制一些高光效果來裝飾放大鏡，然后選中“圖層4”的第1幀，再按F8鍵將其轉(zhuǎn)換為影片剪輯(名稱為“放大鏡”)，如圖所示。

7、返同到“場景1”，然后在“屬性”面板巾設置“圖層3”中的網(wǎng)的實例名稱為maskMc，再設置“圖層4”中放大鏡的實例名稱為magnifier，如圖所示。

8、在最上層新建一個As圖層，然后選擇該圖層的第1幀，按F9鍵打開“動作一幀”面板，并在該面板中輸入如圖所示的控制程序代碼

	magnifier.addEventListener(Event.ENTER_FRAME,enterFrame);//進入每一幀時執(zhí)行

	Mouse.hide()//隱藏鼠標

	function enterFrame(event:Event):void {

	 maskMc.x=magnifier.x=root.mouseX//將圓和放大鏡的X軸坐標設置為鼠標X軸坐標

	 maskMc.y=magnifier.y=root.mouseY//將圓和放大鏡的Y軸坐標設置為鼠標Y軸坐標

	}

9、按Ctrl+Enter組合鍵發(fā)布動畫，這樣一個用Flash制作開花特效的動畫就制作完成了

如果你對本章用Flash制作放大鏡特效教程感興趣歡迎下載源碼進行學習研究

用Flash制作放大鏡特效教程源碼下載