本章簡(jiǎn)介：在淘寶、京東以及亞馬遜等電子商務(wù)網(wǎng)站的發(fā)展助力下，電商廣告得到了空前的發(fā)展。電商廣告是引導(dǎo)用戶購(gòu)買產(chǎn)品的重要因素之一，因此電商廣告的設(shè)計(jì)直接影響著網(wǎng)店的營(yíng)銷。本章以多個(gè)主題的廣告設(shè)計(jì)為例，講解廣告的設(shè)計(jì)方法和制作技巧。第4章廣告設(shè)計(jì)課堂學(xué)習(xí)目標(biāo)了解廣告的設(shè)計(jì)思路和過程。掌握廣告的制作方法和技巧。掌握制作廣告的相關(guān)工具。素養(yǎng)目標(biāo)培養(yǎng)商業(yè)設(shè)計(jì)思維。提高廣告審美水平。案例分析設(shè)計(jì)理念操作步驟相關(guān)工具實(shí)戰(zhàn)演練4.1制作運(yùn)動(dòng)鞋廣告4.1.1案例分析本案例是為YG推出的新款運(yùn)動(dòng)鞋設(shè)計(jì)制作宣傳廣告，設(shè)計(jì)要求以低幫運(yùn)動(dòng)鞋為主題，以全新的設(shè)計(jì)理念和獨(dú)特的表現(xiàn)手法宣傳新款產(chǎn)品。4.1.2設(shè)計(jì)理念在設(shè)計(jì)制作過程中，使用實(shí)景的背景營(yíng)造出清新舒適的感覺，產(chǎn)品與展示臺(tái)的完美結(jié)合和創(chuàng)意設(shè)計(jì)，在突出宣傳主體的同時(shí)，展現(xiàn)出產(chǎn)品的品質(zhì)和夢(mèng)幻、知性的特色，加深了顧客的印象；醒目的產(chǎn)品名稱起到裝飾作用，且宣傳性強(qiáng)。效果圖4.1.3操作步驟12344.1.4相關(guān)工具1．圖像素材的格式AnimateCC2019可以導(dǎo)入各種文件格式的矢量圖和位圖。矢量格式包括：AdobeIllustrator文件、EPS文件或PDF文件。位圖格式包括：JPG、GIF、PNG、BMP等格式。4.1.4相關(guān)工具2．導(dǎo)入圖像素材AnimateCC2019可以識(shí)別多種不同的位圖和矢量圖的文件格式，可以通過導(dǎo)入或粘貼的方法將素材引入到AnimateCC2019中?！?qū)氲轿枧_(tái)◎?qū)氲綆?kù)◎外部粘貼4.1.4相關(guān)工具3．設(shè)置導(dǎo)入位圖屬性對(duì)于導(dǎo)入的位圖，用戶可以根據(jù)需要消除鋸齒從而平滑圖像的邊緣，或選擇壓縮選項(xiàng)以減小位圖文件的大小，以及格式化文件以便在Web上顯示。這些變化都需要在“位圖屬性”對(duì)話框中進(jìn)行設(shè)定。在“庫(kù)”面板中雙擊位圖圖標(biāo)，彈出“位圖屬性”對(duì)話框?！拔粓D屬性”對(duì)話框4.1.4相關(guān)工具4．將位圖轉(zhuǎn)換為圖形使用AnimateCC2019可以將位圖分離為可編輯的圖形，位圖仍然保留它原來的細(xì)節(jié)。分離位圖后，可以使用繪畫工具和涂色工具來選擇和修改位圖的區(qū)域。4.1.4相關(guān)工具5．將位圖轉(zhuǎn)換為矢量圖選中位圖，選擇“修改>位圖>轉(zhuǎn)換位圖為矢量圖”命令，彈出“轉(zhuǎn)換位圖為矢量圖”對(duì)話框，設(shè)置數(shù)值后，單擊“確定”按鈕，位圖轉(zhuǎn)換為矢量圖。4.1.4相關(guān)工具6．測(cè)試動(dòng)畫在制作完成動(dòng)畫后，要對(duì)其進(jìn)行測(cè)試?？梢酝ㄟ^以下幾種方法來測(cè)試動(dòng)畫?！驊?yīng)用“播放”命令選擇“控制>播放”命令，或按Enter鍵，可以對(duì)當(dāng)前舞臺(tái)中的動(dòng)畫進(jìn)行瀏覽。在“時(shí)間軸”面板中，可以看見播放頭在運(yùn)動(dòng)。隨著播放頭的運(yùn)動(dòng)，舞臺(tái)中顯示出播放頭所經(jīng)過的幀上的內(nèi)容?！驊?yīng)用“測(cè)試影片”命令選擇“控制>測(cè)試影片”命令，或按Ctrl+Enter組合鍵，可以進(jìn)入動(dòng)畫測(cè)試窗口，對(duì)動(dòng)畫作品的多個(gè)場(chǎng)景進(jìn)行連續(xù)的測(cè)試?！驊?yīng)用“測(cè)試場(chǎng)景”命令選擇“控制>測(cè)試場(chǎng)景”命令，或按Ctrl+Alt+Enter組合鍵，可以進(jìn)入動(dòng)畫測(cè)試窗口，測(cè)試當(dāng)前舞臺(tái)窗口中顯示的場(chǎng)景或元件中的動(dòng)畫。4.1.5實(shí)戰(zhàn)演練—制作化妝品廣告使用“導(dǎo)入”命令，導(dǎo)入素材；使用“轉(zhuǎn)換位圖為矢量圖”命令，將位圖轉(zhuǎn)換為矢量圖形；使用“文本”工具，輸入文字。效果圖案例分析設(shè)計(jì)理念操作步驟相關(guān)工具實(shí)戰(zhàn)演練4.2制作液晶電視廣告4.2.1案例分析多維有限公司是一家電商用品零售企業(yè)，販?zhǔn)燮秸桨b的家具、配件、浴室和廚房用品等?，F(xiàn)因春節(jié)即將來臨，需要制作一款新年宣傳片，用于宣傳新款液晶電視，設(shè)計(jì)要求具有濃郁的民俗色彩，以及產(chǎn)品的優(yōu)惠力度，能夠充分表達(dá)本次活動(dòng)的宣傳主題和特點(diǎn)。4.2.2設(shè)計(jì)理念在設(shè)計(jì)制作過程中，紅色和白色的文字背景色調(diào)和諧、舒適搭配自然，具有濃郁的傳統(tǒng)色彩。將產(chǎn)品圖像放在主要位置，突出產(chǎn)品的宣傳，圍繞產(chǎn)品的功能介紹，使人一目了然，能引導(dǎo)人們的視線關(guān)注宣傳主體。效果圖4.2.3操作步驟12344.2.4相關(guān)工具1．視頻素材的格式AnimateCC2019版本對(duì)導(dǎo)入的視頻格式重新作了調(diào)整，可以導(dǎo)入FLV、F4V、Mp4和Mov等格式的視頻。其中Mp4和Mov格式的視頻需要使用播放組件加載外部視頻選項(xiàng)導(dǎo)入。而FLV視頻格式是當(dāng)前網(wǎng)頁(yè)視頻觀看的主流。4.2.4相關(guān)工具2．導(dǎo)入視頻素材MacromediaFlashVideo（FLV）文件可以導(dǎo)入或?qū)С鰩Ь幋a音頻的靜態(tài)視頻流。適用于通信應(yīng)用程序，例如視頻會(huì)議或包含從Adobe的MacromediaFlashMediaServer中導(dǎo)出的屏幕共享編碼數(shù)據(jù)的文件。“導(dǎo)入視頻”對(duì)話框4.2.4相關(guān)工具3．視頻的屬性在嵌入的視頻“屬性”面板中可以更改導(dǎo)入視頻的屬性。選中視頻，選擇“窗口>屬性”命令，彈出嵌入的視頻“屬性”面板?！皩傩浴泵姘?.2.5實(shí)戰(zhàn)演練—制作旅游廣告使用“導(dǎo)入視頻”命令，導(dǎo)入視頻；使用“變形”面板，調(diào)整視頻的大小。效果圖案例分析設(shè)計(jì)理念操作步驟相關(guān)工具實(shí)戰(zhàn)演練4.3制作文化動(dòng)態(tài)廣告4.3.1案例分析創(chuàng)品文化是一家專注于文化推廣的公司，致力于將傳統(tǒng)文化與現(xiàn)代元素相結(jié)合，展示豐富的文化活動(dòng)和藝術(shù)作品?，F(xiàn)需要為圖形元素展設(shè)計(jì)制作一個(gè)宣傳廣告，設(shè)計(jì)要求畫面主題明確，風(fēng)格現(xiàn)代簡(jiǎn)約，符合文化藝術(shù)行業(yè)特性，能夠突出展覽的獨(dú)特性和文化價(jià)值。4.3.2設(shè)計(jì)理念在設(shè)計(jì)制作過程中，通過簡(jiǎn)約的圖形元素設(shè)計(jì)，給人直觀的視覺沖擊，即豐富了畫面，使信息一目了然，也提升了視覺效果；色彩搭配合理，增強(qiáng)視覺層次感，給人品質(zhì)感；整體設(shè)計(jì)清新自然，圖形簡(jiǎn)潔而富有藝術(shù)感，易激發(fā)觀眾的興趣和好感。效果圖4.3.3操作步驟12344.3.4相關(guān)工具1．創(chuàng)建圖形元件選擇“插入>新建元件”命令，或按Ctrl+F8組合鍵，彈出“創(chuàng)建新元件”對(duì)話框。單擊“確定”按鈕，創(chuàng)建一個(gè)新的圖形元件“音樂播放器”?！皠?chuàng)建新元件”對(duì)話框4.3.4相關(guān)工具2．創(chuàng)建按鈕元件AnimateCC2019庫(kù)中提供了一些簡(jiǎn)單的按鈕，如果需要復(fù)雜的按鈕，還是需要自己創(chuàng)建。選擇“插入>新建元件”命令，彈出“創(chuàng)建新元件”對(duì)話框。單擊“確定”按鈕，創(chuàng)建一個(gè)新的按鈕元件“動(dòng)作”?！皠?chuàng)建新元件”對(duì)話框4.3.4相關(guān)工具3．創(chuàng)建影片剪輯元件選擇“插入>新建元件”命令，或按Ctrl+F8組合鍵，彈出“創(chuàng)建新元件”對(duì)話框。單擊“確定”按鈕，創(chuàng)建一個(gè)新的影片剪輯元件“變形”?！皠?chuàng)建新元件”對(duì)話框4.3.4相關(guān)工具4．轉(zhuǎn)換元件◎?qū)D形轉(zhuǎn)換為圖形元件如果在舞臺(tái)上已經(jīng)創(chuàng)建好矢量圖形并且以后還要再次應(yīng)用，可將其轉(zhuǎn)換為圖形元件?！蛟O(shè)置圖形元件的中心點(diǎn)選中矢量圖形，選擇“修改>轉(zhuǎn)換為元件”命令，彈出“轉(zhuǎn)換為元件”對(duì)話框，在對(duì)話框的“對(duì)齊”選項(xiàng)后有9個(gè)中心定位點(diǎn)，可以用來設(shè)置轉(zhuǎn)換元件的中心點(diǎn)?！稗D(zhuǎn)換為元件”對(duì)話框4.3.4相關(guān)工具5．改變實(shí)例的顏色和透明效果在舞臺(tái)中選中實(shí)例，在“屬性”面板中選擇“樣式”選項(xiàng)的下拉列表。“屬性”面板4.3.4相關(guān)工具6．創(chuàng)建補(bǔ)間動(dòng)畫補(bǔ)間動(dòng)畫是一種使用元件的動(dòng)畫，可以對(duì)元件進(jìn)行位移、大小、旋轉(zhuǎn)、透明和顏色等動(dòng)畫設(shè)置。“時(shí)間軸”面板4.3.4相關(guān)工具7．創(chuàng)建補(bǔ)間形狀如果舞臺(tái)上的對(duì)象是組件實(shí)例、多個(gè)圖形的組合、文字或?qū)氲乃夭膶?duì)象，必須先分離或取消組合，將其打散成圖形，才能制作形狀補(bǔ)間動(dòng)畫。利用這種動(dòng)畫，也可以實(shí)現(xiàn)上述對(duì)象的大小、位置、旋轉(zhuǎn)、顏色及透明度等變化?！皶r(shí)間軸”面板4.3.4相關(guān)工具8．創(chuàng)建傳統(tǒng)補(bǔ)間“時(shí)間軸”面板4.3.5實(shí)戰(zhàn)演練—制作空調(diào)扇廣告使用“導(dǎo)入到庫(kù)”命令，導(dǎo)入素材；使用“新建元件”命令和“文本”工具，制作圖形元件；使用“分散到圖層”命令，制作功能動(dòng)畫；使用“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，制作補(bǔ)間動(dòng)畫；使用“屬性”面板，調(diào)整實(shí)例的透明度。效果圖案例分析設(shè)計(jì)理念知識(shí)要點(diǎn)4.4綜合演練—制作手機(jī)廣告4.4.1案例分析米心手機(jī)專營(yíng)店是一家手機(jī)專賣場(chǎng)。該手機(jī)店最新推出了手機(jī)促銷活動(dòng)，需要制作針對(duì)網(wǎng)店的宣傳廣告，能夠體現(xiàn)出新款產(chǎn)品的特點(diǎn)。廣告要求內(nèi)容豐富，重點(diǎn)宣傳此次推出新款產(chǎn)品活動(dòng)。4.4.2設(shè)計(jì)理念在設(shè)計(jì)制作過程中，使用深色的背景突出前方的宣傳主體，起到襯托的效果；產(chǎn)品實(shí)品的展示，與文字一起構(gòu)成豐富的畫面，展現(xiàn)出時(shí)尚和現(xiàn)代感；畫面整體主次分明，對(duì)文字進(jìn)行具有特色的設(shè)計(jì)，使消費(fèi)者快速了解產(chǎn)品信息，并且突出了宣傳主體，使畫面具有空間感，宣傳性強(qiáng)。使用“導(dǎo)入到庫(kù)”命令，導(dǎo)入素材；使用“新建元件”命令和“文本”工具，制作圖形元件；使用“矩形”工具和“顏色”面板，制作高光效果；使用“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，制作補(bǔ)間動(dòng)畫；使用“遮罩層”命令，制作遮罩動(dòng)畫；使用“動(dòng)作”面板，設(shè)置腳本語言。4.4.3知識(shí)要點(diǎn)效果圖案例分析設(shè)計(jì)理念知識(shí)要點(diǎn)4.5綜合演練—制作女包廣告4.5.1案例分析NEWLOOK是一家女裝服飾店，提供多款男女時(shí)裝、童裝、鞋履、鐘表、精品配飾及包包等。此次推出的新款女包，產(chǎn)品設(shè)計(jì)獨(dú)特，材質(zhì)精致，配色多樣，展現(xiàn)了時(shí)尚與創(chuàng)新的完美結(jié)合。廣告將通過動(dòng)畫形式，突顯女包的獨(dú)特設(shè)計(jì)和創(chuàng)新理念；營(yíng)造出既現(xiàn)代又充滿個(gè)性的品牌形象，吸引目標(biāo)客戶群體的關(guān)注與興趣。4.5.2設(shè)計(jì)理念在設(shè)計(jì)制作過程中，我們采用了柔和的淺色背景與粉