當(dāng)前位置:軟件學(xué)堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > Flash > 動畫型廣告flash實例教程

動畫型廣告flash實例教程

2021/9/11 16:15:54作者:佚名來源:網(wǎng)絡(luò)

移動端
adobe flash 8.0

大?。?25MB語言:

類型:動畫制作等級:

案例描述:

本例主要講解動畫型廣告flash實例教程,動畫型廣告是最顯眼的廣告方式,可以在花花綠綠的網(wǎng)頁中讓瀏覽者無意中注意到廣告內(nèi)容,以達(dá)到宣傳的目的,這樣可以提高廣告的點擊率。
動畫型廣告flash實例教程

學(xué)習(xí)要點:幻燈型廣告動畫的制作方法

本例思路:


導(dǎo)入汽車素材,然后制作汽車出現(xiàn)的動畫廣告。
在Flash~輔助軟件swIsHmax中制作文字動畫。
導(dǎo)入汽車剖面圖素材,然后制作汽車剖面圖廣告。

動畫制作完成后的最終效果:

 

步驟一、制作汽車廣告


1、新建一個大小為700×150,幀頻為20eps的空白文檔,然后制作一個如圖所示的背景。

制作背景

2、按Ctrl+R組合鍵導(dǎo)入已經(jīng)準(zhǔn)備好的素材/汽車.png和樓.png”文件,如圖所示。

導(dǎo)入素材

3、將小車轉(zhuǎn)換為影片剪輯,然后進入影片剪輯的編輯區(qū)域,再用“線條工具”繪制出輪廓線,如圖所示。

繪制輪廓線

4、在輪廓線區(qū)域填充好顏色作為遮罩圖形,如圖

制作遮罩圖形

5、在被遮罩層(即“圖層3”)中繪制出線性半透明的矩形.如圖所示。

繪制被遮罩圖形

6、將矩形轉(zhuǎn)換為影片剪輯,然后制作一個從右到左運動的傳統(tǒng)補間動畫,如圖所示。

創(chuàng)建傳統(tǒng)補間動畫

7、返回到“場影1”,然后為小車制作出從左到右的傳統(tǒng)補間動畫,再使用遮罩層制作出城市大樓出現(xiàn)的傳統(tǒng)補間動畫.如圖所示。

制作傳統(tǒng)補間動畫

步驟二、制作文字動畫

1、啟動SWISHmax,單擊“工具箱”中的“文本工具”按鈕,然后在舞臺中輸入廣告語,再單擊鼠標(biāo)右鍵,并在彈出的菜單中選擇“效果/顯示到位置/瘋狂一無限大”命令,效果如圖所示。

添加無限大動畫

2、保持對文字的選擇,然后為其添加一個“從位置消失”動畫,如圖所示

添加消失動畫

3、將制作好的文字動畫導(dǎo)人到F1。sh中,然后在“屬性”面板中設(shè)置圖形為白色,并設(shè)置循環(huán)屬性為“只播放一次”,如圖所示。

設(shè)置文字屬性

4、按Ctrl+Enter組合鍵發(fā)布動畫,效果如圖所示。

預(yù)覽動畫

步驟三、制作產(chǎn)品剖面圖廣告

1、所有鏡頭消失后進入下一個鏡頭,首先出現(xiàn)的是汽車的解剖圖形,如圖所示。

汽車解剖圖

2、汽車解剖圖鏡頭消失后緊接著過渡到另一張解剖如圖所示。

切換效果

3、在汽車解剖圖的右側(cè)制作一個環(huán)保文字廣告來襯托畫面,然后為其添加“發(fā)光”濾鏡,具體參數(shù)設(shè)置如圖

制作文字

4、制作一個灰色帶來增強畫面的視覺效果。首先繪制遮罩圖形,即色帶出現(xiàn)的區(qū)域,如圖所示。

繪制遮罩圖形

5、繪制出半透明的被遮罩圖形,如圖所示。

繪制被遮罩圖形

6、為灰色帶制作出傳統(tǒng)補間動畫,如圖所示。

制作傳統(tǒng)補間動畫

7、返回到“場景1”,在“屬性”面板中設(shè)置灰色帶的循環(huán)屬性為“只播放一次”,然后復(fù)制一份出來,并將其進行“垂直翻轉(zhuǎn)”操作,如圖所示。

復(fù)制圖形

8、按Ctrl+Enter組合鍵發(fā)布動畫,效果如圖所示。

預(yù)覽動畫

9、導(dǎo)入已經(jīng)準(zhǔn)備好的素材/汽車1.psd”文件,然后為其制作傳統(tǒng)補間動畫,形成一個過渡的視覺差,如圖所示

制作傳統(tǒng)補間

10、為畫面添加一個廣告結(jié)束語動畫,如圖所示,然后按Ctrl+Enter組合鍵發(fā)布動畫,這樣一個動畫型廣告flash實例就做好了

廣告語

如果你對本篇動畫型廣告flash實例教程感興趣歡迎下載源碼進行學(xué)習(xí)研究

動畫型廣告flash實例教程源碼下載

標(biāo)簽: flash  廣告  動畫