::
8. 動畫的組合
今天開始，正式進入動畫的實踐。
Keynote 提供了非常多的動畫，除了頁面之間的過渡效果，還可以為頁面內的構件添加出現、動作和消失動畫。常見的動畫效果都源於現實，在真實世界中，物體的運動往往伴隨著多種變化。比如一個籃球落在地上，除了位置的移動，還同時伴隨形狀、方向、速度以及光影的變化。如果想製作出更為細膩、逼真的動畫效果，就需要將這些變化進行組合。
先來看這次實例的最終效果
（該動畫製作靈感來自蘋果官網 iPhone 7 主頁，原版效果請看這裡：http://www.apple.com/cn/iphone-7 ）
在這個實例中，利用了「構件順序」對多個動畫進行組合排列，模擬出真實的光影變化。我們來看具體的製作步驟：
1）導入圖片素材，調整好大小和位置，然後複製一頁，用於接下來的操作。
2）利用前幾次教程中練習的形狀繪製方法，用鋼筆把照片中的高光部分勾勒出來。繪製形狀時不用特別精準，只要能遮蓋住高光即可。
3）繪製所有高光部分的形狀。通過左邊的對象列表可以看出，分別有9個形狀，我用不同顏色進行了區分，請注意觀察哪些部分需要分開繪製。
4）繪製完所有高光的形狀後，複製當前頁面。在新頁面中，將所有形狀進行「混合」。
5）將混合後的形狀填充為黑色，並複製粘貼到第一頁，遮蓋原圖中的高光。
6）將步驟3中繪製好形狀的頁面複製9頁（有幾個形狀就複製幾頁），每一頁只保留一個形狀。
7）點擊形狀和圖片，進行遮罩處理。這一步相當於把每一個高光進行摳像。重複此步驟，直到把9個頁面中的高光都單獨摳出。
8）將摳出來的高光，逐一複製粘貼到第一頁中。如果之前的操作過程中沒有移動到圖片，那麼粘貼後，高光均完美對位。此時可以刪除其它多餘的頁面。
9）為最底層的原始圖片添加「漸現」效果，為所有高光添加「劃變」效果。並且在「構件順序」中將所有「劃變」效果設置為「與構件1一起」播放。
10）接下來，請耐心地調節每一個「劃變」的持續時間和方向。這個步驟需要你反覆觀看教程開頭的演示視頻，弄清楚每一個高光的變化特徵，然後自己動手調試。
11）除了調節動畫的時長，有時還需要讓某個動畫開始得晚一些，這就得調節構件順序中的「延遲」。
通過這個動畫實例，希望可以給各位一些啟發，當圖片素材非常有限的時候，如何利用形狀遮罩和動畫的組合，製作出複雜的動態效果。
之前的5次推送，我們反覆在練習形狀的組合和繪製。可能很多朋友不太理解，為什麼要花這麼多的篇幅講這些內容，甚至認為我是在「預熱」。在我看來，繪圖是一切設計的基礎。就像學吉他要練習指法、爬格子，學習架子鼓要先練習單跳、雙跳，學習美術要練習素描. 只有基本功紮實了，才有發揮創造力的可能。比如今天的這個例子，如果沒有經過繪圖的訓練，你很難想到用摳圖的方法把一張靜態的圖片拆分成一堆「零件」，再利用動畫組合出逼真的光影效果。
總之，這套教程的宗旨，就是希望能像學吉他一樣帶著大家「練指法」、「爬格子」、「扒歌」.只有熟練掌握了技術，才能自由地「演奏」。
好了，接下來輪到你動手了！
——
「小餓班」的學員請在網盤中下載素材進行練習，稍後我會在群內講解動畫調節的關鍵步驟。加入「小餓班」請長按識別下方二維碼付款，不清楚「小餓班」是什麼，請 戳我。付款時請務必在「添加留言」裡填寫你的微信號，並確認在微信「設置>隱私>添加我的方式」裡打開了「可通過微信號找到我」。付款成功後我會聯繫你入群。如果付款後24小時內都沒有入群，請及時在公眾號後臺留言與我聯繫。
::
長按圖片 識別圖中二維碼 關注我