目錄

第1章 初識UI動效
1.1UI動效的基本概念2
1.2UI動效的價值表現2
1.3UI動效的設計原則4
1.4UI動效的應用領域8
1.5制作UI動效的常用軟件9
1.6UI動效的設計流程9
第2章 After Effects軟件基礎
2.1After Effects工作界面12
2.2After Effects工作流程17
2.2.1導入素材18
2.2.2新建合成20
2.2.3管理素材21
2.2.4制作動畫27
2.2.5保存預覽29
2.2.6渲染導出30
2.3課堂案例—食品餐飲圖標素材導入36
2.4課堂訓練—食品餐飲圖標文件保存37
2.5課後習題—食品餐飲圖標渲染導出37
第3章UI基礎動效制作
3.1基礎屬性動效40
3.1.1課堂案例—食品餐飲Loading動效制作40
3.1.2課堂訓練—文化傳媒閃屏頁動效制作52
3.1.3課後習題—電商平臺Banner動效制作52
3.2文本圖層動效53
3.2.1課堂案例—服裝飾品Banner文字動效制作53
3.2.2課堂訓練—文化傳媒H5首頁文字動效制作62
3.2.3課後習題—電商平臺引導頁文字動效制作62
3.3形狀圖層動效63
3.3.1課堂案例—旅遊出行圖標動效制作63
3.3.2課堂訓練—電商平臺圖標動效制作74
3.3.3課後習題—電商平臺下拉刷新動效制作74
3.4蒙版/遮罩動效75
3.4.1課堂案例—食品餐飲動態圖標制作75
3.4.2課堂訓練—食品餐飲活動頁動效制作87
3.4.3課後習題—電商平臺閃屏頁動效制作88
3.5內置特效動效89
3.5.1課堂案例—IT互聯網餅形圖組件制作89
3.5.2課堂訓練—文化傳媒閃屏頁動效制作95
3.5.3課後習題—文化傳媒H5首頁文字動效制作96
3.6表達式控制動效97
3.6.1課堂案例—IT互聯網開關控件動效制作97
3.6.2課堂訓練—食品餐飲活動頁動效制作112
3.6.3課後習題—旅遊出行二維碼動效制作113
3.7三維效果動效113
3.7.1課堂案例—教育咨詢閃屏頁動效制作113
3.7.2課堂訓練—食品餐飲圖標動效制作121
3.7.3課後習題—文化傳媒Loading動效制作122
3.8人物綁定動效122
3.8.1課堂案例—電子數碼缺省頁動效制作122
3.8.2課堂訓練—旅遊出行空狀態動效制作134
3.8.3課後習題—文化傳媒表情包動效制作135
第4章H5界面動效制作
4.1課堂案例—旅遊出行H5界面動效制作137
4.1.1導入素材137
4.1.2動畫制作138
4.1.3文件保存169
4.1.4渲染導出169
4.2課堂訓練—汽車工業H5界面動效制作171
4.3課後習題—文化傳媒H5界面動效制作172
第5章Web界面動效制作
5.1課堂案例—家居裝修Web界面動效制作174
5.1.1導入素材174
5.1.2動畫制作175
5.1.3文件保存204
5.1.4渲染導出204
5.2課堂訓練—ARTSY家居裝修Web界面動效制作205
5.3課後習題—Easy Life家居裝修Web界面動效制作206
第6章App界面動效制作
6.1課堂案例—旅遊出行App界面制作208
6.1.1導入素材208
6.1.2動畫制作209
6.1.3文件保存236
6.1.4渲染導出237
6.2課堂訓練—電商平臺App界面制作238
6.3課後習題—食品餐飲App界面制作239