放大鏡效果在flash里比較有實用價值，很多動畫作品里都會用到。這一篇經(jīng)驗就來講一下如何用flash做放大鏡效果。其實放大鏡效果就是怎樣合理應(yīng)用遮罩功能來體現(xiàn)的。我這里是用的flash cc2015，其實用flash cs3到cs6都是可以這樣做的。

步驟

一、新建一個flash文檔，舞臺550*400.舞臺顏色隨意。然后導(dǎo)入一張風(fēng)景圖片（風(fēng)景圖片可以在網(wǎng)上搜索下載，有的是）。把風(fēng)景圖片與舞臺對齊，全居中。如果圖片過小或過大，可以先用任意變形工具把它縮放到合適大小，或者在變形面板里按比例調(diào)整到舞臺大小，多余的部分可以先把它打散，然后刪除舞臺之外部分。

二、新建圖層二，復(fù)制圖層一調(diào)好的圖片到圖層二，在右鍵下拉對話框選擇“粘貼到當(dāng)前位置”，這樣就可以和圖層一的圖片位置完全相同。圖層二圖片粘貼好以后，在變形面板按比例適當(dāng)放大到110%。然后把圖層一圖層二分別上鎖。

三、新建圖層三，在圖層三里創(chuàng)建一個影片剪輯元件，命名為放大鏡。點擊確定，進(jìn)入元件編輯舞臺。

現(xiàn)在我們來畫一個放大鏡。先選擇橢圓工具，筆觸色為黑色，大小為8.填充色要在顏色面板里進(jìn)行設(shè)置，打開顏色面板，選擇“徑向漸變”，然后在下面的調(diào)色條里，進(jìn)行調(diào)色。調(diào)色時要注意，為了盡量使放大鏡真實一些，雙擊調(diào)色條第一個調(diào)色塊，顏色為白色（ffffff），Alpha為0，右端的調(diào)色塊顏色為白色，Alpha為20%。

按住shift鍵，畫一個圓，全居中。為了使放大鏡更形象，可以適當(dāng)加些反光效果。然后再畫上其他部分。

六、選中放大鏡的玻璃部分，轉(zhuǎn)換為影片剪輯元件，命名為“鏡片”。然后在放大鏡元件里把鏡片刪除。

返回主場景，把鏡片元件拖入圖層三舞臺，調(diào)整到合適大小。然后雙擊圖層三前面的屬性圖標(biāo)，在彈出的列表框里設(shè)置為“遮罩層”。拖動圖層二，使之成為圖層三的“被遮罩層”。

八、新建圖層四，從庫中把“放大鏡”拖入舞臺，收縮到合適大小，要與圖層三的鏡片元件吻合，看上去像一個整體。

圖層一到圖層四全部延伸到100幀。分別在圖層三和圖層四的第100幀插入關(guān)鍵幀，把鏡片和放大鏡兩個元件同時選中同時移動到右端一個位置，這兩個圖層都設(shè)置成傳統(tǒng)補(bǔ)間動畫，上鎖。

這樣就ok了，可以按Ctrl+Enter鍵測試一下效果。

另一種做法，是用代碼指令，但是這樣就要把“放大鏡”元件刪除不用，也就是說圖層四刪除。這幾個圖層也不用延伸到100幀，分別都是1幀即可。然后在圖層三（即為遮罩層）的元件“鏡片”設(shè)置實例名稱為mc。

新建圖層五（圖層四刪除了，系統(tǒng)默認(rèn)是圖層五），在第一幀輸入動作：

Mouse.hide();

mc.startDrag(true

測試效果，ok，其實第二種效果要比第一種效果好一些，唯一的遺憾就是無法添加放大鏡鏡框。

注意事項：

第一種方法中，鏡框和鏡片是兩個元件，設(shè)置補(bǔ)間動畫時，一定要同時移動，造成同步。

第二種方法，注意動作代碼的輸入。

以上就是flash合理應(yīng)用遮罩功能制作放大鏡效果方法介紹，操作很簡單的，大家學(xué)會了嗎？希望這篇文章能對大家有所幫助！

相關(guān)閱讀：

flash簡單制作一個放大鏡

FLASH怎么制作一個放大鏡放大文字的動畫?

最新評論