flash圖層混合模式制作圖片切換特效動(dòng)畫(huà)的教程

遮罩,我們知道,是遮住下面一層,只露出“孔洞”(遮罩層的形狀)內(nèi)的部分,所以孔所在的一層被設(shè)為遮罩層。如果這個(gè)孔足夠大,則可完全顯示被遮層,利用這種方法即可做出圖片切換效果。那么,你知不知道,還有一種方法也可以做出類(lèi)似效果——圖層混合模式。用圖層混合模式的Alpha與圖層兩種模式,我們來(lái)看一看如何做成圖片切換動(dòng)畫(huà)。為了減少圖片大小,效果圖里將幀數(shù)縮短了三分之二。
1、首先導(dǎo)入兩張圖片。文件——導(dǎo)入——導(dǎo)入到庫(kù)。
2、從庫(kù)里拖出一張圖片,放入圖層一第一幀。
3、對(duì)齊面板中選擇匹配寬和高、垂直居中分布、水平居中分布。
4、新建圖層2,從庫(kù)中拖入第二張圖片,同樣處理。
5、圖層2圖片右鍵——轉(zhuǎn)換為元件——影片剪輯。圖層混合模式只有在影片剪輯和按鈕上才能使用。
6、雙擊元件進(jìn)入該元件編輯模式。
7、顯示一欄里將舞臺(tái)縮小為50%。
8、R鍵調(diào)出矩形工具,顏色面板里將線(xiàn)條色禁用,填充色類(lèi)型選線(xiàn)性,中間增加兩個(gè)色標(biāo)(填充條下點(diǎn)擊即可添加),將前兩個(gè)色標(biāo)Alpha值改為0%
9、拖出一個(gè)至少三倍于舞臺(tái)的矩形。并將其轉(zhuǎn)換為影片剪輯。
10、屬性面板中,將該矩形元件的混合模式改為Alpha。該元件即透明不可見(jiàn)。
11、第30幀右鍵——插入關(guān)鍵幀。幀1將矩形透明處拖至舞臺(tái)上方,30幀不透明處拖至舞臺(tái)上方。
注意水平方向不要有錯(cuò)位,看到拖動(dòng)后的邊框與原邊框有重疊即可,掌握不住就用鍵盤(pán)上的左右鍵移動(dòng)。
12、回到第一幀,右鍵——創(chuàng)建補(bǔ)間動(dòng)畫(huà)。圖層一30幀右鍵——插入幀。完成元件1的編輯。
13、回到場(chǎng)景,屬性面板里,元件1的混合模式選為圖層。圖層混合模式會(huì)將此元件的圖層層疊顯示,即:該元件只有一個(gè)圖層顯示(另一個(gè)透明),第一幀是透明的(元件2的第一幀特性層疊到圖片圖層),最后一幀呈完全顯示(同理)。圖層的混合模式應(yīng)用即完成。測(cè)試一下吧。
14、欲使動(dòng)畫(huà)更完整,可在庫(kù)中復(fù)制元件1為副本,將副本中元件2所在層的幀反轉(zhuǎn)。在場(chǎng)景添加副本元件,使圖片完成逐漸出現(xiàn)再逐漸消失的循環(huán)。此時(shí)場(chǎng)景中必須有足夠的幀數(shù),以使元件完整播放。
相關(guān)推薦:
flash怎么制作文字落水的動(dòng)畫(huà)效果?
flash怎么利用圖片制作一個(gè)小人舞姿mv動(dòng)畫(huà)?
恭喜發(fā)財(cái)flash怎么制作? flash逐幀動(dòng)畫(huà)的制作教程
相關(guān)文章
flash制作一個(gè)簡(jiǎn)易的小動(dòng)畫(huà)
這篇教程主要是向腳本之家的朋友分享flash制作一個(gè)簡(jiǎn)易的小動(dòng)畫(huà)方法,教程真的很不錯(cuò),很基礎(chǔ),適合新手來(lái)學(xué)習(xí),推薦到腳本之家,一起來(lái)看看啊2016-03-01flash制作對(duì)象沿著一條指定的路線(xiàn)運(yùn)行的路徑動(dòng)畫(huà)
這篇教程主要是向腳本之家的朋友分享flash制作對(duì)象沿著一條指定的路線(xiàn)運(yùn)行的路徑動(dòng)畫(huà)方法,教程很基礎(chǔ),適合新手來(lái)學(xué)習(xí),推薦過(guò)來(lái),一起來(lái)學(xué)習(xí)吧2016-02-24flash怎么做遮罩動(dòng)畫(huà)? flash燈光掃描文字消失效果的方法
flash怎么做遮罩動(dòng)畫(huà)?看到電視劇里經(jīng)常用到聚光燈掃描文字時(shí),燈光下的文字就看不到了,該怎么做出這個(gè)效果呢?下面我們來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2016-02-24恭喜發(fā)財(cái)flash怎么制作? flash逐幀動(dòng)畫(huà)的制作教程
恭喜發(fā)財(cái)flash怎么制作?今天過(guò)年的時(shí)候自己嘗試制作了flash動(dòng)畫(huà),祝大家恭喜發(fā)財(cái),今天我們就將這個(gè)教程分享出來(lái),下面我們來(lái)看看flash逐幀動(dòng)畫(huà)的制作教程,需要的朋友可2016-02-19flash制作扇子張開(kāi)收合的gif動(dòng)畫(huà)效果
這篇教程是向腳本之家的朋友分享flash制作扇子張開(kāi)收合的gif動(dòng)畫(huà)效果方法,教程制作出來(lái)的效果非常不錯(cuò),難度不是很大,很值得大家學(xué)習(xí),推薦過(guò)來(lái),一起來(lái)學(xué)習(xí)吧2016-02-17FLASH制作一個(gè)開(kāi)飯了的動(dòng)畫(huà)效果
這篇教程是向腳本之家的朋友分享FLASH制作一個(gè)開(kāi)飯了的動(dòng)畫(huà)效果方法,教程制作出來(lái)的動(dòng)畫(huà)效果非常不錯(cuò),推薦過(guò)來(lái),大家一起來(lái)學(xué)習(xí)吧2016-02-16FLASH逐幀動(dòng)畫(huà)模擬漏斗中液體的流動(dòng)
這篇教程是向腳本之家的朋友分享FLASH逐幀動(dòng)畫(huà)模擬漏斗中液體的流動(dòng)方法,教程制作出來(lái)的效果非常不錯(cuò),推薦到腳本之家,喜歡的朋友快快來(lái)學(xué)習(xí)吧2016-02-15flash腳本ROLL制作女孩在叢中笑的gif動(dòng)畫(huà)效果
這篇教程是向腳本之家的朋友介紹flash腳本ROLL制作女孩在叢中笑的gif動(dòng)畫(huà)效果方法,教程制作出來(lái)的效果非常漂亮,推薦到腳本之家,喜歡的朋友快快來(lái)學(xué)習(xí)吧2016-02-14入門(mén):flash的動(dòng)畫(huà)制作操作方法
這篇教程主要是向腳本之家的朋友分享flash的動(dòng)畫(huà)制作操作方法,教程真的很不錯(cuò),很適合新手來(lái)學(xué)習(xí),推薦到腳本之家,大家快快來(lái)學(xué)習(xí)吧2016-02-14flash怎么制作文字落水的動(dòng)畫(huà)效果?
flash怎么制作文字落水的動(dòng)畫(huà)效果?想要制作文字動(dòng)畫(huà)效果,就像是文字沉入水底,水起波紋的樣子,該怎么辦呢?下面分享這個(gè)動(dòng)畫(huà)的詳細(xì)制作過(guò)程,需要的朋友可以參考下2016-02-04