FLASH CS3例項旗幟廣告

2021-06-29 22:49:35 字數 2662 閱讀 2148

旗幟廣告是網路廣告最初採用的型別,也是網路廣告的主要型別。旗幟廣告通常置於網頁頂部,最先映入瀏覽者的眼簾,創意絕妙的旗幟廣告對於建立並提公升客戶品牌形象有著不可低估的作用。如圖7-39所示就是宣傳家居品牌的旗幟廣告。

圖7-39 旗幟廣告

直接複製元件

在flash中,除了直接建立元件的方法外,還可以在【庫】面板中,通過複製元件以乙個現有的元件為基礎建立新元件。

方法是的新建的文件中,在舞台中繪製乙個水晶圖示,如圖7-40所示。

圖7-40 繪製水晶圖示

選擇該圖示,將其轉換為影片剪輯元件,如圖7-41所示。

圖7-41 轉換為影片剪輯

右擊該影片剪輯,執行【直接複製】命令,在彈出的對話方塊中,設定名稱元稱和型別,如圖7-42所示。

圖7-42 直接複製元件

進入「水晶圖示2」影片剪輯的編輯環境中,然後更改圖示的顏色及圖案,如圖7-43所示。

圖7-43 更改顏色及圖案

使用同樣的方法,可以製作多個樣式相似的水晶圖案。製作完成後,將其拖入到舞台中使用即可,如圖7-44所示。

圖7-44 預覽效果

製作過程

該例項中的各個元素均通過漸顯的手法顯現出來的,具有較強的動感。廣告的色調以綠色為主色,突出家居產品的綠色環保等特點。

(1)在新建的空白文件中,匯入素材影象。然後將影象bg.jpg拖入到舞台如圖7-45所示位置。

圖7-45 匯入素材影象

(2)在第10幀處插入關鍵幀,將影象bg.jpg向上移,然後建立補間動畫,如圖7-46所示。

圖7-46 建立補間動畫

(3)新建「矩形1」圖層,在舞台左上方繪製乙個綠色(#c2dc32)的矩形,如圖7-47所示。

圖7-47 繪製矩形

(4)在第5幀處插入關鍵幀,垂直移動矩形至舞台中,然後建立補間動畫,如圖7-48所示。

圖7-48 建立補間動畫

(5)新建「矩形2」圖層,在第6幀處插入關鍵幀,在舞台左下方繪製乙個深綠色(#8ec706)矩形。在第10幀處插入關鍵幀,移動矩形至舞台中,然後建立補間動畫,如圖7-49所示。

圖7-49 建立補間動畫

(6)新建「沙發」圖層,在第11幀處插入關鍵幀,將素材影象image1.gif拖入到舞台中如圖7-50所示位置。然後將其轉換為影片剪輯。

圖7-50 轉換為影片剪輯

(7)將「沙發」影片剪輯的alpha值設定為0%。在第15幀處插入關鍵幀,移動該影片剪輯至如圖7-51所示位置,設定其alpha值為100%,然後建立補間動畫。

圖7-51 建立補間動畫

(8)新建「小樹」圖層,在第11幀處插入關鍵幀,將素材影象image2.gif拖入到舞台中如圖7-52所示位置。然後,按f8快捷鍵將其轉換為影片剪輯。

圖7-52 轉換為影片剪輯

(9)將「小樹」影片剪輯的alpha值設定為0%。在第15幀處插入關鍵幀,移動該影片剪輯至如圖7-53所示位置,設定其alpha值為100%,然後建立補間動畫。

圖7-53 建立補間動畫

(10)新建「人物輪廓」圖形元件,在舞台中繪製人物輪廓,如圖7-54所示。

圖7-54 繪製人物輪廓

(11)返回場景。新建「人物輪廓」圖層,在第15幀處插入關鍵幀,將「人物輪廓」圖形元件拖入到舞台中如圖7-55所示位置。

圖7-55 新建人物輪廓圖層

(12)新建「遮罩層」圖層,在第15幀處插入關鍵幀,在人物輪廓圖形元件上方繪製乙個矩形,如圖7-56所示。

圖7-56 繪製矩形

(13)在第30幀處插入關鍵幀,設定矩形的高度與舞台相同。然後,建立補間形狀動畫,如圖7-57所示。

圖7-57 建立補間形狀

(14)右擊「遮罩層」圖層,在彈出的選單中執行【遮罩層】命令,將該圖層轉換為遮罩層,如圖7-58所示。

圖7-58 建立遮罩層

(15)在【庫】面板中,右擊「人物輪廓」圖形元件,執行【直接複製】命令復。然後,將複製的元件填充為綠色(#1d9a5b),如圖7-59所示。

圖7-59 直接複製元件

(16)返回場景。新建「人物」圖層,在第30幀處插入關鍵幀,將「人物」圖形元件拖入至場景中,並與「人物輪廓」圖形元件的位置相同,如圖7-60所示。

圖7-60 新建人物圖層

(17)新建「遮罩層」圖層,在第30幀處插入關鍵幀,在「人物」圖形元件的上方繪製乙個矩形,如圖7-61所示。

圖7-61 繪製矩形

(18)在第50幀處插入關鍵幀,將矩形拉高至覆蓋整個「人物」圖形元件,建立補間形狀。然後,設定該圖層為遮罩層,如圖7-62所示。

圖7-62 建立遮罩層

(19)新建「文字」圖層,在第50幀處插入關鍵幀,在舞台的右側輸入「溫馨家居」文字,並將其轉換為影片剪輯。然後新增模糊效果,如圖7-63所示。

圖7-63 新增模糊濾鏡

(20)在第54幀處插入關鍵幀,移動「文字」影片剪輯至如圖7-64所示位置。然後,建立補間動畫。

圖7-64 建立補間動畫

(21)在第55幀處插入關鍵幀,刪除「文字」影片剪輯的模糊濾鏡效果。然後,新增發光濾鏡效果,並設定顏色為綠色(#1d9a5b),如圖7-65所示。

圖7-65 新增發光濾鏡

(22)新建「文字2」圖層,使用同樣的方法,在第56幀和第61幀之間建立「享受幸福生活」文字效果,如圖7-66所示。

圖7-66 建立補間動畫

(23)至此旗幟廣告製作完成,儲存文件後,按快捷鍵ctrl+enter預覽動畫效果,如圖7-39示。

FLASH CS3例項彈出視窗廣告

彈出視窗廣告是目前比較常見的廣告型別之一。在進入網頁時,會自動彈出乙個新的視窗用來宣傳廣告的內容。如圖7 16所示就是乙個宣傳護膚品的彈出視窗的廣告,通過 並茂的方式向瀏覽者介紹產品。圖7 16 彈出視窗廣告 翻轉物件 在flash動畫製作過程中,可以沿垂直或水平軸翻轉物件,而不改變其在舞台上的相對...

FLASH CS3例項製作古詩課件

古詩朗誦課件的製作與平面截圓錐不同,在製作過程中,不但為古詩配備了相應的畫面,新增了飛鳥 花瓣下落的動畫,而且為古詩新增了聲音朗誦和背景 如圖6 41所示。在製作過程中,要注意朗誦聲音與詩詞的同步顯示,以及飛鳥與花瓣的 範圍。圖6 41 製作古詩課件 製作課件背景 1 在空白文件中按快捷鍵ctrl ...

Flash CS3入門橫幅廣告動畫

橫幅廣告動畫是門戶 中經常出現的廣告形式,該動畫尺寸是根據所在網頁的寬度決定的。由於尺寸限制,動畫中的文字通常採用簡單明瞭的字型。在該廣告中,動畫主要由多個小動畫組成,而動畫之間則是通過 濾鏡 中的模糊效果自然銜接。練習要點 影片剪輯 濾鏡功能 補間動畫 練習過程 1 在flash中新建空白文件後,...