標題小動畫（4）
註：源文件獲取方式見文末
本篇來講一個標題小動畫的製作，效果如下，
這個效果可以拆解成兩個部分：「裝飾部分「和」主題部分「（分別對應下圖中的左邊和右邊）。
先來看「裝飾部分」。
首先插入5個完全相同的紅色矩形，邊框設置為無，並且使其緊密排列。
接著在5個矩形的下方插入兩條相同的白色線段，使其關於中心對稱。
下面來添加動畫。
選中中間的紅色矩形，添加「伸展」進入動畫，具體設置如下，
效果如下，
然後再給其添加「層疊」退齣動畫，具體設置如下，
這樣，中間矩形的動畫就完成了，效果如下，
接著，我們只需要用「動畫刷」把中間矩形的動畫複製給其他的矩形即可。
為使動畫從中間向兩側依次播放，我們把靠近中心的兩個矩形的動畫整體延遲「0.05s」，最外側的兩個矩形動畫整體延遲「0.1s」，
這樣所有矩形的效果就完成了，
然後選中左側的白色線段，分別添加「切入」進入動畫和「擦除」退齣動畫，具體設置如下，
再把左側白色線條的動畫用「動畫刷」複製給右邊的白色線條，並把動畫的方向改為相反的方向，就有下面的效果了，
接下來看「主題部分」。
首先插入主標題（WELCOME）和副標題（HUADAO PPT）。
在副標題的兩側插入兩條對稱的紅色線條，為了調整方便，我們把紅色線條和副標題組合成一個對象。
下面來添加動畫。
選中主標題，添加「切入」進入動畫，具體設置如下，
接著選中副標題，添加「基本縮放」進入動畫，具體設置如下，
效果如下，
跟案例中的效果已經差不多了。
我們再插入一個與背景色相同的矩形（這裡為深藍色），並將其置於主標題和副標題之間，如下所示，
注意，這裡的矩形其實充當一個遮罩層，位於主標題之上，副標題之下，我們把矩形的邊框設置為無，這時的效果就跟案例中的完全相同了。
至此，兩部分的動畫效果都完成了。
最後，把第一部分的對象拖到第二部分的上方將其蓋住就OK啦。
如果覺得案例中的動畫速度有些慢，也可以加快一下速度，
當然也可以把背景換成圖片，
本篇結束。
源文件獲取方式：聊天界面回復 標題小動畫4
如有問題請在下方留言，或在聊天界面詢問，或加我微信（xiliuiori）。
另外，如果大家覺得寫得不錯，歡迎分享，也可掃描下方二維碼給個讚賞
