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

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

CorelDRAW X8 64位 簡(jiǎn)體中文安裝免費(fèi)版(附序列號(hào))
- 類型:圖像處理
- 大?。?/span>547.9MB
- 語(yǔ)言:簡(jiǎn)體中文
- 時(shí)間:2016-11-23

After Effects CS5.5 漢化特別版(附注冊(cè)機(jī)+序列號(hào)+破解補(bǔ)丁)
- 類型:媒體其它
- 大小:1.45GB
- 語(yǔ)言:簡(jiǎn)體中文
- 時(shí)間:2018-03-22
一、cdr制作圖形
1、打開(kāi)CorelDRAW軟件(不限版本),新建一個(gè)文件,在空白處按住CTRL鍵畫一個(gè)正圓圈。
2、選擇弧形工具,調(diào)整至垂直中心點(diǎn)對(duì)其,然后按F2鍵調(diào)出輪廓筆,設(shè)置好喜歡的顏色、設(shè)置線的厚度、角、線條端頭為圓頭,最后點(diǎn)擊確定按鈕。
3、如圖所示選擇透明度工具,拉出線端一端的漸變透明度,再水平翻轉(zhuǎn)復(fù)制圖形。一定要仔細(xì)看這個(gè)步驟的最后一張圖的操作步驟。
4、然后把剛才復(fù)制的反向圖形垂直翻轉(zhuǎn),然后按CTRL+A全選圖形,此時(shí)注意輸入法,如果系統(tǒng)自動(dòng)切換到了中文,要切換回英文輸入法,然后按“E”鍵讓圖形水平對(duì)齊。
5、圖形對(duì)齊之后,這個(gè)時(shí)候按CTRL+E導(dǎo)出PNG圖片。選擇好圖片存放路徑,設(shè)置好文件名,文件格式為PNG,點(diǎn)擊導(dǎo)出按鈕,過(guò)一會(huì)兒彈出“導(dǎo)出到PNG”對(duì)話框,點(diǎn)擊確認(rèn)按鈕得到一個(gè)PNG透明背景圖片。CorelDRAW軟件可以關(guān)閉了
二、ae制作動(dòng)畫
1、打開(kāi)AE軟件,把剛才導(dǎo)出的PNG圖片直接拖進(jìn)AE資源庫(kù),再?gòu)馁Y源庫(kù)里的PNG圖片拖入圖層,然后點(diǎn)開(kāi)圖層的兩個(gè)三角形,一會(huì)兒要在這里操作。
2、舞臺(tái)旁邊空白處單擊右鍵,點(diǎn)擊“合成設(shè)置“,幀數(shù)率設(shè)置30,播放時(shí)長(zhǎng)設(shè)置1秒,點(diǎn)擊確定。再在圖層的第一幀的旋轉(zhuǎn)項(xiàng)點(diǎn)擊小圓圈設(shè)置關(guān)鍵幀,然后鼠標(biāo)點(diǎn)擊最后一幀,此時(shí)在旋轉(zhuǎn)項(xiàng)填寫數(shù)值1(1代表順時(shí)針旋轉(zhuǎn)一圈,-1代表逆時(shí)針旋轉(zhuǎn)一圈) 。這時(shí)按空格鍵可以預(yù)先看見(jiàn)動(dòng)畫效果。
3、按CTRL+M導(dǎo)出,在彈出的對(duì)話框中選好存放路徑,新建一個(gè)文件夾,打開(kāi)文件夾,點(diǎn)擊保存。再點(diǎn)擊”無(wú)損“彈出輸出模塊設(shè)置,選PNG格式,選擇RGB+Alpha,設(shè)置好圖片分辨率建議設(shè)置小一點(diǎn),再點(diǎn)擊確定,再點(diǎn)擊渲染,最后得到動(dòng)畫圖片序列。
4、打開(kāi)Adobe ImageReady CS2軟件,導(dǎo)入剛才輸出的圖片序列,點(diǎn)擊4-up選項(xiàng)出現(xiàn)四個(gè)畫面,建議選第四聯(lián),因?yàn)樽罱KGIF文件體積不會(huì)太大便于傳輸。這個(gè)時(shí)候按住CTRL+SHIFT+AIL+S導(dǎo)出動(dòng)畫,設(shè)置好文件名和存放路徑,點(diǎn)擊保存,再點(diǎn)擊OK并關(guān)閉Adobe ImageReady CS2軟件。最后得到GIF動(dòng)畫。
以上就是AE制作相互追逐的圓環(huán)加載loading動(dòng)畫的教程,希望大家喜歡,請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
ae怎么制作多個(gè)圓形移動(dòng)融合的動(dòng)畫效果?
相關(guān)文章
AE怎么制作一個(gè)漂亮的進(jìn)度條loading動(dòng)畫?
AE怎么制作一個(gè)漂亮的進(jìn)度條loading動(dòng)畫?網(wǎng)頁(yè)中經(jīng)常能見(jiàn)到進(jìn)度條加載動(dòng)畫,該怎么制作一個(gè)進(jìn)度條加載動(dòng)畫效果呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2019-11-12- AE怎么制作旋轉(zhuǎn)豎立的文字動(dòng)畫?想要制作一個(gè)文字動(dòng)畫,該怎么制作創(chuàng)意的文字動(dòng)哈呢?下面我們就來(lái)看看AE制作旋轉(zhuǎn)豎立的文字動(dòng)畫的教程,需要的朋友可以參考下2019-11-08
AE怎么制作光線粒子沿路徑移動(dòng)的開(kāi)場(chǎng)動(dòng)畫?
AE怎么制作光線粒子沿路徑移動(dòng)的開(kāi)場(chǎng)動(dòng)畫?想要使用ae制作炫酷的開(kāi)場(chǎng)動(dòng)畫,該怎么制作作粒子沿路徑運(yùn)動(dòng)及路徑光線效果呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考2019-10-28AE怎么制作漂亮的粒子進(jìn)場(chǎng)動(dòng)畫?
AE怎么制作漂亮的粒子進(jìn)場(chǎng)動(dòng)畫?ae中想要制作一個(gè)粒子進(jìn)場(chǎng)動(dòng)畫,該怎么制作這個(gè)動(dòng)畫效果呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2019-10-12- AE怎么制作一個(gè)小丑帽掉落的動(dòng)畫?ae中想要制作一個(gè)小丑帽子掉落的動(dòng)畫效果,該怎么制作呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2019-10-12
- AE怎么制作文字慢慢融化效果的動(dòng)畫?ae中想要制作一個(gè)動(dòng)畫效果,該怎么制作文字慢慢變成一坨直至消失的動(dòng)畫呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2019-10-11
AE怎么制作小球在矩形框內(nèi)融合滾動(dòng)的動(dòng)畫?
AE怎么制作小球在矩形框內(nèi)融合滾動(dòng)的動(dòng)畫?AE中想要制作一個(gè)融合效果的動(dòng)畫,該怎么制作這個(gè)效果呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2019-09-20AE怎么實(shí)現(xiàn)文字跟隨音樂(lè)節(jié)奏舞動(dòng)的動(dòng)畫?
AE怎么實(shí)現(xiàn)文字跟隨音樂(lè)節(jié)奏舞動(dòng)的動(dòng)畫?AE中想要制作一個(gè)跟隨文字跳動(dòng)的動(dòng)畫,該怎么制作這個(gè)動(dòng)畫效果呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2019-09-20- AE怎么制作手寫文字漂浮的動(dòng)畫效果?AE中想要制作一個(gè)手寫的文字不斷浮動(dòng),該怎么添加這個(gè)效果呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2019-09-19
- AE怎么制作孩子吹泡泡的動(dòng)畫效果?AE中想要制作一個(gè)孩子吹泡泡的動(dòng)畫效果,該怎么制作這個(gè)兄啊過(guò)呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2019-09-18