flash合理應(yīng)用遮罩功能制作放大鏡效果

步驟
一、新建一個(gè)flash文檔,舞臺(tái)550*400.舞臺(tái)顏色隨意。然后導(dǎo)入一張風(fēng)景圖片(風(fēng)景圖片可以在網(wǎng)上搜索下載,有的是)。把風(fēng)景圖片與舞臺(tái)對(duì)齊,全居中。如果圖片過小或過大,可以先用任意變形工具把它縮放到合適大小,或者在變形面板里按比例調(diào)整到舞臺(tái)大小,多余的部分可以先把它打散,然后刪除舞臺(tái)之外部分。
二、新建圖層二,復(fù)制圖層一調(diào)好的圖片到圖層二,在右鍵下拉對(duì)話框選擇“粘貼到當(dāng)前位置”,這樣就可以和圖層一的圖片位置完全相同。圖層二圖片粘貼好以后,在變形面板按比例適當(dāng)放大到110%。然后把圖層一圖層二分別上鎖。
三、新建圖層三,在圖層三里創(chuàng)建一個(gè)影片剪輯元件,命名為放大鏡。點(diǎn)擊確定,進(jìn)入元件編輯舞臺(tái)。
現(xiàn)在我們來畫一個(gè)放大鏡。先選擇橢圓工具,筆觸色為黑色,大小為8.填充色要在顏色面板里進(jìn)行設(shè)置,打開顏色面板,選擇“徑向漸變”,然后在下面的調(diào)色條里,進(jìn)行調(diào)色。調(diào)色時(shí)要注意,為了盡量使放大鏡真實(shí)一些,雙擊調(diào)色條第一個(gè)調(diào)色塊,顏色為白色(ffffff),Alpha為0,右端的調(diào)色塊顏色為白色,Alpha為20%。
按住shift鍵,畫一個(gè)圓,全居中。為了使放大鏡更形象,可以適當(dāng)加些反光效果。然后再畫上其他部分。
六、選中放大鏡的玻璃部分,轉(zhuǎn)換為影片剪輯元件,命名為“鏡片”。然后在放大鏡元件里把鏡片刪除。
返回主場(chǎng)景,把鏡片元件拖入圖層三舞臺(tái),調(diào)整到合適大小。然后雙擊圖層三前面的屬性圖標(biāo),在彈出的列表框里設(shè)置為“遮罩層”。拖動(dòng)圖層二,使之成為圖層三的“被遮罩層”。
八、新建圖層四,從庫(kù)中把“放大鏡”拖入舞臺(tái),收縮到合適大小,要與圖層三的鏡片元件吻合,看上去像一個(gè)整體。
圖層一到圖層四全部延伸到100幀。分別在圖層三和圖層四的第100幀插入關(guān)鍵幀,把鏡片和放大鏡兩個(gè)元件同時(shí)選中同時(shí)移動(dòng)到右端一個(gè)位置,這兩個(gè)圖層都設(shè)置成傳統(tǒng)補(bǔ)間動(dòng)畫,上鎖。
這樣就ok了,可以按Ctrl+Enter鍵測(cè)試一下效果。
另一種做法,是用代碼指令,但是這樣就要把“放大鏡”元件刪除不用,也就是說圖層四刪除。這幾個(gè)圖層也不用延伸到100幀,分別都是1幀即可。然后在圖層三(即為遮罩層)的元件“鏡片”設(shè)置實(shí)例名稱為mc。
新建圖層五(圖層四刪除了,系統(tǒng)默認(rèn)是圖層五),在第一幀輸入動(dòng)作:
Mouse.hide();
mc.startDrag(true
測(cè)試效果,ok,其實(shí)第二種效果要比第一種效果好一些,唯一的遺憾就是無法添加放大鏡鏡框。
注意事項(xiàng):
第一種方法中,鏡框和鏡片是兩個(gè)元件,設(shè)置補(bǔ)間動(dòng)畫時(shí),一定要同時(shí)移動(dòng),造成同步。
第二種方法,注意動(dòng)作代碼的輸入。
以上就是flash合理應(yīng)用遮罩功能制作放大鏡效果方法介紹,操作很簡(jiǎn)單的,大家學(xué)會(huì)了嗎?希望這篇文章能對(duì)大家有所幫助!
相關(guān)閱讀:
FLASH怎么制作一個(gè)放大鏡放大文字的動(dòng)畫?
相關(guān)文章
flash如何做雨滴下落的動(dòng)畫效果? Flash8做一個(gè)下雨效果的技巧
flash如何做雨滴下落的動(dòng)畫效果?想要做一個(gè)逼真的雨滴落下的效果,該怎么做雨滴落下水花擴(kuò)散的效果呢?下面我們就來看看Flash8做一個(gè)下雨效果的技巧2022-08-18flash理發(fā)店旋轉(zhuǎn)彩燈動(dòng)畫效果怎么做? 理發(fā)店旋轉(zhuǎn)燈制作技巧
flash理發(fā)店旋轉(zhuǎn)彩燈動(dòng)畫效果怎么做?經(jīng)常使用flash制作動(dòng)畫效果,該怎么制作旋轉(zhuǎn)燈效果,下面我們就來看看理發(fā)店旋轉(zhuǎn)燈制作技巧,詳細(xì)請(qǐng)看下文介紹2022-07-23flash怎么把形狀變成文字? flash星星變文字動(dòng)畫的實(shí)現(xiàn)方法
flash怎么把形狀變成文字?flash繪制的星星想要慢慢變成文字,該怎么將圖形變文字呢?下面我們就來看看flash星星變文字動(dòng)畫的實(shí)現(xiàn)方法,詳細(xì)請(qǐng)看下文介紹2022-06-06flash怎么制作補(bǔ)間動(dòng)畫? flash變形動(dòng)畫的實(shí)現(xiàn)方法
flash怎么制作補(bǔ)間動(dòng)畫?flash中想要制作形狀變化的動(dòng)畫效果,該怎么制作補(bǔ)間動(dòng)畫呢?下面我們就來就來看看flash變形動(dòng)畫的實(shí)現(xiàn)方法2022-02-06FLASH怎么讓搖曳的荷花更逼著? flash制作風(fēng)吹荷花動(dòng)畫的技巧
FLASH怎么讓搖曳的荷花更逼?flash中想要制作風(fēng)吹荷花的動(dòng)畫熊愛國(guó),該怎么制作這個(gè)效果呢?下面我們就來看看flash制作風(fēng)吹荷花動(dòng)畫的技巧2022-02-06flash怎么制作荷花在荷花池里搖擺的動(dòng)畫? FLASH做擺動(dòng)荷花的技巧
flash怎么制作荷花在荷花池里搖擺的動(dòng)畫??flash中想要制作荷花搖擺的動(dòng)畫,該怎么制作荷花搖曳的動(dòng)畫呢?下面我們就來看看FLASH做擺動(dòng)荷花的技巧2022-02-06flash怎么做徑向彩虹文字動(dòng)畫? 文字添加彩虹動(dòng)畫效果的技巧
flash怎么做徑向彩虹文字動(dòng)畫?flash椎間盤買個(gè)輸入的文字,想要添加動(dòng)畫效果,該怎么添加徑向彩虹文字效果呢?下面我們就來看看flash文字添加彩虹動(dòng)畫效果的技巧,詳細(xì)請(qǐng)2021-11-09flash怎么做眨眼動(dòng)畫效果? flash動(dòng)漫人物眨眼動(dòng)畫的做法
flash怎么做眨眼動(dòng)畫效果?flash中想要制作一個(gè)動(dòng)漫人物的眼睛眨眼動(dòng)畫,該怎么制作呢?下面我們就來看看flash動(dòng)漫人物眨眼動(dòng)畫的做法2021-11-08flash怎么制作火焰文字效果? flash做火焰字體動(dòng)畫的技巧
flash怎么制作火焰文字效果?flash中想要制作一個(gè)熊熊燃燒的活顏文字,該怎么制作這個(gè)文字效果呢?下面我們就來看看flash做火焰字體動(dòng)畫的技巧2021-11-01flash怎么做文字動(dòng)畫logo? 閃動(dòng)的片頭動(dòng)畫flash的實(shí)現(xiàn)方法
flash怎么做文字動(dòng)畫logo?flash中想要制作一個(gè)文字logo的動(dòng)畫,讓文字閃爍,該怎么制作這個(gè)效果呢?下面我們就來看看flash制作文字動(dòng)畫的技巧2021-10-29