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

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)，讓我們開(kāi)始制作吧。。。

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

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

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

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

　　第二、在圖層1的上面新建層，如圖：

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

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

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

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

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

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

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

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

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

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

　　在主場(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，如下圖：

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

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

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

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

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

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