近期热门
unity3d卡通特效爆炸教程 感謝破車的包包~

[特效] unity3d卡通特效爆炸教程 感謝破車的包包~

[复制链接]
10287 19 36 107 5年前 举报
大家好~,我是捷,很高興這次可以收到浮生七期的獎勵這還是我第一次拿到實體獎勵呢!(有點小激動) 先附個圖:

            133429b1f77ef6fxzezv1f.jpg 133420tosy7ek6db9tq69k.jpg

還挺喜歡這種設計的 摸起來的質感也很不錯{:6_206:} 爾且好輕阿 背起來特別舒適~

這邊也來分享下課程裡一個自己硬搞出來的爆炸效果(如圖):


爆炸完整特效展示


先說主體模型 就是兩顆球(一顆內圓 一顆做黑色的外邊):

外圓:

外圓

外圓
  內圓: QQ截图20200425134811.png

兩顆疊加:

兩顆疊加

兩顆疊加


模型很簡單就是個半圓 不過這個圓是用平面去搞成圓的 這樣分布比較平均 作法很簡單如下:

先創建一個平面(長寬要一樣 分段越高效果越好):

QQ截图20200425135118.png


添加第一個bend:
QQ截图20200425135132.png

添加第二個bend:
QQ截图20200425135058.png


移動第二個bend裡面的Gizmo的Y方向讓他變成圓:
   QQ截图20200425135150.png

最後把半邊削掉 然後調整一下UV就OK:     
      QQ截图20200425135427.png


接著是比較麻煩的shader部分 這邊直接附圖然後簡單講解就好:
QQ截图20200425140021.png


主體顏色部分:
主貼圖用一張noise 然後使用lerp來做第一階段的變色 這階段主要是為了做整體的簡單上色:
QQ截图20200425140121.png QQ截图20200425140323.png


接著使用程序紋理 來模擬一圈一圈的爆炸 同樣最後也是用lerp做混色 這階段主要是模擬爆炸一圈一圈的感覺:
QQ截图20200425140212.png


然後把兩個結果相乘 最後再把外光暈做1-(為了增加中間能量的強烈感):
QQ截图20200425140220.png


備註:單純使用程序紋理ˋ的話只有一圈一圈的感覺 顏色上會很單調 會導致組合起來缺少細節 下面做了對比 拿掉主貼圖與沒拿掉的區別:

此圖為不添加主紋理
QQ截图20200425140826.png


此圖有添加 並且用兩個顏色去做混色
QQ截图20200425140844.png


會發現整體的顏色會再豐富一點 但是也不會太多的細節 我覺得是我最近感受到的"若有似無的細節"在作卡通風格時 提高質量 我覺得挺有用的{:6_222:}


----------------------------------------------------------------------分隔線------------------------------------------------------------------------------------------------


再來是溶解的部分 這一部分就是作外面那一圈必要的效果:
QQ截图20200425141219.png

這邊是將前面的程序紋理(Voronoi)與另一張程序紋理SimpleNoise作blend 為何要ˊ這樣做是因為原本單一靠Vor的程序紋理所溶解出來的邊邊很假 必須再跟一張noise作blend出來的圖形會比較好看:


沒添加noise作blend:
QQ截图20200425141519.png

有添加:
QQ截图20200425141525.png   

可以看出細節上的差異看起來也自然很多


最後的部分是頂點位移:
QQ截图20200425141736.png


同樣也是用Vor的程序紋理 但是要注意的是細節度要跟另一個一樣 但是tiling要稍微不一樣 會比較調整跟自然


並且這邊用了UV的ZW數據給粒子系統作頂點位移的強度控制

: QQ截图20200425141937.png


然後搭配customdata就可以做到一開始頂點位移強度低 後來漸漸增強的感覺 看起來會更生動:
QQ截图20200425142011.png


最後再加上其他效果(光刺 煙塵 石頭 粒子 閃電等等等...) 這邊附上兩顆材質球的參數作參考:
QQ截图20200425142229.png QQ截图20200425142223.png


----------------------------------------------------------------------分隔線------------------------------------------------------------------------------------------------


結語:首先還是感謝破車的包包~也很感謝浮生老師的用心教學~所以發個教學表達一下謝意{:6_213:} 也慢慢領悟到 其實利用shader作出好看的特效 就必須對顏色shader圖形的理解 多層noise的混和去提高作品的質量 也唯有不斷的練習才能慢慢熟能生巧吧~


如果覺得這篇文章很有用的發點券表達一下哈{:6_222:}{:6_222:}{:6_222:}





36
点赞
0
打赏
107
添加到收藏夹

2

点击复制链接

使用微信扫码分享
一次扣10个券
全部评论19
您需要登录后才可以回帖 登录

天啊,这帧数也太顺滑了
5年前  ·  20楼
回复

使用道具 举报

大佬都是写繁体的吗
5年前  ·  19楼
回复

使用道具 举报

你以为发教程我们就看得懂吗,太高估我们了。
5年前  ·  18楼
回复

使用道具 举报

屌!,大佬慢点 跟不上了
5年前  ·  17楼
回复

使用道具 举报

opp
5年前  ·  16楼
回复

使用道具 举报

感谢分享
5年前  ·  15楼
回复

使用道具 举报

丶柠七 发表于 2020-4-26 11:10
你以为发教程我们就看得懂吗,太高估我们了。

你也可以来一发,七叔叔
5年前  ·  14楼
回复

使用道具 举报

叼了大佬,跟不上了啊
5年前  ·  13楼
回复

使用道具 举报

云吞 发表于 2020-4-26 09:39
其实这包包有点不好看

品牌叫范思哲
5年前  ·  12楼
回复

使用道具 举报

数据加载中....
没有更多评论了
您当前使用的浏览器IE内核版本过低会导致网站显示错误

请使用高速内核浏览器或其他浏览器