flash制作漂亮的若隱若現(xiàn)畫框

今天小編為大家分享flash制作漂亮的若隱若現(xiàn)畫框方法,教程制作出來的畫框非常漂亮,有興趣的朋友可以參考本文!
最終效果圖:
思路:
鼠標(biāo)去探一探,一物漸漸浮出,原來是維尼的相框:小豬和維尼的友情圖片交換出現(xiàn)。點(diǎn)進(jìn)去,原來還有維尼與各個(gè)伙伴的圖片。鼠標(biāo)離開,相框又逐漸隱去。有意思嗎,做起來也不難,過程主要準(zhǔn)備兩個(gè)MC:一個(gè)是若隱若現(xiàn)的MC;一個(gè)是點(diǎn)擊可以看圖片的MC。
一、制作第一個(gè)MC
1、事先準(zhǔn)備好需要的圖片。背景圖、維尼、相框、相框內(nèi)的圖片。相框內(nèi)的圖片最好將大小調(diào)整與相框比例相同。調(diào)整方法見下面的引用。將文件導(dǎo)入:文件——導(dǎo)入——導(dǎo)入到庫(kù)。
2、背景圖拖入層1。新建一層,Ctrl+F8創(chuàng)建新元件。類型:影片剪輯。
3、在幀1、12分別按下F6鍵插入關(guān)鍵幀。放入維尼與小豬的兩張圖片,對(duì)齊面板中選擇垂直居中分布、水平居中分布。24幀按下F5插入幀。
4、將元件拖入場(chǎng)景中,F(xiàn)8將影片剪輯轉(zhuǎn)換為按鈕元件,取名P1。雙擊進(jìn)入編輯。
5、此時(shí)層1中已包含元件PP,新建一層,將相框拖入,Q鍵調(diào)出變形工具按住shift鍵拖動(dòng)變形框,將其調(diào)整與圖片同大。
6、回到場(chǎng)景,將該元件再次轉(zhuǎn)換為影片剪輯。雙擊進(jìn)入編輯。
7、分別在幀10、20按下F6鍵插入關(guān)鍵幀。
8、屬性面板中將幀1、20按鈕元件的透明度改為0%,幀10的按鈕透明度改為10%。
9、為幀1、幀10創(chuàng)建補(bǔ)間動(dòng)畫。完成該MC制作。
二、制作第二個(gè)MC
1、Ctrl+F8新建一個(gè)影片剪輯元件。
2、將按鈕P1拖入,按住shift鍵同時(shí)選中2-3幀,安下F6鍵插入關(guān)鍵幀。
3、刪除三幀中的P1元件,點(diǎn)開編輯多個(gè)幀,分別從庫(kù)中拖入另外三張圖片放入,并使之與第一幀按鈕對(duì)齊。所以最初做第一個(gè)元件時(shí)使每一個(gè)圖片與舞臺(tái)居中對(duì)齊,在此時(shí)會(huì)很方便,只要再次選擇將每一個(gè)圖片、元件都居中分布,自然會(huì)對(duì)齊。當(dāng)然,這里的圖片事先都處理成同樣大小。
4、新建一層,放入相框,同樣居中分布。
5、將后三幀中的圖片轉(zhuǎn)換為按鈕元件,分別命名為P2、3、4。
6、為第一幀的按鈕寫上:on (release) {gotoAndPlay(2);}后面三個(gè)按鈕分別將數(shù)字2改為3、4、1。即點(diǎn)擊該按鈕分別進(jìn)入幀2、3、4、1并播放。
7、新建一層,插入四個(gè)關(guān)鍵幀,并在每幀上寫入stop();使MC不會(huì)自動(dòng)播放。
8、創(chuàng)建一個(gè)影片剪輯元件,第一幀拖入“隱現(xiàn)”MC,轉(zhuǎn)換為按鈕元件。居中對(duì)齊。
9、第二幀插入關(guān)鍵幀,刪除隱現(xiàn)按鈕,拖入剛做好的MC,并略向右上角放置,轉(zhuǎn)換為按鈕。
10、在第11、21幀分別插入關(guān)鍵幀,將第2幀元件的Alpha值改為0%,21幀的Alpha值改為7%。
11、為幀2、11創(chuàng)建補(bǔ)間動(dòng)畫,為幀1的按鈕寫上on (rollOver) {gotoAndPlay(2);},幀12的按鈕寫上on (rollOut) {gotoAndPlay(12);}
12、為幀1、12寫上stop();,完成MC制作。
13、回到場(chǎng)景,分層放入第二大步制作的MC、維尼PNG圖片以及閃爍的星等裝飾。完成最后制作。
注意事項(xiàng)
這是用flash8制作的動(dòng)畫,文中是在CS3中做的演示,但是保存時(shí)盡量保存為較低版本。
以上就是flash制作漂亮的若隱若現(xiàn)畫框方法介紹,操作很簡(jiǎn)單的,大家學(xué)會(huì)了嗎?希望大家喜歡本教程!
相關(guān)文章
flash如何做雨滴下落的動(dòng)畫效果? Flash8做一個(gè)下雨效果的技巧
flash如何做雨滴下落的動(dòng)畫效果?想要做一個(gè)逼真的雨滴落下的效果,該怎么做雨滴落下水花擴(kuò)散的效果呢?下面我們就來看看Flash8做一個(gè)下雨效果的技巧2022-08-18flash理發(fā)店旋轉(zhuǎn)彩燈動(dòng)畫效果怎么做? 理發(fā)店旋轉(zhuǎn)燈制作技巧
flash理發(fā)店旋轉(zhuǎn)彩燈動(dòng)畫效果怎么做?經(jīng)常使用flash制作動(dòng)畫效果,該怎么制作旋轉(zhuǎn)燈效果,下面我們就來看看理發(fā)店旋轉(zhuǎn)燈制作技巧,詳細(xì)請(qǐng)看下文介紹2022-07-23flash怎么把形狀變成文字? flash星星變文字動(dòng)畫的實(shí)現(xiàn)方法
flash怎么把形狀變成文字?flash繪制的星星想要慢慢變成文字,該怎么將圖形變文字呢?下面我們就來看看flash星星變文字動(dòng)畫的實(shí)現(xiàn)方法,詳細(xì)請(qǐng)看下文介紹2022-06-06flash怎么制作補(bǔ)間動(dòng)畫? flash變形動(dòng)畫的實(shí)現(xiàn)方法
flash怎么制作補(bǔ)間動(dòng)畫?flash中想要制作形狀變化的動(dòng)畫效果,該怎么制作補(bǔ)間動(dòng)畫呢?下面我們就來就來看看flash變形動(dòng)畫的實(shí)現(xiàn)方法2022-02-06FLASH怎么讓搖曳的荷花更逼著? flash制作風(fēng)吹荷花動(dòng)畫的技巧
FLASH怎么讓搖曳的荷花更逼?flash中想要制作風(fēng)吹荷花的動(dòng)畫熊愛國(guó),該怎么制作這個(gè)效果呢?下面我們就來看看flash制作風(fēng)吹荷花動(dòng)畫的技巧2022-02-06flash怎么制作荷花在荷花池里搖擺的動(dòng)畫? FLASH做擺動(dòng)荷花的技巧
flash怎么制作荷花在荷花池里搖擺的動(dòng)畫??flash中想要制作荷花搖擺的動(dòng)畫,該怎么制作荷花搖曳的動(dòng)畫呢?下面我們就來看看FLASH做擺動(dòng)荷花的技巧2022-02-06flash怎么做徑向彩虹文字動(dòng)畫? 文字添加彩虹動(dòng)畫效果的技巧
flash怎么做徑向彩虹文字動(dòng)畫?flash椎間盤買個(gè)輸入的文字,想要添加動(dòng)畫效果,該怎么添加徑向彩虹文字效果呢?下面我們就來看看flash文字添加彩虹動(dòng)畫效果的技巧,詳細(xì)請(qǐng)2021-11-09flash怎么做眨眼動(dòng)畫效果? flash動(dòng)漫人物眨眼動(dòng)畫的做法
flash怎么做眨眼動(dòng)畫效果?flash中想要制作一個(gè)動(dòng)漫人物的眼睛眨眼動(dòng)畫,該怎么制作呢?下面我們就來看看flash動(dòng)漫人物眨眼動(dòng)畫的做法2021-11-08flash怎么制作火焰文字效果? flash做火焰字體動(dòng)畫的技巧
flash怎么制作火焰文字效果?flash中想要制作一個(gè)熊熊燃燒的活顏文字,該怎么制作這個(gè)文字效果呢?下面我們就來看看flash做火焰字體動(dòng)畫的技巧2021-11-01flash怎么做文字動(dòng)畫logo? 閃動(dòng)的片頭動(dòng)畫flash的實(shí)現(xiàn)方法
flash怎么做文字動(dòng)畫logo?flash中想要制作一個(gè)文字logo的動(dòng)畫,讓文字閃爍,該怎么制作這個(gè)效果呢?下面我們就來看看flash制作文字動(dòng)畫的技巧2021-10-29