模塊三電商視覺設(shè)計技能提升《電商視覺設(shè)計》思維導圖目錄CONTENTS1動態(tài)情景化的設(shè)計項目六

動態(tài)情景化的設(shè)計項目背景

在全渠道數(shù)字化運營項目中，為了能夠吸引更多的用戶進行消費，企業(yè)不僅要提供具有強大產(chǎn)品力的產(chǎn)品，還需要進行營銷推廣。在進行營銷推廣時，除了要選擇合適的營銷推廣渠道，還需對產(chǎn)品或活動進行視覺呈現(xiàn)。為了能夠吸引更多用戶的眼球，企業(yè)在進行視覺設(shè)計時，應(yīng)緊跟時代的潮流，設(shè)計一些極具表現(xiàn)力和張力的設(shè)計，以此來吸引更多人的關(guān)注，為整個項目運營帶來流量。

伴隨著電商的快速發(fā)展，商家與商家之間的競爭愈發(fā)激烈，這也致使商家對店鋪的視覺設(shè)計提出了更高的要求，店鋪的視覺設(shè)計不能僅停留在普通的平面設(shè)計上，而應(yīng)該積極探索平面設(shè)計與三維設(shè)計、動畫設(shè)計的融合，以打造出極具場景化的三維圖像或視頻，以場景搭建帶給用戶視覺沖擊，引起用戶共鳴，以達到店鋪營銷推廣的目的。要設(shè)計出動態(tài)情景化的圖像或視頻，首先要掌握三維設(shè)計和動畫設(shè)計的基礎(chǔ)知識和相關(guān)操作，只有在掌握了三維設(shè)計和動畫設(shè)計的基礎(chǔ)知識和相關(guān)操作后，才能更好地去完成電商動態(tài)情景化的圖像或視頻的設(shè)計與制作。研究內(nèi)容三維場景搭建與渲染視頻動態(tài)文字設(shè)計圖形動畫設(shè)計產(chǎn)品推介動畫設(shè)計學習目標1.認識C4D軟件及其工作界面；2.了解C4D建模常用的工具及功能；3.認識AE軟件及其工作界面；4.熟悉與動畫制作的基礎(chǔ)知識；5.了解圖形動畫設(shè)計基礎(chǔ)知識；6.了解產(chǎn)品推介動畫設(shè)計的基礎(chǔ)知識。知識目標1.能夠使用C4D軟件搭建出符合營銷需求的三維場景并進行渲染；2.能夠使用AE軟件制作出符合營銷需求的動態(tài)文字；3.能夠使用AE軟件進行圖形動畫的設(shè)計與制作；4.能夠使用AE軟件進行產(chǎn)品推介動畫的設(shè)計與制作。技能目標1.了解社會主義核心價值觀，誠實守信，遵守職業(yè)道德；2.具備積極主動的工作態(tài)度、較強的視覺審美與設(shè)計能力；3.具備較強的團隊協(xié)作能力、社會責任意識和誠信的品德。素養(yǎng)目標任務(wù)四產(chǎn)品推介動畫設(shè)計預(yù)備知識一、3D圖層

3D圖層又稱為三維圖層，在將平面圖層轉(zhuǎn)化為3D圖層之前，該圖層為平面圖層，其屬性只有“位置(z)”、“錨點(z)”、“縮放(z)”、“方向”、“X旋轉(zhuǎn)”、“Y旋轉(zhuǎn)”、“Z旋轉(zhuǎn)”以及“材質(zhì)選項”屬性，“材質(zhì)選項”屬性指定圖層與光照和陰影交互的方式。只有3D圖層與陰影、光照和攝像機進行交互。在打開圖層的三維屬性后，圖層會向其“位置”、“錨點”和“縮放”屬性添加深度(z)值，該圖層將獲得“方向”、“Y旋轉(zhuǎn)”、“X旋轉(zhuǎn)”以及“材質(zhì)選項”屬性。單個“旋轉(zhuǎn)”屬性被重新命名為“Z旋轉(zhuǎn)”。預(yù)備知識二、遮罩遮罩也稱mask，是指在圖像中指定區(qū)域內(nèi)或區(qū)域外使用一條閉合路徑或輪廓圖來遮擋部分圖像內(nèi)容，并顯示特定區(qū)域的圖像內(nèi)容，是實現(xiàn)視頻合成的重要工具。其原理是使用遮罩工具在素材上繪制遮罩來截取需要的區(qū)域，被遮罩選中的部分會顯示，未被遮罩選中的部分則會被影藏。在AE中遮罩工具的創(chuàng)建方法主要有兩種，一種是通過形狀工具創(chuàng)建蒙版來實現(xiàn)遮罩效果，另一種是通過路徑工具繪制閉合路徑來實現(xiàn)遮罩效果。預(yù)備知識三、攝像機

在AfterEffects中，常常需要運用一個或多個攝像機來創(chuàng)造空間場景、觀看合成空間,攝像機工具不僅可以模擬真實攝像機的光學特性，更能超越真實攝像機在三腳架、重力等條件的制約，在空間中任意移動。其作用包括通過修改攝像機設(shè)置，并為其制作動畫來配置攝像機，使其與用于記錄合成的素材的真實攝像機和設(shè)置匹配；模擬真實的攝像機的行為并添加到合成效果和動畫中；借助具有“合成攝像機”屬性的效果,使用活動合成攝像機或光照從各種角度查看或照亮效果，以模擬更復雜的3D效果。預(yù)備知識三、攝像機

創(chuàng)建攝像機的方法是選擇菜單“圖層”——“新建”——“攝像機“，或者按快捷鍵Ctrl+Shift+Alt+C，即可打開一個攝像機參數(shù)設(shè)置對話框。實施準備在進行產(chǎn)品推介動畫設(shè)計時，不僅需要掌握AE的基礎(chǔ)知識和相關(guān)操作，還需要了解3D圖層、遮罩、攝像機的原理和操作，只有在掌握了與產(chǎn)品推介動畫設(shè)計相關(guān)的知識和技能后，才能更好是使用AE軟件制作出符合營銷需求的產(chǎn)品推介動畫，下面以制作某農(nóng)產(chǎn)品網(wǎng)店店鋪的農(nóng)產(chǎn)品的展示視頻為例進行產(chǎn)品推介動畫設(shè)計。任務(wù)實施與分析

步驟1：打開AdobeAfterEffect2019，新建一個項目，然后單擊菜單欄中的“合成”-“新建合成”創(chuàng)建一個1920像素*1280像素、幀速率為20幀/秒、背景色為白色的合成，并將其命名為“產(chǎn)品推介動畫”。任務(wù)實施與分析

步驟2：單擊“文件”-“導入”，導入準備好的產(chǎn)品圖素材以及背景圖，然后將視頻背景拖動到下方的時間線板中，接著在項目面板中全選產(chǎn)品素材圖，將產(chǎn)品素材圖拖動到時間線面板中視頻背景圖層的上方，然后調(diào)整圖片的大小和位置，效果如圖所示。任務(wù)實施與分析

步驟3：打開各個產(chǎn)品素材圖層的三維圖層按鈕，接著將視圖顯示切換到頂部視圖，如圖所示，查看圖片位置是否在同一水平位置，如果不在同一水平位置需將圖片調(diào)整至同一水平位置，此步驟主要是為了后期素材圖片播放時圖片在同一水平線上。任務(wù)實施與分析步驟4：使用快捷鍵“Ctrl+Shift+Alt+C”，新建攝像機，攝像機創(chuàng)建完成后，將視圖顯示切換為“攝像機1”，然后將“攝像機1”變換中目標點的第一個數(shù)值“1138.0”調(diào)整為“-53.0”，最終效果如圖所示。任務(wù)實施與分析

步驟5：將數(shù)值調(diào)整完成后，單擊目標點前面的時間變化秒表按鈕添加關(guān)鍵幀，接著將時間標尺面板中的當前時間指示器移動到19S的位置，然后將目標點的第一個數(shù)值從“-53”調(diào)整為“2600”，如圖所示。任務(wù)實施與分析步驟6：通過以上步驟產(chǎn)品圖片就可以隨著攝像機位置的移動進行移動展示。單擊文字工具在合成面板中輸入字體為黑體、字號為128像素、顏色為“0006FF”的“農(nóng)產(chǎn)品展示”，如圖所示。任務(wù)實施與分析

步驟7：為了能夠使文字更好的融入背景，還需要在文字周圍添加一些點綴的元素。點擊矩形工具，在文字展示的上方繪制一個矩形（顏色為：61DFF2、描邊0像素），接著再繪制一個矩形（顏色為：22FF00、描邊0像素），效果圖如圖所示。任務(wù)實施與分析

步驟8：創(chuàng)建軌道遮罩。鼠標點擊“形狀圖層1”圖層的軌道遮罩選框，在出現(xiàn)的菜單中選擇“Alpha反轉(zhuǎn)遮罩“形狀圖層2”，即可創(chuàng)建軌道遮罩，如左圖所示。使用同樣的方法在文字的右下角添加裝飾，效果圖如右圖所示。任務(wù)實施與分析

步驟9：通過以上步驟一個簡單的產(chǎn)品推介動畫就制作完成了，使用快捷鍵“Ctrl+M”進行輸出，即可得到一個產(chǎn)品推介視頻。拓展知識一、常見的音頻格式名稱類型壓縮率/開發(fā)者特征MP3壓縮的聲音文件1:10甚至更高文件小，質(zhì)量高，能夠被各種視音頻軟件兼容WMA音頻格式1:18文件大小只有相應(yīng)MP3文件的一半，聲音質(zhì)量卻比MP3要好WAV標準數(shù)字音頻文件微軟公司專門為Windows開發(fā)記錄各種單聲道或立體聲的聲音信息，并能保證聲音不失真AIFF聲音文件格式蘋果公司開發(fā)文件格式存儲的數(shù)字音頻，用iTunes播放思政小課堂由于動態(tài)情景化設(shè)計是以現(xiàn)實生活場景為基礎(chǔ)的視覺創(chuàng)作，因此，在進行動態(tài)情景化的設(shè)計前，需要學會觀察身邊事物的細微之處，如商場中產(chǎn)品擺放的場景布置（燈光、環(huán)境等）、自然界的水流（流速、光波、水紋等），為動態(tài)化場景設(shè)計與制作奠定基礎(chǔ)。另外，動態(tài)情景化設(shè)計作為廣告宣傳的一種形式，需要嚴格遵守國家的相關(guān)法律法規(guī)，圍繞真實產(chǎn)品進行實事求是的創(chuàng)作，不可過度渲染或夸張產(chǎn)品的實際