模塊三電商視覺設(shè)計(jì)技能提升《電商視覺設(shè)計(jì)》思維導(dǎo)圖1目錄CONTENTS動(dòng)態(tài)情景化的設(shè)計(jì)項(xiàng)目六

動(dòng)態(tài)情景化的設(shè)計(jì)項(xiàng)目背景

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

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

Cinema4D簡(jiǎn)稱“C4D”，是由德國MaxonComputer公司開發(fā)和發(fā)行的一款三維設(shè)計(jì)軟件，是一款專業(yè)的3D建模、動(dòng)畫、模擬和渲染解決方案的軟件，在影視特效、動(dòng)畫設(shè)計(jì)、平面設(shè)計(jì)等方面都有出色的表現(xiàn)。如圖所示為Cinema4D軟件的圖標(biāo)。預(yù)備知識(shí)二、C4D軟件工作界面介紹（MaxonCinema4D23）

安裝AdobeMaxonCinema4D23軟件并打開，就進(jìn)入到MaxonCinema4D23的工作界面，工作界面主要由10個(gè)模塊組成，分別是菜單欄、工具欄、模式工具欄、視圖窗、時(shí)間軸、材質(zhì)窗口、坐標(biāo)軸、屬性窗口和對(duì)象窗口組成，如圖所示。預(yù)備知識(shí)（1）菜單欄

菜單欄為整個(gè)環(huán)境下所有的窗口提供菜單控制，包括文件、編輯、創(chuàng)建、模式、選擇、工具、網(wǎng)格、條樣、體積、運(yùn)動(dòng)圖形、角色、動(dòng)畫、模擬、跟蹤器、渲染、擴(kuò)展、窗口、幫助組成，如圖所示。預(yù)備知識(shí)（2）工具欄工具欄可以對(duì)基礎(chǔ)對(duì)象進(jìn)行編輯，也可進(jìn)行基礎(chǔ)對(duì)象的創(chuàng)建，包括對(duì)基礎(chǔ)對(duì)象的移動(dòng)、縮放、旋轉(zhuǎn)、渲染等操作，也包括創(chuàng)建參數(shù)對(duì)象、樣條、生成器、域、場(chǎng)景、物理天空等操作。拖動(dòng)工具欄的左側(cè)側(cè)邊欄，可以移動(dòng)工具欄。有些工具的右下角有一個(gè)小三角形符號(hào)，這表示在工具位置上存在一個(gè)工具組，其中包括若干個(gè)相關(guān)工具，如圖所示為工具欄。預(yù)備知識(shí)（3）模式工具欄模式工具欄可以對(duì)變成可編輯對(duì)象進(jìn)行點(diǎn)、線、面等的編輯和調(diào)整，與工具欄一樣，拖動(dòng)模式工具欄的頂部，可以進(jìn)行模式工具欄的移動(dòng)，另外模式工具欄有些工具的右下角有一個(gè)小三角形符號(hào)，也表示在工具位置上存在一個(gè)工具組，其中包括若干個(gè)相關(guān)工具，如圖所示為模式工具欄。預(yù)備知識(shí)（4）視圖窗口視圖窗口是Cinema4D的重要工作區(qū)，用于顯示模型或編輯模型，如上圖所示，單擊鼠標(biāo)滾輪可切換出四個(gè)視圖進(jìn)行查看模型，如下圖所示，在相應(yīng)的視圖上方單擊鼠標(biāo)滑輪即可進(jìn)行視圖顯示的切換。預(yù)備知識(shí)（5）時(shí)間軸時(shí)間軸面板是用于控制操作對(duì)象動(dòng)畫相關(guān)的調(diào)節(jié)面板，通過時(shí)間軸可以對(duì)操作對(duì)象進(jìn)行動(dòng)畫播放、添加關(guān)鍵幀、移動(dòng)等操作，同時(shí)還可以調(diào)整操作對(duì)象的軸長(zhǎng)和幀數(shù)，如圖所示。預(yù)備知識(shí)（6）材質(zhì)窗口材質(zhì)窗口是場(chǎng)景材質(zhì)球的管理窗口，在該窗口中可以進(jìn)行材質(zhì)球的創(chuàng)建、編輯、選擇等操作，同時(shí)該窗口也是顯示場(chǎng)景中材質(zhì)球的窗口，如果要對(duì)材質(zhì)球進(jìn)行相關(guān)設(shè)置，雙擊對(duì)應(yīng)的材質(zhì)球在彈出的材質(zhì)編輯器窗口中調(diào)節(jié)即可。預(yù)備知識(shí)（7）坐標(biāo)軸坐標(biāo)軸顯示模型在三維空間中的坐標(biāo)，在坐標(biāo)軸面板中可以對(duì)可編輯對(duì)象的軸向、尺寸和角度進(jìn)行精確數(shù)值的調(diào)整。預(yù)備知識(shí)（8）屬性窗口屬性窗口顯示所選對(duì)象、工具和命令的參數(shù)屬性，通過參數(shù)屬性窗口可對(duì)所選對(duì)象、工具的具體參數(shù)進(jìn)行精準(zhǔn)設(shè)置。預(yù)備知識(shí)（9）對(duì)象窗口對(duì)象窗口顯示場(chǎng)景中的所有對(duì)象，同時(shí)也會(huì)顯示各對(duì)象之間的層級(jí)關(guān)系，如圖所示。預(yù)備知識(shí)三、C4D建模常用工具和功能

在使用C4D建模時(shí)常用到的工具有立方體工具組、畫筆樣條工具組、細(xì)分曲面工具組、擠壓工具組、彎曲工具組、地面工具組、燈光工具組、材質(zhì)球、渲染器等。（1）立方體工具組立方體工具組中由18個(gè)工具組成，如圖所示，利用立方體工具組可以快速的進(jìn)行一些基礎(chǔ)模型的創(chuàng)建。預(yù)備知識(shí)（2）樣條畫筆工具組樣條畫筆工具組中由23個(gè)工具組成，如圖所示，繪制的樣條線可以結(jié)合其他的工具快速生成自定義的模型或預(yù)設(shè)的模型。預(yù)備知識(shí)（3）細(xì)分曲面工具組細(xì)分曲面工具組中由13個(gè)工具組成，如圖所示，細(xì)分工具組中的工具主要用于對(duì)幾何體和樣條的編輯。預(yù)備知識(shí)（4）擠壓工具組擠壓工具組中由6個(gè)工具組成，如圖所示，與細(xì)分曲面工具一樣擠壓工具也是用來對(duì)幾何體和樣條進(jìn)行編輯的。預(yù)備知識(shí)（5）彎曲工具組彎曲工具組中由31個(gè)工具組成，如圖所示，彎曲工具組中的工具是通過與幾何體的配合對(duì)幾何體進(jìn)行變形操作的。預(yù)備知識(shí)（7）燈光工具組燈光工具組中由9個(gè)工具組成，如下圖所示，利用燈光工具組中的工具可以為模型添加光效，來模擬真實(shí)的光照效果。（6）地板工具組板工具組中由12個(gè)工具組成，如上圖所示，通過地板工具組中的工具可以為模型添加地板、天空、前景、背景等場(chǎng)景。預(yù)備知識(shí)（8）渲染器渲染器是C4D中將三維模型根據(jù)特定算法轉(zhuǎn)化為圖像的工具，C4D為創(chuàng)作者提供了兩種渲染器，分別是標(biāo)準(zhǔn)渲染器和物理渲染器，如圖所示。另外C4D也支持一些外置的渲染器對(duì)模型進(jìn)行渲染操作，常見的外置渲染器有OctaneRender、Redshift、Arnold等。實(shí)施準(zhǔn)備伴隨著電商的發(fā)展，C4D在電商視覺設(shè)計(jì)領(lǐng)域中的應(yīng)用越來越廣泛，在店鋪首頁、產(chǎn)品圖、海報(bào)、詳情頁都能看到C4D的“身影”。在使用C4D軟件建模時(shí)，需要掌握C4D軟件的基礎(chǔ)知識(shí)和相關(guān)操作，只有在了解和掌握了C4D軟件的基礎(chǔ)知識(shí)和相關(guān)操作后，才能更好地使用C4D軟件繪制出符合營(yíng)銷需求的圖片。任務(wù)實(shí)施與分析步驟1：新建項(xiàng)目

打開MaxonCinema4D23，新建一個(gè)項(xiàng)目，如圖所示，并將其命名為“產(chǎn)品海報(bào)”進(jìn)行保存。一、模型制作任務(wù)實(shí)施與分析步驟2：場(chǎng)景搭建

1.背景墻搭建（1）使用立方體工具創(chuàng)建兩個(gè)長(zhǎng)方體，如上圖所示，接著使用旋轉(zhuǎn)工具將左邊的立方體旋轉(zhuǎn)90°，如下圖所示。任務(wù)實(shí)施與分析然后使用移動(dòng)工具將左邊的立方體移動(dòng)到如圖所示的位置。任務(wù)實(shí)施與分析（2）使用樣條畫筆工具組中的多邊工具創(chuàng)建一個(gè)四邊形樣條，如上圖所示，在多邊樣條的屬性窗口中勾選圓角，設(shè)置圓角的半徑為35cm,如下圖所示。任務(wù)實(shí)施與分析（3）單擊擠壓工具，將多邊對(duì)象拖動(dòng)到擠壓的子集中，如上圖所示，接著選擇移動(dòng)工具，調(diào)整位置坐標(biāo)軸的X值為-15cm，Y值為148cm,Z值為360cm，如下圖所示。任務(wù)實(shí)施與分析然后選擇細(xì)分曲面工具中的布爾工具，然后將立方體.2、擠壓對(duì)象父子集移動(dòng)到布爾對(duì)象的子集中，如圖所示。任務(wù)實(shí)施與分析2.產(chǎn)品展示臺(tái)搭建（1）使用立方體工具創(chuàng)建一個(gè)立方體，在立方體.1對(duì)象窗口中單擊尺寸前面的按鈕，然后將X值設(shè)置為92cm、Y值設(shè)置為120cm、Z值設(shè)置為98cm，接著單擊鍵盤中的“回車鍵”即可得到如圖所示的立方體。任務(wù)實(shí)施與分析然后在設(shè)置尺寸X、Y、Z的分段為33，如圖所示。任務(wù)實(shí)施與分析以上所有參數(shù)設(shè)置完成后，將立方體轉(zhuǎn)化為可編輯對(duì)象,接著單擊細(xì)分曲面工具，將立方體.1對(duì)象移動(dòng)到細(xì)分曲面對(duì)象的子集中，然后單擊細(xì)分曲面對(duì)象，在細(xì)分曲面的屬性窗口中調(diào)整編輯器細(xì)分的參數(shù)為1，渲染器細(xì)分的參數(shù)為6，設(shè)置完成后調(diào)整位置坐標(biāo)軸的X值為-1cm，Y值為37cm，Z值為338cm，如圖所示。任務(wù)實(shí)施與分析（2）使用立方體工具中的圓柱體工具創(chuàng)建一個(gè)圓柱體，接著單擊圓柱體工具屬性窗口的坐標(biāo)，在坐標(biāo)的設(shè)置面板中選擇S.X、S.Y和S.Z前面的按鈕，然后將X值和Z值調(diào)整為1.68，Y值調(diào)整為0.55,接著單擊屬性窗口中的對(duì)象，在對(duì)象面板中將高度分段和旋轉(zhuǎn)分段的數(shù)值調(diào)整為33，如圖所示。任務(wù)實(shí)施與分析以上所有參數(shù)設(shè)完成后，將圓柱體轉(zhuǎn)化為可編輯對(duì)象,接著單擊細(xì)分曲面工具，將圓柱體對(duì)象移動(dòng)到細(xì)分曲面.1對(duì)象的子集中，然后單擊細(xì)分曲面.1對(duì)象，在細(xì)分曲面.1的屬性窗口中調(diào)整編輯器細(xì)分的參數(shù)為4，渲染器細(xì)分的參數(shù)為4，設(shè)置完成后調(diào)整位置坐標(biāo)軸的X值為-53cm，Y值為3cm，Z值為279cm，如圖所示。任務(wù)實(shí)施與分析使用同樣的方法再創(chuàng)建一個(gè)立方體，具體參數(shù)如表所示,效果如下圖所示。位置&尺寸參數(shù)

位置

S.X、S.Y、S.Z值X69cmS.X0.76Y15cmS.Y0.55Z247cmS.Z0.76圓柱體分段參數(shù)高度分段63旋轉(zhuǎn)分段43細(xì)分曲面參數(shù)編輯器細(xì)分2編輯器細(xì)分2任務(wù)實(shí)施與分析3.將以上模型都搭建完成后，選中對(duì)象窗口中的所有對(duì)象，使用“Alt+G”群組對(duì)象，然后雙擊命名為“場(chǎng)景群組”。步驟3：產(chǎn)品建模1.第一款產(chǎn)品建模（1）導(dǎo)入產(chǎn)品實(shí)拍圖，首先切換視圖窗口為正視圖，接著在屬性窗口模式單擊“模式”，在模式列表中選擇“視圖設(shè)置”，在視圖設(shè)置的屬性面板中，單擊“背景”，在背景設(shè)置面板中選擇圖像后面的“更多”按鈕，添加產(chǎn)品實(shí)拍圖，如圖所示。任務(wù)實(shí)施與分析接著根據(jù)所建模型對(duì)實(shí)拍圖的大小和位置進(jìn)行調(diào)整，在屬性窗口中設(shè)置水平偏移的參數(shù)為260，水平尺寸的參數(shù)為200，調(diào)整完成后單擊鍵盤的“Enter”鍵即可完成設(shè)置，如下圖所示。任務(wù)實(shí)施與分析（2）產(chǎn)品建模，使用圓柱體工具創(chuàng)建一個(gè)圓柱體，選擇移動(dòng)工具將圓柱體移動(dòng)到產(chǎn)品實(shí)拍圖的上方，并且通過圓柱體上的黃點(diǎn)調(diào)整圓柱體的形狀和大小，使圓柱體和瓶身中的圓柱相重合，如圖所示。任務(wù)實(shí)施與分析（3）選中圓柱體對(duì)象，在圓柱體屬性窗口中設(shè)置圓柱體的高度分段為4，旋轉(zhuǎn)分段為14，接著單擊屬性窗口中的“封頂”按鈕，在封頂設(shè)置面板中取消勾選封頂，如圖所示。任務(wù)實(shí)施與分析（4）將以上內(nèi)容都設(shè)置完成后，將圓柱體轉(zhuǎn)化為可編輯對(duì)象，接著選擇“邊”，然后使用框選工具對(duì)立方體下方的邊進(jìn)行框選,選中后的邊會(huì)顯示為黃色，如圖所示。任務(wù)實(shí)施與分析接著按住鍵盤中的“Ctrl”鍵，使用移動(dòng)工具，將所選中的邊向下拖動(dòng)，直至與產(chǎn)品圖的底部重合，然后選擇縮放工具對(duì)該條邊進(jìn)行縮放，直至與產(chǎn)品圖的形狀重合，如圖所示。任務(wù)實(shí)施與分析完成后將視圖窗口切換為透視圖窗口，然后選擇“多邊形”，并且將窗口的視角移動(dòng)在圓柱體的下方，接著在空白處單擊鼠標(biāo)右鍵，在彈出來的菜單欄中選擇“封閉多邊形孔洞”命令，然后單擊圓柱體的底部，即可完成封閉孔洞的操作，如圖所示。任務(wù)實(shí)施與分析（5）將視圖窗口切換為正視圖，接著選擇邊，然后使用框選工具框選立方體上方的邊，使用“Ctrl+移動(dòng)工具”、“Ctrl+縮放工具”按照產(chǎn)品圖的樣子使立方體的邊與產(chǎn)品圖的邊相重合直至瓶嘴處，如圖所示。任務(wù)實(shí)施與分析接著將視圖窗口切換為透視圖窗口，然后選擇“多邊”，并且將窗口的視角移動(dòng)在圓柱體的上方，接著在空白處單擊鼠標(biāo)右鍵，在彈出來的菜單欄中選擇“封閉多邊形孔洞”命令，然后單擊圓柱體的頂部，即可完成封閉孔洞的操作，如圖所示。任務(wù)實(shí)施與分析（6）將視圖窗口切換為正視圖，接著選擇“邊”，然后使用框選工具框選立方體上方的邊，使用“Ctrl+移動(dòng)工具”、“Ctrl+縮放工具”，根據(jù)產(chǎn)品圖片將圓柱的邊與瓶嘴的邊相重合，如上圖所示。然后切換透視圖窗口，將模型中需要封閉的孔洞進(jìn)行封閉，即可得到產(chǎn)品的基礎(chǔ)雛形，如下圖所示。任務(wù)實(shí)施與分析（7）使用細(xì)分曲面工具創(chuàng)建一個(gè)細(xì)分曲面對(duì)象，然后將圓柱體對(duì)象拖入細(xì)分曲面的子集中，如圖所示。任務(wù)實(shí)施與分析接著選擇“邊”，然后在空白處單擊鼠標(biāo)右鍵，在彈出的菜單欄中找到“循環(huán)/路徑切割”命令，根據(jù)產(chǎn)品的樣子使用“循環(huán)/路徑切割”命令調(diào)整產(chǎn)品模型的細(xì)節(jié)，如圖所示。任務(wù)實(shí)施與分析將產(chǎn)品模型的細(xì)節(jié)調(diào)整完成后，使用圓柱體工具創(chuàng)建一個(gè)圓柱體，再將圓柱體旋轉(zhuǎn)后，移動(dòng)到產(chǎn)品的瓶嘴處，并調(diào)整其旋轉(zhuǎn)分段的參數(shù)調(diào)整為39，如圖所示。任務(wù)實(shí)施與分析（8）使用布爾工具創(chuàng)建一個(gè)布爾對(duì)象，將細(xì)分曲面父子集和圓柱體拖動(dòng)到布爾的子集中，如上圖所示，設(shè)置完成后選中布爾對(duì)象，使用縮放工具對(duì)產(chǎn)品模型進(jìn)行縮放，縮放完成后將產(chǎn)品模型移至立方體的模型上，效果下圖所示。任務(wù)實(shí)施與分析

（9）通過以上步驟即可完成第一款產(chǎn)品的建模。使用同樣的方法建立第二款商品的模型，并將其移動(dòng)到大圓柱體的上方，效果圖如圖所示。任務(wù)實(shí)施與分析2.點(diǎn)綴元素建模使用球體工具創(chuàng)建一個(gè)球體，在球體的屬性窗口中設(shè)置球體的半徑為10cm，分段參數(shù)設(shè)置為41，將所有參數(shù)設(shè)置完成后將小球移動(dòng)到小立方柱上。然后再復(fù)制一個(gè)球體，將其半徑設(shè)置為5cm，分段參數(shù)設(shè)置為41，并將其移動(dòng)至第一款產(chǎn)品的右邊，效果圖如圖所示。任務(wù)實(shí)施與分析

3.將以上模型都搭建完成后，選中對(duì)象窗口中的所有對(duì)象，使用“Alt+G”群組對(duì)象，然后雙擊命名為“產(chǎn)品群組”。任務(wù)實(shí)施與分析

步驟4：設(shè)置材質(zhì)及模型上色1.產(chǎn)品材質(zhì)設(shè)置和上色（1）設(shè)置產(chǎn)品材質(zhì)，單擊材質(zhì)窗口中的“創(chuàng)建—材質(zhì)—新PBR材質(zhì)”，創(chuàng)建新的PBR材質(zhì)，如圖所示。任務(wù)實(shí)施與分析然后雙擊PBR材質(zhì)球，在彈出的材質(zhì)編輯器窗口中勾選顏色并單擊顏色，在顏色面板中調(diào)整顏色為白色，然后單擊反射進(jìn)入反射面板，在反射面板中調(diào)整默認(rèn)反射的類型為“GGX”，粗糙度設(shè)置為“0%”，接著單擊“層非涅耳”，在下拉列表中單擊菲涅耳后面的下拉按鈕，選擇“絕緣體”，然后在單擊預(yù)置后面的下拉按鈕，在彈出的列表中選擇“聚酯”，如圖所示，最后單擊頁面上方的關(guān)閉按鈕即可設(shè)置完成。任務(wù)實(shí)施與分析

（2）選中PBR材質(zhì)球，使用快捷鍵“Ctrl+C”、“Ctrl+V”復(fù)制一個(gè)PBR材質(zhì)球，然后雙擊材質(zhì)球，在彈出的的材質(zhì)編輯器窗口中單擊顏色，在顏色面板中選擇“RGB”，將RGB的數(shù)值分別設(shè)置為“220”、“189”和“176”，然后單擊確定，即可設(shè)置完成，如圖所示，設(shè)置完成后單擊關(guān)閉即可。任務(wù)實(shí)施與分析

2.產(chǎn)品上色（1）創(chuàng)建選集。首先選擇“面”，接著點(diǎn)擊選擇工具，然后單擊圓柱體對(duì)象，使用“Shift”和選擇工具選擇出瓶身，如是圖所示。任務(wù)實(shí)施與分析然后單擊選擇菜單欄在下拉列表中單擊“設(shè)置選集”，設(shè)置完成后會(huì)在對(duì)應(yīng)的對(duì)象后面顯示一個(gè)黃色的三角形，如下圖所示。任務(wù)實(shí)施與分析

使用同樣的方法選擇出第一款產(chǎn)品的瓶嘴部分和第二款產(chǎn)品的瓶身和瓶蓋部分，設(shè)置完成后的效果圖如圖所示。任務(wù)實(shí)施與分析

（2）產(chǎn)品上色，單擊第一款商品后面的瓶身選集，將PBR.1材質(zhì)球拖入瓶身中，如圖所示。任務(wù)實(shí)施與分析

接著選擇第一款產(chǎn)品的瓶嘴選集，將PBR材質(zhì)球拖入瓶嘴中，即可完成第一款產(chǎn)品的上色，使用同樣的方法為第二款產(chǎn)品上色，最終效果圖如圖所示。任務(wù)實(shí)施與分析2.場(chǎng)景及點(diǎn)綴元素材質(zhì)設(shè)置和上色。（1）設(shè)置場(chǎng)景材質(zhì)。單擊材質(zhì)窗口中的“創(chuàng)建—材質(zhì)—新Uber材質(zhì)”，創(chuàng)建新的Uber材質(zhì)，雙擊Uber材質(zhì)球，在彈出的材質(zhì)編輯器窗口中單擊漫射進(jìn)入漫射面板，在漫射面板中單擊顏色，在顏色面板中選擇“RGB”，將RGB的數(shù)值分別設(shè)置為“91”、“30”和“17”，然后單擊確定，即可設(shè)置完成。使用同樣的方法設(shè)置左邊的顏色為“173”、“122”和“96”。（2）點(diǎn)綴元素材質(zhì)設(shè)置。單擊材質(zhì)窗口中的“創(chuàng)建—材質(zhì)—新標(biāo)準(zhǔn)材質(zhì)”，創(chuàng)建新的新標(biāo)準(zhǔn)材質(zhì)，雙擊新標(biāo)準(zhǔn)材質(zhì)球，在彈出的材質(zhì)編輯器窗口中，勾選透明即可設(shè)置完成。任務(wù)實(shí)施與分析

（3）場(chǎng)景及點(diǎn)綴元素上色。選中材質(zhì)球,將設(shè)置好的材質(zhì)球拖入對(duì)應(yīng)的模型中，具體效果如圖所示。任務(wù)實(shí)施與分析步驟5：設(shè)置環(huán)境和光源1.設(shè)置環(huán)境，單擊地板工具組中的物理天空，接著在設(shè)置窗口中，取消選擇太陽，如圖所示。任務(wù)實(shí)施與分析

2.設(shè)置光源，單擊燈光工具組中的區(qū)域光，接著調(diào)整其大小和位置，具體位置如圖所示。任務(wù)實(shí)施與分析

步驟6：調(diào)整模型的角度和位置進(jìn)行輸出

通過以上步驟即可完成產(chǎn)品模型的制作，接著調(diào)整模型的角度和位置，然后單擊渲染選項(xiàng)卡中的渲染到圖像查看器，然后單擊另存為按鈕，如圖所示。任務(wù)實(shí)施與分析

在彈出的保存頁面中選擇儲(chǔ)存格式為JPG,然后單擊下方的確定按鈕，在彈出來的選在保存地址中選擇保存地址，然后單擊確認(rèn)即可完成模型的渲染輸出，效果圖如圖所示。拓展知識(shí)一、三維場(chǎng)景搭建與渲染的其他常用工具1.3DSMax3DStudioMax，簡(jiǎn)稱3DSMAX，是當(dāng)今世界上銷售量較大的三維建模、動(dòng)畫及渲染軟件。較容易學(xué)習(xí)，其最早應(yīng)用于計(jì)算機(jī)游戲中的動(dòng)畫制作，后開始參與影視片的特效制作，例如《X戰(zhàn)警》、《最后的武士》等。拓展知識(shí)一、三維場(chǎng)景搭建與渲染的其他常用工具2.MayaMaya是世界頂級(jí)的三維動(dòng)畫軟件，應(yīng)用對(duì)象是專業(yè)的影視廣告、角色動(dòng)畫，電影特技等。Maya功能完善，工作靈活，易學(xué)易用，制作效率極高，渲染真實(shí)感極強(qiáng)，是電影級(jí)別的高端制作軟件。Maya售價(jià)高昂，聲名顯赫，是制作者夢(mèng)寐以求的制作工具，掌握了Maya，會(huì)極大的提高制作效率和品質(zhì)，調(diào)節(jié)出仿真的角色動(dòng)畫，渲染出電影一般的真實(shí)效果，向世界頂級(jí)動(dòng)畫師邁進(jìn)。拓展知識(shí)一、三維場(chǎng)景搭建與渲染的其他常用工具3.RhinoRhinocero，簡(jiǎn)稱Rhino，又叫犀牛，是一款三維建模工具。它的基本操作和AutoCAD有相似之處，擁有AutoCAD基礎(chǔ)的初學(xué)者更易于掌握犀牛。目前廣泛應(yīng)用于工業(yè)設(shè)計(jì)、建筑、家具、鞋模設(shè)計(jì)，擅長(zhǎng)產(chǎn)品外觀造型建模。拓展知識(shí)一、三維場(chǎng)景搭建與渲染的其他常用工具4.ZbrushZBrush是一個(gè)數(shù)字雕刻和繪畫軟件，它以強(qiáng)大的功能和直觀的工作流程著稱。界面簡(jiǎn)潔，操作流暢，以實(shí)用的思路開發(fā)出的功能組合，激發(fā)了藝術(shù)家的創(chuàng)作力，讓藝術(shù)家無約束地自由創(chuàng)作。ZBrush的出現(xiàn)完全顛覆了過去傳統(tǒng)三維設(shè)計(jì)工具的工作模式，解放了藝術(shù)家們的雙手和思維，告別過去那種依靠鼠標(biāo)和參數(shù)來笨拙創(chuàng)作的模式，完全尊重設(shè)計(jì)師的創(chuàng)作靈感和傳統(tǒng)工作習(xí)慣。思考與總結(jié)學(xué)員通過以上操作，完成建模和渲染的任務(wù)，請(qǐng)學(xué)員在此基礎(chǔ)上，進(jìn)行思考并回答以下問題：在調(diào)整材質(zhì)球顏色時(shí)需要注意那些事項(xiàng)，其操作要點(diǎn)是什么？能力提升XXX淘寶店是一家主營(yíng)化妝品的淘寶店，店鋪?zhàn)罱闲乱豢罨瘖y品，需要制作一個(gè)場(chǎng)景推廣圖，請(qǐng)同學(xué)們根據(jù)所學(xué)內(nèi)容，使用C4D為該產(chǎn)品搭建一個(gè)場(chǎng)景并將產(chǎn)品置入其中使之形成一個(gè)場(chǎng)景海報(bào)。產(chǎn)品圖任務(wù)訓(xùn)練掃碼進(jìn)入課程網(wǎng)站，獲取對(duì)應(yīng)任務(wù)單，閱讀任務(wù)目標(biāo)，根據(jù)任務(wù)步驟，完成拓展任務(wù)并提交。模塊三電商視覺設(shè)計(jì)技能提升《電商視覺設(shè)計(jì)》思維導(dǎo)圖目錄CONTENTS1動(dòng)態(tài)情景化的設(shè)計(jì)項(xiàng)目六

動(dòng)態(tài)情景化的設(shè)計(jì)項(xiàng)目背景

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

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

AfterEffects簡(jiǎn)稱“AE”，是由Adobe公司開發(fā)和發(fā)行的一款圖形視頻處理軟件，是一款專業(yè)的非線性特效合成軟件，在影視特效、動(dòng)畫設(shè)計(jì)等方面都有出色的表現(xiàn)，同時(shí)AfterEffects和Adobe公司出品的Premiere、Photoshop、Illustrator等軟件可以無縫結(jié)合，如圖所示為AfterEffects軟件的圖標(biāo)。預(yù)備知識(shí)二、AE軟件工作界面介紹（AdobeAfterEffect2019）安裝AdobeAfterEffect2019軟件并打開，就進(jìn)入到AdobeAfterEffect2019的工作界面，工作界面主要由5個(gè)模塊組成，分別是菜單欄、工具欄、項(xiàng)目面板、時(shí)間線面板、合成面板和效果和預(yù)設(shè)面板，如圖所示。預(yù)備知識(shí)（1）菜單欄菜單欄為整個(gè)環(huán)境下所有的窗口提供菜單控制，包括文件、編輯、合成、圖層、效果、動(dòng)畫、視圖、窗口和幫助，如圖所示。預(yù)備知識(shí)（2）工具欄工具欄是AfterEffects2019所有工具的顯示集合，使用工具欄中的工具可以對(duì)基礎(chǔ)對(duì)象進(jìn)行編輯，例如進(jìn)行移動(dòng)、縮放等操作，工具欄中的工具包括選取工具、手形工具、縮放工具、旋轉(zhuǎn)工具、統(tǒng)一攝像機(jī)工具、錨點(diǎn)工具、矩形工具、鋼筆工具文字工具、畫筆工具、仿制圖章工具、橡皮擦工具等。如圖所示。預(yù)備知識(shí)（3）項(xiàng)目面板項(xiàng)目面板是管理導(dǎo)入素材的窗口，從該窗口中可以看到項(xiàng)目?jī)?nèi)容的文件和文件夾，相當(dāng)于AfterEffects的素材瀏覽器或素材大綱列表。預(yù)備知識(shí)（4）時(shí)間線面板時(shí)間線面板是AfterEffects工作界面中最為核心的部分，是視頻編輯的主要操作區(qū)域，導(dǎo)入到時(shí)間線面板的素材都會(huì)分層放置，創(chuàng)作人員可以根據(jù)對(duì)層級(jí)的調(diào)整和控制完成想要的動(dòng)畫制作。一般情況下在時(shí)間線面板中可以同時(shí)打開多個(gè)合成，它們并列排列在時(shí)間線標(biāo)簽處,如圖所示。預(yù)備知識(shí)（5）合成面板合成面板是顯示畫面效果的“顯示器”，在合成面板中可以預(yù)覽編輯時(shí)的每一幀效果，對(duì)文件的任何操作都要以此面板為參考。預(yù)備知識(shí)（6）效果和預(yù)設(shè)面板效果和預(yù)設(shè)面板可以瀏覽和應(yīng)用效果和動(dòng)畫預(yù)設(shè)，在該面板中可以設(shè)置所選圖層的基礎(chǔ)屬性參數(shù)、為圖層添加動(dòng)畫效果等操作。預(yù)備知識(shí)二、視頻基礎(chǔ)知識(shí)

1.基本概念

（1）幀

幀是影像動(dòng)畫中最小單位的單幅影像畫面，相當(dāng)于電影膠片上的每一格鏡頭。一幀就是一幅靜止的畫面，連續(xù)的幀組合在一起就形成了動(dòng)畫，例如動(dòng)畫片《大鬧天宮》就是一幅幅畫組合起來形成的視頻。預(yù)備知識(shí)二、視頻基礎(chǔ)知識(shí)

（2）幀速率（FPS）

幀速率也稱為FPS，是FramesPerSecond的縮寫，是指每秒鐘刷新的圖片幀數(shù)，對(duì)于影像視頻而言幀速率是指在影片播放中每秒中掃描的幀數(shù)，每秒中掃描的幀數(shù)越多，所顯示的畫面就會(huì)越流暢。由于每個(gè)國家和地區(qū)采用的是不同的制式，所以對(duì)幀速率的要求也不相同，例如最為常用的PAL制式標(biāo)準(zhǔn)是每秒25幅畫面——25FPS，NTSC制式標(biāo)準(zhǔn)是每秒30幅畫面——30FPS。（3）幀長(zhǎng)寬比幀長(zhǎng)寬比是指圖像的一幀長(zhǎng)度和寬度的比例，例如人們通常說的16:9、4:13就是圖像的長(zhǎng)寬比例。預(yù)備知識(shí)2.電視制式電視制式是一個(gè)國家或地區(qū)用來實(shí)現(xiàn)電視圖像或聲音信號(hào)所采用的技術(shù)標(biāo)準(zhǔn)，目前各個(gè)國家的電視制式并不一致，全世界主要使用的電視制式有三種，分別是PAL制式、SCAM制式和NTSC制式。名稱起源技術(shù)方法使用地區(qū)PAL制式德國（1962）逐行倒相正交平衡調(diào)幅德國、英國、中國、新加坡、澳大利亞、新西蘭等。NTSC制式美國正交平衡調(diào)幅美國、加拿大、中國臺(tái)灣、日本、韓國、菲律賓等。SCAM制式法國（1966）時(shí)間分隔法來傳送兩個(gè)色彩信號(hào)法國及東歐和中東地區(qū)的國家預(yù)備知識(shí)3.視頻格式名稱含義技術(shù)與開發(fā)特點(diǎn)MPEG格式運(yùn)動(dòng)圖像專家組有損壓縮方法，從而減少運(yùn)動(dòng)圖像中的冗余信息主要標(biāo)準(zhǔn)：MPEG-1、MPEG-2、MPEG-4、MPEG-7和MPEG-21AVI格式音頻視頻交錯(cuò)將視頻和音頻數(shù)據(jù)存儲(chǔ)在一個(gè)文件里，且允許音頻同步于視頻播放圖像質(zhì)量好，可以跨平臺(tái)使用；但體積過大，而且壓縮標(biāo)準(zhǔn)不統(tǒng)一。ASF格式高級(jí)串流格式MPEG-4的壓縮算法可以使用Windows自帶的WindowsMediaPlayer對(duì)這種格式的視頻進(jìn)行播放MOV格式封裝格式Apple公司開發(fā)較高的壓縮比率和較為完美的視頻清晰度，其最大的優(yōu)點(diǎn)是可以跨平臺(tái)使用預(yù)備知識(shí)4.視頻的轉(zhuǎn)場(chǎng)轉(zhuǎn)場(chǎng)是影片中一個(gè)完整的敘事層次，就像戲劇中的幕，猶如小說中的章節(jié)一樣，一個(gè)個(gè)段落連接在一起，就形成了完整的電視片。因此，段落是電視片最基本的結(jié)構(gòu)形式，展現(xiàn)了內(nèi)容的結(jié)構(gòu)層次。而段落與段落、場(chǎng)景與場(chǎng)景之間的過渡或轉(zhuǎn)換，就叫做轉(zhuǎn)場(chǎng)。轉(zhuǎn)場(chǎng)是可以給視頻加分的選項(xiàng)，它對(duì)影片的流暢度，情節(jié)的發(fā)展都有著重要作用，不同的轉(zhuǎn)場(chǎng)技巧對(duì)劇情銜接、劇情走向、影片節(jié)奏、觀眾情緒等都會(huì)產(chǎn)生不一樣的效果。常見的轉(zhuǎn)場(chǎng)分類有技巧轉(zhuǎn)場(chǎng)和無技巧轉(zhuǎn)場(chǎng)。預(yù)備知識(shí)（1）技巧轉(zhuǎn)場(chǎng)技巧轉(zhuǎn)場(chǎng)是指通過電子特技切換臺(tái)或后期軟件中的特技技巧，對(duì)兩個(gè)畫面的剪輯來進(jìn)行特技處理，完成場(chǎng)景轉(zhuǎn)換的方法。一般包括疊化、淡入淡出、翻頁、定格、翻轉(zhuǎn)畫面和多畫屏分切等技巧。（2）無技巧轉(zhuǎn)場(chǎng)無技巧轉(zhuǎn)場(chǎng)是利用無特技技術(shù)和光學(xué)技巧附加作用的直接切換，利用上下鏡頭在內(nèi)容、造型上的內(nèi)在關(guān)聯(lián)來轉(zhuǎn)換時(shí)空，連接場(chǎng)景，使鏡頭連接、段落過渡自然流暢，無附加技巧痕跡。從觀眾的視覺心理出發(fā)，無技巧轉(zhuǎn)場(chǎng)手段的合理運(yùn)用也是基于段落轉(zhuǎn)場(chǎng)的兩種基本情況：一是側(cè)重于鏡頭轉(zhuǎn)換時(shí)內(nèi)在連貫性，不強(qiáng)調(diào)空間轉(zhuǎn)換的心理隔斷感；二是強(qiáng)調(diào)段落之間明顯的變化性，加強(qiáng)心理的隔斷性。實(shí)施準(zhǔn)備進(jìn)行視頻動(dòng)態(tài)文字設(shè)計(jì)時(shí)，首先需要掌握AE的基礎(chǔ)知識(shí)和相關(guān)的操作，然后根據(jù)需求對(duì)文字動(dòng)態(tài)進(jìn)行設(shè)計(jì)，使其達(dá)到理想的廣告推廣效果。常見的視頻動(dòng)態(tài)文字效果有彈跳文字效果、果凍文字效果等，下面以彈跳文字效果和果凍文字效果的制作為例進(jìn)行視頻動(dòng)態(tài)文字的設(shè)計(jì)。任務(wù)實(shí)施與分析

步驟1：打開AdobeAfterEffect2019，新建一個(gè)項(xiàng)目，然后單擊菜單欄中的“合成”-“新建合成”創(chuàng)建一個(gè)1920像素*1280像素、幀速率為25幀/秒、背景色為白色的合成，并將其命名為“彈跳文字”，如圖所示。一、彈跳文字效果制作任務(wù)實(shí)施與分析

步驟2：將合成創(chuàng)建完成后，單擊工具欄中的文字工具，在合成面板中輸入要展示的文字，這里以“電商視覺設(shè)計(jì)”為例進(jìn)行講解，使用文字工具在合成面板中單擊輸入“電商視覺設(shè)計(jì)”，在效果和預(yù)設(shè)面板將文字的顏色設(shè)置為“FC9501”字體設(shè)置為“黑體”，字號(hào)設(shè)置為182像素，如圖所示。任務(wù)實(shí)施與分析

步驟3：將“電商視覺設(shè)計(jì)技能”圖層文字的動(dòng)畫調(diào)整為“位置”，如圖所示。任務(wù)實(shí)施與分析步驟4：設(shè)置“動(dòng)畫制作工具1”圖層位置的Y軸參數(shù)120，然后單擊“范圍選擇器1”中偏移的時(shí)間變換秒表按鈕插入關(guān)鍵幀，接著在時(shí)間軸標(biāo)尺面板中拖動(dòng)當(dāng)前時(shí)間指示器至0S-3S的中間，隨后將偏移值的數(shù)值設(shè)置為100%，如圖所示。任務(wù)實(shí)施與分析

步驟5：打開“動(dòng)畫制作工具1”高級(jí)選項(xiàng)，將形狀設(shè)置為“上斜坡”，緩和高的參數(shù)設(shè)置為100%，如圖所示，完成設(shè)置后動(dòng)畫效果相對(duì)步驟4中的動(dòng)畫變的柔和。任務(wù)實(shí)施與分析步驟6：為了使動(dòng)畫效果過渡的更加自然，還需要復(fù)制“動(dòng)畫制作工具1”進(jìn)行對(duì)應(yīng)的參數(shù)調(diào)整。鼠標(biāo)選中“動(dòng)畫制作工具1”，使用“Ctrl+D”復(fù)制一層，得到“動(dòng)畫制作工具2”，設(shè)置“動(dòng)畫制作工具2”位置的Y軸參數(shù)60，高級(jí)選項(xiàng)中的緩和高和緩和低的參數(shù)都設(shè)置為50%，如圖所示。任務(wù)實(shí)施與分析

步驟7：使用快捷鍵“U”顯示關(guān)鍵幀的屬性，接著選中“動(dòng)畫制作工具2”的關(guān)鍵幀，將關(guān)鍵幀向后移動(dòng)，如圖所示。任務(wù)實(shí)施與分析

步驟8：設(shè)置文字動(dòng)畫的顯示效果。給文字圖層的文本添加一個(gè)不透明動(dòng)畫，如上圖所示，接著將時(shí)間標(biāo)尺面板中的當(dāng)前時(shí)間指示器移動(dòng)到開始位置（若當(dāng)前時(shí)間指示器在時(shí)間標(biāo)尺面板的開始位置則不需要移動(dòng)），然后設(shè)置“動(dòng)畫制作工具3”范圍選擇器1中起始前面的時(shí)間變化秒表插入關(guān)鍵幀，接著將前時(shí)間指示拖動(dòng)到2S-3S的位置，隨后將起始的數(shù)值從0%調(diào)整為100%，如下圖所示。任務(wù)實(shí)施與分析

步驟9：通過以上步驟即可完成文字動(dòng)效的設(shè)置，接著導(dǎo)入要添加的背景圖片，將背景圖片拖動(dòng)至?xí)r間軸面板中，然后設(shè)置背景圖片的位置、大小，設(shè)置完成后，將文字調(diào)整到合適的位置，效果圖如圖所示。任務(wù)實(shí)施與分析

步驟10：通過以上步驟即可完成文字的彈跳效果的設(shè)計(jì)，使用快捷鍵“Ctrl+M”進(jìn)行輸出設(shè)置，點(diǎn)擊輸出模塊后面的輸出到后面的藍(lán)色文字，在彈出的輸出模塊設(shè)置窗口中將格式設(shè)置為“AVI”，設(shè)置完成后單擊頁面下方的確定按鈕，如圖所示。任務(wù)實(shí)施與分析在將輸出格式設(shè)置完成后，單擊輸出到后面的藍(lán)色文字設(shè)置輸出位置，設(shè)置完成后，單擊渲染隊(duì)列面板上的“渲染”按鈕進(jìn)行渲染，如圖所示渲染完成后即可完成視頻的輸出。任務(wù)實(shí)施與分析步驟1：打開AdobeAfterEffect，新建一個(gè)項(xiàng)目，然后單擊菜單欄中的“合成”-“新建合成”創(chuàng)建一個(gè)1920像素*1280像素、幀速率為25幀/秒、背景色為白色的合成，并將其命名為“果凍效果文字”。步驟2：將合成創(chuàng)建完成后，單擊工具欄中的文字工具，在合成面板中輸入要展示的文字，這里以“電商視覺設(shè)計(jì)”為例進(jìn)行講解，使用文字工具在合成面板中單擊輸入“電商視覺設(shè)計(jì)”，在效果和預(yù)設(shè)面板將文字的顏色設(shè)置為“FC9501”字體設(shè)置為“黑體”，字號(hào)設(shè)置為182像素。二、果凍效果文字制作任務(wù)實(shí)施與分析

步驟3：將“電商視覺設(shè)計(jì)”圖層文字的動(dòng)畫調(diào)整為“位置”，接著刪除“動(dòng)畫制作工具1”的“范圍選擇器”，然后單擊“動(dòng)畫制作工具1”后面的“添加”后面的按鈕，單擊選擇器中的“擺動(dòng)”添加擺動(dòng)選擇器，如圖所示。任務(wù)實(shí)施與分析步驟4：將擺動(dòng)選擇器添加完成后，設(shè)置擺動(dòng)選擇器下方位置Y軸的參數(shù)為1000，這時(shí)播放，就會(huì)發(fā)現(xiàn)文字可以上下擺動(dòng)。接著將擺動(dòng)選擇器的“依據(jù)”屬性調(diào)整為“不包含空格的字符”，如圖所示。任務(wù)實(shí)施與分析步驟5：為擺動(dòng)選擇器“最大量”和“最小量”添加關(guān)鍵幀。首先單擊“最大量”和“最小量”的時(shí)間變化秒表的按鈕添加關(guān)鍵幀，接著將時(shí)間標(biāo)尺面板中的當(dāng)前時(shí)間指示器拖動(dòng)到1S-2S的中間，然后將“最大量”和“最小量”的值都設(shè)置為“0”，如圖所示，此時(shí)播放文字，文字就有的果凍彈跳效果。任務(wù)實(shí)施與分析

步驟6：調(diào)整文字動(dòng)效，選擇“最大量”和“最小量”1S-2S中間的關(guān)鍵幀，使用快捷鍵“F9”（將關(guān)鍵幀設(shè)置為緩和或曲線），此時(shí)播放文字，文字的果凍彈跳效果就會(huì)柔和。任務(wù)實(shí)施與分析

步驟7：設(shè)置文字動(dòng)畫的顯示效果。給文字圖層的文本添加一個(gè)不透明動(dòng)畫，如圖所示，接著將時(shí)間標(biāo)尺面板中的當(dāng)前時(shí)間指示器移動(dòng)到開始位置（若當(dāng)前時(shí)間指示器在時(shí)間標(biāo)尺面板的開始位置則不需要移動(dòng)）。任務(wù)實(shí)施與分析然后單擊“動(dòng)畫制作工具2”范圍選擇器1中不透明前面的時(shí)間變化秒表按鈕插入關(guān)鍵幀，接著將當(dāng)前時(shí)間指示器移動(dòng)到1S-2S的位置，隨后將起始的數(shù)值從0%調(diào)整為100%，如圖所示。任務(wù)實(shí)施與分析

步驟8：通過以上步驟即可完成文字動(dòng)效的設(shè)置，接著導(dǎo)入要添加的背景圖片，將背景圖片拖動(dòng)至?xí)r間軸面板中，接著設(shè)置背景圖片的位置、大小，設(shè)置完成后，將文字調(diào)整到合適的位置，效果圖如圖所示。步驟9：通過以上步驟即可完成文字的果凍效果的設(shè)計(jì)，使用快捷鍵“Ctrl+M”進(jìn)行輸出，即可得到一個(gè)果凍效果的文字視頻。拓展知識(shí)

影視和動(dòng)畫的表現(xiàn)手法主要是基于“視聽語言”，而表達(dá)工具是攝像機(jī)鏡頭。它們的區(qū)別是影視中使用真正的攝像機(jī)，而動(dòng)畫中是使用攝像機(jī)的手法來控制畫面的角色與場(chǎng)景運(yùn)動(dòng)。攝像機(jī)的移動(dòng)手法以及構(gòu)圖方法構(gòu)成了“視聽語言”中的畫面部分。拓展知識(shí)一、鏡頭

鏡頭是影片最基本的單位，影片和動(dòng)畫均有鏡頭的概念，一個(gè)鏡頭包含故事情節(jié)的一部分內(nèi)容，通過鏡頭之間的剪輯融合形成了最終的影片。無論是拍攝影視作品，還是制作動(dòng)畫作品，都需要經(jīng)過這樣的流程：劇本一分鏡頭一拍攝。拓展知識(shí)二、景別

景別是攝像機(jī)距離拍攝對(duì)象遠(yuǎn)近距離不同所構(gòu)成的不同畫面，不同的景別會(huì)傳達(dá)不同的感情，一般常見的景別類型有5種。（一）大全景大全景是遠(yuǎn)距離拍攝整個(gè)空間環(huán)境，人物很小，背景為主要的被拍攝對(duì)象。大全景常用于表現(xiàn)氣勢(shì)宏大的場(chǎng)面。（二）全景全景能展現(xiàn)人物全貌和周邊空間環(huán)境。與大全景最大的區(qū)別在于全景有明確的中心角色，用于交代人物與環(huán)境的關(guān)系以及對(duì)情節(jié)進(jìn)行說明。拓展知識(shí)二、景別（三）中景中景是使用最多的景別，人物角色一半以上進(jìn)入到畫面中的都可以叫中景。中景用以表達(dá)角色之間、角色與景物之間的關(guān)系。（四）近景拍攝人物胸部以上的景別，也可以是拍攝的物體局部。由于近景可以表現(xiàn)人物面部表情等細(xì)節(jié)，所以可以用來展示人物的心理活動(dòng)及情緒變化等。（五）特寫表現(xiàn)人物和其他物體細(xì)節(jié)特征的景別，能更好地表現(xiàn)出人物的細(xì)微表情變化和物體的局部細(xì)節(jié)等。拓展知識(shí)三、鏡頭的分類鏡頭語言是對(duì)拍攝時(shí)所用方法和鏡頭的一種概括，按照鏡頭在影片中所發(fā)揮的作用主要分為3類：關(guān)系鏡頭、動(dòng)作鏡頭和渲染鏡頭。（一）關(guān)系鏡頭可以把關(guān)系鏡頭理解為敘事性鏡頭，它包含各類影片的氛圍與景別，主要作用是交代時(shí)間、地點(diǎn)、事件和氣氛等。此類鏡頭要多注意構(gòu)圖與對(duì)氛圍的把控，因此不管是拍攝后期特效還是動(dòng)畫制作，都需要特別注意關(guān)系鏡頭中的點(diǎn)、線、面元素，以及空間關(guān)系或光線與色彩的設(shè)計(jì)。做好關(guān)系鏡頭，能夠成功描繪影片的氛圍與基調(diào)，同時(shí)也為后續(xù)背景音樂的搭配環(huán)節(jié)帶來靈感與參考。拓展知識(shí)三、鏡頭的分類（二）動(dòng)作鏡頭動(dòng)作鏡頭是一部影片中最主要的鏡頭類型，它主要用于表現(xiàn)角色的狀態(tài)、對(duì)白、表情和動(dòng)作等，更加強(qiáng)調(diào)動(dòng)作的過程，甚至包括各種細(xì)節(jié)。動(dòng)作鏡頭常使用中景、近景和特寫，對(duì)影片情節(jié)起到了推動(dòng)作用。動(dòng)作鏡頭的設(shè)計(jì)需要配合角色動(dòng)作來進(jìn)行，因此需要綜合考慮當(dāng)前狀態(tài)下的角色、環(huán)境與情節(jié)所傳達(dá)的信息和要表達(dá)的情感。拓展知識(shí)三、鏡頭的分類（三）渲染鏡頭

渲染鏡頭也稱為空鏡頭，指的是沒有角色或者有少量人物的風(fēng)景鏡頭。

渲染鏡頭的使用與前兩種不同，需根據(jù)影片的氛圍與情感表達(dá)的效果而定。渲染鏡頭相對(duì)抽象，主要承擔(dān)的任務(wù)是對(duì)影片主題或者故事想要表達(dá)的主要思想做出暗示、強(qiáng)調(diào)、象征等。也有在某一段情節(jié)中，使用渲染鏡頭穿插到動(dòng)作鏡頭中烘托氛圍的情況。渲染鏡頭的占比會(huì)明顯影響影片的風(fēng)格，使影片更具感情效果。渲染鏡頭的設(shè)計(jì)要比關(guān)系鏡頭更加注重“繪畫修飾”的感覺，根據(jù)情感表達(dá)的需要，來加強(qiáng)光線與色彩的營(yíng)造。

思考與總結(jié)學(xué)員通過以上操作，完成視頻動(dòng)態(tài)文字設(shè)計(jì)的任務(wù)，請(qǐng)學(xué)員在此基礎(chǔ)上，進(jìn)行思考并回答以下問題：在進(jìn)行視頻動(dòng)態(tài)文字設(shè)計(jì)時(shí)需要注意那些事項(xiàng)，為什么？能力提升請(qǐng)學(xué)員根據(jù)所學(xué)內(nèi)容，設(shè)計(jì)制作出“農(nóng)產(chǎn)品介紹”文字的視頻動(dòng)態(tài)文字（動(dòng)畫效果自定義）。任務(wù)訓(xùn)練掃碼進(jìn)入課程網(wǎng)站，獲取對(duì)應(yīng)任務(wù)單，閱讀任務(wù)目標(biāo)，根據(jù)任務(wù)步驟，完成拓展任務(wù)并提交。模塊三電商視覺設(shè)計(jì)技能提升《電商視覺設(shè)計(jì)》思維導(dǎo)圖目錄CONTENTS1動(dòng)態(tài)情景化的設(shè)計(jì)項(xiàng)目六

動(dòng)態(tài)情景化的設(shè)計(jì)項(xiàng)目背景

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

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

圖形動(dòng)畫是一種融合了電影與圖形設(shè)計(jì)，基于時(shí)間流動(dòng)而設(shè)計(jì)的視覺表現(xiàn)形式。若想打造出有趣又真實(shí)的動(dòng)畫，一般需遵循動(dòng)畫設(shè)計(jì)十二原則。具體內(nèi)容如下：

1.擠壓和伸展（Squashandstretch）

擠壓和伸展原則一般是用于促成喜劇效果，而非嚴(yán)格性的人體夸張變形的。目的是賦予動(dòng)畫的重量感和靈活感，三維的擠壓和變形可以通過多種技術(shù)來實(shí)現(xiàn)：例如直接的網(wǎng)格處理和變形、專門的模擬動(dòng)力學(xué)和不尋常的反動(dòng)力學(xué)(IK)系統(tǒng)等。

預(yù)備知識(shí)一、動(dòng)畫設(shè)計(jì)十二原則

2.預(yù)備動(dòng)作（Anticipation）

物體從靜止到開始動(dòng)作前，一般會(huì)有預(yù)期動(dòng)作，可以為觀眾做好心理準(zhǔn)備。例如從高空往下跳躍時(shí)會(huì)先彎曲膝蓋再跳，正在跑步的人要停止跑步前會(huì)逐漸變慢步伐等等。在動(dòng)畫中適當(dāng)加入預(yù)期動(dòng)作不僅可增添生動(dòng)性，亦可給觀眾驚喜感。3.表演及呈像方式（Staging）通常每個(gè)角色都有其動(dòng)作、表態(tài)與場(chǎng)景的呈現(xiàn)，使其更接近真實(shí)。這個(gè)效果可以通過劇情、分鏡、畫面、動(dòng)作、光影的方式實(shí)現(xiàn)，例如在幀中人物的放置，燈和影子的使用，或者攝像機(jī)的角度和位置，使整部動(dòng)畫完整。預(yù)備知識(shí)一、動(dòng)畫設(shè)計(jì)十二原則

4.連貫動(dòng)作與關(guān)鍵動(dòng)作（Straightaheadactionandposetopose）

傳統(tǒng)動(dòng)畫是由數(shù)張畫面連續(xù)顯示而構(gòu)成，近代電腦動(dòng)畫也是如此，從第一格畫面顯示到最后一格畫面，就形成了會(huì)動(dòng)的畫面。接續(xù)動(dòng)作與關(guān)鍵動(dòng)作為兩種不同的制作動(dòng)畫方式，接續(xù)動(dòng)作適用于較簡(jiǎn)單的動(dòng)畫，依照連續(xù)的動(dòng)作從第一格畫到最后一格的方式；而關(guān)鍵動(dòng)作適用于較復(fù)雜的動(dòng)畫，是先定義重要的動(dòng)作并作畫，再返回關(guān)鍵動(dòng)作之間繪制需要的畫面。預(yù)備知識(shí)一、動(dòng)畫設(shè)計(jì)十二原則

5.跟隨動(dòng)作與重疊動(dòng)作（Followthroughandoverlappingaction）

跟隨動(dòng)作與重疊動(dòng)作代表了兩個(gè)相互關(guān)聯(lián)的技術(shù)，這兩個(gè)技術(shù)將移動(dòng)渲染得更加逼真，幫助傳達(dá)人物正在跟隨物理原則的印象，跟隨動(dòng)作是指是角色在移動(dòng)過程中，身上的衣物、頭發(fā)等附屬物件產(chǎn)生的跟隨運(yùn)動(dòng)，是主要?jiǎng)幼鞯慕Y(jié)果。例如角色從高處跳躍下來的時(shí)候，他身上系著的披風(fēng)會(huì)跟著下來。重疊動(dòng)作是角色在移動(dòng)過程中，身體的其他部分產(chǎn)生的不同速率的運(yùn)動(dòng)。例如一女子不動(dòng)，風(fēng)吹拂女子的長(zhǎng)發(fā)使其左右飄擺，長(zhǎng)發(fā)左右飄擺即為動(dòng)畫師想要讓觀眾注目的重疊動(dòng)作。預(yù)備知識(shí)一、動(dòng)畫設(shè)計(jì)十二原則

6.漸快與漸慢（Slowinandslowout）

物體從靜止到移動(dòng)是漸進(jìn)加速，移動(dòng)到靜止則是漸進(jìn)減速，也就是物體從開始到結(jié)束移動(dòng)并不會(huì)是等速度運(yùn)動(dòng)。例如一輛車子不管馬力多快，開始移動(dòng)是漸進(jìn)加速的，停止移動(dòng)也會(huì)漸緩減速。

7.弧形運(yùn)動(dòng)軌跡（Arcs）

現(xiàn)實(shí)生活中，除了機(jī)械之外，大多數(shù)的運(yùn)動(dòng)軌跡都是弧形。因此在動(dòng)畫設(shè)計(jì)時(shí)時(shí)，要以自然的弧形方式呈現(xiàn)運(yùn)動(dòng)。例如走路絕不會(huì)是筆直的前進(jìn)、頭部轉(zhuǎn)動(dòng)也都是弧形方式。預(yù)備知識(shí)一、動(dòng)畫設(shè)計(jì)十二原則

8.附屬動(dòng)作（Secondaryaction）

動(dòng)畫中的附屬動(dòng)作，主要指的是依附在主要?jiǎng)幼髦碌募?xì)膩動(dòng)作，例如觸須、尾巴等部分的一些動(dòng)作，會(huì)以附屬動(dòng)作來點(diǎn)綴主要?jiǎng)幼鞯男Ч?/p>

9.時(shí)間控制（Timing）

時(shí)間是動(dòng)畫的重要元素，它的作用是控制角色動(dòng)作和運(yùn)動(dòng)的節(jié)奏與重量感。例如往前出一直拳的動(dòng)作是瞬間的、在湖中劃船是緩慢前進(jìn)的。預(yù)備知識(shí)一、動(dòng)畫設(shè)計(jì)十二原則

10.夸張（Exaggeration）

夸張是動(dòng)畫非常重要的表演形式，這是動(dòng)畫有別于一般表演的重要元素?？梢酝ㄟ^夸大的肢體動(dòng)作、加快或放慢動(dòng)作來加乘角色的情緒及反應(yīng)，例如在動(dòng)畫中一個(gè)人的臉被揍之后，都會(huì)往內(nèi)凹深得很嚴(yán)重、往前沖刺會(huì)附加許多的華麗效果、迅速躲過子彈等等。

11.純熟的手繪技巧（Soliddrawing）

純熟的手繪技巧是非?；A(chǔ)的原則，傳統(tǒng)動(dòng)畫都是純手工繪制畫面，亦即手繪技巧越好，動(dòng)畫呈現(xiàn)就越精致完美。直到近代電腦繪制動(dòng)畫也是需要一定的手繪能力。例如人物結(jié)構(gòu)、骨架、造型、動(dòng)作、透視、背景等等。預(yù)備知識(shí)一、動(dòng)畫設(shè)計(jì)十二原則

12.吸引力（Appeal）

吸引力是畫面視覺表現(xiàn)力的重要評(píng)估方式，動(dòng)畫吸引人的地方如鮮明的人物外型、具有特色的表態(tài)、高潮迭起的劇情等。當(dāng)設(shè)計(jì)角色時(shí)，能夠以獨(dú)特的造型、姿態(tài)讓觀眾直覺角色的屬性并加深對(duì)角色的印象，例如高矮胖瘦可分別代表不同個(gè)性的角色。預(yù)備知識(shí)二、表達(dá)式

表達(dá)式可用于制作規(guī)律性動(dòng)畫，能避免通過手動(dòng)的方式創(chuàng)建大量的重復(fù)運(yùn)動(dòng)效果所耗費(fèi)的時(shí)間。表達(dá)式是AE內(nèi)部基于JavaScript編程語言開發(fā)的編輯工具。

表達(dá)式的語法及命令都是源自JS語言，如果熟悉JS語言，使用AE里面的表達(dá)式相對(duì)容易一些。雖然說表達(dá)式都是基于JS語言的，但表達(dá)式要比正在使用JS語言開發(fā)要簡(jiǎn)單的多得多，大家可以把它看作一個(gè)簡(jiǎn)化版的編程過程。預(yù)備知識(shí)二、表達(dá)式

（一）time表達(dá)式

原理：time表示時(shí)間，以秒為單位，time*n=時(shí)間(秒數(shù))*n(若應(yīng)用于旋轉(zhuǎn)屬性，則n表示角度)。

舉例:若在旋轉(zhuǎn)屬性上設(shè)置time表達(dá)式為time*60，則圖層將通過1秒的時(shí)間旋轉(zhuǎn)60度，2秒時(shí)旋轉(zhuǎn)到120度以此類推(數(shù)值為正數(shù)時(shí)順時(shí)針旋轉(zhuǎn)，為負(fù)數(shù)時(shí)逆時(shí)針旋轉(zhuǎn))。預(yù)備知識(shí)二、表達(dá)式

（二）抖動(dòng)/擺動(dòng)表達(dá)式

格式：wiggle(freq,amp,octaves=1,amp_mult=0.5,t=time)

原理：freq=頻率(設(shè)置每秒抖動(dòng)的頻率)；

amp=振幅(每次抖動(dòng)的幅度)；

octaves=振幅幅度(在每次振幅的基礎(chǔ)上還會(huì)進(jìn)行一定的震幅幅度，很少用)；

amp_mult=頻率倍頻(默認(rèn)數(shù)值即可，數(shù)值越接近0，細(xì)節(jié)越少，越接近1，細(xì)節(jié)越多)；

t=持續(xù)時(shí)間(抖動(dòng)時(shí)間為合成時(shí)間，一般無需修改)；預(yù)備知識(shí)二、表達(dá)式

一般只寫前兩個(gè)數(shù)值即可。

舉例:若在一維屬性中，為位置屬性添加wiggle(10,20),則表示圖層每秒抖動(dòng)10次，每次隨機(jī)波動(dòng)的幅度為20；若在二維屬性中，為縮放添n=wiggle(1,10)；[n[O],n[0]]，則表示圖層的縮放XY在每秒抖動(dòng)10次，每次隨機(jī)波動(dòng)的幅度為20；若在二維屬性中，想單獨(dú)在單維度進(jìn)行抖動(dòng)，需要將屬性設(shè)置為單獨(dú)尺寸后添加wiggle(10,20)，表示圖層的縮放X軸在每秒抖動(dòng)10次，每次隨機(jī)波動(dòng)的幅度為20。預(yù)備知識(shí)二、表達(dá)式

（三）loopOut表達(dá)式(循環(huán)表達(dá)式)

原理：loopOut(type="類型",numkeyframes=0)對(duì)一組動(dòng)作進(jìn)行循環(huán)；

loopOut(type="pingpong",numkeyframes=0)是類似像乒乓球一樣的來回循環(huán)；

loopOut(type="cycle'',numkeyframes=0)是周而復(fù)始的循環(huán)；

loopOut(type="continue")延續(xù)屬性變化的最后速度；

loopOut(type="offset",numkeyframes=0)是重復(fù)指定的時(shí)間段進(jìn)行循環(huán)；

numkeyframes=0是循環(huán)的次數(shù)，0為無限循環(huán)，1是最后兩個(gè)關(guān)鍵幀無限循環(huán)，2是最后三個(gè)關(guān)鍵幀無限循環(huán)，以此類推。預(yù)備知識(shí)二、表達(dá)式

（四）index表達(dá)式(索引表達(dá)式)

原理:為每間隔多少數(shù)值來產(chǎn)生多少變化。

舉例:若為圖層1的旋轉(zhuǎn)屬性添加表達(dá)式index*5，則第一個(gè)圖層會(huì)旋轉(zhuǎn)5度，之后按Ctrl+D去復(fù)制多個(gè)圖層時(shí)，第2個(gè)圖層將旋轉(zhuǎn)10度，以此類推;若想第一層圖形不產(chǎn)生旋轉(zhuǎn)保持正常形態(tài)，復(fù)制后的圖形以5度遞增，表達(dá)式可寫為：(index-1)*5。實(shí)施準(zhǔn)備進(jìn)行圖形動(dòng)畫設(shè)計(jì)制作時(shí)，除了需要掌握AE的基礎(chǔ)知識(shí)和相關(guān)的操作外，還需要了解在設(shè)計(jì)制作圖形動(dòng)畫時(shí)的理論知識(shí)，包括設(shè)計(jì)十二原則、表達(dá)式等內(nèi)容，只有在了解了在設(shè)計(jì)制作圖形動(dòng)畫時(shí)的基礎(chǔ)知識(shí)后，才能更好地使用AE軟件設(shè)計(jì)制作出符合營(yíng)銷需求的動(dòng)畫視頻。任務(wù)實(shí)施與分析

在使用AE軟件設(shè)計(jì)與制作圖形動(dòng)畫時(shí)一般會(huì)經(jīng)過以下幾個(gè)步驟：步驟1：打開AdobeAfterEffect2019，新建一個(gè)項(xiàng)目，然后單擊菜單欄中的“合成”-“新建合成”創(chuàng)建一個(gè)1920像素*1280像素、幀速率為25幀/秒、背景色為中等灰色-青色（顏色值：70AFA3）的合成，并將其命名為“循環(huán)表達(dá)式”。一、彈跳文字效果制作任務(wù)實(shí)施與分析

步驟2：使用文字工具在新建的合成畫布中輸入“循環(huán)表達(dá)式”（字體：黑體；字號(hào)：117像素：顏色：黑色），如圖所示。任務(wù)實(shí)施與分析

步驟3：按住鍵盤中的“Shift”使用“橢圓工具”在畫布的右邊繪制1個(gè)正圓，即得到“形狀圖層1”圖層，然后鼠標(biāo)單擊“形狀圖層1”圖層使用“Ctrl+D”復(fù)制兩個(gè)，即可得到“形狀圖層2”圖層和“形狀圖層3”圖層，接著使用移動(dòng)工具將“形狀圖層1”圖層、“形狀圖層2”圖層和“形狀圖層3”圖層移動(dòng)到如上圖所示的位置，隨后將“形狀圖層1”和“形狀圖層3”的顏色分別設(shè)置為“007EFF”、“005F8A”，如下圖所示。任務(wù)實(shí)施與分析步驟4：雙擊項(xiàng)目面板，導(dǎo)入素材合成文件，如圖所示。任務(wù)實(shí)施與分析

接著將“P/SocialMedia.psd”素材拖動(dòng)至“形狀圖層2”圖層的上方，使用同樣的方法將“Like/SocialMedia.psd”素材和“Bird/SocialMedia.psd”素材分別拖動(dòng)至“形狀圖層1”圖層和“形狀圖層3”圖層的上方，如上圖所示。任務(wù)實(shí)施與分析

然后調(diào)整個(gè)素材的大小和位置，使各個(gè)素材都對(duì)應(yīng)在每一個(gè)圓形中，如下圖所示。任務(wù)實(shí)施與分析

步驟5：為畫布中的各個(gè)元素添加動(dòng)畫效果。

1.給文字“循環(huán)表達(dá)式”添加進(jìn)入動(dòng)畫，設(shè)置“循環(huán)表達(dá)式”圖層變換中的位置第一個(gè)參數(shù)為“-444”，不透明度參數(shù)為“0%”接著單擊位置和不透明度前面的時(shí)間變化秒表創(chuàng)建文字位置和不透明度的關(guān)鍵幀，然后將時(shí)間標(biāo)尺面板中的當(dāng)前時(shí)間指示器移動(dòng)到1S的位置。任務(wù)實(shí)施與分析隨后將位置的第一個(gè)參數(shù)調(diào)整為“210”，不透明度的數(shù)值調(diào)整為“100%”，如圖所示，此時(shí)播放就可看到文字有了進(jìn)入動(dòng)畫。任務(wù)實(shí)施與分析

2.給素材添加進(jìn)入動(dòng)畫，設(shè)置“Bird/SocialMedia.psd”圖層變換中的縮放第一個(gè)參數(shù)為“82”，不透明度參數(shù)為“0%”接著單擊縮放和不透明度前面的時(shí)間變化秒表創(chuàng)建文字位置和不透明度的關(guān)鍵幀，然后將時(shí)間標(biāo)尺面板中的當(dāng)前時(shí)間指示器移動(dòng)到1S的位置，隨后將縮放的第一個(gè)參數(shù)調(diào)整為“52”，不透明度的數(shù)值調(diào)整為“100%”。任務(wù)實(shí)施與分析如圖所示，此時(shí)播放就可看到“Bird/SocialMedia.psd”素材有了進(jìn)入動(dòng)畫，使用同樣的方法為“P/SocialMedia.psd”圖層和“Like/SocialMedia.psd”圖層添加動(dòng)畫關(guān)鍵幀。任務(wù)實(shí)施與分析

3.給圓形添加動(dòng)畫，設(shè)置“圖層形狀3”圖層變換中的縮放第一個(gè)參數(shù)為“80”，不透明度參數(shù)為“0%”接著單擊位置和不透明度前面的時(shí)間變化秒表創(chuàng)建文字位置和不透明度的關(guān)鍵幀，然后將時(shí)間標(biāo)尺面板中的當(dāng)前時(shí)間指示器移動(dòng)到1S的位置，隨后將縮放的第一個(gè)參數(shù)調(diào)整為“100”，不透明度的數(shù)值調(diào)整為“100%”。任務(wù)實(shí)施與分析如圖所示，此時(shí)播放就可看到圓形有了進(jìn)入動(dòng)畫。使用同樣的方法為“形狀圖層1”圖層和“形狀圖層2”圖層添加動(dòng)畫關(guān)鍵幀。任務(wù)實(shí)施與分析

步驟6：創(chuàng)建預(yù)合成圖層。鼠標(biāo)選中圖層1和圖層2，接著單擊鼠標(biāo)右鍵，在彈出的菜單中選擇“預(yù)合成”，在彈出的預(yù)合成頁面中輸入對(duì)應(yīng)的預(yù)合成名稱“Bird”，如圖所示。任務(wù)實(shí)施與分析然后單擊窗口中的“確定”按鈕，即可完成Bird預(yù)合成圖層的創(chuàng)建，如圖所示，使用同樣的方法將“P/SocialMedia.psd”圖和“形狀圖層2”圖層合成為“P”預(yù)合成圖層，將“Like/SocialMedia.psd”圖層和“形狀圖層1”圖層合成為“Like”預(yù)合成圖層。任務(wù)實(shí)施與分析

步驟7：給預(yù)合成圖層添加動(dòng)畫。單擊“Bird”圖層，接著使用快捷鍵“R”設(shè)置圖層變換中“旋轉(zhuǎn)”的參數(shù)，然后單擊旋轉(zhuǎn)前面的時(shí)間變化秒表按鈕添加關(guān)鍵幀，然后將時(shí)間標(biāo)尺面板中的當(dāng)前時(shí)間指示器移動(dòng)到7S的位置，隨后將旋轉(zhuǎn)后面的參數(shù)設(shè)置為“2”和“+0°”（旋轉(zhuǎn)兩周），如圖所示。接著使用同樣的方法為“P”圖層和“Like”圖層添加旋轉(zhuǎn)動(dòng)畫。任務(wù)實(shí)施與分析

步驟8：添加循環(huán)表達(dá)式，這里以“time”表達(dá)式為例進(jìn)行講解。按住鍵盤中的“Alt”鍵，然后鼠標(biāo)單擊“Bird”圖層下的時(shí)間變化秒表按鈕，即可添加表達(dá)式，如圖所示。任務(wù)實(shí)施與分析

隨后單擊“表達(dá)式：旋轉(zhuǎn)”后面的播放按鈕，在彈出的菜單中選擇“Key”中的“time”，如圖所示。任務(wù)實(shí)施與分析接著在時(shí)間標(biāo)尺面板中輸入“*30”，即可完成time表達(dá)式的添加，如圖所示。使用同樣的方法為“P”圖層和“Like”圖層添加time表達(dá)式。任務(wù)實(shí)施與分析步驟9：通過以上步驟即可完成動(dòng)畫表達(dá)式的添加，接著根據(jù)播放的動(dòng)畫效果調(diào)整各圖層的錨點(diǎn)位置，將各個(gè)圖層的錨點(diǎn)位置調(diào)整到合適位置后，使用快捷鍵“Ctrl+M”進(jìn)行輸出，即可得到一個(gè)有動(dòng)畫效果循環(huán)表達(dá)式的視頻。拓展知識(shí)一、提高視頻創(chuàng)作能力的方法（一）觀察作品

優(yōu)秀的作品在各個(gè)領(lǐng)域都隨處可見。在看到一個(gè)作品的時(shí)候，首先需要把整個(gè)作品完整地觀看數(shù)次，觀察、思考所看到的動(dòng)畫效果，使其在心中留下一些屬于自己的主觀感受，并且通過自己的理解方式來描述這個(gè)動(dòng)畫效果。之后根據(jù)這些感受和描述來提出問題，如動(dòng)畫中的元素形態(tài)是如何轉(zhuǎn)換的、色彩是如何變化的、轉(zhuǎn)場(chǎng)效果是怎樣的、動(dòng)畫節(jié)奏是怎樣調(diào)節(jié)的。拓展知識(shí)一、提高視頻創(chuàng)作能力的方法（二）分析作品，整理問題

在對(duì)作品進(jìn)行了初步觀察后，可以嘗試使用自己學(xué)會(huì)的方法來思考一下動(dòng)畫制作過程，進(jìn)行一次整體分析，并提出一些問題，以便進(jìn)入下一個(gè)步驟。

整體分析指的是需要去觀察動(dòng)畫，判斷作品的視覺風(fēng)格、轉(zhuǎn)場(chǎng)、主要?jiǎng)赢嬵愋偷?。以上這些制作方法貫穿了整個(gè)MG短片的制作過程，所以我們面臨的第一個(gè)問題就是如何對(duì)整個(gè)片子進(jìn)行拆分，以方便臨摹。拓展知識(shí)一、提高視頻創(chuàng)作能力的方法（三）制訂動(dòng)畫方案

有了觀察和思考，結(jié)合所學(xué)的知識(shí)設(shè)計(jì)出動(dòng)畫方案，并開始嘗試制作。動(dòng)畫方案的設(shè)計(jì)不同于之前的分析，需要把實(shí)際制作的內(nèi)容進(jìn)行具體的分配，并預(yù)留一些能夠想到的問題以及如何應(yīng)對(duì)的手段。拓展知識(shí)二、動(dòng)畫方案的設(shè)計(jì)思路

AE的基本工作流程是導(dǎo)入素材、組織素材、創(chuàng)建合成圖像和排列圖層、添加動(dòng)畫元素及特效、預(yù)覽作品、渲染并輸出。此為軟件的工作流程，而動(dòng)畫方案制訂時(shí)，對(duì)軟件的使用只是其中的一個(gè)環(huán)節(jié)，更重要的是設(shè)計(jì)思路和創(chuàng)意。（一）場(chǎng)景拆分

根據(jù)分析，可以把場(chǎng)景劃分為獨(dú)立的幾個(gè)部分。這些場(chǎng)景可以直接在AE中完成，也可以使用AI等軟件繪制后再導(dǎo)入AE。拓展知識(shí)二、動(dòng)畫方案的設(shè)計(jì)思路（二）動(dòng)畫制作

把單個(gè)的場(chǎng)景動(dòng)畫分別制作出來，并使用預(yù)合成將其裝起來，根據(jù)前后關(guān)系逐步補(bǔ)充過場(chǎng)內(nèi)容。這個(gè)過程相對(duì)靈活，可以使用不同的制作方法，前文的有些案例使用的是順序制作的方法，一邊制作一邊調(diào)整；也有的是使用了先滿足核心動(dòng)效再逐步展開的方式；也可以先做完單體效果，再考慮制作運(yùn)動(dòng)。思考與總結(jié)學(xué)員通過以上操作，完成圖形動(dòng)畫設(shè)計(jì)的任務(wù)，請(qǐng)學(xué)員在此基礎(chǔ)上，進(jìn)行思考并回答以下問題：在進(jìn)行圖形動(dòng)畫設(shè)計(jì)時(shí)需要注意那些事項(xiàng)，為什么？能力提升請(qǐng)學(xué)員根據(jù)任務(wù)實(shí)施與分析中的素材制作出帶有抖動(dòng)/擺動(dòng)表達(dá)式或者帶有l(wèi)oopOut表達(dá)式，亦或者是帶有index表達(dá)式的動(dòng)畫視頻。任務(wù)訓(xùn)練掃碼進(jìn)入課程網(wǎng)站，獲取對(duì)應(yīng)任務(wù)單，閱讀任務(wù)目標(biāo)，根據(jù)任務(wù)步驟，完成拓展任務(wù)并提交。模塊三電商視覺設(shè)計(jì)技能提升《電商視覺設(shè)計(jì)》思維導(dǎo)圖目錄CONTENTS1動(dòng)態(tài)情景化的設(shè)計(jì)項(xiàng)目六

動(dòng)態(tài)情景化的設(shè)計(jì)項(xiàng)目背景

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

伴隨著電商的快速發(fā)展，商家與商家之間的競(jìng)爭(zhēng)愈發(fā)激烈，這也致使商家對(duì)店鋪的視覺設(shè)計(jì)提出了更高的要求，店鋪的視覺設(shè)計(jì)不能僅停留在普通的平面設(shè)計(jì)上，而應(yīng)該積極探索平面設(shè)計(jì)與三維設(shè)計(jì)、動(dòng)畫設(shè)計(jì)的融合，以打造出極具場(chǎng)景化的三維圖像或視頻，以場(chǎng)景搭建帶給用戶視覺沖擊，引起用戶共鳴，以達(dá)到店鋪營(yíng)銷推廣的目的。要設(shè)計(jì)出動(dòng)態(tài)情景化的圖像或視頻，首先要掌握三維設(shè)計(jì)和動(dòng)畫設(shè)計(jì)的基礎(chǔ)知識(shí)和相關(guān)操作，只有在掌握了三維設(shè)計(jì)和動(dòng)畫設(shè)計(jì)的基礎(chǔ)知識(shí)和相關(guān)操作后，才能更好地去完成電商動(dòng)態(tài)情景化的圖像或視頻的設(shè)計(jì)與制作。研究?jī)?nèi)容三維場(chǎng)景搭建與渲染視頻動(dòng)態(tài)文字設(shè)計(jì)圖形動(dòng)畫設(shè)計(jì)產(chǎn)品推介動(dòng)畫設(shè)計(jì)學(xué)習(xí)目標(biāo)1.認(rèn)識(shí)C4D軟件及其工作界面；2.了解C4D建模常用的工具及功能；3.認(rèn)識(shí)AE軟件及其工作界面；4.熟悉與動(dòng)畫制作的基礎(chǔ)知識(shí)；5.了解圖形動(dòng)畫設(shè)計(jì)基礎(chǔ)知識(shí)；6.了解產(chǎn)品推介動(dòng)畫設(shè)計(jì)的基礎(chǔ)知識(shí)。知識(shí)目標(biāo)1.能夠使用C4D軟件搭建出符合營(yíng)銷需求的三維場(chǎng)景并進(jìn)行渲染；2.能夠使用AE軟件制作出符合營(yíng)銷需求的動(dòng)態(tài)文字；3.能夠使用AE軟件進(jìn)行圖形動(dòng)畫的設(shè)計(jì)與制作；4.能夠使用AE軟