今天呢，教大家使用AE製作簡單的APP頁面動效，先來看一下效果。
首先，你需要下載一個AE，一個PS。
咳咳說正經的。
1.先在PS當中準備好分層的設計稿PSD文件，記住，同樣運動的圖層可以進行合層，不運動的進行合層，形狀圖層全部轉換為智能對象或者柵格化。
3.雙擊左側項目空白處，【導入psd文件】進來。導入種類-保持圖層大小，圖層選項-可編輯的圖層樣式。調整一下圖層位置名稱，方便一會兒製作使用。
6.其他同樣動畫的同理。
7.製作山從無到右的動畫：選擇錨點工具，將山層的中心移動到它自己的最下方。
時間線移動到第一幀，在縮放（S）和不透明度（T）打一個關鍵幀。時間線移動到18幀左右，縮放取消勾選鎖鏈，只調y軸從0至100。不透明度從0到100%。
8.線的影子動畫只做透明度即可。
9.走線動畫：選擇line層，最上方工具欄當中找到橢圓形狀工具（其實什麼形狀都可以），在畫布中繪製出蒙版，
點擊蒙版路徑碼錶在第一幀打下關鍵幀，在25幀打下關鍵幀，ctrl+t調整蒙版使line全部顯示。其餘幾個走線動畫同理。
10.點跟隨動畫：選擇circle層，在13幀打下位置和不透明度關鍵幀，位置放在曲線中間半山腰，不透明度調為零。在25幀，位置挪到左後終點，調整不透明度為100%。所有位置曲線都默認是貝塞爾曲線，選擇鋼筆工具，在位置曲線上添加錨點，並且通過拖拽手柄錨點使運動曲線貼合白線。
想要更好更快的學會UI設計，給自己制定個學習規劃是少不了的，提供一個篇瞭解UI設計發展的文章：
分享到:
閱讀更多 蒹葭小夏 的文章
