Looking for ressources for Stylized/Cartoon effects

unity

#1

Hey there beautiful RTVFX community !
I’m currently working on a game with some friends at school, and we went with a cartoon art direction.
The game is about pirates shooting water canons so I’ll need to create water effects. I went and found some references of what we would like our effects to look like.


image


I know they are using a lot of meshes with some cool textures.
I’m looking for ressource on how to make that kind of textures and how to make the shaders to apply them.
I watched @simonschreibt talk about Rime’s effects, the GDC 17 talk about art directing for stylized games
What I’m looking for now is some application of those technics. So I’m coming towards you for some more awesome references/tutorials/talks or just some advices !

Thanks for reading !


#2

the technique are really simple here just a UV scrolling on mesh it’s not a hard shader, if you want i have found one time a really cool texture pack with a lot of cool texture i add mine too in this pack i can share it


#3

Is it really just UV scrolling ? Because I can do that. It’s cool if you can share yes ! But what i’d like also is learn how to make textures myself ! :slight_smile:


#4

Greetings @Rythmico!

To me, these all look like cylinders with transparent textures displaying only in the front faces.

c_01

c_02

The water projectile might be a simple quad facing the camera, or something like a Line Renderer in Unity.

c_03

You can see some artifacts here:

c_04

They might reveal that the shader is only showing the front faces, as it looks like the texture continues revolving around the cylinder but it’s not showing.

They also seem to be using billboards (green) and stretched billboards (red). Those highlighted in green might even be packed in a single texture instead of having a particle for each one.

c_05

As for the textures, you could paint them manually in Photoshop or Krita.

Keep in mind the foam outline, its sharp but round, and has an irregular width. Then, for the water, it has a little bit of variation in color and opacity, smooth gradients.

It looks like they rotate the water mesh or the UV’s. And they scale them in the vertical axis so it looks like the water is coming in and out.

They also seem to be using alpha erosion to emulate surface tension, as you can see in the last gif.

Hope I was useful!


#5

There is the pack, i repeat but all the texture are not made by me, and for me you can learn making texture by seeing other guys stuff, or making of in this forum, artstation, 80.lv etc imo
https://mega.nz/#!VlNWxCRZ!g9TDdPSnFM4JwFq3AEhNU3xlkP8yr2RTDTa7Z2E-9dQ


#6

SUPER USEFUL ! Thank you so much that gives me so much to work on and helps me get better at analyzing effects. What do you mean by surface tension ?


#7

Glad I can help!

Surface tension is a pretty cool phenomena, but this video will help you visualize what I was trying to convey:

The liquid starts “tearing appart”. In the gif involving Greninja, they seem to be emulating it by “cutting” the water texture towards the foam in 2 to 3 frames.

I recommend you use this Google Chrome extension that allows you to scrub through gifs, and even explode them frame by frame:

I’m eager to see what you create!


#8

Hey, I think the link is broken


#9

This is really good reference for breaking down an effect for newbies like me