flash腳本roll應(yīng)用 制作轉(zhuǎn)動(dòng)的光碟動(dòng)畫(huà)效果

這次我們利用roll語(yǔ)句制作:鼠標(biāo)經(jīng)過(guò)時(shí)光碟轉(zhuǎn)動(dòng),并播放歌曲的動(dòng)畫(huà)。包括光碟的制作,濾鏡的使用,音樂(lè)的插入,屬性色彩的調(diào)整,以及roll腳本的應(yīng)用。GIF圖片有些失真,只看動(dòng)畫(huà)效果即可。
一、制作光碟
準(zhǔn)備一張圖片。flash中,文檔設(shè)置與圖片同比例,這樣圖片縮放后不會(huì)變形。
文件——導(dǎo)入,導(dǎo)入圖片至舞臺(tái),對(duì)齊面板中圖片與舞臺(tái)匹配,高度、寬度對(duì)齊。
F8轉(zhuǎn)換為圖片元件。屬性面板中顏色設(shè)置如圖。
新建一層,取名按鈕。將庫(kù)中位圖拖入舞臺(tái)。Q鍵調(diào)出變形工具,將其縮小至右上角。
CTRL+B將圖片打散,打散后的圖片才可以進(jìn)行擦除等操作。
復(fù)制一個(gè),O鍵調(diào)出橢圓工具,禁用線條色,按住shift拉出一個(gè)大小合意的正圓。將其拖至復(fù)制的小圖上準(zhǔn)備作為光碟的位置。
刪去正圓,將剩余部分拖至原圖上,填充上純色(如用原圖片內(nèi)容,與原圖重合后無(wú)法單獨(dú)選取。所以最初也可以直接畫(huà)一個(gè)與原圖一樣的純色矩形),再次選中,刪除。
flash中,矢量圖重合后,刪除上面部分會(huì)將下面的圖形一同刪去,6、7步就是利用這點(diǎn)去除原圖不用的部分,留下一個(gè)整圓。這個(gè)整圓就作為碟片。
再畫(huà)一個(gè)小小的正圓,放在碟片上,重合后刪去。使碟片上出現(xiàn)中心孔。
選中碟片,F(xiàn)8轉(zhuǎn)換為影片剪輯。
濾鏡面板中,添加投影濾鏡。參數(shù)設(shè)置如圖。完成光碟制作。
二、制作按鈕
將音樂(lè)導(dǎo)入至庫(kù)。新建一個(gè)影片剪輯,將音樂(lè)從庫(kù)中拖入,將幀延長(zhǎng)至音樂(lè)結(jié)尾處。
光碟選中狀態(tài),再次按F8鍵,將其轉(zhuǎn)換為一個(gè)新的影片剪輯,取名轉(zhuǎn)動(dòng)的光碟。
雙擊該剪輯進(jìn)入編輯狀態(tài)。F6在第50幀插入關(guān)鍵幀。
回到第一幀,右鍵,插入補(bǔ)間動(dòng)畫(huà)。屬性面板——旋轉(zhuǎn)——順時(shí)針。
新建一層,將音樂(lè)元件放入該層。
回到場(chǎng)景,F(xiàn)8轉(zhuǎn)換為按鈕元件。
雙擊進(jìn)入編輯,F(xiàn)6第二幀插入關(guān)鍵幀。回到第一幀,選中元件,屬性面板——交換——碟片,將轉(zhuǎn)動(dòng)的碟片轉(zhuǎn)換為圖片碟片。
打開(kāi)動(dòng)作面板,在其中輸入on (rollOver) {this.mc.play();}on (rollOut) {this.mc.stop();}鼠標(biāo)移入時(shí),該剪輯播放;鼠標(biāo)移出時(shí),該剪輯停止。
測(cè)試效果。
教程結(jié)束,以上就是flash腳本roll應(yīng)用 制作轉(zhuǎn)動(dòng)的光碟動(dòng)畫(huà)效果,操作很簡(jiǎn)單的,大家學(xué)會(huì)了嗎?希望能對(duì)大家有所幫助!
相關(guān)文章
flash制作隨著輸入數(shù)據(jù)的變化而變化的柱形圖
這篇教程是向腳本之家的朋友分享flash制作隨著輸入數(shù)據(jù)的變化而變化的柱形圖方法,教程制作出來(lái)的柱形圖非常不錯(cuò),難度不是很大,值得大家學(xué)習(xí),來(lái)看看吧2016-05-09flash怎么制作模糊遮罩效果? flash遮罩動(dòng)畫(huà)的制作方法
flash怎么制作模糊遮罩效果?想讓花朵有種朦朧感,就是有層霧氣被風(fēng)吹散的效果,該怎么制作呢?這個(gè)感覺(jué)就是flash中模糊遮罩的效果,下面我們就來(lái)看看flash遮罩動(dòng)畫(huà)的制作2016-05-09FLASH怎么畫(huà)兩個(gè)錘子敲打東西的動(dòng)畫(huà)?
FLASH怎么畫(huà)兩個(gè)錘子敲打東西的動(dòng)畫(huà)?想做一個(gè)簡(jiǎn)單的動(dòng)畫(huà)來(lái)掌握f(shuō)lash軟件,于是做了一個(gè)簡(jiǎn)單的兩個(gè)錘子敲打一塊石頭的動(dòng)畫(huà),很簡(jiǎn)單,需要的朋友可以參考下2016-05-07flash制作跟隨鼠標(biāo)移動(dòng)的撒光蝴蝶方法
今天小編為大家分享flash制作跟隨鼠標(biāo)移動(dòng)的撒光蝴蝶,教程制作出來(lái)的動(dòng)畫(huà)效果非常不錯(cuò),難度不是很大,下面就為大家詳細(xì)介紹一下,來(lái)看看吧2016-05-05- flash怎么制作3d按鈕?想做一款3d按鈕,就是讓人過(guò)目不忘的那種,鼠標(biāo)指向按鈕時(shí)呈現(xiàn)按下的狀態(tài),相應(yīng)的圖片會(huì)慢慢出現(xiàn),該怎么做呢?下面我們來(lái)看看flash按鈕制作教程,需2016-05-03
- 這篇教程是向腳本之家的朋友分享flash制作一款漂亮的3d按鈕方法,教程制作出來(lái)的按鈕非常漂亮,難度不是很大,值得大家學(xué)習(xí),推薦過(guò)來(lái),一起來(lái)看看吧2016-05-03
flash怎么制作一個(gè)閃亮的流星墜落的動(dòng)畫(huà)?
flash怎么制作一個(gè)閃亮的流星墜落的圖?想要制作很美的夜空星星閃爍的效果,同時(shí)有流星劃破天際迅速墜落,該怎么制作呢?下面我們來(lái)看看flash制作流星效果的教程,需要的朋2016-05-02flash怎么制作上下滾動(dòng)字幕動(dòng)畫(huà)?
flash怎么制作上下滾動(dòng)字幕動(dòng)畫(huà)?flash中制作動(dòng)畫(huà)很方便,今天我們就來(lái)看看制作一個(gè)滾動(dòng)字幕的方法,教程很簡(jiǎn)單,圖文很詳細(xì),需要的朋友可以參考下2016-05-01flash制作隨風(fēng)飄動(dòng)的網(wǎng)站中文字效果
這篇教程是像腳本之家的朋友分享flash制作隨風(fēng)飄動(dòng)的網(wǎng)站中文字效果方法,教程制作出來(lái)的效果非常不錯(cuò),難度不是很大,值得大家學(xué)習(xí),推薦過(guò)來(lái),一起來(lái)看看吧2016-04-29- 這篇教程是向腳本之家的朋友分享Flash CS6使用翻轉(zhuǎn)幀功能制作打字效果方法,教程真的很不錯(cuò),推薦到腳本之家,一起來(lái)看看吧2016-04-18