放大鏡特效Flash實(shí)例教程

案例描述：

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

學(xué)習(xí)要點(diǎn)：遮罩層的使用方法，使用程序控制遮罩層對(duì)象

本例思路：

導(dǎo)入素材，然后繪制出遮罩圖形。
繪制出放大鏡，然后制作出放大鏡跟隨鼠標(biāo)動(dòng)畫(huà)。

動(dòng)畫(huà)制作完成后的最終效果：

步驟一、素材處理

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

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

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

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

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

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

步驟二、制作放大鏡跟隨鼠標(biāo)動(dòng)畫(huà)

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

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

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

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

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

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

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

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

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

	Mouse.hide()//隱藏鼠標(biāo)

	function enterFrame(event:Event):void {

	 maskMc.x=magnifier.x=root.mouseX//將圓和放大鏡的X軸坐標(biāo)設(shè)置為鼠標(biāo)X軸坐標(biāo)

	 maskMc.y=magnifier.y=root.mouseY//將圓和放大鏡的Y軸坐標(biāo)設(shè)置為鼠標(biāo)Y軸坐標(biāo)

	}

9、按Ctrl+Enter組合鍵發(fā)布動(dòng)畫(huà)，這樣一個(gè)用Flash制作開(kāi)花特效的動(dòng)畫(huà)就制作完成了

如果你對(duì)本章用Flash制作放大鏡特效教程感興趣歡迎下載源碼進(jìn)行學(xué)習(xí)研究

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