Animate核心應(yīng)用案例教程課件電子課件

本章簡(jiǎn)介：使用工具箱中的工具創(chuàng)建的矢量圖形相對(duì)來(lái)說(shuō)比較單調(diào)，如果能結(jié)合“修改”菜單中的命令修改圖形，就可以改變?cè)瓐D形的形狀、線條等，并且可以將多個(gè)圖形組合起來(lái)，獲得需要的圖形效果。在Animate2020中，元件起著舉足輕重的作用。重復(fù)使用元件可以提高工作效率、減少文件的大小。本章將詳細(xì)介紹Animate2020編輯、修飾對(duì)象的功能，元件的創(chuàng)建、編輯、使用，以及“庫(kù)”面板的使用方法。通過(guò)對(duì)本章的學(xué)習(xí)，讀者可以掌握編輯和修飾對(duì)象的各種方法和技巧，了解并掌握如何使用元件制作出變化豐富的動(dòng)畫效果。第4章對(duì)象與元件學(xué)習(xí)目標(biāo)掌握對(duì)象的變形方法和技巧掌握對(duì)象的修飾方法掌握對(duì)象的對(duì)齊方法和技巧熟悉元件的創(chuàng)建方法及類型4.1對(duì)象的變形課堂案例—繪制閃屏頁(yè)中插畫扭曲對(duì)象封套對(duì)象縮放對(duì)象傾斜與旋轉(zhuǎn)對(duì)象翻轉(zhuǎn)對(duì)象組合對(duì)象分離對(duì)象疊放對(duì)象對(duì)齊對(duì)象使用“橢圓工具”“任意變形工具”“矩形工具”繪制刻度盤圖形，使用“多角星形工具”“垂直翻轉(zhuǎn)所選內(nèi)容”按鈕制作指針圖形，使用“對(duì)齊”命令將對(duì)象居中對(duì)齊。效果圖4.1.1課堂案例—繪制閃屏頁(yè)中插畫

選擇“修改>變形>扭曲”命令，當(dāng)前選擇的圖形上出現(xiàn)控制點(diǎn)。將鼠標(biāo)指針?lè)旁诳刂泣c(diǎn)上，鼠標(biāo)指針變?yōu)?，拖曳控制點(diǎn)，可以改變圖形的形狀。4.1.2扭曲對(duì)象

扭曲對(duì)象步驟圖選擇“修改>變形>封套”命令，當(dāng)前選擇的圖形上出現(xiàn)控制點(diǎn)。拖曳控制點(diǎn)、，圖形產(chǎn)生相應(yīng)的彎曲變化。4.1.3封套對(duì)象

封套對(duì)象步驟圖

選擇“修改>變形>縮放”命令，當(dāng)前選擇的圖形上出現(xiàn)控制點(diǎn)。將鼠標(biāo)指針?lè)旁趫D形右上角的控制點(diǎn)上，鼠標(biāo)指針變?yōu)椋醋lt鍵的同時(shí)向左下方拖曳控制點(diǎn)。用鼠標(biāo)拖曳四角的控制點(diǎn)可成比例地改變圖形的大小。4.1.4縮放對(duì)象

縮放對(duì)象步驟圖

選擇“修改>變形>旋轉(zhuǎn)與傾斜”命令，當(dāng)前選擇的圖形上出現(xiàn)控制點(diǎn)。將鼠標(biāo)指針?lè)旁趫D形頂部中間的控制點(diǎn)上，鼠標(biāo)指針變?yōu)椋蛴宜酵弦房刂泣c(diǎn)，松開鼠標(biāo)左鍵，圖形傾斜。4.1.5傾斜與旋轉(zhuǎn)對(duì)象

傾斜對(duì)象步驟圖

將鼠標(biāo)指針?lè)旁谟疑辖堑目刂泣c(diǎn)上時(shí)。拖曳控制點(diǎn)可旋轉(zhuǎn)圖形。4.1.5傾斜與旋轉(zhuǎn)對(duì)象

旋轉(zhuǎn)對(duì)象步驟圖選擇“修改>變形”中的“順時(shí)針旋轉(zhuǎn)90度”“逆時(shí)針旋轉(zhuǎn)90度”命令，可以將圖形按照指定的角度進(jìn)行旋轉(zhuǎn)。4.1.5傾斜與旋轉(zhuǎn)對(duì)象

旋轉(zhuǎn)對(duì)象步驟圖選擇“修改>變形”中的“垂直翻轉(zhuǎn)”“水平翻轉(zhuǎn)”命令，可以將圖形進(jìn)行翻轉(zhuǎn)。4.1.6翻轉(zhuǎn)對(duì)象

翻轉(zhuǎn)對(duì)象步驟圖

選中多個(gè)圖形。選擇“修改>組合”命令，或按Ctrl+G組合鍵，將選中的圖形進(jìn)行組合。4.1.7組合對(duì)象

組合對(duì)象步驟圖

選中圖形組合。選擇“修改>分離”命令，或按Ctrl+B組合鍵，將組合的圖形打散。4.1.8分離對(duì)象

分離對(duì)象步驟圖

如果要將圖形移動(dòng)到所有圖形的上層，可以先選中要移動(dòng)的圖形，然后選擇“修改>排列>移至頂層”命令，將選中的圖形移動(dòng)到所有圖形的上層。4.1.9疊放對(duì)象

疊放對(duì)象步驟圖

如果要將多個(gè)圖形的底部對(duì)齊，可以先選中多個(gè)圖形，然后選擇“修改>對(duì)齊>底對(duì)齊”命令，將所有圖形的底部對(duì)齊。4.1.10對(duì)齊對(duì)象

對(duì)齊對(duì)象步驟圖

4.2對(duì)象的修飾課堂案例—繪制時(shí)尚插畫優(yōu)化曲線將線條轉(zhuǎn)換為填充擴(kuò)展填充柔化填充邊緣使用“鋼筆工具”繪制白云，使用“橢圓工具”繪制太陽(yáng)，使用“柔化填充邊緣”命令制作白云和太陽(yáng)的邊緣虛化效果。

效果圖4.2.1課堂案例—繪制時(shí)尚插畫

優(yōu)化曲線4.2.2優(yōu)化曲線

選中要優(yōu)化的曲線。選擇“修改>形狀>優(yōu)化”命令，彈出“優(yōu)化曲線”對(duì)話框；單擊“確定”按鈕，彈出提示對(duì)話框；單擊“確定”按鈕，曲線被優(yōu)化。

將線條轉(zhuǎn)換為填充步驟圖4.2.3將線條轉(zhuǎn)換為填充

選擇“墨水瓶工具”，為圖形繪制外邊線。選擇“選擇工具”，雙擊圖形的外邊線將其選中，選擇“修改>形狀>將線條轉(zhuǎn)換為填充”命令，將外邊線轉(zhuǎn)換為填充色塊。這時(shí)，可以選擇“顏料桶工具”，為填充色塊設(shè)置其他顏色。

擴(kuò)展填充步驟圖4.2.4擴(kuò)展填充

使用“擴(kuò)展填充”命令可以將填充顏色向外擴(kuò)展或向內(nèi)收縮，擴(kuò)展或收縮的數(shù)值可以自定義。1．?dāng)U展填充色2．收縮填充色

柔化填充邊緣步驟圖4.2.5柔化填充邊緣

1．向外柔化填充邊緣選擇“修改>形狀>柔化填充邊緣”命令，彈出“柔化填充邊緣”對(duì)話框，在“距離”數(shù)值框中輸入“80像素”，在“步長(zhǎng)數(shù)”數(shù)值框中輸入5，選擇“擴(kuò)展”單選項(xiàng)；單擊“確定”按鈕。

柔化填充邊緣步驟圖4.2.5柔化填充邊緣

2．向內(nèi)柔化填充邊緣選中圖形，選擇“修改>形狀>柔化填充邊緣”命令，彈出“柔化填充邊緣”對(duì)話框，在“距離”數(shù)值框中輸入“50像素”，在“步長(zhǎng)數(shù)”數(shù)值框中輸入5，選擇“插入”單選項(xiàng)；單擊“確定”按鈕。

4.3對(duì)齊與變形課堂案例—制作茶葉網(wǎng)站首頁(yè)“對(duì)齊”面板“變形”面板使用“導(dǎo)入到庫(kù)”命令導(dǎo)入素材，使用“變形”面板縮放圖像，使用“對(duì)齊”面板設(shè)置圖像的對(duì)齊方式。

效果圖4.3.1課堂案例—制作茶葉網(wǎng)站首頁(yè)

選擇“窗口>對(duì)齊”命令，或按Ctrl+K組合鍵，彈出“對(duì)齊”面板。4.3.2“對(duì)齊”面板

“對(duì)齊”面板選擇“窗口>變形”命令，或按Ctrl+T組合鍵，將彈出“變形”面板。

“變形”面板4.3.3“變形”面板

4.4元件與庫(kù)課堂案例—制作新年賀卡元件的類型創(chuàng)建圖形元件創(chuàng)建按鈕元件創(chuàng)建影片剪輯元件轉(zhuǎn)換元件“庫(kù)”面板的組成使用“導(dǎo)入”命令導(dǎo)入素材，制作圖形元件；使用“變形”面板調(diào)整實(shí)例的大?。皇褂谩坝捌糨嫛痹谱髅坊▌?dòng)態(tài)效果；使用“按鈕”元件制作按鈕效果。

效果圖4.4.1課堂案例—制作新年賀卡

1．圖形元件圖形元件一般用于創(chuàng)建靜態(tài)圖像或可重復(fù)使用的、與主時(shí)間軸關(guān)聯(lián)的動(dòng)畫。它有自己的編輯區(qū)和時(shí)間軸。2．按鈕元件按鈕元件是創(chuàng)建能激發(fā)某種交互行為的按鈕。創(chuàng)建按鈕元件的關(guān)鍵是設(shè)置4種不同狀態(tài)的幀，即“彈起”（鼠標(biāo)指針不在按鈕上）、“指針經(jīng)過(guò)”（鼠標(biāo)指針移動(dòng)到按鈕上）、“按下”（在按鈕上按下鼠標(biāo)按鍵）、“點(diǎn)擊”（鼠標(biāo)響應(yīng)區(qū)域，在這個(gè)區(qū)域創(chuàng)建的圖形不會(huì)出現(xiàn)在畫面中）。3．影片剪輯元件影片剪輯元件也像圖形元件一樣有自己的編輯區(qū)和時(shí)間軸，但又不完全相同。影片剪輯元件的時(shí)間軸是獨(dú)立的，它不受其實(shí)例在主場(chǎng)景時(shí)間軸（主時(shí)間軸）的控制。4.4.2元件的類型

選擇“插入>新建元件”命令，或按Ctrl+F8組合鍵，彈出“創(chuàng)建新元件”對(duì)話框，在“名稱”文本框中輸入“床鋪”，在“類型”下拉列表中選擇“圖形”選項(xiàng)，單擊“確定”按鈕，創(chuàng)建一個(gè)新的圖形元件“床鋪”。4.4.3創(chuàng)建圖形元件

創(chuàng)建新元件對(duì)話框選擇“插入>新建元件”命令，或按Ctrl+F8組合鍵，彈出“創(chuàng)建新元件”對(duì)話框，在“名稱”文本框中輸入“鎖”，在“類型”下拉列表中選擇“按鈕”選項(xiàng)，單擊“確定”按鈕，創(chuàng)建一個(gè)新的按鈕元件“鎖”。4.4.4創(chuàng)建按鈕元件

創(chuàng)建按鈕元件

選擇“插入>新建元件”命令，彈出“創(chuàng)建新元件”對(duì)話框，在“名稱”文本框中輸入“字母變形”，在“類型”下拉列表中選擇“影片剪輯”選項(xiàng)，單擊“確定”按鈕，即創(chuàng)建了一個(gè)影片剪輯元件“字母變形”。4.4.5創(chuàng)建影片剪輯元件

創(chuàng)建影片剪輯元件

1．將圖形轉(zhuǎn)換為圖形元件如果在舞臺(tái)上已經(jīng)創(chuàng)建好矢量圖形，并且以后還要使用，可將其轉(zhuǎn)換為圖形元件。2．設(shè)置圖形元件的中心點(diǎn)選中矢量圖形，選擇“修改>轉(zhuǎn)換為元件”命令，彈出“轉(zhuǎn)換為元件”對(duì)話框，對(duì)話框的“對(duì)齊”后有9個(gè)中心定位點(diǎn)，用來(lái)設(shè)置轉(zhuǎn)換元件的中心點(diǎn)。3．轉(zhuǎn)換元件類型在轉(zhuǎn)換元件的過(guò)程中，可以根據(jù)需要將一種類型的元件轉(zhuǎn)換為另一種類型的元件。4.4.6轉(zhuǎn)換元件

選擇“窗口>庫(kù)”命令，或按Ctrl+L組合鍵，將彈出“庫(kù)”面板。4.4.7“庫(kù)”面板的組成