[ Flash教程 ] Flash CS4製作汽車廣告條教學- Flash/3D/CAD教程 - 骨子愛創意

教學主題: Flash CS4製作汽車廣告條教程

大家好!! 小編今天來和大家分享關於 Flash/3D/CAD教程中的Flash教程教學

今天的這個教學主題是: Flash CS4製作汽車廣告條教程

這教學的重點為這幾點 [ 廣告,教程,汽車,製作,動畫,然後,文字,圖形,傳統,解剖, ]

希望你可以從這幾點中領悟到修圖的精華

本文重點

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

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

本例思路

.導入汽車素材，然後製作出汽車出現動畫廣告。

.在Flash的輔助軟件SWiSHmax中製作文字動畫。

.導入汽車剖面圖素材，然後製作出汽車剖面圖廣告。

Part 1 製作汽車廣告

(1)新建一個大小為700×150像素，幀頻為20fps的空白文檔，然後製作一個如圖7-1所示的背景。

圖7-1 製作背景

(2)按Ctrl+R組合鍵導入本書配套光盤中的“Chapter/素材/汽車.png和樓.png”文件，如圖7-2所示。

圖7-2 導入素材

(3)將小車轉換為影片剪輯，然後進入影片剪輯的編輯區域，再用“線條工具”繪製出輪廓線，如圖7-3所示。

圖7-3 繪製輪廓線

(4)在輪廓線區域填充好顏色作為遮罩圖形，如圖7-4所示。

圖7-4 製作遮罩圖形

(5)在被遮罩層(即“圖層3”)中繪製出線性半透明的矩形，如圖7-5所示。

圖7-5 繪製被遮罩圖形

(6)將矩形轉換為影片剪輯，然後製作出從右到左運動的傳統補間動畫，如圖7-6所示。

圖7-6 創建傳統補間動畫

(7)返回到“場影1”，然後為小車製作出從左到右的傳統補間動畫，然後使用遮罩層製作出城市大樓出現的傳統補間動畫，如圖7-7所示。

圖7-7 製作傳統補間動畫

Part 2 製作文字動畫

(1)啟動SwishMax，單擊“工具箱”中的“文本工具”按鈕 ，然後在舞台中輸入廣告語，再單擊右鍵，並在彈出的菜單中選擇“效果/顯示到位置/瘋狂-無限大”命令，效果如圖7-8所示。

圖7-8 添加無限大動畫

技巧與提示：

SWiSHmax是一款Flash的輔助軟件，是專門用於製作Flash文字特效的工具，在SWiSHmax中可以輕鬆地製作出精彩的文字特效，從而把“懶惰”的人從繁重的體力勞動中完全解脫出來，該軟件的具體操作請參考Chapter02中的“SWiSHmax文字”。

(2)保持對文字的選擇，然後為其添加一個“從位置消失”動畫，如圖7-9所示。

圖7-9 添加消失動畫

(3)將製作好的文字動畫導入到Flash中，然後在屬性面板中設置圖形為白色，並設置循環屬性為“只播放一次”，如圖7-10所示。

圖7-10 設置文字屬性

(4)按Ctrl+Enter組合鍵發布動畫，效果如圖7-11所示。

圖7-11預覽動畫

Part 3 製作產品剖面圖廣告

(1)所有鏡頭消失後進入下一個鏡頭，首先出現的汽車的解剖圖形，如圖7-12所示。

貼心提醒: 按Ctrl+Alt+Z和Ctrl+Shift+Z組合鍵分別為在歷史記錄中向後和向前 ( 或者可以
使用歷史面板中的菜單來使用這些命令 )。結合還原 ( Edit／Undo )命令使
用這些熱鍵可以自由地在歷史記錄和當前狀態中切 換。

圖7-12 汽車解剖圖

技巧與提示：

該汽車解剖圖的路徑為“Chapter07/素材/解剖圖1.png”文件。

(2)汽車解剖圖鏡頭消失后緊接着過度到另一張解剖圖，如圖7-13所示。

貼心提醒: 使用選框工具( Marquee Tools )的時候，按住Shift鍵可以劃出 正方形和正圓
的選區；按住Alt鍵將從起始點為中心勾劃選區。

圖7-13 切換效果

技巧與提示：

該汽車解剖圖的路徑為“Chapter07/素材/解剖圖2.png”文件。

(3)在汽車解剖圖的右側製作一個環保文字廣告來陪襯畫面，然後為其添加“發光”濾鏡，具體參數設置如圖7-14所示。

圖7-14 製作環保文字廣告

技巧與提示：

環保文字廣告動畫是一個有大變小的傳統補間動畫。

(4)下面製作一個灰色帶來增強畫面的視覺效果增。首先繪製出遮罩圖形，即色帶出現的區域，如圖7-15所示。

圖7-15 繪製遮罩圖形

(5)繪製出半透明的被遮罩圖形，如圖7-16所示。

圖7-16 繪製被遮罩圖形

(6)為灰色帶製作出傳統補間動畫，如圖7-17所示。

圖7-17 製作傳統補間動畫

(7)返回到“場景1”，在屬性面板中設置灰色帶的循環屬性為“只播放一次”，然後複製一份出來，並將其錯垂直翻轉操作，如圖7-18所示。

圖7-18 複製圖形

(8)按Ctrl+Enter組合鍵發布動畫，效果如圖7-19所示。

圖7-19 預覽動畫

(9)導入本書配套光盤中的“Chapter07/素材/汽車1.psd”文件，然後製作為其製作出傳統補間動畫，形成一個過度的視覺差，如圖7-20所示。

圖7-20 製作傳統補間動畫

(10)最後為畫面添加一個廣告結束語動畫，如圖7-57所示，然後按Ctrl+Enter組合鍵發布動畫，最終效果如圖7-21所示。

圖7-21 廣告結束語

圖7-22 最終效果

進入論壇參與討論和交作業：http://www.missyuan.com/viewthread.php?tid=424476

看完小編分享的教學之後 是不是對Flash教程中的Flash/3D/CAD教程教學更熟悉了呢?

希望我們所介紹的 Flash CS4製作汽車廣告條教程 這教學會喜歡

文章標題: 骨子愛創意- Flash CS4製作汽車廣告條教程–轉載請註明來源處

本教學分類為Flash教程中的 Flash/3D/CAD教程相關教學

文章相關關鍵字為: 廣告,教程,汽車,製作,動畫,然後,文字,圖形,傳統,解剖,

本文永久連結 :Flash CS4製作汽車廣告條教程

本文轉載自 :VIA