前言:想要寫出一篇引人入勝的文章?我們特意為您整理了FLASH圖形動畫在廣告設(shè)計中的應(yīng)用范文,希望能給你帶來靈感和參考,敬請閱讀。
摘要:論文分析了表情動畫、網(wǎng)絡(luò)動畫、動畫導(dǎo)航及網(wǎng)絡(luò)視頻等動態(tài)圖形圖像設(shè)計的關(guān)鍵技術(shù)與方法,總結(jié)了flash圖形動畫在廣告設(shè)計中的應(yīng)用。從靜態(tài)圖形的創(chuàng)建到圖案動畫的設(shè)計,解析了FLASH中位圖與矢量圖形的不同運(yùn)用,并結(jié)合實例分析了FLASH中運(yùn)用多層的矢量元素去制作運(yùn)動補(bǔ)間和關(guān)鍵幀運(yùn)動的方法。制作基于圖案的Flash動畫。該方法可為廣告設(shè)計中的電腦動畫課程教學(xué)提供參考。
關(guān)鍵詞:矢量圖形影片剪輯動態(tài)圖形
引言
動態(tài)圖形作為一種獨(dú)特的設(shè)計語言,是視覺傳達(dá)設(shè)計目前常用的媒介和作用方式。在不同時代動畫受藝術(shù),美學(xué)與音樂的發(fā)展影響,引發(fā)的對互聯(lián)網(wǎng)及動漫娛樂產(chǎn)品的需求,讓越來越多的動畫師、交互設(shè)計師、游戲開發(fā)者、數(shù)碼藝術(shù)家們將更多的細(xì)節(jié)擴(kuò)展到網(wǎng)絡(luò)經(jīng)營的更大空間。例如Macromedia公司的Flash軟件是一款多媒體動畫軟件,隨著HTML和CSS的發(fā)展,F(xiàn)lash軟件還在不同領(lǐng)域運(yùn)用,F(xiàn)lash是傳統(tǒng)的動畫技術(shù)的自動化和智能化版本,如補(bǔ)間,變形,洋蔥般皮膚等,其格式和工作區(qū)操作簡便,因此可以縮短制作周期并減少項目預(yù)算,具有運(yùn)用多層的矢量元素去制作運(yùn)動補(bǔ)間和關(guān)鍵幀運(yùn)動的動態(tài)圖形設(shè)計能力,以及對矢量圖的應(yīng)用能力以及文件量小,傳輸快的特點,可用來制作互動界面與基于圖案的動畫。
一、FLASH在廣告設(shè)計中的影響
計算機(jī)以矢量圖形或位圖格式顯示圖形,而flash善于處理矢量圖像,使用Flash可以創(chuàng)建壓縮矢量圖形,并將它們制作為動畫,也可以導(dǎo)入和處理在其他應(yīng)用程序中創(chuàng)建的矢量圖形和位圖圖像,或者在“舞臺”區(qū)域直接繪制圖形。在編輯矢量圖形時,可以修改描述圖形形狀的線條和曲線屬性,也可以對矢量圖形進(jìn)行移動、調(diào)整大小、重定形狀及更改顏色的操作,而不更改其外觀品質(zhì)。在Flash中繪圖時,創(chuàng)建的是矢量圖形,它是由數(shù)學(xué)公式所定義的直線和曲線組成的。矢量圖形是與分辨率無關(guān)的,因此,可以將圖形重新調(diào)整到任意大小,或以任何分辨率顯示它,而不會影響其清晰度。另外,與下載類似的位圖圖像相比,下載矢量圖形的速度比較快。可以導(dǎo)入ILLUSTRATOR制作的矢量圖并制作動畫效果,也可以直接在舞臺上繪制圖形。在FLASH中,不同版本對工作區(qū)域的大小設(shè)置是不同的,如Flash3.0的工作區(qū)域要求在1-2880像素之間,而CC可以做到無限制的工作區(qū)域,滿足了輕松管理大型背景或之外的內(nèi)容的要求。簡潔整齊的用戶界面能更好地關(guān)注繪制的內(nèi)容,對話框和面板方便瀏覽。和其他軟件一樣,F(xiàn)LASH軟件也不斷更新其功能以方便用戶的使用,作為在線工具和應(yīng)用軟件,還支持ActionScript動作腳本,這種腳本語言可以在軟件中實現(xiàn)交互,進(jìn)行數(shù)據(jù)處理或者制作復(fù)雜的動畫,能夠幫助用戶更快地完成動畫效果的制作。
二、FLASH在廣告設(shè)計中的應(yīng)用
(一)表情動畫
網(wǎng)絡(luò)時代是一個虛擬的世界繼續(xù)變得立體化的過程,表情動畫是一種新的不用見面而迅速便捷的即時溝通手段。在頁面宣傳廣告中常常應(yīng)用不同的表情動畫表達(dá)不同的情緒,使文字具有趣味性。主要內(nèi)容有根據(jù)人的面部表情或者動作制作的一些角色的表情變化,在制作這類表情動畫時,和動畫片的角色設(shè)定類似,要確定一個表演角色;也包括使用文字或者圖形圖像制作的簡易動畫。當(dāng)表情包制作完成后也會制作相關(guān)的宣傳廣告,并應(yīng)用于聊天工具中。
(二)網(wǎng)絡(luò)動畫
使用Flash可以設(shè)計具有視覺畫面的動畫,許多商業(yè)網(wǎng)站采用Flash制作網(wǎng)絡(luò)廣告,并將其置于網(wǎng)站之中,引起觀眾的好奇心,主動打開網(wǎng)站瀏覽動畫廣告以推廣商品。靜態(tài)型廣告條往往放置在網(wǎng)頁或博客的頂端,靜態(tài)型Flash并不是靜止的,一般采用一張廣告圖片配以動畫點綴元素插入到網(wǎng)頁中,也可以將布局好的廣告圖片分割出來,然后在Flash中制作入場動畫。動畫型廣告是最顯眼的廣告方式,可以在花花綠綠的網(wǎng)頁中讓瀏覽者無意中注意到廣告內(nèi)容,以達(dá)到宣傳的目的,這樣可以提高廣告的點擊率。
(三)動畫導(dǎo)航
作為主流的圖形視頻處理軟件,F(xiàn)lash主要定位于網(wǎng)絡(luò)制作,這就決定了它具有互動性,體積小,色彩鮮艷等特點,并且可以配合其他工具軟件制作出各種形式的動態(tài)菜單以及網(wǎng)頁,目前,手機(jī)應(yīng)用商店中的APP也在不斷推陳出新,例如滴滴打車作為一款大眾常用的應(yīng)用軟件,其導(dǎo)航使用文字和矢量圖形制作簡明易懂的動畫,使不同消費(fèi)人群在短時間內(nèi)對行程清晰認(rèn)知,不僅節(jié)約了時間,也減少了溝通障礙。
(四)網(wǎng)絡(luò)視頻
在進(jìn)行商業(yè)推廣時,可以使用flash制作宣傳視頻,這樣的視頻一般體積小,適合網(wǎng)絡(luò)傳播,并且具有交互性。對比同類型軟件,F(xiàn)lash和AE同樣具有靜態(tài)物體,視頻,音頻的功能,而且Flash具備的Actionscript編程語言更是AE所不具備的。Actionscript支持具有相當(dāng)復(fù)雜程度的互動功能,因而被廣泛地運(yùn)用到網(wǎng)頁及其他一些動態(tài)界面設(shè)計中。由Flash制作的動態(tài)作品既有矢量元素,也有圖像元素,而AE生成的動態(tài)作品是由Bitmap位圖所組成。AE可以用來制作電影,視頻,數(shù)碼視頻,光盤,網(wǎng)頁及二維印刷品。AE可以渲出各種精度的作品,甚至立體電影。AE可以生成的特效是Flash遠(yuǎn)遠(yuǎn)所不及的。只有AE專門用來制作動畫,不能制作任何互動界面。AE生成的動態(tài)影像可以被用到Flash中進(jìn)行與其他元素的進(jìn)一步合成,AE基于時段,F(xiàn)lash基于幀數(shù),因而在AE中,對時間的改變比較自由,一段30秒的電影可以被拉長到3分鐘,然而動畫元素之間的關(guān)系可以保持不變,F(xiàn)lash就達(dá)不到這種需求了。例如音樂設(shè)計的視覺思維就是巧妙地運(yùn)用圖形(線條,色彩,體量等)和攝影蒙太奇處理將音樂的旋律,風(fēng)格和意境呈現(xiàn)出來,其音畫創(chuàng)意注重視覺形式構(gòu)成元素和抒情元素的美感追求,注重畫面的節(jié)律與敘事結(jié)構(gòu),從而使音樂給視覺的享受絲毫不亞于它帶給聽覺的。
三、運(yùn)用FLASH軟件設(shè)計圖形動畫
全球有超過6億在線用戶安裝了FLASHPLAYER,這使得瀏覽者可以不需要下載和安裝插件,直接欣賞到高清的Flash動畫。由于它能夠減少游戲中電影片段所占的數(shù)據(jù)量,因此可以節(jié)省更多的空間。無論是矢量圖形或位圖圖像,新版本的CC能夠把需要導(dǎo)出的內(nèi)容導(dǎo)出為全高清(HD)視頻和音頻,即便是導(dǎo)出擁有比較復(fù)雜的時間表和腳本驅(qū)動的動畫,也不會丟幀。網(wǎng)站中的廣告要遵循少即是多的原則,例如網(wǎng)絡(luò)廣告設(shè)計要簡潔,圖片和文字的移動和變化并不需要過于復(fù)雜,只要有效地傳遞信息就可以了,F(xiàn)LASH動畫設(shè)計應(yīng)該顯眼易讀,能夠吸引受眾的注意力。第一次接觸到某工具時,只要能大概知道它的作用就可以了,至于Flash具體應(yīng)用以及不斷更新的軟件在功能上的增強(qiáng),則需要通過一個個實實在在的例子去慢慢體會和理解。FLASH軟件用戶有很多種方法實現(xiàn)圖案動畫的創(chuàng)建,而圖形構(gòu)造不失為一個很好的切入點,例如從靜態(tài)圖形開始再來實現(xiàn)動畫效果,在制作前要先了解一些基本創(chuàng)建方式。
(一)圖形編輯
圖形編輯是Flash重要的功能之一,了解了一些基本的繪圖方法之后,就可以從繪圖工具欄里選擇不同的工具以及它們的修飾功能鍵來創(chuàng)建、選擇、分割圖形等。當(dāng)選擇了不同的工具時,圖形工具欄外觀會跟著發(fā)生一些變化,且修飾功能鍵以及下拉菜單將出現(xiàn)在工具欄的下半部分。修飾功能鍵大大擴(kuò)展了此工具的使用功能,加強(qiáng)了此工具的實用性和靈活性。由于FLASH對矢量圖的應(yīng)用和對視頻,聲音的處理能力,多媒體播放的兼容性,使得FLASH成為網(wǎng)絡(luò)動畫的重要制作工具之一。
(二)影片剪輯元件
所有的圖形或圖像,在他們多種多樣的表現(xiàn)里,無論是靜態(tài)的或是動態(tài)的,都是由各種形式將顏色、形狀、線條、字體組合起來。在傳統(tǒng)動畫制作中,主要任務(wù)便是繪制始關(guān)鍵幀與終關(guān)鍵幀,當(dāng)中的過渡幀每一格都需手工繪制,而在數(shù)碼動態(tài)制作中,我們只需確定關(guān)鍵幀,當(dāng)中的過渡則都由電腦來生成。正是因為有了關(guān)鍵幀,才有了動態(tài)的影片剪輯,運(yùn)動狀態(tài)發(fā)生改變的那一刻,在設(shè)計一段動態(tài)時,首先我們要確定的是改變何時開始(開始關(guān)鍵幀),何時終止(結(jié)尾關(guān)鍵幀),如果動態(tài)比較復(fù)雜,我們更需要在始關(guān)鍵幀與終關(guān)鍵幀中再加入多處關(guān)鍵幀,理解時間與空間段之間的對應(yīng)關(guān)系,對影片剪輯來至關(guān)重要。影片剪輯擁有自己獨(dú)立于主時間軸的多幀時間軸,可以將影片剪輯看作是主時間軸內(nèi)的嵌套時間軸,使用影片剪輯元件可以創(chuàng)建可重用的動畫片段。
(三)補(bǔ)間動畫
在AE特效軟件中,濾鏡的使用,使影片時光超越了時間,在Flash里逼真動畫的外觀同樣可以通過補(bǔ)間動畫屬性瞬間創(chuàng)建。補(bǔ)間是英文INBETWEEN的縮寫TWEEN.主要用來完成兩個關(guān)鍵幀之間缺少的動畫幀,在兩個關(guān)鍵幀之間建立補(bǔ)間動畫關(guān)系之后,中間會自動生成不見動畫圖形的顯示變化,達(dá)到更流暢的動畫效果。補(bǔ)間動畫可以調(diào)整動畫軌跡,可以給對象的位置、大小、傾斜、顏色效果,濾鏡等屬性進(jìn)行補(bǔ)間,可將單個對象選擇編輯。當(dāng)補(bǔ)間創(chuàng)建完成后,舞臺中會出現(xiàn)一條運(yùn)動路徑。它是以兩個關(guān)鍵幀的中心點作為連接點的,這條線上每個小點都代表使用補(bǔ)間呈現(xiàn)出的過渡幀。補(bǔ)間動畫不僅可做一些簡單的位移,大小,顏色等動畫,又常備用以便做一些具3D透視的位移或者制作一些鏡頭的推拉搖移。下面運(yùn)用實例來了解如何運(yùn)用FLASH軟件來創(chuàng)建一個簡易的靜態(tài)圖形動畫。步驟1打開一個新的ash文件,可以看到一個名為“圖層1”的圖層,在頁面的頂端有時間軸。選擇第一幀,使用橢圓工具創(chuàng)建圓形,再使用線條工具和變形工具繪制圖形,然后使用鋼筆工具完成圖標(biāo),選擇舞臺中的對象,“修改>轉(zhuǎn)換到元件”,將圖形轉(zhuǎn)換為元件。在彈出的對話框中,對該元件命名,選擇“圖形”選項,按“確定”步驟2在圖層1的下方創(chuàng)建2個新圖層,一個命名為“天空”,另一個命名為“光”,選擇“光”圖層。利用路徑繪制圓形,單擊“沒有顏色”按鈕繪制正圓,選擇移動工具,按住alt鍵復(fù)制多個圓形,并分別調(diào)整圓形的大小。步驟3選擇天空圖層第1幀,通過“文件>導(dǎo)入>導(dǎo)入到舞臺”操作,導(dǎo)入天空圖片。步驟4創(chuàng)建文字圖層,通過“文件>導(dǎo)入>導(dǎo)入到舞臺”操作,導(dǎo)入矢量文字圖形。在接下來的五個步驟中,無論是圖形元件的基本創(chuàng)建方法,還是編輯圖案動畫設(shè)計的制作方法,都在下述五步中簡單展示出來了。步驟1現(xiàn)在為止,繪制的元件處于圖層1的第1幀。在圖層1第50幀添加一個普通幀將圖形元件延續(xù)。步驟2選擇光圖層第30幀,“插入>時間軸>關(guān)鍵幀”,創(chuàng)建一個新的關(guān)鍵幀,重新繪制多個圓形并填色。仍在第30幀進(jìn)行操作,將圓形元件在舞臺上進(jìn)行移動,選取第1到第29幀之間的任意一幀,在屏幕底端的屬性面板上的“補(bǔ)間”選項中選擇“動畫”,在關(guān)鍵幀之間添加傳統(tǒng)補(bǔ)間動畫。選擇該圖層第50幀,如上所述創(chuàng)建不同的圓,并選取從30至49幀之間的任意一幀添加傳統(tǒng)補(bǔ)間動畫。步驟3創(chuàng)建文字動畫,先將文字轉(zhuǎn)換為圖形元件,在視頻最后一幀添加關(guān)鍵幀,在關(guān)鍵幀之間添加傳統(tǒng)補(bǔ)間動畫,并修改屬性面板的色彩調(diào)整Alpha命令。步驟4如果想要再現(xiàn)時光倒流的色彩質(zhì)感,可以使用屬性面板中的透明度調(diào)整色調(diào),也可以使用屬性面板中濾鏡營造褪色效果,模糊濾鏡在動畫制作中常常會被用到,應(yīng)用濾鏡的對象需要是“影片剪輯”元件?!鞍粹o”元件或文本。先將天空圖片轉(zhuǎn)化為影片剪輯元件,在1至49幀之間添加傳統(tǒng)補(bǔ)間動畫,選擇元件最后一幀,在屬性面板中設(shè)置模糊選擇影片剪輯元件,在屬性面板中單擊添加的濾鏡按鈕,選擇模糊,然后設(shè)置參數(shù)。步驟5如果要添加聲音,先創(chuàng)建一個新的聲音圖層,然后單擊“文件-導(dǎo)入到庫-導(dǎo)入聲音素材”,在聲音圖層添加空白關(guān)鍵幀,再將音頻文件從庫里拖拽到圖層,使其和視頻素材的時間保持一致,在屬性面板上還可以設(shè)置聲音效果,緩和參數(shù)等。然后選擇“文件>預(yù)覽”可以預(yù)覽動畫效果。
總結(jié)
綜上所述,我們生活的世界充滿著各種各樣豐富的動態(tài)設(shè)計,而創(chuàng)作的關(guān)鍵是在于我們應(yīng)當(dāng)完成從二維到三維構(gòu)想思維的過渡,將時間線作為整個動畫創(chuàng)意的根本。隨著影像帶給常規(guī)感受模式的美感沖擊,一些音樂頻道的片頭綜合了動畫,廣告,網(wǎng)絡(luò),電子游戲等流行文化視聽特征,不斷豐富著各種媒介所能運(yùn)用的視點表現(xiàn)手段。在同類型軟件中,使用電腦軟件進(jìn)行思考具有相同之處,無論是偶然間跳出的想法,還是為了得到特定效果所進(jìn)行的過程,應(yīng)該先思考創(chuàng)作動態(tài)圖形圖像將會使用哪些工具獲得想要的結(jié)果。而不同之處在于Flash目前對位圖的處理能力還比較弱,因為它最初是從矢量處理起始的,所以相對影像設(shè)計來說,常用來制作更多的矢量圖形動畫??傊?,在動態(tài)圖像設(shè)計過程中,不同的組合會帶來不同的效果,還需要在設(shè)計過程中逐漸發(fā)現(xiàn)無限種可能去設(shè)置和選擇性地改變各種視覺元素,去創(chuàng)造有動感的和協(xié)調(diào)的動態(tài)圖形。
作者:陳瑤 單位:湖北工業(yè)大學(xué)