Flash動(dòng)畫教程:制作好看的卷畫動(dòng)畫效果圖

分類:Flash動(dòng)畫制作    發(fā)布時(shí)間:2018年10月26日    點(diǎn)擊:4381次

Flash動(dòng)畫教程:制作好看的卷畫動(dòng)畫效果圖


  本教程向大家介紹了利用Flash制作一幅卷畫動(dòng)畫效果圖,制作效果非常好看,教程難度不是很大,教程介紹地也很詳細(xì),轉(zhuǎn)發(fā)過(guò)來(lái),希望大家喜歡本教程!


  首先讓我們來(lái)預(yù)覽下效果:

  這個(gè)效果大概可以分為三個(gè)大步驟來(lái)制作。。

  第一,一張清晰的,最后要呈現(xiàn)在我們面前的圖片,作為一層。

  第二,需要制作這張圖片的模糊效果,達(dá)到增加一點(diǎn)特效效果。

  第三,制作這張圖片的反影,最后播放時(shí),才能呈現(xiàn)卷畫的神奇效果。。。


  接下來(lái),讓我們開始制作吧。。。

  第一、打開Flash8,新建文件,場(chǎng)景大小可以用設(shè)成550 X 300,幀頻可以設(shè)成12,例圖:

  

Flash制作好看的卷畫效果動(dòng)畫,PS教程,思緣教程網(wǎng)


  然后導(dǎo)入一張你喜歡的圖片,放入“庫(kù)”里面。

  

Flash制作好看的卷畫效果動(dòng)畫,PS教程,思緣教程網(wǎng)


  回到主場(chǎng)景中,選中時(shí)間軸的第一幀,從“庫(kù)”中拖入圖片到主場(chǎng)景中,調(diào)節(jié)到合適的位置之后,可按(F8)轉(zhuǎn)化為影片剪輯元件(注意:轉(zhuǎn)化為影片剪輯的目的是為了后面能夠使用模糊濾鏡,制作第二大步驟中的模糊效果)。

  

Flash制作好看的卷畫效果動(dòng)畫,PS教程,思緣教程網(wǎng)


  然后,可在第120幀插入幀(可按F5),增加動(dòng)畫的播放長(zhǎng)度。這樣,第一步,我們就算完成了。。。

  第二、在圖層1的上面新建層,如圖:

  

Flash制作好看的卷畫效果動(dòng)畫,PS教程,思緣教程網(wǎng)


  面板左下方的第一個(gè)按鈕即是新建圖層按鈕,

Flash制作好看的卷畫效果動(dòng)畫,PS教程,思緣教程網(wǎng)

復(fù)制圖層1的第一幀,粘貼到圖層2的第一幀,在主場(chǎng)景中選中這個(gè)影片剪輯“元件1”,在下面屬性欄選擇“濾鏡”標(biāo)簽,添加“模糊”效果(22左右,視舞臺(tái)大小及圖片分辨率)。


  

Flash制作好看的卷畫效果動(dòng)畫,PS教程,思緣教程網(wǎng)


  再在“圖層2”上面新建一層,在左邊工具欄選中

Flash制作好看的卷畫效果動(dòng)畫,PS教程,思緣教程網(wǎng)

矩形工具,用矩形工具在主場(chǎng)景中繪制一個(gè)和舞臺(tái)大小一樣的方型圖形(我們這里場(chǎng)景之前是設(shè)成550 X 300),選中這個(gè)圖形,可以在下面屬性欄里設(shè)置它的坐標(biāo)X,Y軸位置,分別可以設(shè)為0 。


  

Flash制作好看的卷畫效果動(dòng)畫,PS教程,思緣教程網(wǎng)


  注意:在主場(chǎng)景中,最左上角的坐標(biāo)位置就是0.0),在這一層的第90幀插入關(guān)鍵幀(可按F6),然后在下面的“屬性”面板中,將它的X的位置設(shè)為550(即是使之向右平移了550個(gè)像素),再在第1幀與第90幀之間,任意選中一幀,再在下面面板“補(bǔ)間”后面選擇“形狀”,創(chuàng)建形狀補(bǔ)間。。

  

Flash制作好看的卷畫效果動(dòng)畫,PS教程,思緣教程網(wǎng)


  注意:由于我們這里是用矩形工具畫的普通像素形狀,所以只能是創(chuàng)建形狀補(bǔ)間。而創(chuàng)建補(bǔ)間動(dòng)畫,動(dòng)畫補(bǔ)間只適合于元件或影片剪輯),接著,再選中“圖層3”這一層,右鍵,選擇“遮罩層”,創(chuàng)建一個(gè)遮罩動(dòng)畫。這樣,第二個(gè)大步驟,就算制作完成了。。。

  

Flash制作好看的卷畫效果動(dòng)畫,PS教程,思緣教程網(wǎng)


  第三、在“圖層3”上面新建一層,復(fù)制圖層1的第一幀,粘貼到圖層4的第一幀,然后在第四層的90幀插入關(guān)鍵幀(可按F6)。

  再次在“圖層4”上面新建一層,然后選擇第一幀,左邊工具欄選擇矩形工具

Flash制作好看的卷畫效果動(dòng)畫,PS教程,思緣教程網(wǎng)

,下面“屬性”面板中,可以把輪廓顏色設(shè)為無(wú)

Flash制作好看的卷畫效果動(dòng)畫,PS教程,思緣教程網(wǎng)

,選擇填充顏色,在右上角“顏色”面板上,“類型”選擇線性漸變,設(shè)置全部為白,如下圖設(shè)置漸變,在第一個(gè)位置的透明度為0%,第二個(gè)位置為44%,第三個(gè)位置的透明度為0%,第四個(gè)位置的透明度為33%,第五個(gè)位置為0%


  

Flash制作好看的卷畫效果動(dòng)畫,PS教程,思緣教程網(wǎng)


  在主場(chǎng)景中用矩形工具繪制一個(gè)矩形,寬(即為卷軸的寬度),高為舞臺(tái)的高度(這里我們?cè)O(shè)的是300),坐標(biāo)位置X,Y為(0,0)。然后在第90幀插入關(guān)鍵幀,并設(shè)置卷軸的X,Y位置為(舞臺(tái)寬度550,0),最后設(shè)置成“形狀補(bǔ)間”。

  再次在“圖層5”上面新建一層,選擇圖層5的所有幀,右鍵,“復(fù)制幀”,然后選擇圖層6的第一幀,粘貼幀。 回到圖層5,右鍵,選擇“遮罩層”,讓圖層5對(duì)圖層4進(jìn)行遮罩,創(chuàng)建遮罩動(dòng)畫。 再回到圖層4,關(guān)閉圖層2,圖層3,圖層5,如下圖:

  

Flash制作好看的卷畫效果動(dòng)畫,PS教程,思緣教程網(wǎng)


  分別選擇圖層4第1幀和第90幀上的元件,下面“屬性”面板,設(shè)置其透明度為40 ,

  

Flash制作好看的卷畫效果動(dòng)畫,PS教程,思緣教程網(wǎng)


  然后選擇圖層4的第1幀,然后選中主場(chǎng)景中“元件1”這個(gè)影片剪輯,執(zhí)行上面菜單:修改-變形-水平翻轉(zhuǎn),然后讓它和“圖層1”的元件以卷軸的左側(cè)為中心對(duì)稱(圖中白線部分)

  

Flash制作好看的卷畫效果動(dòng)畫,PS教程,思緣教程網(wǎng)


  第90幀同理,選擇圖層4的第90幀,再選中主場(chǎng)景中“元件1”這個(gè)影片剪輯,執(zhí)行上面菜單:修改-變形-水平翻轉(zhuǎn),然后讓它和“圖層1”的元件以卷軸的左側(cè)為中心對(duì)稱(圖中白線部分)

  

Flash制作好看的卷畫效果動(dòng)畫,PS教程,思緣教程網(wǎng)


  最后,在“圖層4”的第1幀和第90幀之間,創(chuàng)建補(bǔ)間動(dòng)畫,到此,整個(gè)制作就算是基本完成了。。。


  趕快按下ctrl + enter測(cè)試一下看看!


  教程結(jié)束,以上就是利用Flash制作一幅卷畫動(dòng)畫效果圖過(guò)程,喜歡的朋友可以嘗試制作一個(gè)。謝謝大家觀看本教程!

最近發(fā)表