轉自：http://jingyan.baidu.com/article/f96699bbb1a0d6894f3c1b77.html

參考：http://www.unitymanual.com/thread-2993-1-1.html?_dsign=a97a2a84

本篇教程為基礎篇，針對U3D入門新手，講解粒子系統播放序列圖的一種實現方法，隨著基礎教程的知識點的慢慢積累，以后將逐步展開進階篇，項目實戰篇，終極篇的講解，也會在以后陸續發布AE特效篇，maya特效篇，中間也會穿插一些ae，maya結合應用實力，請看官們多多關注。

工具/原料

·??????Unity3D?4.53f

·??????Affter Effects CS4

·??????Photo Shop CS 6

方法/步驟

1.??????????1

第一步：翅膀素材，可自行百度搜索或手繪，可根據項目或個人喜好取材，這里取一個卡通翅膀作為案例素材，希望能起到拋磚引玉的作用。

2.?????????2

第二步：打開PS，扣除黑色背景，只留下翅膀，這一步也可AE處理，但考慮到新手朋友對PS遠比AE熟悉，就盡量用大家熟悉的軟件去處理這些工作，如果對AE有一定的基礎的同學，可在AE中處理，可逃過這一步。

3.?????????3

??此時選中的是黑色背景，按Ctrl+Shift+i，反選所選區域，得到翅膀的選區，Ctrl+J，把選區做到新層里，隱藏或刪除原始圖層皆可。最后輸出為png格式即可。

4.????? ??4

第三步：打開AE,導入翅膀素材，制作翅膀的另一半。

??新建300X300合成，導入翅膀素材拖拽到合成窗口里，調整位置，Ctrl+D，復制一個翅膀層，按S快捷鍵，調出縮放屬性，取消前面小鎖鏈標志，復制的翅膀圖層X軸向設置負數，沿著Y軸向鏡像，然后再勾選上小鎖鏈，得下圖

5.?????????5

第四步：處理翅膀的光感，添加特效濾鏡，調節出所需色彩效果。如下圖

Unmult這個是一個特效插件，扣黑作用，網上可搜索到，下載之后復制到AE安裝文件中的插件目錄下即可

6.????????6

第五步：調整翅膀層的旋轉軸中心點

??調節簡單的動畫，只需要給翅膀做旋轉即可，即給旋轉屬性K關鍵幀，在做這一步驟之前，需要做的一個操作就是把圖層的中心旋轉軸設置在翅膀下圖位置，按快捷鍵Y，可移動中心軸的位置。

7.?????????7

第六步：K幀旋轉動畫，讓翅膀揮動起來

?1、選中兩個圖層，按快捷鍵R，調出旋轉屬性，點擊屬性前面的碼表形狀的關鍵幀記錄器，只有在激活狀態，操作的數值變化才會被記錄下來，合成設置的是8幀，CTRL+K快捷鍵可設置合成相關屬性。

2、下圖關鍵幀設置在-10到10兩個極端值之間變化，輕微的翅膀揮動動畫，

第一層“左翅膀2”這個層的屬性數值從左到右10，0，-10，0，10

第二層“左翅膀2”這個層的屬性數值從左到右-10，0，10，0，-10

這樣做出的效果首尾數值相同，得到一個循環的效果。

8.????????8

第七步：調節好關鍵幀之后，可以輸出序列圖了，在你的合成窗口，按Ctrl+M調出渲染隊列，橙黃色字體三個設置項“最佳設置”無需改動，“輸出組件”如下圖設置，格式為PNG序列，通道選擇RGB+Alpha,點擊確定

9.????????9

第八步：渲染隊列里的“輸出到”就是儲存序列的位置，指定到你自己創建的文件夾里即可。設置好之后，點擊渲染列隊里最右邊的“渲染”按鈕，等待渲染輸出。

10.???10

第九步：輸出得到的渲染圖是一組序列，8張圖，大小300x300。

11.??????11

第十步：打開PS，新建文件大小，因為要做2X4的圖，方便位置能整齊的擺放，暫先設置高600，寬1200大小尺寸圖，最終大小，在后面的輸出里調節。

12.?????12

第十一步：為了能更精確的擺放位置，有個小技巧教給大家，PS里有一個切片工具，下圖所示。

13.?????13

彈出一個對話框，設置劃分的參數，參數如下圖，得到2x4標準切割位置參考線。

14.????14

第十二步：選中輸出的序列圖，從第一張圖選中，按shift加選最后一張圖，拖拽到ps里，此時出現第一張圖，按V進入移動模式，移動到第一個格子里，移動好位置，匹配到切割線，回車，然后第二張圖自動導入，同上依次調整好八張圖，得到下圖效果。

15.?????15

第十三步：清除切線參考，否則輸出的又會是八張圖，切割的作用就是把整圖切割成小圖，這里只是小技巧借用這個切割線得到分配的位置參考線，做好之后還是要清理掉切割效果的，在視窗里，清除切片

16.????16

第十四步：儲存格式并且修改大小，ps文件，儲存為Web所用格式，設置里根據項目對資源的需求修改圖像大小，如果是個人練習圖可大一點，相對會清晰很多，如果項目需要壓縮節省資源，可設置大小變小一點，會損失一些畫面效果，自己衡量找到一個平衡點，這里不多贅述。注意的參數下圖也已經標出，PNG格式，大小設置和輸出后文件大小都在紅框里。

17.?????17

第十五步：下面要做到Unity3d里面，打開U3D，創建一個粒子系統命名為“par_chibang”。

18.????18

第十六步：在你項目目錄里，創建一個新材質，一般我在工程目錄里創建的材質文件夾名為Materials，在里面創建一個材質球，自己命名，我命名mat_chibang。把這個材質直接拖拽給剛才創建的粒子系統上即可，就給這個粒子系統賦予了這個材質，材質的設置稍后配圖講解。

19.????19

第十七步：設置粒子屬性，下面截圖參考，如果對粒子系統各屬性不是很了解，日后我會貼出一個新帖子，專門講解粒子屬性，以及實操項目中遇到的問題和一些小技巧。下面把修改過的參數屬性截圖貼上來。

20.??20

上步驟基本粒子屬性，不再多贅述，下面關于配合材質，需要專門圖文講解下，此時把之前做的2x4組合圖的翅膀圖復制到U3D項目工程里，可建立文件夾名為Tex存放圖貼，給材質上圖貼方法也很簡單，在項目工程里，找到你的翅膀序列圖，拖拽給下圖紅框位置即可。

21.?????21

使用的材質類型為Particles/AlphaBlended，這個材質可讀取透明信息，和PNG圖的顯示，很好的匹配上，如下圖

22.????22

如果不啟用這個粒子系統的TextureSheet Animation的話，得到的就是一個我們制作的多翅膀序列圖，如下圖

23.????23

現在要做的是播放序列，這個就需要啟用TextureSheet Animation，就是勾選前面√就是啟用，設置參數上面截圖也已經有過了，這里再貼一次，就是x軸向四個圖，y軸向2個圖，告訴系統這個圖的分圖坐標信息，其中Cycles這個是循環數，就是粒子生命周期內播放幾個循環，數值大，速度快，這個也很好理解不再多贅述，參考下圖

24.???24

做完以上操作，就能看到翅膀效果圖了

25.????25

以后會講解更多的知識點，讓看官們能制作出更豐富的特效，篇幅略長，這里就不再繼續貼了，先學會制作序列幀特效，靈活的處理手上的項目，以上內容才是重點，此篇教程到此告一段落，內容涉及的軟件比較多，但都是這些特效軟件基礎的應用，并沒增加難度，如果看官們跟不上的話，可能要多多扎實基礎了。

END

注意事項

·??????PS處理序列圖時一定要對齊，不然會在u3d里奇葩的跳動

·??????粒子大小參數可根絕自己項目自行設定，日后會出一些插件篇告訴大家如何隨意縮放粒子大小

?

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

PS：如果運行時發現特效被NGUI擋住了，則可以這樣解決（Order in Layer 設為1）

解決方法是：

? 因為粒子系統的渲染順序列默認為3000，而NGUI的渲染順序默認也是從3000開始，當有嵌套的panel時或者Depth更高的panel時，GUI的渲染順序會高于3000，

解決辦法是，

1.修改Ngui中的UIPanel腳本中的默認的RenderQueue, 調整到3000以下，這樣就不會遮擋住粒子特效了，當有的窗口需要顯示在特效上面時，在檢視面板中把該窗口的Renderer Q選項調整為Start At，值為3000以上，就可以解決，不過我的NGUI版本為3.1.6，所以可以直接調整。

2.使用另外一個攝像機，顯示特效。但是在UI窗口相互切換時，不太好控制。

3.修改粒子特效的Shader中的RendererQueue值。

總結

以上是生活随笔為你收集整理的Unity3D:粒子特效(Particle System)播放序列帧动画的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。