Animate動(dòng)畫設(shè)計(jì)與制作實(shí)例教程-廣告設(shè)計(jì)

廣告制作廣告是進(jìn)行宣傳的有效手段，從廣告牌、宣傳單到電視廣告，很多產(chǎn)品通過廣告而家喻戶曉。隨著Internet的發(fā)展，網(wǎng)絡(luò)的宣傳效果得到了更多人的認(rèn)可，網(wǎng)絡(luò)廣告迅猛發(fā)展，Animate廣告正是通過網(wǎng)絡(luò)快速發(fā)展起來的。本章詳細(xì)介紹AnimateCC2019中骨骼動(dòng)畫、濾鏡及混合模式的實(shí)際應(yīng)用，并通過3個(gè)實(shí)例，講解AnimateCC2019在廣告制作中的應(yīng)用。通過本章的學(xué)習(xí)，應(yīng)掌握骨骼動(dòng)畫、濾鏡的使用方法和技巧，掌握用Animate制作廣告的方法和技巧。通過本章，你應(yīng)該掌握： 骨骼動(dòng)畫 濾鐿 混合模式 宣傳廣告、公益廣告、產(chǎn)品廣告制作4.1骨骼動(dòng)畫、濾鏡和混合模式4.1.1骨骼動(dòng)畫使用AnimateCC2019中的【骨骼】工具，可以為形狀、影片剪輯增添骨骼動(dòng)畫，能夠輕松制作運(yùn)動(dòng)效果。使用【骨骼】工具時(shí)，先創(chuàng)建一個(gè)Animate文檔，可以繪制形狀，也可以制作多個(gè)影片剪輯，然后使用【骨骼】工具創(chuàng)建骨骼，在時(shí)間軸的某些幀插入姿勢(shì)，再用【選擇】工具進(jìn)行對(duì)應(yīng)調(diào)整，就可制作出運(yùn)動(dòng)效果。具有多個(gè)骨骼的整體稱為IK形狀，每個(gè)骨骼稱為IK骨骼。4.1時(shí)間軸特效、濾鏡和混合模式

4.1.1骨骼動(dòng)畫使用【骨骼】工具需要注意以下幾點(diǎn)。對(duì)于形狀，可以向單個(gè)形狀的內(nèi)部添加多個(gè)骨骼，也可向一組形狀添加骨骼，在添加第一個(gè)骨骼之前必須選擇所有形狀。 在將骨骼添加到所選內(nèi)容后，Animate將所有的形狀和骨骼轉(zhuǎn)換為IK形狀對(duì)象，并將該對(duì)象移動(dòng)到新的姿勢(shì)圖層。每個(gè)姿勢(shì)圖層只能包含一個(gè)骨架。 在某個(gè)形狀轉(zhuǎn)換為IK形狀后，它無法再與IK形狀外的其他形狀合并。 在工具箱中選擇【骨骼】工具，也可以按M鍵選擇【骨骼】工具。 使用【骨骼】工具，在形狀內(nèi)單擊并拖動(dòng)到形狀內(nèi)的其他位置，在拖動(dòng)時(shí)顯示骨骼。釋放鼠標(biāo)后，在單擊的點(diǎn)和釋放鼠標(biāo)的點(diǎn)之間將顯示一個(gè)實(shí)心骨骼。每個(gè)骨骼都具有頭部、圓端和尾部(尖端)。 骨架中的第一個(gè)骨骼是根骨骼，第二個(gè)骨骼是根骨骼的子級(jí)，可以創(chuàng)建多級(jí)骨骼。4.1時(shí)間軸特效、濾鏡和混合模式

4.1.1骨骼動(dòng)畫

1.選擇骨骼和關(guān)聯(lián)的對(duì)象選擇單個(gè)骨骼，使用【選擇】工具單擊該骨骼，【屬性】面板中顯示骨骼屬性。也可以通過按住Shift鍵單擊來選擇多個(gè)骨骼。若要將所選內(nèi)容移動(dòng)到相鄰骨骼，在【屬性】面板中單擊【父級(jí)】、【子級(jí)】或【下一個(gè)/上一個(gè)同級(jí)】按鈕。若要選擇骨架中的所有骨骼，則雙擊某個(gè)骨骼，【屬性】面板中顯示所有骨骼的屬性。若要選擇整個(gè)骨架并顯示骨架的屬性及其姿勢(shì)圖層，則單擊姿勢(shì)圖層中包含骨架的幀。若要選擇IK形狀，則單擊該形狀，【屬性】面板中顯示IK形狀屬性。若要選擇連接到骨骼的元件實(shí)例，則單擊該實(shí)例，【屬性】面板中顯示實(shí)例屬性。4.1時(shí)間軸特效、濾鏡和混合模式

4.1.1骨骼動(dòng)畫2.重新定位骨骼和關(guān)聯(lián)的對(duì)象若要重新定位線性骨架，則拖動(dòng)骨架中的任何骨骼。如果骨架已連接到元件實(shí)例，則還可以拖曳實(shí)例。這樣可以相對(duì)于其骨骼旋轉(zhuǎn)實(shí)例。若要重新定位骨架的某個(gè)分支，則拖動(dòng)該分支中的任何骨骼，該分支中的所有骨骼都將移動(dòng)，骨架其他分支中的骨骼不會(huì)移動(dòng)。若要將某個(gè)骨骼與其子級(jí)骨骼一起旋轉(zhuǎn)而不移動(dòng)父級(jí)骨骼，則按住Shift鍵并拖動(dòng)該骨骼。若要將某個(gè)IK形狀移動(dòng)到“舞臺(tái)”上的新位置，則在【屬性】面板中選擇該形狀并更改其X和Y屬性。4.1時(shí)間軸特效、濾鏡和混合模式

4.1.1骨骼動(dòng)畫3.刪除骨骼若要?jiǎng)h除單個(gè)骨骼及其所有子級(jí)，則單擊該骨骼并按Delete鍵。按住Shift鍵單擊每個(gè)骨骼可以選擇要?jiǎng)h除的多個(gè)骨骼。若要從某個(gè)IK形狀或元件骨架中刪除所有骨骼，則選擇該形狀或該骨架中的任何元件實(shí)例，然后執(zhí)行【修改】>【分離】命令。IK形狀將還原為正常形狀。4.1時(shí)間軸特效、濾鏡和混合模式

4.1.1骨骼動(dòng)畫4.相對(duì)于關(guān)聯(lián)的形狀或元件移動(dòng)骨骼若要移動(dòng)IK形狀內(nèi)骨骼任一端的位置，則使用【部分選取】工具拖動(dòng)骨骼的一端。若要移動(dòng)元件實(shí)例內(nèi)骨骼連接、頭部或尾部的位置，使用【變形】面板（執(zhí)行【窗口】>【變形】命令）移動(dòng)實(shí)例的變形點(diǎn)，骨骼將隨變形點(diǎn)移動(dòng)。若要移動(dòng)單個(gè)元件實(shí)例而不移動(dòng)任何其他鏈接的實(shí)例，則按住Alt鍵拖動(dòng)該實(shí)例，或者使用【任意變形】工具拖動(dòng)它。連接到實(shí)例的骨骼將變長或變短，以適應(yīng)實(shí)例的新位置。4.1時(shí)間軸特效、濾鏡和混合模式

4.1.1骨骼動(dòng)畫5.編輯IK形狀使用【部分選取】工具，可以在IK形狀中添加、刪除和編輯輪廓的控制點(diǎn)。若要移動(dòng)骨骼的位置而不更改IK形狀，則拖動(dòng)骨骼的端點(diǎn)。若要顯示IK形狀邊界的控制點(diǎn)，則單擊形狀的筆觸。若要移動(dòng)控制點(diǎn)，則拖動(dòng)該控制點(diǎn)。若要添加新的控制點(diǎn)，則單擊筆觸上沒有任何控制點(diǎn)的部分。也可以使用【添加錨點(diǎn)】工具。若要?jiǎng)h除現(xiàn)有的控制點(diǎn)，則單擊選擇它，然后按Delete鍵。也可以使用【刪除錨點(diǎn)】工具。4.1時(shí)間軸特效、濾鏡和混合模式

4.1.2濾鏡使用AnimateCC2019的濾鏡，可以為文本、按鈕和影片剪輯增添有趣的視覺效果，使用傳統(tǒng)補(bǔ)間動(dòng)畫讓應(yīng)用的濾鏡動(dòng)起來。使用【濾鏡】面板可進(jìn)行添加濾鏡、設(shè)置屬性及刪除濾鏡等操作。首先保證選中的對(duì)象是文本、按鈕或影片剪輯，然后在【屬性】面板中的【濾鏡】選項(xiàng)下單擊【添加濾鏡】按鈕，在彈出的菜單中，選擇要使用的濾鏡，共有7種：投影、模糊、發(fā)光、斜角、漸變發(fā)光、漸變斜角和調(diào)整顏色。4.1時(shí)間軸特效、濾鏡和混合模式

4.1.2濾鏡1、投影4.1時(shí)間軸特效、濾鏡和混合模式

4.1.2濾鏡2、模糊4.1時(shí)間軸特效、濾鏡和混合模式

4.1.2濾鏡3、發(fā)光4.1時(shí)間軸特效、濾鏡和混合模式

4.1.2濾鏡4、斜角4.1時(shí)間軸特效、濾鏡和混合模式

4.1.2濾鏡5、漸變發(fā)光4.1時(shí)間軸特效、濾鏡和混合模式

4.1.2濾鏡6、漸變斜角4.1時(shí)間軸特效、濾鏡和混合模式

4.1.2濾鏡7、調(diào)整顏色4.1時(shí)間軸特效、濾鏡和混合模式

4.1.3混合模式使用混合模式，可以創(chuàng)建復(fù)合圖像。復(fù)合是改變兩個(gè)或兩個(gè)以上重疊對(duì)象的透明度或者顏色相互關(guān)系的過程。使用混合，可以混合重疊影片剪輯中的顏色，從而創(chuàng)造獨(dú)特的效果。值得注意的是，混合的對(duì)象是影片剪輯元件或按鈕元件實(shí)例?；旌夏Ｊ桨韵略兀夯旌项伾簯?yīng)用于混合模式的顏色不透明度：應(yīng)用于混合模式的透明度基準(zhǔn)顏色：混合顏色下面的像素的顏色結(jié)果顏色：基準(zhǔn)顏色上混合效果的結(jié)果4.1時(shí)間軸特效、濾鏡和混合模式

4.1.3混合模式一般：一般應(yīng)用顏色，不與基準(zhǔn)顏色發(fā)生交互。圖層：可以層疊各個(gè)影片剪輯，而不影響其顏色。變暗：只替換比混合顏色亮的區(qū)域。比混合顏色暗的區(qū)域?qū)⒈３植蛔儭ＵB底：將基準(zhǔn)顏色與混合顏色復(fù)合，從而產(chǎn)生較暗的顏色。變亮：只替換比混合顏色暗的像素。比混合顏色亮的區(qū)域?qū)⒈３植蛔?。濾色：將混合顏色的反色與基準(zhǔn)顏色復(fù)合，從而產(chǎn)生漂白效果。疊加：復(fù)合或過濾顏色，具體操作取決于基準(zhǔn)顏色。強(qiáng)光：復(fù)合或過濾顏色，具體操作取決于混合模式顏色。該效果類似于用點(diǎn)光源照射對(duì)象。4.1時(shí)間軸特效、濾鏡和混合模式

4.1.3混合模式差值：從基色減去混合色或從混合色減去基色，具體取決于哪一種的亮度較大。該效果類似于彩色底片。增加：通常用于在兩個(gè)圖像之間創(chuàng)建動(dòng)畫的變亮分解效果。減去：通常用于在兩個(gè)圖像之間創(chuàng)建動(dòng)畫的變暗分解效果。反相：反轉(zhuǎn)基準(zhǔn)顏色。Alpha：應(yīng)用Alpha遮罩層。擦除：刪除所有基準(zhǔn)顏色像素，包括背景圖像中的基準(zhǔn)顏色像素4.2任務(wù)1——宣傳廣告

4.2.1案例效果分析4.2任務(wù)1——宣傳廣告

4.2.2設(shè)計(jì)思路1.使用“調(diào)整顏色”濾鏡實(shí)現(xiàn)圖片的變色效果。2.使用遮罩圖層實(shí)現(xiàn)文字從左到右的展開。3.使用“投影”、“模糊”、“發(fā)光”等濾鏡實(shí)現(xiàn)文字的立體效果，通過創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫，實(shí)現(xiàn)動(dòng)態(tài)效果。4.2.3相關(guān)知識(shí)和技能點(diǎn)1.濾鏡的使用。2.使用傳統(tǒng)補(bǔ)間動(dòng)畫使濾鏡效果動(dòng)起來。4.3任務(wù)2——公益廣告

4.3.1案例效果分析

4.3任務(wù)2——公益廣告4.3.2設(shè)計(jì)思路1.搜集并處理素材，使素材的命名有規(guī)律、大小一致。通過元件的復(fù)制快速制作類似的元件。2.制作開始場(chǎng)景1、場(chǎng)景2。3.利用場(chǎng)景的復(fù)制及元件的交換制作出其他類似的效果，完成其他場(chǎng)景的制作。4.3.3相關(guān)知識(shí)和技能點(diǎn)1.【場(chǎng)景】面板，場(chǎng)景的新建、復(fù)制等操作。2.元件的交換、元件的直接復(fù)制等操作。3.傳統(tǒng)補(bǔ)間動(dòng)畫的使用。4.4實(shí)訓(xùn)項(xiàng)目——產(chǎn)品廣告

4.4.1實(shí)訓(xùn)目的1、制作動(dòng)畫的目的與主題（任務(wù)與要達(dá)到得效果）本實(shí)訓(xùn)的產(chǎn)品是“美麗鞋品”，通過背景顏色及鞋子的動(dòng)態(tài)展示，體現(xiàn)出“百變所以美麗”的主題，達(dá)到宣傳的效果。本實(shí)例中的兩個(gè)畫面效果如圖4-42所示。4.4實(shí)訓(xùn)項(xiàng)目——產(chǎn)品廣告

4.4.1實(shí)訓(xùn)目的2、動(dòng)畫整體風(fēng)格設(shè)計(jì)利用Animate動(dòng)畫制作“美麗產(chǎn)品”廣告，重在變化，顏色的變化、產(chǎn)品的變化、