Flash動畫教程:制作好看的卷畫動畫效果圖

本教程向大家介紹了利用Flash制作一幅卷畫動畫效果圖,制作效果非常好看,教程難度不是很大,教程介紹地也很詳細(xì),轉(zhuǎn)發(fā)過來,希望大家喜歡本教程!
首先讓我們來預(yù)覽下效果:
這個效果大概可以分為三個大步驟來制作。。
第一,一張清晰的,最后要呈現(xiàn)在我們面前的圖片,作為一層。
第二,需要制作這張圖片的模糊效果,達(dá)到增加一點特效效果。
第三,制作這張圖片的反影,最后播放時,才能呈現(xiàn)卷畫的神奇效果。。。
接下來,讓我們開始制作吧。。。
第一、打開Flash8,新建文件,場景大小可以用設(shè)成550 X 300,幀頻可以設(shè)成12,例圖:
然后導(dǎo)入一張你喜歡的圖片,放入“庫”里面。
回到主場景中,選中時間軸的第一幀,從“庫”中拖入圖片到主場景中,調(diào)節(jié)到合適的位置之后,可按(F8)轉(zhuǎn)化為影片剪輯元件(注意:轉(zhuǎn)化為影片剪輯的目的是為了后面能夠使用模糊濾鏡,制作第二大步驟中的模糊效果)。
然后,可在第120幀插入幀(可按F5),增加動畫的播放長度。這樣,第一步,我們就算完成了。。。
第二、在圖層1的上面新建層,如圖:
面板左下方的第一個按鈕即是新建圖層按鈕,復(fù)制圖層1的第一幀,粘貼到圖層2的第一幀,在主場景中選中這個影片剪輯“元件1”,在下面屬性欄選擇“濾鏡”標(biāo)簽,添加“模糊”效果(22左右,視舞臺大小及圖片分辨率)。
再在“圖層2”上面新建一層,在左邊工具欄選中矩形工具,用矩形工具在主場景中繪制一個和舞臺大小一樣的方型圖形(我們這里場景之前是設(shè)成550 X 300),選中這個圖形,可以在下面屬性欄里設(shè)置它的坐標(biāo)X,Y軸位置,分別可以設(shè)為0 。
注意:在主場景中,最左上角的坐標(biāo)位置就是0.0),在這一層的第90幀插入關(guān)鍵幀(可按F6),然后在下面的“屬性”面板中,將它的X的位置設(shè)為550(即是使之向右平移了550個像素),再在第1幀與第90幀之間,任意選中一幀,再在下面面板“補(bǔ)間”后面選擇“形狀”,創(chuàng)建形狀補(bǔ)間。。
注意:由于我們這里是用矩形工具畫的普通像素形狀,所以只能是創(chuàng)建形狀補(bǔ)間。而創(chuàng)建補(bǔ)間動畫,動畫補(bǔ)間只適合于元件或影片剪輯),接著,再選中“圖層3”這一層,右鍵,選擇“遮罩層”,創(chuàng)建一個遮罩動畫。這樣,第二個大步驟,就算制作完成了。。。
第三、在“圖層3”上面新建一層,復(fù)制圖層1的第一幀,粘貼到圖層4的第一幀,然后在第四層的90幀插入關(guān)鍵幀(可按F6)。
再次在“圖層4”上面新建一層,然后選擇第一幀,左邊工具欄選擇矩形工具,下面“屬性”面板中,可以把輪廓顏色設(shè)為無
,選擇填充顏色,在右上角“顏色”面板上,“類型”選擇線性漸變,設(shè)置全部為白,如下圖設(shè)置漸變,在第一個位置的透明度為0%,第二個位置為44%,第三個位置的透明度為0%,第四個位置的透明度為33%,第五個位置為0%
在主場景中用矩形工具繪制一個矩形,寬(即為卷軸的寬度),高為舞臺的高度(這里我們設(shè)的是300),坐標(biāo)位置X,Y為(0,0)。然后在第90幀插入關(guān)鍵幀,并設(shè)置卷軸的X,Y位置為(舞臺寬度550,0),最后設(shè)置成“形狀補(bǔ)間”。
再次在“圖層5”上面新建一層,選擇圖層5的所有幀,右鍵,“復(fù)制幀”,然后選擇圖層6的第一幀,粘貼幀。 回到圖層5,右鍵,選擇“遮罩層”,讓圖層5對圖層4進(jìn)行遮罩,創(chuàng)建遮罩動畫。 再回到圖層4,關(guān)閉圖層2,圖層3,圖層5,如下圖:
分別選擇圖層4第1幀和第90幀上的元件,下面“屬性”面板,設(shè)置其透明度為40 ,
然后選擇圖層4的第1幀,然后選中主場景中“元件1”這個影片剪輯,執(zhí)行上面菜單:修改-變形-水平翻轉(zhuǎn),然后讓它和“圖層1”的元件以卷軸的左側(cè)為中心對稱(圖中白線部分)
第90幀同理,選擇圖層4的第90幀,再選中主場景中“元件1”這個影片剪輯,執(zhí)行上面菜單:修改-變形-水平翻轉(zhuǎn),然后讓它和“圖層1”的元件以卷軸的左側(cè)為中心對稱(圖中白線部分)
最后,在“圖層4”的第1幀和第90幀之間,創(chuàng)建補(bǔ)間動畫,到此,整個制作就算是基本完成了。。。
趕快按下ctrl + enter測試一下看看!
教程結(jié)束,以上就是利用Flash制作一幅卷畫動畫效果圖過程,喜歡的朋友可以嘗試制作一個。謝謝大家觀看本教程!
相關(guān)文章
flash如何制作形狀補(bǔ)間動畫?flash創(chuàng)建補(bǔ)間形狀技巧
flash一款功能強(qiáng)大的動畫制作軟件,制作動畫很非常的方便,但動畫過程使用的都是形狀補(bǔ)間功能。今天小編就來給大家介紹一下flash形狀補(bǔ)間動畫制作方法,感興趣的快來看看吧2022-05-11- flash cs6怎么做花朵成長的逐幀動畫?flash中想要繪制一個花開的動畫,該怎么畫出各個圖形然后做逐幀動畫呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2021-03-09
Flash怎么將動畫復(fù)制為ActionScript3.0并使用?
Flash怎么將動畫復(fù)制為ActionScript3.0并使用?Flash中制作的動畫想要直接粘貼到另一個對象中,我們可以使用復(fù)制腳本代碼的方式復(fù)制動畫,下面我們就來看看詳細(xì)的教程,需2017-12-08- flash怎么制作漫畫人物行走的動畫?flash中想要制作一段行走的動畫,該怎么設(shè)計呢?下面我們就來看看詳細(xì)的教程,很簡單,需要的朋友可以參考下2017-04-18
- 這篇教程是向腳本之家的朋友分享flash逐幀動畫制作全過程,教程非?;A(chǔ),很適合新手來學(xué)習(xí),推薦過來,有興趣的朋友可以過來學(xué)習(xí)2016-01-15
- 下面小編就為大家介紹利用Flash正確的口型吻合動畫技巧,教程很不錯,非常適合新手來學(xué)習(xí),推薦到腳本之家,喜歡的朋友一起來學(xué)習(xí)吧2015-01-15
- 這篇教程是向腳本之家的朋友介紹Flash動畫制作技巧:圖形元件相關(guān)知識,教程很基礎(chǔ),但很實用,推薦到腳本之家,喜歡的朋友可以過來學(xué)習(xí)一下,希望能對大家有所幫助2015-01-05
Flash動畫制作小黑人經(jīng)典動畫效果技巧介紹(圖文)
本教程是向大家介紹Flash動畫制作小黑人經(jīng)典動畫效果技巧,教程很經(jīng)典,介紹的非常詳細(xì),相信對學(xué)習(xí)Flash朋友有一定的幫助。轉(zhuǎn)發(fā)過來,希望對大家有所幫助2014-08-05- 本教程是向大家介紹利用Flash制作旋轉(zhuǎn)的3D立體盒動畫教程,制作出來的效果非常好看,教程介紹的很詳細(xì),希望大家通過本篇教程能學(xué)習(xí)Flash制作3D動畫的方法,這樣以后就可以2014-07-22
- 本教程向大家介紹了Flash cs3制作人物行走動畫技巧,并做了詳細(xì)的介紹,覺得教程很不錯,轉(zhuǎn)發(fā)過來,希望給朋友們帶來幫助2014-07-15