AE怎么制作相互追逐的圓環(huán)加載loading動畫?

百度經(jīng)驗(yàn) 發(fā)布時間：2019-11-13 09:06:53 作者：liuyuanbin120

AE怎么制作相互追逐的圓環(huán)加載loading動畫？頁面加載動畫效果我們經(jīng)常能見到，想要制作一個旋轉(zhuǎn)的圓環(huán)，內(nèi)部是兩個圓弧相互追逐的動畫，該怎么制作呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下

loading加載動畫是手機(jī)app和網(wǎng)頁web頁面經(jīng)常能看見的一種等待動畫。只要一步一步按照筆者的步驟操作，你也一樣能做出漂亮的加載動畫，如下圖所示：

CorelDRAW X8 64位簡體中文安裝免費(fèi)版(附序列號)

類型：圖像處理
大?。?/span>547.9MB
語言：簡體中文
時間：2016-11-23

查看詳情

After Effects CS5.5 漢化特別版(附注冊機(jī)+序列號+破解補(bǔ)丁)

類型：媒體其它
大?。?/span>1.45GB
語言：簡體中文
時間：2018-03-22

查看詳情

Adobe Imageready CS2 V9.0 簡體中文官方版(28M)

類型：圖像處理
大?。?/span>28MB
語言：簡體中文
時間：2013-07-19

查看詳情

一、cdr制作圖形

1、打開CorelDRAW軟件（不限版本），新建一個文件，在空白處按住CTRL鍵畫一個正圓圈。

2、選擇弧形工具，調(diào)整至垂直中心點(diǎn)對其，然后按F2鍵調(diào)出輪廓筆，設(shè)置好喜歡的顏色、設(shè)置線的厚度、角、線條端頭為圓頭，最后點(diǎn)擊確定按鈕。

3、如圖所示選擇透明度工具，拉出線端一端的漸變透明度，再水平翻轉(zhuǎn)復(fù)制圖形。一定要仔細(xì)看這個步驟的最后一張圖的操作步驟。

4、然后把剛才復(fù)制的反向圖形垂直翻轉(zhuǎn)，然后按CTRL+A全選圖形，此時注意輸入法，如果系統(tǒng)自動切換到了中文，要切換回英文輸入法，然后按“E”鍵讓圖形水平對齊。

5、圖形對齊之后，這個時候按CTRL+E導(dǎo)出PNG圖片。選擇好圖片存放路徑，設(shè)置好文件名，文件格式為PNG，點(diǎn)擊導(dǎo)出按鈕，過一會兒彈出“導(dǎo)出到PNG”對話框，點(diǎn)擊確認(rèn)按鈕得到一個PNG透明背景圖片。CorelDRAW軟件可以關(guān)閉了

二、ae制作動畫

1、打開AE軟件，把剛才導(dǎo)出的PNG圖片直接拖進(jìn)AE資源庫，再從資源庫里的PNG圖片拖入圖層，然后點(diǎn)開圖層的兩個三角形，一會兒要在這里操作。

2、舞臺旁邊空白處單擊右鍵，點(diǎn)擊“合成設(shè)置“，幀數(shù)率設(shè)置30，播放時長設(shè)置1秒，點(diǎn)擊確定。再在圖層的第一幀的旋轉(zhuǎn)項(xiàng)點(diǎn)擊小圓圈設(shè)置關(guān)鍵幀，然后鼠標(biāo)點(diǎn)擊最后一幀，此時在旋轉(zhuǎn)項(xiàng)填寫數(shù)值1（1代表順時針旋轉(zhuǎn)一圈，-1代表逆時針旋轉(zhuǎn)一圈）。這時按空格鍵可以預(yù)先看見動畫效果。

3、按CTRL+M導(dǎo)出，在彈出的對話框中選好存放路徑，新建一個文件夾，打開文件夾，點(diǎn)擊保存。再點(diǎn)擊”無損“彈出輸出模塊設(shè)置，選PNG格式，選擇RGB+Alpha,設(shè)置好圖片分辨率建議設(shè)置小一點(diǎn)，再點(diǎn)擊確定，再點(diǎn)擊渲染，最后得到動畫圖片序列。

4、打開Adobe ImageReady CS2軟件，導(dǎo)入剛才輸出的圖片序列，點(diǎn)擊4-up選項(xiàng)出現(xiàn)四個畫面，建議選第四聯(lián)，因?yàn)樽罱KGIF文件體積不會太大便于傳輸。這個時候按住CTRL+SHIFT+AIL+S導(dǎo)出動畫，設(shè)置好文件名和存放路徑，點(diǎn)擊保存，再點(diǎn)擊OK并關(guān)閉Adobe ImageReady CS2軟件。最后得到GIF動畫。