Photoshop+AE UI動(dòng)效設(shè)計(jì)從新手到高手

第1章　UI動(dòng)效設(shè)計(jì)概念
1.1?什么是UI設(shè)計(jì)
1.2?UI設(shè)計(jì)的重要性
1.3?平面UI與手機(jī)UI的不同
1.4?動(dòng)態(tài)圖形與UI動(dòng)效
1.4.1?什么是動(dòng)態(tài)圖形
1.4.2?動(dòng)態(tài)圖形的歷史
1.4.3?動(dòng)態(tài)圖形的原理
1.4.4?什么是UI動(dòng)效
1.5?制作UI動(dòng)效的軟件
1.5.1?Photoshop軟件
1.5.2?After Effects軟件
1.6?UI動(dòng)效在產(chǎn)品設(shè)計(jì)中的重要性
1.6.1?UI動(dòng)效善于展示軟件的特色
1.6.2?UI動(dòng)效利于軟件的推廣
1.6.3?UI動(dòng)效降低使用成本
1.7?UI動(dòng)效的運(yùn)動(dòng)規(guī)律
1.7.1?UI動(dòng)效概念
1.7.2?動(dòng)效的持續(xù)時(shí)長和速度
1.7.3?動(dòng)效的緩動(dòng)
1.7.4?界面動(dòng)效的編排
1.8?制作第一個(gè)UI動(dòng)效
1.8.1?設(shè)計(jì)一個(gè)UI小圖標(biāo)
1.8.2?圖標(biāo)的UI動(dòng)效制作
1.8.3?導(dǎo)出UI動(dòng)畫
第2章　Photoshop編輯操作
2.1?Photoshop的工作界面
2.1.1?了解工作界面的工作組建
2.1.2?了解工具箱
2.1.3?了解選項(xiàng)欄
2.1.4?了解狀態(tài)欄
2.1.5?了解面板
2.2?圖標(biāo)設(shè)計(jì)技巧和原則
2.3?跟大師設(shè)計(jì)一組圖標(biāo)
2.3.1?準(zhǔn)備工作
2.3.2?構(gòu)思、草圖
2.3.3?輔助背景的制作
2.3.4?基本形、放大
2.3.5?創(chuàng)作過程
2.3.6?常用方法——變形
2.3.7?進(jìn)階方法——改進(jìn)
2.3.8?成品
2.3.9?形狀工具和選區(qū)的區(qū)別
2.4?對(duì)圖層的基本理解
2.5?路徑的運(yùn)算方法
2.6?制作可回收資源圖標(biāo)
2.7?制作短信圖標(biāo)
2.8?制作照相機(jī)圖標(biāo)
2.9?鋼筆工具的使用
2.10?認(rèn)識(shí)錨點(diǎn)
第3章　UI圖標(biāo)設(shè)計(jì)
3.1?Tumblr圖標(biāo)的制作
3.1.1?制作基本形狀
3.1.2?繪制高光和陰影
3.1.3?表現(xiàn)圖標(biāo)質(zhì)感和立體感
3.2?工具箱圖標(biāo)
3.2.1?制作基本形狀
3.2.2?制作工具箱的正面
3.2.3?制作工具箱的四邊
3.2.4?制作工具箱的四角
3.2.5?制作工具箱的鎖
3.2.6?制作工具箱的提手
3.2.7?制作工具箱的支角
3.3?條形碼圖形
3.3.1?制作條形碼的外形
3.3.2?添加陰影
3.3.3?繪制條形碼
3.3.4?繪制掃描條
3.4?工具圖形
3.4.1?制作工具錘的手柄
3.4.2?制作手柄的外觀
3.4.3?制作錘的底部與頂部
3.4.4?制作錘鉤
3.4.5?制作錘頭
3.4.6?制作扳手工具
第4章　Photoshop按鈕制作
4.1?簡單的水晶方按鈕
4.1.1?制作按鈕的外形
4.1.2?添加陰影和高光
4.2?音樂播放器按鈕
4.2.1?制作背景
4.2.2?制作播放器的外形
4.2.3?制作按鈕底部的背景
4.2.4?制作向前播放按鈕
4.2.5?繪制高光
4.2.6?制作向后播放按鈕
4.2.7?制作暫停按鈕
4.2.8?制作電源亮光
4.2.9?制作播放按鈕
4.3?日歷界面
4.3.1?制作日歷的背景
4.3.2?制作日歷界面
4.3.3?制作日期顯示框
4.3.4?輸入日期
4.3.5?制作翻閱按鈕
第5章　Photoshop輸入框和列表設(shè)計(jì)
5.1?搜索界面輸入框
5.1.1?制作搜索界面的背景
5.1.2?制作標(biāo)題欄
5.1.3?制作按鈕
5.1.4?制作搜索欄
5.1.5?制作菜單欄
5.2?通知列表
5.2.1?制作通知列表的背景
5.2.2?添加高光
5.2.3?制作列表的內(nèi)部
5.2.4?制作列表通知欄
5.2.5?制作圖標(biāo)
第6章　After Effects動(dòng)畫制作
6.1?了解AE
6.2?AE的工作界面
6.3?導(dǎo)入素材
6.3.1?導(dǎo)入單個(gè)素材
6.3.2?一次導(dǎo)入多個(gè)素材
6.3.3?導(dǎo)入文件夾
6.3.4?替換素材
6.4?創(chuàng)建合成
6.4.1?建立一個(gè)合成
6.4.2?用其他方式建立合成
6.5?時(shí)間線操作
6.5.1?時(shí)間線窗口和合成
6.5.2?時(shí)間的定位
6.6?AE的圖層操作
6.6.1?建立文字圖層
6.6.2?創(chuàng)建純色層
6.7?導(dǎo)出動(dòng)畫
6.8?AE的關(guān)鍵幀操作
6.8.1?在時(shí)間線窗口中查看屬性
6.8.2?設(shè)置關(guān)鍵幀
6.8.3?移動(dòng)關(guān)鍵幀
6.8.4?復(fù)制和粘貼關(guān)鍵幀
6.8.5?修改關(guān)鍵幀
6.9?捆綁父子關(guān)系
6.10?制作透明度動(dòng)畫
6.11?制作路徑動(dòng)畫
6.12?動(dòng)畫控制的插值運(yùn)算
6.13?用AI制作路徑動(dòng)畫
6.13.1?雙十二海報(bào)（在AI中分層）
6.13.2?在AE中制作矢量路徑動(dòng)畫
6.14?制作信封UI動(dòng)效動(dòng)畫
6.14.1?制作信封和愛心
6.14.2?制作信封打開動(dòng)畫
第7章　高級(jí)UI動(dòng)效制作
7.1?理解表達(dá)式
7.1.1?表達(dá)式的添加
7.1.2?建立自己的第一個(gè)表達(dá)式
7.2?解讀表達(dá)式
7.2.1?錯(cuò)誤提示
7.2.2?數(shù)組和表達(dá)式
   7.2.3?程序變量和語句
7.3?常用的一些程序變量
7.3.1?Time（時(shí)間）表達(dá)式
7.3.2?Wiggle（擺動(dòng)）表達(dá)式
7.3.3?將表達(dá)式動(dòng)畫轉(zhuǎn)換成關(guān)鍵幀
7.3.4?用聲音來控制動(dòng)畫
7.4?在AE中實(shí)現(xiàn)UI動(dòng)效緩動(dòng)
7.4.1?手機(jī)的UI動(dòng)效制作
7.4.2?UI動(dòng)效緩動(dòng)曲線的調(diào)整
7.5?UI動(dòng)效高級(jí)實(shí)踐
7.5.1?鬧鈴抖動(dòng)UI動(dòng)效的制作
7.5.2?圓形旋轉(zhuǎn)進(jìn)度條UI動(dòng)效的制作
第8章　UI字幕特效制作
8.1?創(chuàng)建文字圖層
8.1.1?創(chuàng)建一個(gè)文字圖層
8.1.2?用文字工具添加文字圖層
8.1.3?文字的豎排和橫排
8.2?創(chuàng)建文字動(dòng)畫
8.2.1?車身文字動(dòng)畫
8.2.2?文字特性動(dòng)畫
8.2.3?選擇器的高級(jí)設(shè)置
8.2.4?文字動(dòng)畫預(yù)設(shè)
第9章　動(dòng)態(tài)圖形轉(zhuǎn)場動(dòng)畫
9.1?認(rèn)識(shí)轉(zhuǎn)場
9.2?快速模糊轉(zhuǎn)場
9.3?刷墻過渡轉(zhuǎn)場
9.4?條形轉(zhuǎn)場
9.5?卡片擦除轉(zhuǎn)場