Flash製作低排放高節能的汽車廣告動畫

來源:互聯網
上載者:User

  動畫型廣告是最顯眼的廣告方式,可以在花花綠綠的網頁中讓瀏覽者無意中注意到廣告內容,以達到宣傳的目的,這樣可以提高廣告的點擊率。

  本例思路

  匯入汽車素材,然後製作出汽車出現動畫廣告;

  在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 最終效果

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.