網域查詢: www.
返回首頁
當前位置: 首頁 > 站長學院 > 平面設計 > Flash >

Flash遮罩特效實例--放大鏡(圖)

時間:2010-02-12 02:13來源: 作者: 點擊:
我們對放大鏡並不陌生,在日常生活中經常用到,其實用Flash也能很好地模擬放大鏡效果,本實例將講解如何模擬放大放鏡效果,最終效果如圖1所示︰ 圖1放大鏡效果其制作很簡單,關鍵
  

我們對放大鏡並不陌生,在日常生活中經常用到,其實用Flash也能很好地模擬放大鏡效果,本實例將講解如何模擬放大放鏡效果,最終效果如圖1所示︰     


圖1放大鏡效果     其制作很簡單,關鍵是其制作制作思想即技巧問題,在制作過程中使用了少量的腳本,如定義變量,和動態發改變實例位置的一些控制語句,如setProperty()等,具體制作步驟如下︰     1.新建一電影,設置影片大小為585pxX483px(單位為像素),背景色為白色,當然該實例中背景色的設置對整個影片效果毫不影響,可以任意設置。將預先準備好的一幅圖片導入到庫中。     2.新一影片剪輯“picmovie”,在第1幀中插入一關鍵幀,打開庫面板,將導入的圖片拖放到工作區中,使用任意形變工具,調整圖片到適當大小(798pxX598px)。     3.新建一影片剪輯“meng”,選中默認圖層的第1幀插入一關鍵幀,將影片剪輯“picmovie”拖放到工作區中,創建一實例,插入遮罩層,選中第1幀,在工作工中繪制一填充色為#0066CC,輪廓顏色為黑色的正圓,如圖2所示︰     


圖2影片剪輯“meng”的設計     4.新建一圖形元件“ball”,打開混色器面板,進行如圖3所示的設置︰     


圖3設置填充顏色     選取“橢圓工具”應用上面設置的填充顏色,按住Shift鍵在工作區中繪制一正圓,即完成圖形元件的設計,如圖4所示︰     


圖4繪制元件“ball”的圖案     5.新建一按鈕元件“button”,在默認圖層的彈起幀,插入一關鍵幀,選中該幀在工作區中繪制一放大鏡的輪廓,如圖5所示︰     


圖5繪制放大鏡的輪廓     新建一圖層,在“彈起”幀處插入一關鍵幀,選中該幀將制作好的圖形元件“ball”拖放到工作區中,這就是放大鏡的鏡片,調整其位置效果如圖6所示︰     


圖6為放大鏡添加鏡片     6.新建一影片剪輯“fangda”,在第1幀處插入一關鍵幀,將制作的按鈕元件“button”拖放到工作區中創建一實例,選中所創建的實例,為其添加如下腳本︰     on (press) {
startDrag("_root.jing");
}
//當鼠標按下時可對主場景中的實例“jing”進行拖曳。
on (release) {
stopDrag();
}
//當松開鼠標時,停止對實例“jing”進行拖曳。     7.返回主場景,為了便于理解將默認圖層更名為“pic”,在第1幀處插入一關鍵幀,將影片剪輯“picmovie”拖放到工作區中創建一實例,調整其位置,設置實例的大小為638pxX478px,第2幀處插入幀即可。     新建一圖層“mengban”,在第1幀處插入一關鍵幀,選中該幀,將影片剪輯“meng”拖放到工作區,創建一實例“meng”,     新建一圖層“fangdajing”,在第1幀處插入一關鍵幀,選中該幀,將影片剪輯“fangda”拖放到工作區中創建一實例“jing”,如圖7所示︰     


圖7為影片添加放大鏡     新建一圖層“action”,在第1幀處插入一關鍵幀,選中該幀添加如下腳本︰     sx = _root.jing:_x;
sy = _root.jing:_y;
//獲取實例“jing”的位置     在第2幀處插入一關鍵幀,選中該幀添加如下腳本︰     setProperty("_root.meng", _x, _root.jing:_x);
setProperty("_root.meng", _y, _root.jing:_y);
//將實例“jing”的橫縱坐值賦給實例“meng”的相應坐標
setProperty("_root.meng.ditu", _x, _root.meng.ditu:_x-5/4*(_root.jing:_x-sx));
setProperty("_root.meng.ditu", _y, _root.meng.ditu:_y-5/4*(_root.jing:_y-sy));
gotoAndPlay(1);     8.這樣整個“放大鏡”就制作完成,保存作品,按“Ctrl+Enter”預覽最終效果。     本例參考源文件下載 (出處︰太平洋電腦網)
頂一下
(0)
0%
踩一下
(0)
0%
------分隔線----------------------------
最新評論 查看所有評論
發表評論 查看所有評論
請自覺遵守互聯網相關的政策法規,嚴禁發佈色情、暴力、反動的言論。
評價:
表情:
用戶名: 密碼: 驗證碼:
推薦內容