當(dāng)前位置:軟件學(xué)堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > Flash > 放大鏡特效Flash實例教程

放大鏡特效Flash實例教程

2021/9/11 16:02:12作者:佚名來源:網(wǎng)絡(luò)

移動端
Flash CS6綠色版v12.0.0.0

大小:205MB語言:

類型:媒體制作等級:

案例描述:

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

學(xué)習(xí)要點:遮罩層的使用方法,使用程序控制遮罩層對象

本例思路:

導(dǎo)入素材,然后繪制出遮罩圖形。
繪制出放大鏡,然后制作出放大鏡跟隨鼠標動畫。

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

 

步驟一、素材處理

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

導(dǎo)入素材

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

轉(zhuǎn)換元件

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

改變元件屬性

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

添加模糊濾鏡

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

繪制圓形

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

創(chuàng)建遮罩層

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

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

繪制圓形

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

調(diào)整矩形

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

繪制裝飾物

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

添加發(fā)光濾鏡

5、使用“橢圓工具”繪制一個沒有邊框的橢圓,然后打開“顏色”面板,設(shè)置類型為“放射狀”,再設(shè)置第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)換為影片剪輯(名稱為“放大鏡”),如圖所示。

創(chuàng)建放大鏡元件

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

設(shè)置名稱

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軸坐標設(shè)置為鼠標X軸坐標

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

	}

添加代碼

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

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

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

標簽: Flash實例  放大鏡