《網(wǎng)頁廣告的制作》PPT課件

第13章網(wǎng)頁廣告的制作,在許多網(wǎng)站上，都可以看到動感十足的網(wǎng)頁廣告存在。這些網(wǎng)頁廣告色彩豐富、節(jié)奏明快，刺激著訪客的眼球，快速有效地傳遞著各式各樣的信息。廣告已經(jīng)滲透了互聯(lián)網(wǎng)的每個角落，變得無所不在。從這個意義上說，廣告已經(jīng)成為網(wǎng)頁的重要組成部分。而這些廣告中，有相當(dāng)一部分是用Flash制作的。用Flash制作的廣告，具有用其他軟件制作的廣告所不能比擬的優(yōu)點。本章將通過Flash廣告制作的實例，來向讀者展示用Flash制作廣告的方法。,13.1Flash網(wǎng)頁廣告概述,在學(xué)習(xí)制作Flash廣告之前，首先需要了解Flash廣告的特點以及常見的表現(xiàn)形式。了解了這些，才能根據(jù)實際投放網(wǎng)絡(luò)廣告的需要選擇是否用Flash來制作廣告，以及應(yīng)當(dāng)采用何種廣告形式。,13.1.1Flash廣告的特點,由于使用Flash制作的廣告具有以下諸多特點，這使得Flash軟件成為制作網(wǎng)頁廣告的首選工具。1適合網(wǎng)絡(luò)傳輸2表現(xiàn)形式多樣3可以實現(xiàn)交互,13.1.2Flash廣告的常見形式,根據(jù)廣告在網(wǎng)頁上出現(xiàn)位置和出現(xiàn)方式的不同，通常可以將廣告區(qū)分為以下幾種形式，而這些形式，也是Flash廣告經(jīng)常采用的表現(xiàn)形式。,13.1.2Flash廣告的常見形式,1嵌入式,網(wǎng)頁上的Banner廣告網(wǎng)頁上的Logo廣告,13.1.2Flash廣告的常見形式,2浮動式,網(wǎng)頁上的浮動廣告網(wǎng)頁上的游標(biāo)廣告,13.1.2Flash廣告的常見形式,3彈出式,網(wǎng)頁上的彈出式廣告,13.1.3網(wǎng)頁廣告的常用尺寸,在制作網(wǎng)頁中的廣告時，無論該廣告采用何種形式、位于什么位置，都有一套標(biāo)準(zhǔn)化的尺寸規(guī)格可循。,13.1.4制作網(wǎng)頁廣告的一般流程,在學(xué)習(xí)用Flash制作網(wǎng)頁廣告之前，首先需要了解網(wǎng)頁廣告的制作流程。使用Flash制作網(wǎng)頁廣告的流程一般包括以下內(nèi)容。1確定廣告主題2廣告構(gòu)思設(shè)計3制作廣告4測試并發(fā)布,13.2banner廣告的制作,本范例是一個用于宣傳軟件產(chǎn)品的banner廣告，該廣告的宣傳主體是華禹天元科技開發(fā)的軟件產(chǎn)品華禹信息即時通訊系統(tǒng)。,13.2.1制作廣告元素,步驟如下:,修改文檔屬性在元件內(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_0圖層時間軸的幀分布,修改第1幀上實例的屬性放置txt_1影片剪輯元件,13.2.2制作補間動畫,步驟如下:,“問號”圖層時間軸的幀分布,測試目前影片效果,13.2.3制作路徑引導(dǎo)動畫,上一節(jié)制作的動畫部分完成后，接下來需要制作一段該產(chǎn)品的CD圖片沿一定路徑飛入舞臺的動畫。這種動畫表現(xiàn)的方式主要通過Flash的運動引導(dǎo)層功能來實現(xiàn)。,13.2.3制作路徑引導(dǎo)動畫,步驟如下:,放置cd影片剪輯元件,CD圖層時間軸的幀分布,13.2.3制作路徑引導(dǎo)動畫,步驟如下:,繪制引導(dǎo)線,調(diào)整white影片剪輯屬性,13.2.3制作路徑引導(dǎo)動畫,步驟如下:,創(chuàng)建補間動畫測試目前影片效果,13.2.4制作遮罩動畫,放置txt_2影片剪輯元件修改直線的形狀,13.2.4制作遮罩動畫,放置遮罩元件利用遮罩層制作的亮光效果,13.2.5完成廣告,廣告影片的主要內(nèi)容播放完畢后，將會出現(xiàn)產(chǎn)品生產(chǎn)商的有關(guān)信息，如標(biāo)識和客服熱線等。同時，在廣告播放時，廣告受眾可以通過單擊該廣告進(jìn)入載有該產(chǎn)品信息的網(wǎng)頁。接下來將通過添加這些內(nèi)容，完成該廣告的制作。,13.2.5完成廣告,步驟如下:,繪制與舞臺同樣大小的矩形調(diào)整bg_w影片剪輯的位置,13.2.5完成廣告,步驟如下:,放置btn按鈕元件廣告片尾和隱形按鈕效果,13.3彈出式廣告的制作,本范例是一個用于旅游業(yè)務(wù)宣傳的彈出式廣告，該廣告主要利用文字構(gòu)成的圖形組成。通過本范例的學(xué)習(xí)，讀者可以進(jìn)一步熟悉廣告動畫的制作流程，并掌握一種利用逐幀動畫來制造動感的方法。,13.3彈出式廣告的制作,13.3.1制作廣告元素,由于本范例的廣告主要由文字圖案組成，故在制作廣告前，應(yīng)當(dāng)首先將所有的文字圖形制作好。另外，在廣告中還需要用到一個男人的頭像和不斷閃動的背景，也應(yīng)當(dāng)事先繪制好。,13.3.1制作廣告元素,步驟如下:,繪制輪廓填充圖形人物圖形,13.3.1制作廣告元素,步驟如下:,排列文本填充顏色繪制氣泡圖形,13.3.1制作廣告元素,步驟如下:,balloon_1元件內(nèi)的文本balloon_2元件內(nèi)的文本balloon_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è)快速沖進(jìn)舞臺，并將舞臺上的原有內(nèi)容向右擠出舞臺。這一過程在動畫中要表現(xiàn)得分量十足些，以表現(xiàn)出可以打消顧慮的肯定感。,13.3.5第4階段動畫肯定,步驟如下:,放置txt_3影片剪輯實例測試第4階段