转载作品

制作蝴蝶烟火视觉特效

Jinx 发表于   2019-11-12 19:31:03
5043
1
58


作品构思

当拳头公司宣布Riot Creative Contest 2017举行的时候,我立即决定参加,这次大赛11月开始,我花费了长达2个月来思考项目的创意和内容。某天我正在观看《魔戒》时,电影中一个优美的蝴蝶烟火吸引了我。尽管这个画面在电影中只持续了很短的时间,但我立刻意识到,可以为这次大赛去创作什么了。

由于仅有1个月实践进行创作,我不想再浪费时间考虑创意或绘制概念草图,我决定直接使用这个概念。说起蝴蝶,我们通常会想到美丽、平和等特征,但这些不是它的必然特征,蝴蝶也可以变得很危险!


bd68b779-28ce-403c-8f44-e91eb110f1d6_640[1].jpg

说明:Riot Creative Contest 2017为美国拳头公司举行的游戏创意大赛,参赛者针对特定项目创作动画、VFX、原画、角色、音效等,仅限制个人参赛。拳头公司的代表作品《英雄联盟》

原型制作

在早期阶段,我仅用基础的纹理和Unity标准粒子着色器制作了一大片蝴蝶从烟火中飞出的效果。最初我仅想要它们飞出来即可,但之后觉得,要是它们还能飞回来并进行攻击该多好。

这个想法从概念来看很棒,但我不确定蝴蝶返回冲刺的特效该怎么做。这里的关键要素是外部作用力模块,我从未使用过这个模块去吸引和驱散蝴蝶。

我使用充能特效和发射体制作出了几个原型。6308a088-833f-4488-933f-2ddece77c468_640_1[1].gifd4355e1b-74bf-4d0d-96b9-091ae68c7e86_640_1[1].gif1fbe9ba7-a356-4fbe-9f43-ea7ae4e9b41e_640_2[1].gif

特效的主要组成图层

这个特效在早期十分简单,仅有少数几个发射器。随后渐渐地变得复杂起来,因为我加入了很多嵌套子发射器。

详细的发射器层级如下图所示。

9e474ec2-9b9c-4204-8969-c741252b1638_640[1].jpg

制作粒子特效

首先,我制作了蝴蝶迸出锥体发射器的效果,在这个过程中使用了噪声模块,所以这些蝴蝶飞出来的动作十分自然。

为了让它们再返回攻击,我曾尝试使用‘force over time’(作用力时间),但那无法实现想要的效果,因为我想要所有的蝴蝶都飞回到一个特定点, 而不是飞向同一个指定的方向。

于是我在蝴蝶粒子系统中创建了一个子发射器,使蝴蝶在其父粒子消失后的相同位置再次生成。在这个子发射器中,我加入并启用了外部作用力模块,其作用力的值是负数,这样就能将粒子吸引到其中心点了。

1c606b7c-9db9-41c3-ae13-f156f2338867_640[1].jpg

9c80c19b-6b51-4544-b118-2a2dc88addf6_640_1[1].jpg

eb7526d5-157e-4be0-9dc9-0a498666bdd1_640_1[1].gif

在子发射器中,我启用了碰撞模块使其与球体进行碰撞,这样会在消失的地方生成带有Glow子发射器和Explosion_Sparks子发射器的贴花粒子系统。子发射器中又有子发射器听起来有点复杂难理解。

你可以查看以下截图来理解这句话,子发射器都被标了红色。

8bd30ed2-0648-4a4b-a377-7c8697b48d9a_640[1].jpg

在蝴蝶冲刺效果中,我也使用了相同的方法。除了负外部作用力外,它们还有一些额外的速度属性,从而实现螺旋式的动作。当然它们还有噪声模块来保持动作的自然流畅。

所有的蝴蝶都用拖尾(Trail)粒子实现了逐渐消失的拖尾效果。此外蝴蝶渲染模式设为了拉伸广告牌(Stretched Billboard),这样蝴蝶会与其移动方向对齐,从顶部视图你可以看到它们的轨迹是平行的。

最后的烟雾则是一个很简单的发射器,上面带有噪声模块和拖尾粒子,渲染模式为空,这样就能只渲染拖尾粒子。

下图中查看烟雾的具体属性设置。

c628a2dd-e6fd-4bae-a702-133a0a3baaa6_640[1].jpg

花瓣动画

最初我打算添加花的图片素材,但它的平面感太强了。另一个办法是通过建模制作花朵,然后用Unity给它做动画。最后从性能方面考虑,我决定只建模一个花瓣,然后使用粒子系统来制作动画效果。

注意看它的旋转动画:

79c23622-2ac5-40ce-b655-ec8c2857a202_640_1[1].gif

同样的,花瓣也会从初始位置逐渐显现,所以我使用顶点颜色和Alpha值0来绘制花瓣,然后平滑修改这些数值实现所需效果。

粒子舞动

在创作粒子舞动效果时,我遇到了一些难题。

花瓣发射器的问题是,它们必须与多个花瓣在圆环发射器上均等对齐。我费了不少心思来解决这个问题,后来我偶然发现在Unity中就有这个功能。

形状(Shape)模块中的半径厚度(Radius thickness)属性会让粒子发射到圆环的边缘,但这样花瓣仍然没有均等分布。于是我将弧度的模式(Arc Mode)设为爆炸式扩散(Burst Spread),解决了这个问题。

查看下面图片中标志红色属性进行参考。

6478a0b1-d060-43e2-8b46-bdbce0a75a6f_640_1[1].gifbed74bd3-a9cb-48fd-9b18-dfdfad4e6862_640[1].jpg

另一个问题是将爆炸贴花对齐到球体上的法线方向。为了解决这个问题,我反复修改了很多次设置属性。

通过给粒子添加极少量速度,并将其渲染对齐(Render Alignment)属性设为速度(Velocity)解决了这个问题。

40097db6-793e-465e-85a3-bd332e0638db_640[1].jpg

粒子舞动特效的关键要素是外部作用力模块,这是一个非常有趣的模块。

此外增加自定义着色器以添加发光效果,也使效果更为出众。我还使用了Unity的Post-Processing Stack后期特效包,它能给你的场景带来令人惊叹的效果。

总的来说,粒子舞动是一个十分有趣的特效,制作这个效果的过程中我学到了很多东西,包括如何编写用于在指定时间触发特效的C#脚本。


确定
评论(1)
風凌霄
大佬,受教了
回复
665天前
没有更多啦~
  • 咨询
    客服
  • 扫码加入QQ群 或搜索QQ群号: 797421367
  • 扫码关注公众号 或微信搜索: cokey游戏特效