flash簡單制作一個放大鏡

flash中制作放大鏡,基本原理就是利用遮罩的方法,將大圖遮住,看到的是小圖,只在鏡面所在處露出大圖。但是,只是這樣,大小圖顯示的圖像位置必會出現(xiàn)差異。所以,需要一個腳本,使大圖的x、y坐標(biāo)隨鼠標(biāo)改變。
方法/步驟
導(dǎo)入一張圖片。同一張圖片需要大小兩張,為了保證圖片的清晰,一般不會將原圖放大,而是縮小原圖(一半即可),得到小圖,所以導(dǎo)入的圖最好大些。
文檔自然先要改成原圖的一半。右鍵——文檔屬性——尺寸。
圖層1,取名小圖,從庫中拖入圖片。對齊面板中選擇“匹配寬和高”、“垂直居中分布”、“水平居中分布”,使原圖與舞臺對齊且大小一致。
新建圖層,取名大圖。原圖拖入舞臺,垂直、水平居中。右鍵——轉(zhuǎn)換為元件——影片剪輯,取名圖片。這一步可前可后,我是放在后面做的。
新建圖層,取名鏡框。O鍵調(diào)出橢圓工具,線條寬度8,顏色面板中去除填充色,線條類型為放射狀,填充條如圖設(shè)置。按住shift鍵畫出一個正圓。
F鍵調(diào)出漸變變形工具,將線條的填充色拉大,移動至合適位置。
右鍵——轉(zhuǎn)換為元件——影片剪輯,取名鏡框。
雙擊進(jìn)入元件編輯,新建圖層,拖入鏡框圖層下。禁用線條色,填充色如圖設(shè)置,顏色白色,第一個色標(biāo)透明度為0,第二個100%。畫出一個同鏡框大小的正圓,或者復(fù)制鏡框,Ctrl+Shift+V,原位粘貼,填充后,刪除線條。
回到場景。鏡框圖層下新建一個圖層,取名遮罩,禁用線條色,填充色不限,遮罩實際上就是一個孔,本身是看不到的。按住shift畫出一個同鏡框大小的正圓,右鍵——轉(zhuǎn)換為元件——影片剪輯,取名遮片。
鏡框圖層,選中鏡框,濾鏡面板中選“投影”不透明度50%。
屬性面板里,分別將鏡框、大圖、遮罩的實例名稱寫成:圖片、圖片、遮片。
選中鏡框,動作面板里輸入:onClipEvent (enterFrame) {
this._x = this._parent.遮片._x=_root._xmouse-100;
this._y = this._parent.遮片._y=_root._ymouse-100;
//本MC的橫豎坐標(biāo)與遮罩的坐標(biāo)相同,減100(圓的半徑)使鼠標(biāo)移至圓的中心
_root.圖片._x = (1-2)*_root._xmouse;
_root.圖片._y = (1-2)*_root._ymouse;
//圖片的橫坐標(biāo)等于一倍減去放大的兩倍乘于鼠標(biāo)的橫坐標(biāo)
}
新建圖層,取名AS,在幀上輸入:圖片.setMask(遮片);(圖片被遮片遮罩)
最終效果。
注意事項
用慣了flash 8的腳本,雖是CS3中,這個文檔還是存為了flash8,所以腳本是1.0&2.0
以上就是flash簡單制作一個放大鏡方法介紹,操作很簡單的,大家學(xué)會了嗎?希望能對大家有所幫助!
相關(guān)文章
flash如何做雨滴下落的動畫效果? Flash8做一個下雨效果的技巧
flash如何做雨滴下落的動畫效果?想要做一個逼真的雨滴落下的效果,該怎么做雨滴落下水花擴(kuò)散的效果呢?下面我們就來看看Flash8做一個下雨效果的技巧2022-08-18flash理發(fā)店旋轉(zhuǎn)彩燈動畫效果怎么做? 理發(fā)店旋轉(zhuǎn)燈制作技巧
flash理發(fā)店旋轉(zhuǎn)彩燈動畫效果怎么做?經(jīng)常使用flash制作動畫效果,該怎么制作旋轉(zhuǎn)燈效果,下面我們就來看看理發(fā)店旋轉(zhuǎn)燈制作技巧,詳細(xì)請看下文介紹2022-07-23flash怎么把形狀變成文字? flash星星變文字動畫的實現(xiàn)方法
flash怎么把形狀變成文字?flash繪制的星星想要慢慢變成文字,該怎么將圖形變文字呢?下面我們就來看看flash星星變文字動畫的實現(xiàn)方法,詳細(xì)請看下文介紹2022-06-06flash怎么制作補(bǔ)間動畫? flash變形動畫的實現(xiàn)方法
flash怎么制作補(bǔ)間動畫?flash中想要制作形狀變化的動畫效果,該怎么制作補(bǔ)間動畫呢?下面我們就來就來看看flash變形動畫的實現(xiàn)方法2022-02-06FLASH怎么讓搖曳的荷花更逼著? flash制作風(fēng)吹荷花動畫的技巧
FLASH怎么讓搖曳的荷花更逼?flash中想要制作風(fēng)吹荷花的動畫熊愛國,該怎么制作這個效果呢?下面我們就來看看flash制作風(fēng)吹荷花動畫的技巧2022-02-06flash怎么制作荷花在荷花池里搖擺的動畫? FLASH做擺動荷花的技巧
flash怎么制作荷花在荷花池里搖擺的動畫??flash中想要制作荷花搖擺的動畫,該怎么制作荷花搖曳的動畫呢?下面我們就來看看FLASH做擺動荷花的技巧2022-02-06flash怎么做徑向彩虹文字動畫? 文字添加彩虹動畫效果的技巧
flash怎么做徑向彩虹文字動畫?flash椎間盤買個輸入的文字,想要添加動畫效果,該怎么添加徑向彩虹文字效果呢?下面我們就來看看flash文字添加彩虹動畫效果的技巧,詳細(xì)請2021-11-09flash怎么做眨眼動畫效果? flash動漫人物眨眼動畫的做法
flash怎么做眨眼動畫效果?flash中想要制作一個動漫人物的眼睛眨眼動畫,該怎么制作呢?下面我們就來看看flash動漫人物眨眼動畫的做法2021-11-08flash怎么制作火焰文字效果? flash做火焰字體動畫的技巧
flash怎么制作火焰文字效果?flash中想要制作一個熊熊燃燒的活顏文字,該怎么制作這個文字效果呢?下面我們就來看看flash做火焰字體動畫的技巧2021-11-01flash怎么做文字動畫logo? 閃動的片頭動畫flash的實現(xiàn)方法
flash怎么做文字動畫logo?flash中想要制作一個文字logo的動畫,讓文字閃爍,該怎么制作這個效果呢?下面我們就來看看flash制作文字動畫的技巧2021-10-29