電子商務視覺設計 教案 項目六 動態(tài)情景化的設計

《電商視覺設計》課程教案教學模塊項目六動態(tài)情景化的設計課時數(shù)12教學班級主講教師教學目的和要求知識目標1.認識C4D軟件及其工作界面；2.了解C4D建模常用的工具及功能；3.認識AE軟件及其工作界面；4.熟悉與動畫制作的基礎知識；5.了解圖形動畫設計的基礎知識；6.了解產(chǎn)品推介動畫設計的基礎知識。技能目標1.能夠使用C4D軟件搭建出符合營銷需求的三維場景并進行渲染；2.能夠使用AE軟件制作出符合營銷需求的動態(tài)文字；3.能夠使用AE軟件進行圖形動畫的設計與制作；4.能夠使用AE軟件進行產(chǎn)品推介動畫的設計與制作。素養(yǎng)目標1.了解社會主義核心價值觀，誠實守信，遵守職業(yè)道德；2.具備積極主動的工作態(tài)度、較強的視覺審美與設計能力；3.具備較強的團隊協(xié)作能力、社會責任意識和誠信的品德。教學手法1.利用講授法告知學生課程的基礎知識，幫助學生建立知識框架，再通過教師的操作演示，學習具體步驟并自行練習；2.教師利用直接教學法，先設置問題引起學生注意，告知學生學習目標，讓學生通過演示和案例展示向?qū)W習目標靠近；3.利用情景教學法，教師設置好問題情景，帶領學生以解決情景問題為目標進行學習，引導學生發(fā)揮主觀能動性來解決學習過程中的問題；4.教師利用任務驅(qū)動法，告知學生學習目標，引導學生先以自行學習的方式掌握基礎知識，再以小組合作的形式探討重難點知識，在教師的引導下完成操作知識。教學重難點重點：1.C4D建模常用的工具及功能；2.動畫制作的基礎知識。難點：1.三維場景搭建；2.動態(tài)文字制作；3.動畫設計與制作。教學要點設計1.教師通過講授法告知學生C4D軟件和工作界面的基本功能，在學生對于制作工具有了一定了解的基礎上，演示具體的操作步驟，將注意事項進行細致講解，并要求學生進行獨立練習；（135分鐘）2.教師在課程一開始，先設置問題，引起學生注意：制作彈跳文字效果需要什么樣的工具和制作知識？怎么樣制作？然后告知學生本次課程的目標是掌握視頻文字動態(tài)設計，老師邊操作演示邊提問，引導學生記住關鍵知識點；（135分鐘）3.教師在課程開始前，設置圖形動畫設計的具體情景，引起學生了解知識的興趣，并為了推進情景發(fā)展而主動掌握相關知識；（135分鐘）4.教師告知學生，本節(jié)課的主要任務是掌握產(chǎn)品推介動畫設計，學生在這一目標的驅(qū)動下，自行閱讀學習基礎知識，教師及時解決學習中的困難。然后引導學生分組，根據(jù)教材嘗試進行設計，將所有過程中的疑問和技巧總結下來并在全班級分享，教師將重點知識重新梳理，幫助學生完整知識架構。（135分鐘）教學過程任務一三維場景搭建與渲染【預備知識】一、C4D軟件介紹Cinema4D簡稱“C4D”，是一款專業(yè)的3D建模、動畫、模擬和渲染解決方案的軟件，在影視特效、動畫設計、平面設計等方面都有出色的表現(xiàn)。二、C4D軟件工作界面介紹（MaxonCinema4D23）1.菜單欄2.工具欄3.模式工具欄4.視圖窗口5.時間軸6.材質(zhì)窗口7.坐標軸8.屬性窗口9.屬性窗口二、C4D建模常用工具和功能1.立方體工具組2.樣條畫筆工具組3.細分曲面工具組4.擠壓工具組5.彎曲工具組6.地板工具組7.燈光工具組8.材質(zhì)球9.渲染器【任務實施與準備】一、模型制作步驟1：新建項目步驟2：場景搭建步驟3：產(chǎn)品建模步驟4：設置材質(zhì)及模型上色【拓展知識】一、三維場景搭建與渲染的其他常用工具1.3DSMax2.Maya3.Rhino4.Zbrush任務二視頻動態(tài)文字設計【預備知識】一、AE軟件介紹AfterEffects簡稱“AE”，是一款專業(yè)的非線性特效合成軟件，在影視特效、動畫設計等方面都有出色的表現(xiàn)。由菜單欄、工具欄、項目面板、時間線面板、合成面板和效果和預設面板等5個模塊組成。二、視頻基本知識1.基本概念：幀、幀速率、幀長寬比2.電視制式：PAL制式、NTSC制式、SCAM制式3.視頻格式：MPEG格式、AVI格式、ASF格式、MOV格式4.視頻的轉(zhuǎn)場：技巧轉(zhuǎn)場、無技巧轉(zhuǎn)場【任務實施與分析】一、彈跳文字效果制作步驟1：新建項目步驟2：輸入文字步驟3：調(diào)整文字動畫步驟4：調(diào)整動畫制作工具1參數(shù)步驟5：調(diào)整動畫制作工具2關鍵幀步驟6：設置“動畫制作工具2”位置的Y軸參數(shù)步驟7：將關鍵幀向后移動步驟8：設置文字動畫的顯示效果步驟9：添加背景圖步驟10：設置格式并輸出二、果凍效果文字制作步驟1：新建項目步驟2：輸入文字步驟3：添加擺動選擇器步驟4：設置擺動選擇器參數(shù)步驟5：添加關鍵幀步驟6：將關鍵幀設置為緩和或曲線步驟7：設置文字動畫的顯示效果步驟8：導入背景圖片步驟9：完成并輸出文字視頻【拓展知識】一、影視和動畫的視頻語言1.鏡頭2.景別3.鏡頭的分類任務三圖像動畫設計【預備知識】一、動畫設計十二原則1.擠壓和伸展（Squashandstretch）2.預備動作（Anticipation）3.表演及呈像方式（Staging）4.連貫動作與關鍵動作（Straightaheadactionandposetopose）5.跟隨動作與重疊動作（Followthroughandoverlappingaction）6.漸快與漸慢（Slowinandslowout）7.弧形運動軌跡（Arcs）8.附屬動作（Secondaryaction）9.時間控制（Timing）10.夸張（Exaggeration）11.純熟的手繪技巧（Soliddrawing）12.吸引力（Appeal）二、表達式1.time表達式2.抖動/擺動表達式3.loopOut表達式(循環(huán)表達式)4.index表達式(索引表達式)【任務實施與分析】步驟1：打開AdobeAfterEffect2019，新建項目步驟2：在合成畫布中輸入“循環(huán)表達式”步驟3：繪制正圓并復制，設置顏色步驟4：導入素材步驟5：為畫布中的各個元素添加動畫效果步驟6：創(chuàng)建預合成圖層步驟7：給預合成圖層添加動畫步驟8：添加循環(huán)表達式步驟9：完成并輸出視頻【拓展知識】一、提高視頻創(chuàng)作能力的方法1.觀察作品2.分析作品，整理問題3.制訂動畫方案二、動畫方案的設計思路1.場景拆分2.動畫制作任務四產(chǎn)品推介動畫設計【預備知識】一、3D圖層3D圖層又稱為三維圖層，在將平面圖層轉(zhuǎn)化為3D圖層之前，該圖層為平面圖層，其屬性只有“位置(z)”、“錨點(z)”、“縮放(z)”、“方向”、“X旋轉(zhuǎn)”、“Y旋轉(zhuǎn)”、“Z旋轉(zhuǎn)”以及“材質(zhì)選項”屬性。二、遮罩遮罩也稱mask，是指在圖像中指定區(qū)域內(nèi)或區(qū)域外使用一條閉合路徑或輪廓圖來遮擋部分圖像內(nèi)容，并顯示特定區(qū)域的圖像內(nèi)容，是實現(xiàn)視頻合成的重要工具。三、攝像機創(chuàng)建攝像機的方法是選擇菜單“圖層”——“新建”——“攝像機“，或者按快捷鍵Ctrl+Shift+Alt+C，即可打開一個攝像機參數(shù)設置對話框?！救蝿諏嵤┡c分析】步驟1：打開AdobeAfterEffect2019，新建項目步驟2：導入準備好的產(chǎn)品圖素材以及背景圖步驟3：將圖片調(diào)整至同一水平位置步驟4：使用快捷鍵“Ctrl+Shift+Alt+C”，新建攝像機步驟5：調(diào)整攝像參數(shù)步驟6：輸入文字步驟7：添加點綴元素步驟8：創(chuàng)建軌道遮罩步驟9：完成并輸出視頻【拓展知識】一、常見的音頻格式1.MP32.WMA3.WAV4.AIFF思政小課堂由于動態(tài)情景化設計是以現(xiàn)實生活場景為基礎的視覺創(chuàng)作，因此，在進