使用Animate CC制作加載小動(dòng)畫
在本文中,我們將學(xué)習(xí)如何使用Animate CC制作加載小動(dòng)畫。這種加載小動(dòng)畫可以有各種各樣的效果,讓我們來(lái)學(xué)習(xí)其中一種。新建Flash文檔并繪制圓形首先,打開(kāi)Animate CC軟件并新建一個(gè)Fla
在本文中,我們將學(xué)習(xí)如何使用Animate CC制作加載小動(dòng)畫。這種加載小動(dòng)畫可以有各種各樣的效果,讓我們來(lái)學(xué)習(xí)其中一種。
新建Flash文檔并繪制圓形
首先,打開(kāi)Animate CC軟件并新建一個(gè)Flash文檔。在工具欄中找到橢圓工具,然后在舞臺(tái)上繪制一個(gè)圓形,就像圖示所示。
將圓形轉(zhuǎn)換為圖形元件并復(fù)制
接下來(lái),將繪制的圓形轉(zhuǎn)換為圖形元件。然后,復(fù)制出三個(gè)相同的元件,并按照?qǐng)D示的布局進(jìn)行排列。
將元件分散到單獨(dú)的圖層
選擇所有的元件,右鍵點(diǎn)擊,選擇"分散到圖層",這樣每個(gè)元件都會(huì)被分散到單獨(dú)的圖層上。
延長(zhǎng)時(shí)間軸并插入關(guān)鍵幀
將時(shí)間軸延長(zhǎng)到50幀,并在各個(gè)圖層的第25幀和第50幀插入關(guān)鍵幀。
調(diào)整元件位置并創(chuàng)建補(bǔ)間動(dòng)畫
在第25幀時(shí),調(diào)整元件的位置,使其呈現(xiàn)出圖示的效果。然后,在第12幀和第37幀繼續(xù)插入關(guān)鍵幀。接下來(lái),創(chuàng)建補(bǔ)間動(dòng)畫,高版本的Animate CC中稱為傳統(tǒng)補(bǔ)間動(dòng)畫。
設(shè)置補(bǔ)間的緩動(dòng)值
在補(bǔ)間動(dòng)畫的屬性面板中,設(shè)置四段補(bǔ)間的緩動(dòng)值分別為-100,100,-100,100。這樣就完成了加載小動(dòng)畫的制作。
通過(guò)以上步驟,我們成功制作了一個(gè)加載小動(dòng)畫,效果如圖所示。使用Animate CC的強(qiáng)大功能,你可以制作出更多獨(dú)特的加載動(dòng)畫效果,提升用戶體驗(yàn)。