AE怎么制作一個(gè)漂亮的進(jìn)度條loading動(dòng)畫?

進(jìn)度條動(dòng)畫用的地方范圍非常廣泛,一般出現(xiàn)在游戲和各種軟件中,怎么做出美觀高大上的進(jìn)度條動(dòng)畫呢?下面我們就來看看詳細(xì)的教程。

Adobe After Effects CC 2019(AE) for Mac V16.1 蘋果電腦版
- 類型:視頻編輯
- 大?。?/span>2.12GB
- 語言:簡體中文
- 時(shí)間:2019-03-28
1、打開AE軟件,按CTRL+N新建一個(gè)合成,設(shè)置好長度和寬度和時(shí)間長度,再點(diǎn)擊確定按鈕。
2、選擇圓角矩形工具,再新建的舞臺(tái)畫出一個(gè)圓角矩形,調(diào)整角的圓度,去掉描邊路徑的眼睛,填充好進(jìn)度條底顏色,然后按CTRL+HOME居中圖形在舞臺(tái)中央。
3、選擇鋼筆工具,按住SHIFT鍵并用鼠標(biāo)畫出一條水平直線,調(diào)整好線的長度,然后按CTRL+HOME居中線條。
4、選擇錨點(diǎn)工具,把線條的中心點(diǎn)調(diào)到線條的左邊線端,在第一幀設(shè)置縮放關(guān)鍵幀并去掉框中的鏈條。再到縮放里設(shè)置線條長度為0,再到最后一幀設(shè)置線條長度為100。
5、點(diǎn)開內(nèi)容項(xiàng),設(shè)置好線條的寬度和顏色。最后線條兩端設(shè)置它的圓點(diǎn),這時(shí)候按空格鍵就可以看見它的動(dòng)畫效果了。這時(shí)候可以導(dǎo)出圖片序列了。按CTRL+M彈出對(duì)話框,設(shè)置好文件存放路徑,設(shè)置好圖片格式,和透明通道,再點(diǎn)擊確定按鈕,再點(diǎn)擊渲染按鈕,最后得到圖片序列。
6、打開Adobe ImageReady CS2,導(dǎo)入剛才的圖片序列,選擇優(yōu)化好的第四聯(lián),再按CTRL+SHIFT+AIT+S輸出GIF格式,設(shè)置好保存路徑,導(dǎo)出后得到動(dòng)態(tài)圖片。
以上就是AE制作一個(gè)漂亮的進(jìn)度條loading動(dòng)畫的教程,希望大家喜歡,請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
AE怎么制作雙圓轉(zhuǎn)動(dòng)的登錄加載動(dòng)畫效果?
相關(guān)文章
- ae怎么制作一段樹皮脫落文字顯示的動(dòng)畫?ae中想要制作一個(gè)脫落出現(xiàn)文字的動(dòng)畫效果,該怎么制作這個(gè)動(dòng)畫效果呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2019-04-16
ae怎么制作多個(gè)圓形移動(dòng)融合的動(dòng)畫效果?
ae怎么制作多個(gè)圓形移動(dòng)融合的動(dòng)畫效果?ae中想要制作多個(gè)圓形移動(dòng)融合的動(dòng)畫,該怎么制作四周的圓形向中間移動(dòng)并融合的效果嗯?下面我們就來看看詳細(xì)的教程,需要的朋友可2019-04-15AE怎么制作雙圓轉(zhuǎn)動(dòng)的登錄加載動(dòng)畫效果?
AE怎么制作雙圓轉(zhuǎn)動(dòng)的登錄加載動(dòng)畫效果?AE中想要制作一個(gè)登陸加載的動(dòng)畫效果,該怎么制作這個(gè)效果呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2019-04-08- AE中繼器怎么制作煙花綻放效果的動(dòng)畫?有時(shí)候網(wǎng)頁加載的時(shí)候,會(huì)出現(xiàn)一個(gè)類似煙花綻放的小動(dòng)畫效果,該怎么制作這個(gè)動(dòng)畫效果呢?今天我們就來看看使用ae中繼器來完成的技巧2019-04-04
AE怎么使用time表達(dá)式怎么轉(zhuǎn)動(dòng)的鐘表動(dòng)畫?
AE怎么使用time表達(dá)式怎么轉(zhuǎn)動(dòng)的鐘表動(dòng)畫?AE中想要制作一個(gè)正常走動(dòng)的鐘表動(dòng)畫,該怎么制作呢?下面我們就來看看ae鐘表轉(zhuǎn)動(dòng)效果的制作方法,需要的朋友可以參考下2019-04-03- ae兩張圖片素材怎么添加斜角擦除過渡動(dòng)畫效果?ae中直走動(dòng)畫過度效果很簡單,想要制兩張圖片斜角擦除的效果,該怎么制作這個(gè)效果呢?下面我們就來看看詳細(xì)的教程,需要的朋2019-04-02
AE怎么制作點(diǎn)擊下拉菜單的動(dòng)畫效果?
AE怎么制作點(diǎn)擊下拉菜單的動(dòng)畫效果?網(wǎng)頁中有很多下拉菜單,想要使用ae制作一個(gè)下拉菜單的動(dòng)畫效果,該怎么制作呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2019-04-01AE2018怎么制作顫抖的文字? ae顫抖字體動(dòng)畫的制作方法
AE2018怎么制作顫抖的文?ae2018中想要制作一個(gè)抖動(dòng)的文字,該怎么制作顫抖的文字動(dòng)畫呢?下面我們就來看看ae顫抖字體動(dòng)畫的制作方法,需要的朋友可以參考下2019-04-01AE怎么制作自行車輪一直轉(zhuǎn)動(dòng)的動(dòng)畫效果?
AE怎么制作自行車輪一直轉(zhuǎn)動(dòng)的動(dòng)畫效果?ae中制作動(dòng)畫很簡單,想啊喲給自行車添加循環(huán)轉(zhuǎn)動(dòng)的動(dòng)畫,該怎么添加呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2019-03-29AE怎么制作一個(gè)loading加載小動(dòng)畫效果?
AE怎么制作一個(gè)loading加載小動(dòng)畫效果?ae中想要制作一個(gè)加載的動(dòng)畫,該怎么制作一個(gè)加載的動(dòng)畫呢?下面我們就來看看ae家在動(dòng)畫的設(shè)計(jì)方法,需要的朋友請(qǐng)參考一下2019-03-24