flash怎么制作網(wǎng)頁圖片跟隨鼠標(biāo)移動(dòng)變化的特效?
我要評(píng)論在瀏覽網(wǎng)頁最吸引眼球的可能就是網(wǎng)頁特效了，尤其是圖片的過渡效果，有的隨著鼠標(biāo)移動(dòng)圖片自動(dòng)變化，現(xiàn)在我就根據(jù)自己制作的一種特效跟大家交流一下，鼠標(biāo)左右移動(dòng)則圖片也隨著左右移動(dòng)，并且鼠標(biāo)離屏幕中心越遠(yuǎn)，圖片移動(dòng)的速度就越快。
1、打開flash8，新建一個(gè)文檔，設(shè)置大小為400*250，背景顏色為白色，幀頻為12fps。
2、執(zhí)行導(dǎo)入-導(dǎo)入到舞臺(tái)命令，把事先準(zhǔn)備好的水滸英雄圖片導(dǎo)入到舞臺(tái)中，并且該圖片也會(huì)自動(dòng)導(dǎo)入到庫中。
3、打開庫，找到水滸英雄圖片，雙擊該圖片打開其位圖屬性面板，你會(huì)看到大小為2204*400.記住其寬度。
4、執(zhí)行插入-新建元件命令，新建一個(gè)名稱為”移動(dòng)“的影片剪輯元件，單擊確定進(jìn)入元件編輯區(qū)域。
5、從庫中把水滸英雄圖片拖入到編輯區(qū)域，選擇該圖片并設(shè)置全居中（水平中齊、垂直中齊）使其中心和編輯區(qū)域中心對(duì)齊。
6、再次從庫中兩次拖入水滸英雄圖片，分別放置在第一次拖入圖片的兩側(cè)，并調(diào)整三幅圖片的位置，使他們首尾相接。
7、執(zhí)行插入-新建元件命令，新建一個(gè)名稱為”縮放“的影片剪輯，點(diǎn)擊確定進(jìn)入編輯區(qū)域。
8、從庫中拖拽”移動(dòng)“影片剪輯元件到編輯區(qū)域，在屬性面板中輸入實(shí)例名稱為picmove。
9、返回到主場(chǎng)景，從庫中拖拽“縮放”元件到舞臺(tái)，在屬性面板中輸入實(shí)例名稱為pic.選擇該元件，打開動(dòng)作面板輸入代碼。
10、新建圖層2，選擇工具箱里橢圓工具，設(shè)置筆觸顏色為黑色，填充顏色為無，按住shift鍵在舞臺(tái)中心繪制一個(gè)正圓。
11、設(shè)置圓的大小為50*50，選擇工具箱里的鉛筆工具，在圓中繪制一個(gè)“十”字圖樣。
12、選擇工具箱里的文本工具，設(shè)置字體為王羲之書法字體，大小為60，顏色為黑色，在舞臺(tái)上輸入”水滸英雄“。
13、執(zhí)行文件-保存命令，保存名稱為水滸英雄，然后按ctrl+enter組合鍵進(jìn)行測(cè)試。
相關(guān)推薦:
flash隨機(jī)點(diǎn)名的大轉(zhuǎn)盤該怎么制作?
flash怎么利用圖片制作一個(gè)小人舞姿mv動(dòng)畫?
恭喜發(fā)財(cái)flash怎么制作? flash逐幀動(dòng)畫的制作教程
相關(guān)文章
- 這篇教程是向腳本之家的朋友介紹Flash AS3簡單制作圖片變成百葉窗特效方法，教程制作出來的效果真的很不錯(cuò)，很適合新手來學(xué)習(xí)，推薦過來，一起來學(xué)習(xí)吧2015-01-30
Flash AS3簡單制作美女圖片緩動(dòng)特效gif動(dòng)畫
這篇教程是向腳本之家的朋友介紹利用Flash AS3簡單制作美女圖片緩動(dòng)特效gif動(dòng)畫方法，教程比較簡單，新手可以跟著教程一起來學(xué)習(xí)，推薦過來，一起來學(xué)習(xí)吧2015-01-30Flash遮罩制作一個(gè)跟隨鼠標(biāo)感應(yīng)放大縮小的動(dòng)畫特效
這篇教程是向腳本之家的朋友介紹利用Flash遮罩制作一個(gè)跟隨鼠標(biāo)感應(yīng)放大縮小的動(dòng)畫特效方法，教程很簡單，主要是利用遮罩來實(shí)現(xiàn)的。現(xiàn)在推薦過來，感興趣的朋友可以學(xué)習(xí)一2015-01-19- 這篇教程是向腳本之家介紹flash制作同步特效動(dòng)畫技巧，教程比較基礎(chǔ)，很適合新手來學(xué)習(xí)，推薦到腳本之家，喜歡的朋友一起來看看吧2015-01-15
Flash CS制作幸運(yùn)大抽獎(jiǎng)gif動(dòng)畫特效教程
這篇教程是向腳本之家的朋友介紹利用Flash CS制作幸運(yùn)大抽獎(jiǎng)gif動(dòng)畫特效方法，教程制作出來的效果很不錯(cuò)，方法也很簡單，只供菜鳥們參考。推薦到腳本之家，喜歡的朋友一起2014-12-29- 本教程是向腳本之家的朋友解析Flash cs4文字顏色緩動(dòng)特效代碼，教程比較基礎(chǔ)，適合新手來學(xué)習(xí)，推薦到腳本之家，喜歡的朋友可以跟著教程一起來學(xué)習(xí)，希望能對(duì)大家有所幫助2014-12-29
Flash as制作逼真的瀑布流水的gif動(dòng)畫特效
這篇教程是向腳本之家的朋友介紹利用Flash as制作逼真的瀑布流水的gif動(dòng)畫特效方法，教程制作出來的效果真的很不錯(cuò)，方法也很簡單，推薦到腳本之家，喜歡的朋友可以跟著教2014-12-28Flash三方軟件簡單快速制作水波GIF動(dòng)畫特效
這篇教程是向腳本之家的朋友介紹利用Flash三方軟件簡單快速制作水波GIF動(dòng)畫特效方法，教程制作出來的效果還是很不錯(cuò)的，方法很簡單，只需5分鐘就可完成，推薦到腳本之家，2014-12-02Flash制作紅葉飄落的GIF動(dòng)畫特效(無AS)
本教程是向腳本之家的朋友介紹利用Flash制作紅葉飄落的GIF動(dòng)畫特效教程，教程制作出來的效果非常的漂亮，難度不是很大，而且教程全無AS代碼，推薦過來，一起來學(xué)習(xí)吧2014-11-16- 下面為大家送來Flash精彩背景GIF動(dòng)畫特效源欣賞，希望大家喜歡2014-10-15