文章出處

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

步驟

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

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

三、新建圖層三,在圖層三里創建一個影片剪輯元件,命名為放大鏡。點擊確定,進入元件編輯舞臺。

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

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

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

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

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

圖層一到圖層四全部延伸到100幀。分別在圖層三和圖層四的第100幀插入關鍵幀,把鏡片和放大鏡兩個元件同時選中同時移動到右端一個位置,這兩個圖層都設置成傳統補間動畫,上鎖。

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

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

新建圖層五(圖層四刪除了,系統默認是圖層五),在第一幀輸入動作:

Mouse.hide();

mc.startDrag(true

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

注意事項:

第一種方法中,鏡框和鏡片是兩個元件,設置補間動畫時,一定要同時移動,造成同步。

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

以上就是flash合理應用遮罩功能制作放大鏡效果方法介紹,操作很簡單的,大家學會了嗎?希望這篇文章能對大家有所幫助!

相關閱讀:

flash簡單制作一個放大鏡

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


歡迎轉載:http://www.kanwencang.com/bangong/20161102/33020.html

文章列表




Avast logo

Avast 防毒軟體已檢查此封電子郵件的病毒。
www.avast.com


arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()