echarts加载动画效果_入门ae教程:科技类的加载动画,非常酷炫的效果,附带教程...
生活随笔
收集整理的這篇文章主要介紹了
echarts加载动画效果_入门ae教程:科技类的加载动画,非常酷炫的效果,附带教程...
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
效果圖
今天這個(gè)教程屬于初學(xué)者的教程,很簡(jiǎn)單,但是科技類的加載動(dòng)畫,我個(gè)人覺得都是非常酷的(每天5分鐘,充實(shí)一整天)
教程
1、
- 首先打開我們的AE
2、
- 新建一個(gè)合成,1080*660px,持續(xù)時(shí)間10秒
- 將我們的素材導(dǎo)入AE中,導(dǎo)入種類:合成-保持圖層大小,圖層選項(xiàng):可編輯的圖層樣式
3、
- 將三個(gè)素材,分別單獨(dú)預(yù)合成,命名為大圓、中圓、小圓
- 進(jìn)入預(yù)合成調(diào)整合成設(shè)置,將合成的大小改為圓的大小,讓圓的中心點(diǎn)保持在畫布中心
- 三個(gè)素材都用相同的方法,上面這二步是針對(duì)素材有問題的,如果你們自己的素材是對(duì)的,那就跳過
- 選中三個(gè)圖層,在時(shí)間線為1秒17幀的時(shí)候,我們按S鍵調(diào)出縮放并改為0,打上關(guān)鍵幀;在將時(shí)間線移動(dòng)到2秒16幀,我們將縮放改為100,并按R鍵調(diào)出旋轉(zhuǎn),打上關(guān)鍵幀;在將時(shí)間線移動(dòng)到7秒10幀,我們將大圓改為360,中圓改為-360,小圓改為360
- 選中三個(gè)圖層縮放屬性的關(guān)鍵幀,按F9添加緩動(dòng)效果,進(jìn)入圖表編輯器將速度改為前快后慢
4、
- 點(diǎn)擊圓角矩形工具,我們創(chuàng)建一個(gè)12,31的圓角,圓角度數(shù)拉到最大
- 在點(diǎn)擊對(duì)齊工具,垂直對(duì)齊畫布中心,在點(diǎn)擊向后平移(錨點(diǎn))工具,將中心點(diǎn)移到到畫布中心
- 復(fù)制23層圖層(快捷鍵:crl+d),按R鍵打開旋轉(zhuǎn)屬性,每層分別比上一層多15度
- 選中所有圓角矩形,預(yù)合成(快捷鍵:ctrl+shift+c),命名為進(jìn)度
- 進(jìn)入進(jìn)度合成,復(fù)制所有圓角矩形圖層;返回主合成,粘貼
- 在進(jìn)入進(jìn)度合成,我們選中所有圓角矩形,按S調(diào)出縮放屬性,在時(shí)間線為0秒,縮放改為0打上關(guān)鍵幀,時(shí)間線移動(dòng)到1秒,縮放改為100;選中所有圖層的縮放關(guān)鍵幀,我們按F9添加緩動(dòng)效果,并在圖表編輯器里面將速度改為前快后慢;在時(shí)間欄按鼠標(biāo)右鍵選擇關(guān)鍵幀輔助-序列圖層,時(shí)間填寫4秒23幀
- 返回主合成,選中所有圓角矩形,右鍵關(guān)鍵幀輔助-序列圖層,時(shí)間填寫4秒20幀,然后在預(yù)合成所有圓角圖層,命名為進(jìn)度高光
- 在效果欄搜索填充添加到進(jìn)度高光圖層,顏色改為藍(lán)色
- 并將進(jìn)度高光的圖層開始移動(dòng)到2秒16幀
5、
- 點(diǎn)擊文本工具,我們?cè)诋嫴忌陷斎爰虞d
- 在效果欄搜索編號(hào),拖入文本圖層中,將小數(shù)位數(shù)改為0,并在時(shí)間線為2秒16幀的時(shí)候,將數(shù)值/位移/最大值打上關(guān)鍵幀;移動(dòng)時(shí)間線到7秒10幀,將數(shù)值/位移/最大值改為100
- 在點(diǎn)擊文本工具,我們?cè)诩虞d圖層后面加個(gè)%符號(hào)
- 選中兩個(gè)文本圖層,我們拖動(dòng)時(shí)間線將開始改為2秒16幀,顏色都改為藍(lán)色
6、
- 這樣我們的加載動(dòng)畫就做好了
結(jié)語:今天的很簡(jiǎn)單,邏輯簡(jiǎn)單,效果簡(jiǎn)單,步驟也簡(jiǎn)單,總體而言不難(新知識(shí)點(diǎn)0個(gè))
總結(jié)
以上是生活随笔為你收集整理的echarts加载动画效果_入门ae教程:科技类的加载动画,非常酷炫的效果,附带教程...的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 俄妹CosPlay《电锯人》玛奇玛 胶衣
- 下一篇: 普通IO流字符输入输出流文件拷贝