目錄

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