Embedded Files
基礎知識的部分請在特效首頁查看
基礎知識的部分請在特效首頁查看
1. 繪製貼圖讓劍發光
1. 繪製貼圖讓劍發光
- 有了一些基礎概念后，接下來就開始製作吧
- 首先在Photoshop繪製一張Mask
- R通道：劍身邊緣
- G通道：劍柄徽章
- B通道：劍身文字
遮罩的運用方式
- 先從劍身邊緣的效果開始製作
- 繪製好的遮罩放到材質裡面
- 再把要流動的貼圖也加入到材質
- 接下來把遮罩的R通道和流動貼圖疊加在一起。
- 把兩個疊加的結果再乘上一個顏色。
- 效果就出來了！！
遮罩的運用方式
- 現在問來了，如果覺得劍身邊緣的遮罩需要再調整，如果一直來回PS修改會很麻煩。
- 這時候可以直接在材質裡面針對遮罩做一些計算。
- 像是這次我想要邊緣的遮罩再銳利一些，就可以利用Power節點去處理。
- Power就是冪次方。
假設：
基礎值 0.5，Power 2= 0.25
基礎值 2，Power 2= 4
遮罩的運用方式
- 接下里就把其他通道的遮罩也一併完成吧。
- 劍柄徽章的部分稍微做了一些特殊處理。
- 我想要劍柄徽章的遮罩再乘上自身顏色的灰階，這樣的出來的遮罩會更有細節。
- Power再加Multiply是常用的套路、主要是邊緣銳利化後，明度會被下降一些，再用Multiply把它提升回來。
遮罩的運用方式
- 接下里就把其他通道的遮罩也一併完成吧。
- 劍柄徽章的部分稍微做了一些特殊處理。
- 我想要劍柄徽章的遮罩再乘上自身顏色的灰階，這樣的出來的遮罩會更有細節。
- Power再加Multiply是常用的套路、主要是邊緣銳利化後，明度會被下降一些，再用Multiply把它提升回來。
基本上這個效果差不多完成了，但是可以比較一些現在效果和最終的效果
最終效果的流動效果會依照劍身的Normal方向去流動，看起來效果比較真實，而現在的效果看起來有點虛。
加入UV Distortion UV擾亂效果會讓效果更真實
UV Distortion實裝
UV Distortion實裝
- 結合全部學到的知識，把UV擾亂也加進去吧。
- 這邊也可以讓擾亂UV的那張貼圖也流動起來。
UV Distortion實裝
UV Distortion實裝
- 接下來就是把NormalMap也加入到UV擾亂裡面。
- 這樣的話貼圖就會依據NormalMap的方向去流動。
- 在UVDistort後面再加一步NormalMap就可以了。
- 接下來就是依據個人喜好，調整參數到滿意的結果
- 這邊我還有再加一張貼圖增加一些細節（看個人需求）
2. 閃亮旋轉的粒子
2. 閃亮旋轉的粒子
製作閃亮的粒子 Shader篇
製作閃亮的粒子 Shader篇
- 繼續延用之前做好的材質
- 這時候我們需要再添加一個閃爍的功能
- 利用Sin和Abs可以達到一個閃爍的效果
- Sin：給他一個角度，回傳-1之1的值
- Abs：絕對值，負數變正數
- 把Time接上Sin的話，就會出現一個-1到1的波形，之後再加上一個ABS就可以的到0到1的波形。
製作閃亮的粒子 Shader篇
製作閃亮的粒子 Shader篇
- 利用學到的知識把材質完成吧。
- FlashSpeed可以控制閃爍的速度
- EmissiveIntensity可以控制顏色的亮度
- 由於是在Particle使用，所以把Time改成ParticleTime，這樣就可以利用Particle的時間去控制。
- 由於閃爍的間隔太短，這裡加了一個FlashPower讓他閃爍比較明顯
- 透過Power把原本紅色的曲線，改成綠色那樣的曲線
製作閃亮的粒子 Particle 篇
製作閃亮的粒子 Particle 篇
- 繼續延用之前做的Particle
- 替換材質，把Particle放到場景調整Size，還有調整一下Lifetime，調整顏色（這裡先暫時不用ColorOverLife而是直接用InitialColor就好）
- 基本上閃爍的部分已經搞定了
- 接下來就是要開始專注在調整粒子的部分了。
製作閃亮的粒子 Particle 篇
製作閃亮的粒子 Particle 篇
- 調整好大小與生命之後，接下來就開始調整位置吧。
- 現在粒子已經佈滿在劍身的Z軸上了，接下來就是要解決怎麼讓它在劍周圍圍繞旋轉。
- 我們可以利用Orbit這個節點來達到圍繞旋轉的效果。
- 官方說明
- 主要是可以製造出粒子的偏移和旋轉
- 接下來再給個Velocity往上移動效果就差不多完成了。
- 細節的部分就依各自喜好再調整吧
製作閃亮的粒子 Particle 篇
製作閃亮的粒子 Particle 篇
- 接下來就是依照劍身去調整粒子就好了。
- 在Required節點，把Use Local Space勾起就可以在場景旋轉粒子
製作閃亮的粒子 Particle 篇
製作閃亮的粒子 Particle 篇
- 為了讓整體特效更佳完善，在劍底部再增加一些細節，能量是由劍身底部吸取上來到劍身頂部。
- 粒子的基本屬性就延用上一個做好的，只是Location的部分要修改。
- 圖中可以發現粒子的初始位置是一個圓環，然後往中心上升。
- 這時候就要用Cylinder節點就可以做出這種效果。
Surface Only (Y)
Surface Only (N)
製作閃亮的粒子 Particle 篇
製作閃亮的粒子 Particle 篇
- Cylinder比較常用參數有：Radius（半徑）、Height（高度）、Velocity（速度）、SurfaceOnly（僅表面）
- 利用半徑和高度定義出Cylinder的大小
- Velocity勾起的話，就是會依Cylinder面朝的方向移動
- SurfaceOnly勾起的話，粒子只會在Cylinder的表面生成
- 反之，則會在Cylinder內部生成
- 如果要達到粒子往中心上升的效果，只要在Cylinder內給一個負值Velocity，再給一個Z軸的InitialVelocity就可以了。
3. 神聖的劍氣
3. 神聖的劍氣
- 基本上都是之前學到的知識點，幾個不同的地方再解釋一下。
- 這裡的Time改用Dynamic Parameter的原因是，我想要在ParticleSystem裡面去控制貼圖流動的速度，還有加了一個TimeOffset給他一點隨機值。
- DynamicParater就是材質和粒子溝通的一個渠道，就跟ParticleColor一樣。
- 這次還用了Refraction功能，預設值是1，這邊我是直接用Mask接到Lerp給一個最大值最小值去控制Refraction的強度（不建議調太強）
- 當接上Refraction后，Normal節點會亮起來，這時候的Normal指的是Refraction的Normal。
- 還有一個EdgeFade的Function,這個Function主要是把貼圖邊緣柔滑。
- 詳細的材質可以去專案研究看看，基本上都是之前學到的知識，所以看不懂的地方可以再回去看一遍。
製作劍氣 Particle 篇
製作劍氣 Particle 篇
- Cylinder比較常用參數有：Radius（半徑）、Height（高度）、Velocity（速度）、SurfaceOnly（僅表面）
- 利用半徑和高度定義出Cylinder的大小
- Velocity勾起的話，就是會依Cylinder面朝的方向移動
- SurfaceOnly勾起的話，粒子只會在Cylinder的表面生成
- 反之，則會在Cylinder內部生成
- 如果要達到粒子往中心上升的效果，只要在Cylinder內給一個負值Velocity，再給一個Z軸的InitialVelocity就可以了。
製作劍氣 子 Particle 篇
製作劍氣 子 Particle 篇
- 劍身的劍氣已經完成了，接下來要製作的是劍柄的部分
- 這部分的劍氣的設計是從劍柄的中心擴散出來
- 之前我們用過Cylinder去制作类似的效果，這次可以用Sphere去製作
- 定義Sphere的半徑再加上Velocity就可以達到從中心擴散出來的感覺了
- 這裡還有一個重點，對齊模式(Screen Alignment)
- PSA Square : 默認方形對齊，大小始終由X控制
- PSA Rectangle : 矩形方式對齊，XY控制長寬
- PSA Velocity :速度方向對齊，X軸始終對齊粒子的速度方形
製作劍氣 Particle 篇
製作劍氣 Particle 篇
- 我希望粒子是往他前往的方向去移動，所以對齊模式改成了PSA_Velocity。
- 接下來就慢慢把效果調到最好吧。
- 這些都做完基本上已經入門Shader和特效了。
最終結果
最終結果
- 最后還再增加了更多細節，分別是劍身周圍再增加一層上升氣流的劍氣，還有周圍的小粒子
- 這部分大家可以嘗試用學到的知識去製作看看
- 有不明白的地方，再去載專案來看看
Google Sites
Report abuse