Flash AS3打造鼠標(biāo)跟隨炫舞線條動(dòng)畫效果_Flash教程
推薦:Flash AS2教程:鼠標(biāo)感應(yīng)放大縮小圖片效果第一步:我們新建flash文檔,幀頻設(shè)置為40,我們導(dǎo)入一張圖片或者在主場景中畫一個(gè)東西,然后右鍵轉(zhuǎn)換為元件影片剪輯元件。 第二步:現(xiàn)在在你的庫面板中是否是有元件一?如果做對的話是肯定有的(就是你第一步轉(zhuǎn)化成的元件),我們新建一影片剪輯元件,把元件一拖到元件2
本教程是Flash創(chuàng)作的基礎(chǔ)教程,主要是工具的運(yùn)用、顏色的運(yùn)用和補(bǔ)間形狀的制作,代碼部分不作講解。
打開Flash,設(shè)置文檔屬性尺寸:寬1024 高768 背景:黑色,其它默認(rèn),取名存盤。
1、新建圖形元件1,選橢圓工具,筆觸禁止,填充色白色,畫一個(gè)5*5的圓(拖動(dòng)鼠標(biāo)的同時(shí)按住Shift鍵可畫出正圓)。按Ctrl+K組合鍵,打開對齊面板,選水平中齊,垂直中齊。

圖1:對齊面板
2、新建圖形元件2,選橢圓工具,筆觸禁止,填充放射漸變,左ffcc00,右fffae6,畫一個(gè)5*5的圓。水平中齊,垂直中齊。
3、新建圖形元件3,選直線工具,在屬性面板中設(shè)置筆觸高度為1.5 ,筆觸線性漸變,左f70000,右ffffff,填充色禁止,長度任意。用選擇工具和部分選取工具,把直線調(diào)整成~形。左對齊,上對齊。

圖2:圖形元件曲線

圖3:設(shè)置顏色
4、新建圖形元件4,選直線工具,在屬性面板中設(shè)置筆觸高度為1.5 ,筆觸線性漸變,左ffffff,中0033ff,右ff0000,填充色禁止,畫一條長度100的直線。水平中齊,垂直中齊。

圖4:設(shè)置直線漸變
5、新建圖形元件5,選矩形工具,筆觸禁止,填充色白色,畫一個(gè)3*3的正方形。水平中齊,垂直中齊。 準(zhǔn)備工作完成,開始制作。
6、新建影片剪輯元件,名遮片,選矩形工具,筆觸禁止,顏色任意,畫一個(gè)長方形,在屬性面板中設(shè)置寬為1044,高為570, X,Y坐標(biāo)為0。
7、新建影片剪輯元件,名MouseEff,選中圖層1的第一幀,按Ctrl+L組合鍵,打開庫面板,把圖形元件1拖入舞臺,選中元件,按Ctrl+B組合鍵把圖形打散,成麻點(diǎn)狀。按Ctrl+K組合鍵,打開對齊面板,水平中齊、垂直中齊。選中時(shí)間軸34幀,插入關(guān)鍵幀,在屬性面板中設(shè)置寬高為59,選中圓打開顏色面板,設(shè)置透明度為0。返回第一幀,設(shè)置寬、高為1,右鍵點(diǎn)擊1—34的任意幀在下拉菜單中選創(chuàng)建補(bǔ)間形狀(拖動(dòng)一下播放頭,看一下,一個(gè)從小到大的漸隱效果已經(jīng)做好了)。選中35幀插入空白關(guān)鍵幀,選55幀插入關(guān)鍵幀,打開庫面板把圖形元件5拖入舞臺,打散圖形,設(shè)置寬高為3.0 ,x:294 y:109 ,選73幀插入關(guān)鍵幀,設(shè)置寬高為1.0 ,x, y為0, 右鍵點(diǎn)擊任意幀,選創(chuàng)建補(bǔ)間形狀。選中73幀按F9鍵打開動(dòng)作面板輸入代碼:
this.parent.removeChild(this);
stop();
圖層1上鎖,防止誤操作。
8、插入圖層2, 選中第一幀,打開庫面板把圖形元件3拖入舞臺,打散,選中圖形在屬性面板中點(diǎn)寬高左邊的鎖,鎖定寬高,設(shè)置寬為463按Tab鍵自動(dòng)設(shè)置高。x:0 , y:0 ,打開顏色面板,選中紅色滑塊,設(shè)置透明度為20 。

圖5:設(shè)置透明度
選中13幀插入關(guān)鍵幀,在屬性面板中鎖定寬高,設(shè)置寬為100 ,設(shè)置紅色為100,在21幀插入關(guān)鍵幀,選任意變形工具,把中心點(diǎn)拖到注冊點(diǎn)位置,向左旋轉(zhuǎn)110度左右。

圖6:旋轉(zhuǎn)角度
22幀插入關(guān)鍵幀打開庫面板,拖入圖形元件2打散, 設(shè)置寬高為23 ,x:-80, y:0.5 。24幀插入關(guān)鍵幀,設(shè)置寬高為20。25幀插入關(guān)鍵幀,打開庫面板,拖入圖形元件4打散,水平中齊、垂直中齊。26幀插入關(guān)鍵幀,向下作10度左右的旋轉(zhuǎn),54幀插入關(guān)鍵幀,做垂直旋轉(zhuǎn)。設(shè)置寬為0 ,高為5 ,x:295.5 , y:112.5。選1—13、13—21、21—24、24—26、26—54, 創(chuàng)建補(bǔ)間形狀。圖層上鎖,打開庫面板右鍵點(diǎn)擊MouseEff影片剪輯,下拉菜單中選鏈接,在鏈接屬性面板中,選中為ActionScript導(dǎo)出。

圖 7:屬性鏈接

圖8:影片剪輯時(shí)間軸
9、返回場景1,打開庫面板把影片剪輯遮片拖入舞臺,設(shè)置寬1024 ,高768 ,水平中齊,垂直中齊。在顏色的下拉菜單中選色調(diào),設(shè)置成黑色。在文檔類:輸入框中輸入 Test。

圖9
至此,動(dòng)畫部分已全部完成,保存。附件包括fla文件和Test類文件,解壓后把Test文件復(fù)制到保存動(dòng)畫文件的同一目錄下,進(jìn)行測試。
分享:Flash實(shí)例教程:圖片不間斷滾動(dòng)動(dòng)畫效果1. 首先準(zhǔn)備要滾動(dòng)的圖片,將幾張圖片導(dǎo)入到flash庫中,分別在庫中右擊它們,選擇屬性,將使用導(dǎo)入的JPEG品質(zhì)前的鉤去掉,這樣文檔的體積會(huì)小很多。 點(diǎn)擊 插入新建元件,新建一圖形元件,將庫的圖片拖到舞臺上,首尾相接拼好。 2. 回到主場景,將圖片元件拖到舞臺上,
- Flash AS2教程:鼠標(biāo)感應(yīng)放大縮小圖片效果
- Flash實(shí)例教程:圖片不間斷滾動(dòng)動(dòng)畫效果
- Flash cs3鼠繪教程:關(guān)閉缺口_完善角色肢體連接
- Flash AS3教程:簡單表現(xiàn)照片底片效果
- Flash教程:鉸連身體部分的方法
- Flash用AS2代碼制作圖片循環(huán)效果
- Flash教程:用AS3代碼表現(xiàn)傾斜角與斜率
- Flash AS3制作交互式3D旋轉(zhuǎn)動(dòng)畫效果
- Flash cs3鼠繪教程:動(dòng)畫技巧之繪制猴子
- Flash教程:交換方法制作嘴型吻合
- Flash cs3教程:圖形元件的同步與不同步
- Flash cs3鼠繪教程:圖形元件的同步應(yīng)用
- 相關(guān)鏈接:
- 教程說明:
Flash教程-Flash AS3打造鼠標(biāo)跟隨炫舞線條動(dòng)畫效果
。