Power by Lenshuang~2+3D Game Vfx Base since 2003~2014
  •    In Sucker Punch Productions’ PS4 open world game inFAMOUS Second Son, players control character Delsin Rowe, a Conduit who is able to summon superhuman powers from his environment and other Conduits. In order to realize the necessary particle effects for the game’s signature smoke and neon powers, Sucker Punch relied on a powerful expression-based particle editor and advancements in lighting and real-time curl noise generation. We talk to senior visual effects artist Matt Vainio about the artistry, tools and techniques behind the work.

       声名狼藉:私生子是由Sucker Punch公司出品的PS4开放世界观的一款游戏。玩家控制角色Delsin Rowe拥有吸收环境来召唤超人力量的能力。使用粒子特效来实现实现游戏标志性的烟雾和霓虹力量,Sucker Punch依靠一款强大的特效编辑器以及先进的即时灯光螺旋噪点。资深游戏特效师Matt Vainio将介绍游戏中使用的艺术效果和工具技术。

    Neon powers concept.

    fxg: There’s a distinctive look to the powers in this game – how did you approach the art direction of them?


    Vainio: From the very beginning, one of the pieces of art direction we had was to make the powers feel like another character in the game. They had to have a personality all of their own and feel like something the hero was manipulating. They were not just summoning powers and running wild. The director wanted to make sure the player was in full control of the powers they were manipulating.


    Smoke: dash concept.

    fxg: How did that manifest itself into actual concepts?


    Vainio: There were a lot of fluid effects and curl noise that we would constrain to a shape like a sphere or a cylinder. So we actually set limits on some of the noise to help constrain it to a shape – and that really helped feel like it was being controlled by the hero.


    Curl noise example.

    Even for smoke, we didn’t want it to waft away continually all the time. The hero would have links to his smoke via this wispy tendrils. We had to make sure they were part of him. When he dashes, it’s one smooth motion and the smoke isn’t left behind in the world. It’s part of him and carries with him and re-forms into him.


    fxg: What was some of the research you looked into in terms of turbulence, fluids and particles?


    Vainio: We looked at a lot of movie-grade tools when we were developing our own toolset. So we were using 3ds Max and Krakatoa. We used a bunch of Houdini and Maya Fluids too. A lot of it was trying to get a sense of how other tools worked in creating turbulence, and bringing that back into our own toolset.

       当我们开发自己的制作工具的时候我们参考了很多的电影级软件。我们使用的是3ds Max和Krakatoa。我们也使用过一些Houdini和Maya的流体工具。在借鉴了很多软件如何实现扰动的方法后我们让它应用在自己的工具集里。

    Neon: dash example.

    You can get a lot of real reference for smoke, but you can’t get a lot of real reference in neon – in the form that we needed it. So we had to get some next best representations in terms of fluid and aerosol gas that would stand in for plasma gas. And we researched a lot of stuff written by Ken Perlin who created Perlin Noise. We used a variant of Perlin called Simplex to create a lot of our patterns in real-time. A fair bit of effort went into making it possible to run that in real-time on hardware.

        你可以找到很多真实烟的参考,但是你不能找到很多我们需要的霓虹形态的真实参考。所以我们不得不在流体和喷雾气体形成的等离子气体中寻找替代效果的表现。我们研究了许多Ken Perlin写的关于噪点的资料。我们使用其中称作Simplex的一个变种来创造自己的霓虹即时效果。随后又做了一些努力来让它能在游戏硬件环境中运行起来。

    fxg: How did you orchestrate the relationship between the hero and the powers he is conjuring?


    Vainio: Everything is procedural in our game, nothing was really animated. It’s done with expressions and math. The character animates with a bunch of blend animation, so we can’t really be assured of any given animation – it’s actually a weighted percentage of up to five or six anims. So what we really needed to do was access all the joints of the character so we could create a spline out of different joints and use that as reference to emit from or to.



    Drawing neon powers.

    We actually created a low-res version of the hero’s mesh and we were able to use that as a positional locator for corresponding from and going to. It’s called a particle mesh – it’s basically emitting from the surface of the hero and that’s picking up all the different colors of the hero and the normal directions that the triangles respond from.


    Particle mesh emitter.

    fxg: Aside from the particles, there’s also the ‘ribbon’ look – can you talk about those?


    Vainio: Some of the powers had a lot more of wispy look, and that’s what we used ribbons for. It was a different way to triangulate the billboards to have a more continuous look. The UVs stream across that entire set of ribbon as it comes in. We were able to do a lot of interesting things with the faces of that ribbon coming through too. If you can envisage a chopstick in the air, you can rotate or twist that chopstick and actually create that plane.


    Smoke: dash ribbons example.

    fxg: How did you specifically approach the smoke effects?


    Vainio: For the powers, all them tended to contain a billowing volumetric kind of smoke, some ribbons and ash and embers. We tended to use those in different portions depending on what the effect is supposed to communicate. Early on we had a lot of design challenges with the smoke feeling like it had weight, impact and force. Smoke, by itself, you don’t really have a lot of sense of those things. So we would add a lot of ash and embers at the head of this stuff.


    Smoke: dash example.

    I came up with the analogy that if someone blows cigarette smoke in your face, it’s kind of annoying, but if somebody puts out a cigarette on your face, that’s going to hurt really bad. So that drove the idea with smoke, that the smoke needed to be the contrail to the embers. So the embers were the lead in the powers, and the smoke was behind.


    fxg: What was the particle system engine that you used?


    Vainio: It’s a real-time editor in the engine. It’s an expression based system and we compile these expressions into shader language. This shaders are then run on the PS4’s GPU. And this allows us to have a ton of particles. These are known as compute shaders on the GPU.


    Particle System Editor in action.

    Part of the reason we went with an expression system was because at the outset of the project we had a few ‘knowns’. One of those knowns was that we were going to have a lot of different powers and we weren’t really sure what the designers were going to ask us to do. So we tried to build a powerful and flexible system with the goal of knowing we’d have to create a lot of crazy stuff.


    Early on we tried to come up with particle editors that were artist friendly, but we found that we were a little bit too constrained by the user interface for this. One of the downsides of one of the node-based editors – what you’re restricted to is what the UI can let you do. You’re restricted in what the engineer has exposed to you. But with an expression based system, everything’s exposed and if you want really complex motion but the math is too complex, we can hand it off to one of our high level graphics engineers who can create part of the sim for us and hand it back. So it proved to be a really powerful tool.


    Keyframe editor.

    fxg: How did the neon-looking powers differ from say the smoke powers?


    Vainio: When we using things like the curl noise, for smoke we would use multiple octaves of curl noise that gave you large and small waveforms that gave you really crunchy noise. But with neon we tended to use more single waveforms so they were very smooth. Also, with the containment I mentioned earlier where we were constraining that shape.


    Neon: dash example.

    fxg: Can you talk about how the neon powers interacted with the world of the game?


    Vainio: One of the art direction goals was that everything had a lingering lighting feel. So most of our stuff used a lot more emissive qualities. We’re casting a ton more light with the neon power, so light became a lot more important and central than it did with smoke. So we had to create a bunch of more tools to be able to emit light. We had to emit lights from pretty much any of the particles that were spawned. Not every particle does cast light because it doesn’t really give us the right look. We tended to use a lower amount of bigger lights that gave us an aggregated look. If we used thousands and thousands of tiny lights, not only is it performance expensive but it doesn’t really give you the same look.


    Neon: draining example.

    Technically, what we would do, there’s actually an emissive texture that’s mapped to a mesh that’s on that sign. Our game looks at the emissive texture and looks for texture color values that are above a certain threshold. If they are, it will actually spawn a particle there. So that way it can source the color and the facing of that sign.


    When the particles are spawned, we kill all the emission values on the neon signs. We also turn off any reflections and any lights the sign is casting, so there’s an immediate change-over. The particles also spawn their own lights in, and they swirl down to his hands.


    Neon: drain particle mesh.

    fxg: They also cast shadows – how was that achieved?


    Vainio: Yes, one of our big goals was to make things feel like they sat in the scene correctly. We didn’t really want things to feel like they were ‘composited’ on. That was a big focus for us, so it was important that all the particles cast shadows – they receive shadows and cast light and they blend through all the techniques. A lot of games out there don’t necessarily blend their particles with the haze and so the black smoke will look like black really far away – we wanted to make sure we didn’t have any of those kinds of things in there.


    Particle system editor showing casting of lights.

    We also used a physically based rendering approach – it’s an energy conserving model so that the reflection off of a shiny surface doesn’t send back more energy than actually went into it. Along with that comes exposure from the camera. So we had to make sure the particles were reflecting the right exposure for all the different times of day.



  • 前言:应火星时代网站的邀请制作了一集Gamebryo游戏特效教程PPT。特此感谢为了这个专集忙碌多月的网站朋友。将教程发布于个人博客,仅代表个人对游戏特效的制作开发作个归纳。首次写教程还望各位看官多包涵,特此声明教程内容均来自个人作品,不足之处多提点。


    1. Aqua Text
      Re-create the font style that Mac OSX is famous for.
    2. 3D Cliff Text
      Make text that looks like it’s a part of the land.
    3. Matrix Style Text
      Take the red pill and learn how to create text in the style of The Matrix.
    4. Brick Text
      Create text that looks like it was chipped out of a brick wall.
    5. Set Your Text On Fire
      An advanced tutorial that shows how to create realistic flaming text.
    6. Explosion Effect
      Explode your text with this tutorial.
    7. Spiderman 3 Style Text
      Create text in the style of the Spiderman 3 logo.
    8. Colorful Light Burst Effect
      Create text that looks as if it’s bursting out.
    9. Web 2.0 Sticker Text Effect
      Another Web 2.0 style text effect, but this one looks as if it was a sticker.
    10. 3D Text
      Another tutorial showing how to create 3D text from a different perspective.
    11. Worn Rubber Stamp Text
      Make text look as if were stamped on a page.
    12. Chalk Text Effect
      Text that looks like chalk on asphault.
    13. Blown Out 3D Text
      3D text in the style of 3D films.
    14. Create A Professional Looking Logo
      A tutorial showing how the use of gradients and shadows can create professional looking text.
    15. Shiny 3D Text
      Another 3D tutorial that shows you how to create a reflective logo.
    16. Reflective Liquid Type
      Create text that looks like reflective water.
    17. Shiny Floor Effect
      Make it look like your text is being reflected from a shiny floor.
    18. Water Text
      This tutorial shows you how to create text that looks like water on any background.
    19. Grungy, Slimey Text
      Use this tutorial to make text look as if it emerged from a swamp.
    20. Chrome Metal Effect
      Create a beveled chrome font effect.
    21. Gold Plated Text
      A tutorial showing how to make your text look gold plated.
    22. Graffiti Text With Photoshop
      Create realistic looking graffiti on structures like walls.
    23. Transparent GLass Lettering
      Very shiny and transparent lettering good for many uses.
    24. Swirl Text
      Create a bright swirl using text.
    25. Highlight and Shadow Effect
      Create text with a pixelated, mosaic background.
    26. Glowing Gel Text
      Glowing text that looks like gel.
    27. 3 Stroked Text
      Stylized text that looks layered.
    28. Icy Cold Effect
      Text that looks like ice is creeping up around it.
    29. Very Stylish 3D Pixel Text
      Make pixelated text that looks 3D.
    30. Chrome Text
      Make chrome text that looks like it’s gleaming.
    31. Rusted Slime Effect
      Make your text look like rust is coming down from it.
    32. Worn and Torn Text Effect
      Text that looks worn out and falling apart.
    33. Dreamy Text Effect
      Create text like something out of a dream.
    34. Schocking Text
      A text effect that looks as if bolts of electricity are coming out of it.
    35. Furry Text
      Use brushes to create text in any pattern.
    36. Realistic Stone Effect
      Create text that looks like it was carved out of stone.
    37. Gutsy Text
      Create text that looks like it contains intestines.
    38. Soft, Plastic Text
      Plastic text that looks great on any dark background.
    39. Turf Text
      Blend any style text into turf.
    40. Diamond Text
      Bling out your text with diamonds.
    41. Molten Lava Blast Effect
      Use gradients and layer styles to create molten lava text.
    42. Mossy Effect
      Text that looks as if moss is growing on it.
    43. Ice Text
      Lettering that looks like it’s frozen stiff.
    44. Plastic Effect
      Make your text look like it’s wrapped in shiny plastic.
    45. Fragmented Tiles Text Effect
      Put layered tiles on the inside of your text.
    46. Zoom Text
      Give your text a little zoom blur.
    47. Pixel Text
      Create beveled text without layer styles.
    48. Image Inside Text
      Add an image to the inside of your text.
    49. Gold And Ruby Text
      Make gold text that looks like it contains jewels.
    50. Girly Bling Text Effect
      Sparkling letters in a feminine style.
    51. Halftone Effect
      Surround your text with a halftone style.