flash圖層混合模式制作圖片切換特效動畫的教程

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