目錄

第　1章 初識UI動效
1.1　UI動效的基本概念　2
1.2　UI動效的價值表現(xiàn)　2
1.3　UI動效的設計原則　4
1.4　UI動效的應用領域　8
1.5　制作UI動效的常用軟件　9
1.6　UI動效的設計流程　9
第　2章 After Effects軟件基礎
2.1　After Effects工作界面　12
2.2　After 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　課堂案例食品餐飲動態(tài)圖標制作　75
3.4.2　課堂訓練食品餐飲活動頁動效制作　87
3.4.3　課后習題電商平臺閃屏頁動效制作　88
3.5　內(nèi)置特效動效　89
3.5.1　課堂案例IT互聯(lián)網(wǎng)餅形圖組件制作　89
3.5.2　課堂訓練文化傳媒閃屏頁動效制作　95
3.5.3　課后習題文化傳媒H5首頁文字動效制作　96
3.6　表達式控制動效　97
3.6.1　課堂案例IT互聯(lián)網(wǎng)開關控件動效制作　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　課堂案例電子數(shù)碼缺省頁動效制作　122
3.8.2　課堂訓練旅游出行空狀態(tài)動效制作　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　課堂訓練汽車工業(yè)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