1、第13章 網(wǎng)頁廣告的制作,在許多網(wǎng)站上，都可以看到動感十足的網(wǎng)頁廣告存在。這些網(wǎng)頁廣告色彩豐富、節(jié)奏明快，刺激著訪客的眼球，快速有效地傳遞著各式各樣的信息。廣告已經(jīng)滲透了互聯(lián)網(wǎng)的每個角落，變得無所不在。從這個意義上說，廣告已經(jīng)成為網(wǎng)頁的重要組成部分。 而這些廣告中，有相當一部分是用Flash制作的。用Flash制作的廣告，具有用其他軟件制作的廣告所不能比擬的優(yōu)點。本章將通過Flash廣告制作的實例，來向讀者展示用Flash制作廣告的方法。,13.1 Flash網(wǎng)頁廣告概述,在學習制作Flash廣告之前，首先需要了解Flash廣告的特點以及常見的表現(xiàn)形式。了解了這些，才能根據(jù)實際投放網(wǎng)絡(luò)廣告的需

2、要選擇是否用Flash來制作廣告，以及應當采用何種廣告形式。,13.1.1 Flash廣告的特點,由于使用Flash制作的廣告具有以下諸多特點，這使得Flash軟件成為制作網(wǎng)頁廣告的首選工具。 1適合網(wǎng)絡(luò)傳輸 2表現(xiàn)形式多樣 3可以實現(xiàn)交互,13.1.2 Flash廣告的常見形式,根據(jù)廣告在網(wǎng)頁上出現(xiàn)位置和出現(xiàn)方式的不同，通?？梢詫V告區(qū)分為以下幾種形式，而這些形式，也是Flash廣告經(jīng)常采用的表現(xiàn)形式。,13.1.2 Flash廣告的常見形式,1嵌入式,網(wǎng)頁上的Banner廣告 網(wǎng)頁上的Logo廣告,13.1.2 Flash廣告的常見形式,2浮動式,網(wǎng)頁上的浮動廣告 網(wǎng)頁上的游標廣告,13.

3、1.2 Flash廣告的常見形式,3彈出式,網(wǎng)頁上的彈出式廣告,13.1.3 網(wǎng)頁廣告的常用尺寸,在制作網(wǎng)頁中的廣告時，無論該廣告采用何種形式、位于什么位置，都有一套標準化的尺寸規(guī)格可循。,13.1.4 制作網(wǎng)頁廣告的一般流程,在學習用Flash制作網(wǎng)頁廣告之前，首先需要了解網(wǎng)頁廣告的制作流程。使用Flash制作網(wǎng)頁廣告的流程一般包括以下內(nèi)容。 1確定廣告主題 2廣告構(gòu)思設(shè)計 3制作廣告 4測試并發(fā)布,13.2 banner廣告的制作,本范例是一個用于宣傳軟件產(chǎn)品的banner廣告，該廣告的宣傳主體是華禹天元科技開發(fā)的軟件產(chǎn)品華禹信息即時通訊系統(tǒng)。,13.2.1 制作廣告元素,步驟如下:,修改

4、文檔屬性 在元件內(nèi)放置圖片,勾勒logo圖形輪廓 填充logo圖形,13.2.1 制作廣告元素,步驟如下:,添加文本后的logo圖形 添加文本,13.2.1 制作廣告元素,步驟如下:,添加問號 調(diào)整“問號”實例,4個幀上的“問號”實例,13.2.2 制作補間動畫,在本范例的廣告中，將會以兩個問句來吸引瀏覽者的注意。這兩個問句以迅速漸入的方式出現(xiàn)在舞臺上，然后又會以迅速漸出的方式離開舞臺。這種表現(xiàn)方式主要通過Flash的補間動畫來完成。,13.2.2 制作補間動畫,步驟如下:,繪制與舞臺同樣大小的矩形 線性漸變填充設(shè)置 放置txt_0影片剪輯元件,13.2.2 制作補間動畫,步驟如下:,txt_

5、0圖層時間軸的幀分布,修改第1幀上實例的屬性 放置txt_1影片剪輯元件,13.2.2 制作補間動畫,步驟如下:,“問號”圖層時間軸的幀分布,測試目前影片效果,13.2.3 制作路徑引導動畫,上一節(jié)制作的動畫部分完成后，接下來需要制作一段該產(chǎn)品的CD圖片沿一定路徑飛入舞臺的動畫。這種動畫表現(xiàn)的方式主要通過Flash的運動引導層功能來實現(xiàn)。,13.2.3 制作路徑引導動畫,步驟如下:,放置cd影片剪輯元件,CD圖層時間軸的幀分布,13.2.3 制作路徑引導動畫,步驟如下:,繪制引導線,調(diào)整white影片剪輯屬性,13.2.3 制作路徑引導動畫,步驟如下:,創(chuàng)建補間動畫 測試目前影片效果,13.2

6、.4 制作遮罩動畫,放置txt_2影片剪輯元件 修改直線的形狀,13.2.4 制作遮罩動畫,放置遮罩元件 利用遮罩層制作的亮光效果,13.2.5 完成廣告,廣告影片的主要內(nèi)容播放完畢后，將會出現(xiàn)產(chǎn)品生產(chǎn)商的有關(guān)信息，如標識和客服熱線等。同時，在廣告播放時，廣告受眾可以通過單擊該廣告進入載有該產(chǎn)品信息的網(wǎng)頁。接下來將通過添加這些內(nèi)容，完成該廣告的制作。,13.2.5 完成廣告,步驟如下:,繪制與舞臺同樣大小的矩形 調(diào)整bg_w影片剪輯的位置,13.2.5 完成廣告,步驟如下:,放置btn按鈕元件 廣告片尾和隱形按鈕效果,13.3 彈出式廣告的制作,本范例是一個用于旅游業(yè)務宣傳的彈出式廣告，該廣告

7、主要利用文字構(gòu)成的圖形組成。通過本范例的學習，讀者可以進一步熟悉廣告動畫的制作流程，并掌握一種利用逐幀動畫來制造動感的方法。,13.3 彈出式廣告的制作,13.3.1 制作廣告元素,由于本范例的廣告主要由文字圖案組成，故在制作廣告前，應當首先將所有的文字圖形制作好。另外，在廣告中還需要用到一個男人的頭像和不斷閃動的背景，也應當事先繪制好。,13.3.1 制作廣告元素,步驟如下:,繪制輪廓 填充圖形 人物圖形,13.3.1 制作廣告元素,步驟如下:,排列文本 填充顏色 繪制氣泡圖形,13.3.1 制作廣告元素,步驟如下:,balloon_1元件內(nèi)的文本 balloon_2元件內(nèi)的文本 ballo

8、on_3元件內(nèi)的文本排列文本,13.3.2 第1階段動畫思考,本范例中，各種文字圖形會以一些充滿動感的方式出現(xiàn)。本范例的第一部分，即問句“假期去哪里玩？”的彈出動畫就是利用了一種簡單的逐幀動畫制作技術(shù)。,13.3.2 第1階段動畫思考,步驟如下:,放置txt_1影片剪輯元件 測試第1階段動畫的效果,13.3.3 第2階段動畫選擇,在這一部分中，“假期去哪里玩？”的字樣將退出舞臺。緊接著，人物的頭像出現(xiàn)在舞臺上，并以人物思索的形式彈出幾種旅游目的地的選擇項。,13.3.3 第2階段動畫選擇,步驟如下:,放置balloon_1影片剪輯元件 制作三個氣泡的彈出動畫 測試第2階段動畫的效果,13.3.4 第3階段動畫猶豫,在這一部分中，表示人物想法的三個氣泡將退出舞臺。緊接著，“我只有一天的時間?。?？”字樣將彈出顯示在舞臺上，并不停地上下晃動，以表現(xiàn)人物猶豫不決的心態(tài)。,13.3.4 第3階段動畫猶豫,步驟如下:,制作txt_2_move實例動畫 測試3階段動畫的效果,13.3.5 第4階段動畫肯定,在這一部分中，“足夠了”三個大字將從舞臺左側(cè)快速沖進舞臺，并將舞臺上的原有內(nèi)容向右擠出舞臺。這一過程在動畫中要表現(xiàn)得分量十足些，以表現(xiàn)出可以打消顧慮的肯定感。,13.3.5 第4階段動畫肯定,步驟如下:,放置txt_3影片剪輯實例 測試第4階