目錄

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