UI動效設計實戰教程

    《UI動效設計實戰教程》適合對UI動效感興趣的學員，以及未來想要從事UI設計的學員。

近些年來UI動效是設計行業中特別火的一個分支，那到底什么是UI動效？UI動效到底能做什么呢？其實UI動效設計可以簡單的理解為，把靜態的界面，按一定的規則、邏輯通過相關軟件動態的展示出來，讓其他接口人員更直觀理解UI設計師的成果和理念。

    本套課程前期通過小動效讓學員初步了解AE，并能靈活運用AE中各種圖層及各類圖層屬性，通過AE實現簡單的UI動效；中期會通過稍復雜的案例，讓學員能靈活運用AE各類工具，了解相關插件效果；課程后期會結合一些創意高級案例，讓學員學會各類動效中的常見效果制作，及如何使用插件和表達式制作有趣的UI動效。

    本套課程內容豐富，講解細致，適合各階段學員，希望大家能通過本套的學習開啟自己的UI動效設計之門，學到更多的知識。

《滾動的石頭》

本小節主要介紹AE常用工具與基本操作，重點講解形狀圖層的使用及其屬性動畫使用，通過該案例的學習與操作，了解如何使用形狀工具與純色圖層的結合使用，并使用形狀工具及形狀圖層繪制復雜形狀。

《愛心》

本節課主要詳細介紹時間軸的使用，了解如何使用形狀工具與純色圖層的結合使用，并使用形狀工具及形狀圖層繪制復雜形狀。通過該案例的學習，掌握蒙板的基本知識以及如何通過純色圖層與形狀工具結合使用。

《小開關》

    該案例主要講解合成窗口中各個功能的介紹，重點介紹軌道遮罩的使用，教會大家使用常用的AE效果模擬融合效果，并巧妙利用軌道遮罩設置顏色。

《融合的小球》

本節課主要通過一個案例的演示，重點介紹AE預合成的使用。同時掌握形狀圖層添加動畫中的中繼器的使用，及使用簡單遮罩效果，了解錨點對于圖層的意義及如何快速控制錨點。

《流暢的菜單欄》

該案例主要介紹時間軸和調節圖層的各個功能，通過該案例的學習，了解曲線編輯器，熟練使用調節圖層控制動效元素的屬性。

《小鼠標》

該案例主要介紹時間軸和調節圖層的各個功能，通過該案例的學習，了解曲線編輯器，熟練使用調節圖層控制動效元素的屬性。

《小喇叭》

本節課主要講解圖層運動模糊以及運動模糊的參數調整，了解旋轉動畫與路徑動畫K幀的使用，通過K幀實現變形動畫。

《神奇的按鈕》

本案例主要詳細介紹AE形狀圖層的使用，重點分析形狀工具的使用與動效的實現。通過各種小動效的制作及后期匯總設計來加深學員對動效的理解及制作思路的培養。

《多變的搜索》

本節課主要介紹文字打字機效果的使用，以及輸入光標的制作和簡單表達式的使用。通過本案例讓學員掌握路徑演變動畫基礎。

《郵件通知》

本節課主要通過路徑動畫及多元素圖標演變，讓學員接觸簡單的圖標動效設計。

《炫酷的加載登錄》

本節課主要介紹路徑動畫形狀變化，講解抖動表達式以及光標和文字加載動畫的具體操作。通過登錄界面的演變，讓學員接觸高級、有創造力的動效設計、制作，提高學員的創造力。

《趣味小跑車》

本節課主要介紹AI與AE軟件的結合使用，以及如何把AI文件導入到AE中并分層，利用AE軟件功能實現動效的各種循環動畫。通過本節課的學習，可以讓大家提高設計、制作效率，并掌握初級部分表達式。

《登錄界面》

該案例主要介紹使用拍攝風景圖，并結合AE繪制元素制作登錄頁面，本案例重點介紹手機樣機的處理，以及動效素材的制作和頁面動效的具體制作，并簡單介紹圖層三維功能和運動模糊相關參數設置。

《APP菜單欄演示動效》

本節課主要介紹PSD文件導入AE的知識講解，以及手機APP菜單欄圖標繪制具體操作,包括圖層三維功能與圖層父子級的關聯，以及圖層排序切換動畫設計。通過圖層三維功能的制作，實現界面及菜單欄的切換。

《選擇功能演示動效》

本案例主要介紹各類素材的分類排序，以及預合成中素材的替換及關鍵幀的拷貝，包括抖動的效果調整及添加等。通過畫面切換及補充抖動效果制作，讓學員接觸并掌握抖動效果的制作及如何快速的使用預合成功能。

《電影APP操作演示》

本案例主要介紹APP菜單欄觸發動畫與收縮動畫、以及翻轉頁面效果的制作，通過頁面翻轉切換效果，讓學員更深刻的理解AE中的三維圖層的概念及使用。

《音樂播放器演示》

本案例主要介紹圖片元素的整理與排版，為音樂縮略圖添加唯一動畫，并設置統一父級對象，著重介紹空對象功能的使用。通過演示該動效的具體操作，重點介紹“time”表達式的使用，以及觸發音樂動畫界面和音樂界面動效的制作。通過在位移動畫設置時間差表達式，讓音樂縮略圖加載依次排列出現，讓學員掌握“time”表達式在AE中的應用。

《撥動加載》

通過該案例的講解，重點介紹緩動表達式、彈性表達式與圖層的關聯使用，以及AE攝像機圖層的使用及界面展示效果制作。利用外部表達式程序，模擬彈性效果，讓學員掌握并理解外表表達式的使用，并能熟練應用到各類動效設計、制作中。

《奶茶與信息提醒》

本案例主要講解運用AI繪制動效中的各元素，以及如何保存AI中的各元素和分層處理。詳細分析制作奶茶及珍珠逐漸減少動效的思路，并使用AE中的偏移效果模擬數字變化的效果，結合軌道遮罩制作信息框的數字變動。

《屏幕解鎖功能演示》

本案例主要教大家完成播放器界面繪制和動效制作，以及播放條與音樂縮略圖時間、旋轉的關聯制作。通過實操UI演示動效，結合基礎所學知識制作一個完整APP演示動畫。