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

動(dòng)畫(huà)型廣告flash實(shí)例教程

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

移動(dòng)端
adobe flash 8.0

大小:125MB語(yǔ)言:

類(lèi)型:動(dòng)畫(huà)制作等級(jí):

案例描述:

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

學(xué)習(xí)要點(diǎn):幻燈型廣告動(dòng)畫(huà)的制作方法

本例思路:


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

動(dòng)畫(huà)制作完成后的最終效果:

 

步驟一、制作汽車(chē)廣告


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

制作背景

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

導(dǎo)入素材

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

繪制輪廓線

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

制作遮罩圖形

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

繪制被遮罩圖形

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

創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫(huà)

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

制作傳統(tǒng)補(bǔ)間動(dòng)畫(huà)

步驟二、制作文字動(dòng)畫(huà)

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

添加無(wú)限大動(dòng)畫(huà)

2、保持對(duì)文字的選擇,然后為其添加一個(gè)“從位置消失”動(dòng)畫(huà),如圖所示

添加消失動(dòng)畫(huà)

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

設(shè)置文字屬性

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

預(yù)覽動(dòng)畫(huà)

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

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

汽車(chē)解剖圖

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

切換效果

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

制作文字

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

繪制遮罩圖形

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

繪制被遮罩圖形

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

制作傳統(tǒng)補(bǔ)間動(dòng)畫(huà)

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

復(fù)制圖形

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

預(yù)覽動(dòng)畫(huà)

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

制作傳統(tǒng)補(bǔ)間

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

廣告語(yǔ)

如果你對(duì)本篇?jiǎng)赢?huà)型廣告flash實(shí)例教程感興趣歡迎下載源碼進(jìn)行學(xué)習(xí)研究

動(dòng)畫(huà)型廣告flash實(shí)例教程源碼下載

標(biāo)簽: flash  廣告  動(dòng)畫(huà)