動畫型廣告是最顯眼的廣告方式,可以在花花綠綠的網頁中讓浏覽者無意中注意到廣告內容,以達到宣傳的目的,這樣可以提高廣告的點擊率。
本例思路
導入汽車素材,然後制作出汽車出現動畫廣告;
在Flash的輔助軟件SWiSHmax中制作文字動畫;
導入汽車剖面圖素材,然後制作出汽車剖面圖廣告。
1、制作汽車廣告
(1)新建一個大小為700×150像素,幀頻為20fps的空白文檔,然後制作一個如圖1所示的背景。
圖1 制作背景
(2)按Ctrl+R組合鍵導入汽車和高樓的圖片,如圖2所示。
圖2 導入素材
(3)將小車轉換為影片剪輯,然後進入影片剪輯的編輯區域,再用“線條工具”繪制出輪廓線,如圖3所示。
圖3 繪制輪廓線
(4)在輪廓線區域填充好顏色作為遮罩圖形,如圖4所示。
圖4 制作遮罩圖形
(5)在被遮罩層(即“圖層3”)中繪制出線性半透明的矩形,如圖5所示。
圖5 繪制被遮罩圖形
(6)將矩形轉換為影片剪輯,然後制作出從右到左運動的傳統補間動畫,如圖6所示。
圖6 創建傳統補間動畫
(7)返回到“場影1”,然後為小車制作出從左到右的傳統補間動畫,然後使用遮罩層制作出城市大樓出現的傳統補間動畫,如圖7所示。
圖7 制作傳統補間動畫
2、制作文字動畫
(1)啟動SwishMax,單擊“工具箱”中的“文本工具”按鈕 ,然後在舞台中輸入廣告語,再單擊右鍵,並在彈出的菜單中選擇“效果/顯示到位置/瘋狂-無限大”命令,效果如圖8所示。
圖8 添加無限大動畫
技巧與提示:SWiSHmax是一款Flash的輔助軟件,是專門用於制作Flash文字特效的工具,在SWiSHmax中可以輕松地制作出精彩的文字特效,從而把“懶惰”的人從繁重的體力勞動中完全解脫出來。
(2)保持對文字的選擇,然後為其添加一個“從位置消失”動畫,如圖9所示。
圖9 添加消失動畫
(3)將制作好的文字動畫導入到Flash中,然後在屬性面板中設置圖形為白色,並設置循環屬性為“只播放一次”,如圖10所示。
圖10 設置文字屬性
(4)按Ctrl+Enter組合鍵發布動畫,效果如圖11所示。
圖11預覽動畫
3、制作產品剖面圖廣告
(1)所有鏡頭消失後進入下一個鏡頭,首先出現的汽車的解剖圖形,如圖12所示。
圖12 汽車解剖圖
(2)汽車解剖圖鏡頭消失後緊接著過度到另一張解剖圖,如圖13所示。
圖13 切換效果
(3)在汽車解剖圖的右側制作一個環保文字廣告來陪襯畫面,然後為其添加“發光”濾鏡,具體參數設置如圖14所示。
圖14 制作環保文字廣告
技巧與提示:環保文字廣告動畫是一個有大變小的傳統補間動畫。
(4)下面制作一個灰色帶來增強畫面的視覺效果增。首先繪制出遮罩圖形,即色帶出現的區域,如圖15所示。
圖15 繪制遮罩圖形
(5)繪制出半透明的被遮罩圖形,如圖16所示。
圖16 繪制被遮罩圖形
(6)為灰色帶制作出傳統補間動畫,如圖17所示。
圖17 制作傳統補間動畫
(7)返回到“場景1”,在屬性面板中設置灰色帶的循環屬性為“只播放一次”,然後復制一份出來,並將其錯垂直翻轉操作,如圖18所示。
圖18 復制圖形
(8)按Ctrl+Enter組合鍵發布動畫,效果如圖19所示。
圖19 預覽動畫
(9)導入汽車圖片,然後制作為其制作出傳統補間動畫,形成一個過度的視覺差,如圖20所示。
圖20 制作傳統補間動畫
(10)最後為畫面添加一個廣告結束語動畫,如圖21所示,然後按Ctrl+Enter組合鍵發布動畫,最終效果如圖22所示。
圖21 廣告結束語
圖22 最終效果