VX動效如何入門？這裡有一些實用學習資料

本文首發網易遊戲學院，GameRes經授權釋出。

今天給大家帶來一篇VX動效入門乾貨文章，主要從哪裡學，怎麼做，如何深入等三個方面，系統講下VX動效學習如何入門。

一、學習渠道

（一）靈感來源

1.遊戲 ： 參考風格、互動表現、效果、情景等；

2.影視 ：參考細節刻畫、氛圍營造，鏡頭運用等；

3.生活規律 ：自然運動規律，自然現象，自然反饋等；

比如遊戲的情景學習：


比如影視的氛圍學習：看下圖，電閃雷鳴時候，周圍是怎樣的氛圍效果，生物是怎樣的情緒和反饋，在做介面動效氛圍營造時候就可以借鑑其氛圍感受。



電影的細節刻畫學習：



自然現象運動規律學習：作用物與被作用物各自的反饋是如何表現的。


（二）教程來源

以下列舉幾個十分常用的教程網站或參考網站：

1.油管，比如 ：

https://www.youtube.com/watch?v=ir9Rvi1QG8Y&t=237s

2.behance，比如 ：

https://www.behance.net/mathewdesanctis

3.vimeo，比如 :

https://vimeo.com/312858152

4.B站，比如 ：

https://search.bilibili.com/all?keyword=AE%20%E6%95%99%E7%A8%8B&from_source=nav_suggest_new

5.Pinterest，比如 :

https://www.pinterest.com/liulina2019/fx/%E5%8D%A1%E7%89%8C/

6.花瓣網，比如 ：

https://huaban.com/pins/3126584486/

二、VX常用工具

1.設計及製作工具：AE\PS\Flash\Spine\live2d\3DMAX\C4D...

2.引擎及實現工具：Unity\UE4\Cocos\FairyGUI\Messiah\Splend...


對於初學者的個人建議：設計軟體先學習AE，引擎先學習Unity，因為這兩個是最最常用的，學習AE能夠同時訓練動畫節奏和特效基礎，而且效果可見性及時，Unity是目前市場最廣泛應用的引擎，而且這兩款軟體的網上教程資源是非常豐富的，很容易上手。對於其他軟體，其實使用原理都是相通的，只要掌握了原理和規律，願意花時間去學習瞭解都是能夠掌握的，前期不用急切把所有軟體都學會，循序漸進即可。

三、專案中動效製作流程


動效製作的主要流程是：需求分析-設計預演-實現落地，而在專案真實的操作不止如此，他會中間穿雜著一些反覆的過程，比如，拿到需求後，如果沒有靈感，會先蒐集對應參考，再製定合適的設計思路，再進行設計預演，設計預演的過程中會反覆地跟GUI或UI或策劃進行溝通，在設計和功能上達到統一意見後，再進行落地到專案引擎裡面，落地之後，需要主動進遊戲去跑查效果是否正確，如果遊戲效果跟設計對不上，要去排查問題，找解決辦法，這個過程中也會跟程式大哥溝通頻繁。

四、專案動效案例展示

1.效果展示


2.GUI設計資原始檔整理與拆分

GUI同學的PSD設計原始檔：


拿到PSD檔案後，進行整理和拆分：

備註：好的PSD檔案是分層清晰，名字對應的，切圖乾淨的；與GUI同學合作時，可以告知需要的圖層效果和切圖需求，請GUI同學拆好合並後再給到VX同學，這樣的方式是最好的，以防VX同學自己合併整理圖層時，影響改變某些內建的效果（比如：父組是穿透模式）

整理後的圖層如下：


3.AE素材匯入


4.AE設計階段

在思考好設計方案之後，對動效需求進行拆分設計，設計的過程中同時思考以下幾個方面：

①如何準確地表達其功能

②外觀與整體美術風格是否協調

③是否是合理的表現與節奏感

④對後期輸出的資源量大小心裡有數，是否在合理範圍內

⑤能否充分發揮其互動特效




5.落地實現階段

使用專案對應的UI編輯器進行落地資源分拆製作，這個例子在專案中的實現如下：


輸出方式：

PNG圖片序列幀

Cocos編輯器動畫

Plist粒子特效

程式直接程式碼實現





以上便完成了一個動效需求的製作和實現，VX基本的工作流程差不多是這樣。當然處於不同的專案，工作流程也會有些許不同，比如，UE4引擎的專案，可以省略AE設計預演階段，而直接在UE4虛幻引擎中直接製作，展示，反饋，實現，工具的選擇還是需要看設計師個人習慣而定，不需太拘謹在某個工具的使用。

五、深入學習需要做到哪些方面

1.動畫原理學習

平時多做一些運動規律的練習，更紮實地去了解動畫原理，推薦動畫的十二法則，大部分動畫的運動規律都在這十二法則的規律上進行延申，這裡需要強調下：動效中運用的動畫不限於此法則，因為需要根據設計而定，根據專案風格而定，不要死板地運動到每個設計中，需要取巧地運用，同時還要考慮玩家的互動習慣。

https://medium.com/ux-in-motion/creating-usability-with-motion-the-ux-in-motion-manifesto-a87a4584ddc

2.特效原理學習

特效的練習，可以在這幾個方面下功夫：色彩、結構、節奏；平時多瀏覽美術大佬們的特效網站。


3.創意思維培養

目的是鍛鍊自己的導演思維，開拓視野，以編導的思維去做動效設計，除了平時的小控制元件動效外，特別有利於做轉場動效的設計以及高階風格的預演設計，有利於作品品質和設計高度的提升。

4.互動體驗思考

平常玩遊戲時候多留意各種互動的反饋形式，APP的互動方式也可以進行學習，歸納總結其原理可以運用到遊戲裡。動效設計不同於美術特效設計，在設計的時候需要同時兼顧使用者體驗，考慮使用者感受與操作反饋，因此，平時自己在使用一些應用軟體的時候可以多留意多學習多總結。比如下面APP展示介面的切換效果非常舒服。可以分析其運動規律、節奏等，進行思考、拆解、運用。


5. 進一步認識設計和UI互動

推薦分享給大家我個人覺得對我很有幫助的兩本書：

《寫給大家看的設計書》

《認知與設計_理解UI設計準則》


以上是我很想分享給大家一起學習的內容，歡迎大家入坑VX動效行業，期待你們的加入，我在這裡等你們?..


希望這篇文章能給大家一些學習上的啟發和幫助，如果各位同學對於VX的學習有其他疑問或者不同看法，歡迎在評論區交流探討~