現(xiàn)在動效和C4D大熱，感覺UI設(shè)計(jì)師不會個一星半點(diǎn)都說不過去了半火。再加上互聯(lián)網(wǎng)時代，信息泛濫季俩，不愁沒有資源钮糖，所以開啟了我自學(xué)的大門，并在簡書上寫下我的自學(xué)之路酌住，供之后方便回顧和交流之用店归。
首選的軟件是AE，AE的強(qiáng)大自不用說酪我，雖然OS系統(tǒng)上有很多簡化的動效軟件消痛，但是要學(xué)就學(xué)全。再加上ADOBE軟件之間的良好的兼容性都哭，可以完美的銜接PS秩伞，同時快捷鍵的使用也能快速上手。
下載的AE版本是2017欺矫，PS版本也是2017（軟件網(wǎng)上都有稠歉，破解一下一分鐘的事~）。以下是AE界面的截圖汇陆，紅色區(qū)域就像是PS里面的畫板工作區(qū)域怒炸，紫色區(qū)域就好像圖層，可以快速找到文件毡代，藍(lán)色區(qū)域應(yīng)該也不陌生阅羹，就像是PS時間軸的升級版本（多了一些參數(shù)，更好的幫我們實(shí)現(xiàn)動效）教寂。
第一步捏鱼，在PSD中，先明確界面中需要實(shí)現(xiàn)動效的部分有哪些酪耕，每一個部分都需要單獨(dú)一個圖層來擺放（相對靜止的可以算作一個）导梆，其余剩下圖層都合并，減少內(nèi)存占用，加快后期渲染看尼。
第二步递鹉，在AE中拖入我們準(zhǔn)備好的PSD，從桌面用鼠標(biāo)直接拖到紫色區(qū)域內(nèi)藏斩，然后釋放鼠標(biāo)躏结，選擇保存原圖層，保持可編輯狀態(tài)即可狰域。/或者新建aep文件媳拴，ctrl+n，
預(yù)設(shè)選擇自定義屈溉，寬度和高度可以自己設(shè)置，幀速率一般選擇默認(rèn)的25幀即可抬探，開始時間碼和持續(xù)時間碼语婴，對應(yīng)的是時：分：秒：幀，末尾逢幀速率進(jìn)一位驶睦，比如現(xiàn)在選擇的是25的幀速率，所以第4位數(shù)從25調(diào)至下一秒的00匿醒。
第三步场航，雙擊圖1中紫色區(qū)域的第一個圖層，即可在藍(lán)色區(qū)域看到所有單獨(dú)圖層的時間軸廉羔，可點(diǎn)擊每一個圖層前面的小三角形溉痢，下拉出現(xiàn)以下參數(shù)，可進(jìn)行相應(yīng)的變換操作憋他。
可以看到孩饼，下拉變換可以選擇錨點(diǎn)，位置（快捷鍵P）竹挡，縮放（快捷鍵S）镀娶，旋轉(zhuǎn)（快捷鍵R），不透明度（快捷鍵T）揪罕，變換的組合就可以完成一些簡單的動作梯码，而藍(lán)色秒表點(diǎn)亮表示設(shè)置了相對應(yīng)的操作。
第四步 根據(jù)自己心中的想要的效果探索吧~~
獻(xiàn)上今天的處女作~~
