flash制作圖片的分層顯示效果

無(wú)論是網(wǎng)站還是課件制作中都離不開(kāi)圖片的過(guò)渡效果,有些過(guò)渡效果可以使用代碼來(lái)完成,有些不使用代碼一樣也可以制作出不錯(cuò)的過(guò)渡效果,比方說(shuō)圖片的分層顯示效果,今天小編就為大家分享flash制作圖片的分層顯示效果方法,感興趣的朋友可以參考本文,希望能對(duì)大家有所幫助!
方法/步驟
啟動(dòng)flash 8,新建一個(gè)大小為550*400,背景顏色為白色,幀頻為15fps的文檔。
執(zhí)行文件-導(dǎo)入-導(dǎo)入到庫(kù)命令,將事先準(zhǔn)備好的1.jpg圖片到如庫(kù)中,庫(kù)中可以查看此文件,
執(zhí)行插入-新建元件命令,新建一個(gè)名稱(chēng)為元件1的影片剪輯元件,將庫(kù)中的圖片拖拽到舞臺(tái)編輯區(qū)域,將圖片大小設(shè)置為550*400,并按ctrl+b組合鍵將圖片打散。
返回主場(chǎng)景,選擇工具箱里矩形工具,設(shè)置填充顏色為綠色,筆觸為無(wú),在舞臺(tái)上繪制一個(gè)大小為500*400的矩形,按ctrl+g組合鍵將矩形組合。
將組合后的矩形復(fù)制粘帖10次,并用矩形覆蓋整個(gè)舞臺(tái),然后按ctrl+a選擇所有矩形,右鍵單擊在下拉菜單中選擇分散到圖層選項(xiàng),
選擇第二個(gè)圖層,將第一幀拖動(dòng)到第三幀,選擇三個(gè)圖層,將第一幀拖動(dòng)到第六幀,以此類(lèi)推,將其他圖層的第一幀以此向后拖動(dòng)三幀。
在圖層1中第80幀處插入幀,在圖層1下面新建一個(gè)圖層,將元件1拖拽到舞臺(tái)上,并設(shè)置x軸坐標(biāo)為-50.
選擇第20幀處將元件1的位置向右移動(dòng)50,在1-20幀處右鍵單擊選擇下拉菜單中的創(chuàng)建補(bǔ)件動(dòng)畫(huà),然后在80幀出插入幀。并將其上部的圖層轉(zhuǎn)化成遮罩層。
按照步驟8,分別在其下方新建圖層,拖入元件1移動(dòng)一定距離并創(chuàng)建補(bǔ)件動(dòng)畫(huà),最終將其上方的圖層轉(zhuǎn)換成遮罩層。
按ctrl+enter組合鍵進(jìn)行測(cè)試,并且保存。保存名稱(chēng)為分層過(guò)渡,保存到一個(gè)合適的位置即可。
以上就是flash制作圖片的分層顯示效果方法介紹,操作很簡(jiǎn)單的,大家學(xué)會(huì)了嗎?希望能對(duì)大家有所幫助!
相關(guān)文章
flash如何做雨滴下落的動(dòng)畫(huà)效果? Flash8做一個(gè)下雨效果的技巧
flash如何做雨滴下落的動(dòng)畫(huà)效果?想要做一個(gè)逼真的雨滴落下的效果,該怎么做雨滴落下水花擴(kuò)散的效果呢?下面我們就來(lái)看看Flash8做一個(gè)下雨效果的技巧2022-08-18flash理發(fā)店旋轉(zhuǎn)彩燈動(dòng)畫(huà)效果怎么做? 理發(fā)店旋轉(zhuǎn)燈制作技巧
flash理發(fā)店旋轉(zhuǎn)彩燈動(dòng)畫(huà)效果怎么做?經(jīng)常使用flash制作動(dòng)畫(huà)效果,該怎么制作旋轉(zhuǎn)燈效果,下面我們就來(lái)看看理發(fā)店旋轉(zhuǎn)燈制作技巧,詳細(xì)請(qǐng)看下文介紹2022-07-23flash怎么把形狀變成文字? flash星星變文字動(dòng)畫(huà)的實(shí)現(xiàn)方法
flash怎么把形狀變成文字?flash繪制的星星想要慢慢變成文字,該怎么將圖形變文字呢?下面我們就來(lái)看看flash星星變文字動(dòng)畫(huà)的實(shí)現(xiàn)方法,詳細(xì)請(qǐng)看下文介紹2022-06-06flash怎么制作補(bǔ)間動(dòng)畫(huà)? flash變形動(dòng)畫(huà)的實(shí)現(xiàn)方法
flash怎么制作補(bǔ)間動(dòng)畫(huà)?flash中想要制作形狀變化的動(dòng)畫(huà)效果,該怎么制作補(bǔ)間動(dòng)畫(huà)呢?下面我們就來(lái)就來(lái)看看flash變形動(dòng)畫(huà)的實(shí)現(xiàn)方法2022-02-06FLASH怎么讓搖曳的荷花更逼著? flash制作風(fēng)吹荷花動(dòng)畫(huà)的技巧
FLASH怎么讓搖曳的荷花更逼?flash中想要制作風(fēng)吹荷花的動(dòng)畫(huà)熊愛(ài)國(guó),該怎么制作這個(gè)效果呢?下面我們就來(lái)看看flash制作風(fēng)吹荷花動(dòng)畫(huà)的技巧2022-02-06flash怎么制作荷花在荷花池里搖擺的動(dòng)畫(huà)? FLASH做擺動(dòng)荷花的技巧
flash怎么制作荷花在荷花池里搖擺的動(dòng)畫(huà)??flash中想要制作荷花搖擺的動(dòng)畫(huà),該怎么制作荷花搖曳的動(dòng)畫(huà)呢?下面我們就來(lái)看看FLASH做擺動(dòng)荷花的技巧2022-02-06flash怎么做徑向彩虹文字動(dòng)畫(huà)? 文字添加彩虹動(dòng)畫(huà)效果的技巧
flash怎么做徑向彩虹文字動(dòng)畫(huà)?flash椎間盤(pán)買(mǎi)個(gè)輸入的文字,想要添加動(dòng)畫(huà)效果,該怎么添加徑向彩虹文字效果呢?下面我們就來(lái)看看flash文字添加彩虹動(dòng)畫(huà)效果的技巧,詳細(xì)請(qǐng)2021-11-09flash怎么做眨眼動(dòng)畫(huà)效果? flash動(dòng)漫人物眨眼動(dòng)畫(huà)的做法
flash怎么做眨眼動(dòng)畫(huà)效果?flash中想要制作一個(gè)動(dòng)漫人物的眼睛眨眼動(dòng)畫(huà),該怎么制作呢?下面我們就來(lái)看看flash動(dòng)漫人物眨眼動(dòng)畫(huà)的做法2021-11-08flash怎么制作火焰文字效果? flash做火焰字體動(dòng)畫(huà)的技巧
flash怎么制作火焰文字效果?flash中想要制作一個(gè)熊熊燃燒的活顏文字,該怎么制作這個(gè)文字效果呢?下面我們就來(lái)看看flash做火焰字體動(dòng)畫(huà)的技巧2021-11-01flash怎么做文字動(dòng)畫(huà)logo? 閃動(dòng)的片頭動(dòng)畫(huà)flash的實(shí)現(xiàn)方法
flash怎么做文字動(dòng)畫(huà)logo?flash中想要制作一個(gè)文字logo的動(dòng)畫(huà),讓文字閃爍,該怎么制作這個(gè)效果呢?下面我們就來(lái)看看flash制作文字動(dòng)畫(huà)的技巧2021-10-29