又一年風(fēng)花雪月人情冷暖，又一年歲歲年年歡慶祝福。2014甲午年屬馬，一馬當(dāng)先，馬上有錢(qián)，龍馬精神，萬(wàn)馬奔騰……都充斥著人們對(duì)來(lái)年的期盼和心愿。新浪微博客戶(hù)端依舊祝愿每一個(gè)用戶(hù)眼前一亮天馬行空的展現(xiàn)一下新年新氣象。大家在春節(jié)版微博客戶(hù)端能看到2014馬上新年快樂(lè)~（看過(guò)的請(qǐng)輕噴）這是新版客戶(hù)端更新后開(kāi)機(jī)展示的一段8秒的視(niu)頻(bi)動(dòng)畫(huà)。由相同的三角形分別組合形成的2014、馬頭以及新年彩球的圖案。通過(guò)3D空間旋轉(zhuǎn)、組合、運(yùn)動(dòng)連成一體。寓意著千千萬(wàn)萬(wàn)小小的正能量凝聚成此時(shí)此刻對(duì)新一年的欣喜與祝愿，煥然一體而瞬息萬(wàn)變。
（重點(diǎn)）很多喜歡它的小伙伴兒們都會(huì)對(duì)這個(gè)動(dòng)畫(huà)是如何制作出來(lái)的頗為感興趣，以下就是一些簡(jiǎn)單的分享。首先大家在熟悉photoshop的基礎(chǔ)上，還要知道After Effects動(dòng)畫(huà)設(shè)計(jì)軟件（小白誤入）。
重點(diǎn)：After Effects與Photoshop組合使用制作3D動(dòng)畫(huà)
0， 先要有明確的構(gòu)思（此處省略一萬(wàn)字……）
1，Photoshop制作靜態(tài)關(guān)鍵幀
這里的幀代表的是每一個(gè)組合畫(huà)面的最終效果。
PS設(shè)計(jì)好最終的畫(huà)面好壞是視頻動(dòng)畫(huà)效果的關(guān)鍵，需要在平面設(shè)計(jì)的過(guò)程中將所有的畫(huà)面素材提前標(biāo)注好，標(biāo)注好圖層名，以備動(dòng)畫(huà)調(diào)整中可以隨時(shí)確定好每一個(gè)元素的屬性。最終做到平面的效果就是最終的動(dòng)畫(huà)效果（暫停視頻的畫(huà)面效果）。如果想要加入光效或者調(diào)整顏色，請(qǐng)把這個(gè)任務(wù)交給After Effects吧，相信它的能力比起PS有過(guò)之而無(wú)不及。
2，After Effects 3D圖層來(lái)還原出平面的效果
psd在AE中載入后會(huì)讀取到Photoshop的圖層，包括圖層名以及圖層的位置等屬性。通過(guò)3D設(shè)定將原本平面的動(dòng)畫(huà)素材至于3D空間中，并加入攝像機(jī)、燈光以及陰影，將攝像機(jī)和燈光至于合適的空間位置。
3，設(shè)定新的3D動(dòng)畫(huà)關(guān)鍵幀
在空間中通過(guò)重新設(shè)置和擺放，在運(yùn)動(dòng)過(guò)程中添加更多的關(guān)鍵幀。使之運(yùn)動(dòng)過(guò)程更為充滿(mǎn)活力和空間效果。
4，節(jié)奏與變速運(yùn)動(dòng)的設(shè)定
在整體動(dòng)畫(huà)的運(yùn)動(dòng)關(guān)鍵幀都設(shè)定好之后，再根據(jù)需要做整體的動(dòng)畫(huà)，這里設(shè)置了整體的3D旋轉(zhuǎn)，配合上攝像機(jī)景深的效果，設(shè)計(jì)出更具有空間感畫(huà)面效果。
5，移動(dòng)端高質(zhì)量壓縮輸出
視頻的壓縮需要根據(jù)輸出的要求而定，不同的輸出方式?jīng)Q定視頻壓縮的不同格式。在移動(dòng)設(shè)備上，MP4是較為通用的視頻格式。在iOS設(shè)備上也可以用mov等其他格式。MP4可以保證視頻的文件足夠小的情況下畫(huà)面幀數(shù)和畫(huà)質(zhì)損失較小。最后選擇合適的壓縮碼率和壓縮分辨率，輸出后在不同的移動(dòng)設(shè)備中測(cè)試。
小結(jié)
所有的動(dòng)畫(huà)視頻設(shè)計(jì)都都需要一個(gè)清晰而明確的思路和方法。才能更加快速和準(zhǔn)確的達(dá)到最終的表現(xiàn)效果。其中含有運(yùn)動(dòng)體驗(yàn)的設(shè)計(jì)都離不開(kāi)各種運(yùn)動(dòng)變速技巧。無(wú)論是運(yùn)用到視頻動(dòng)畫(huà)還是界面動(dòng)效都需要努力的積累和實(shí)現(xiàn)應(yīng)用。
