原創(chuàng)：三石

01 圓形進度條

我發(fā)現(xiàn)這場發(fā)布會多次使用了這種圓形進度條，覺得蠻不錯的所以模仿制作一下,。

想要實現(xiàn)這個動畫如果不用插件,，會非常的復制，但是我沒找到對應的插件（有知道的朋友可以留言告訴我哦）

我這里講一下不用插件如何制作,，

首先要先確定下小圓的各個位置,。我們可以利用islide的“環(huán)形布局”進行排版。

制作出一個這樣的小圓環(huán),。

案例中的小圓是顏色逐漸邊前的,，我們可以里用isilde的“補間動畫”制作出顏色不一樣的圓。

有了白色的小圓,，要想辦法將他旋轉(zhuǎn)起來（我這里用的是“陀螺旋”動畫）

插入一個與圓環(huán)直徑一樣的線段,，在線段的兩端都加一個“圓”并將其組合。

調(diào)整一下這個組合的角度,，并設(shè)置一下“陀螺旋”動畫

最后將右邊的小圓和線段調(diào)成透明的,，看到的效果就是白色小圓在旋轉(zhuǎn)。

用同樣的方式將其他的小圓也進行設(shè)置,。

并調(diào)整每個圓的旋轉(zhuǎn)角度,。

播放的時候就能出現(xiàn)這個效果了。

最后在添加上文字動畫,，就OK了,，滾動的文字動畫以前講過在這篇文章里。

告別單調(diào),！讓PPT數(shù)字滾動起來,。

看一下最終效果~

類似這樣的圓環(huán)動畫還有蠻多的，不如這樣顯示充電效果的,。

還有這種像汽車轉(zhuǎn)數(shù)表的,。

02  字體漸變動畫

這個在字體漸變，看上去蠻帥氣的,，其實制作起來非常的簡單,。

這其實就是一個用字體將色塊“鏤空”處理,，然后在色塊的下方放置一個漸變的形狀，設(shè)置漸變形狀的移動動畫,，就能實現(xiàn)這樣的效果了,。

首先準備一個色塊和一段文案，并將其進行“合并形狀”—“剪除”,，得到鏤空的色塊,。

插入一個漸變的色塊，將其置于底層,。只要這個色塊運動那文案就會變色,。