I found the “RainierMood” tool, which allows you to easily create realistic ripples by simply connecting nodes, to be a nice touch!
RainierMood can be installed from Reactor, and is a tool that allows you to create a wave-like effect like this.
You can also create anime-like waves by adjusting the angle, as shown here, and I will explain how to achieve each of these.
Each settings files can be downloaded from here, so please feel free to touch them if you like.
*”Hamon” means ripple.
However, the frog is just a RainierMood node connected to the image and connected to MediaOut, so it might be faster to make it yourself lol.
If you are wondering what Reactor is and how to install it, refer to the following article!
Watery look with RainierMood
The best thing about this tool is that it’s so easy to use!
As you can see in the figure, we just connect a RainierMood node to the image and output it with MediaOut.
You can see that it is very simple. Let’s take a look at each parameter of RainierMood.
The parameters are as shown in the figure, very simple and easy to handle.
- Center : You can set the position of the X and Y axes. This area is the same as the Center in the Transform node, etc.
- Scale : You can increase or decrease the size of the ripples.
- Angle : You can change the whole angle.
- Wave Height : You can adjust the clarity of the ripples. The smaller the value, the stronger the effect, and the larger the value, the weaker the effect.
- Frequency : The frequency with which the ripples appear can be adjusted. A smaller value makes the ripples appear slower, while a larger value makes them appear faster.
- Clump : If you increase the value, you can make the ripples seem to concentrate on a single point.
- Damping : Increasing the value will reduce the number of ripples.
- Constrict X/Y : Increasing the value will apply a crushing effect in the X and Y axis directions.
You can adjust it to a good feeling by tweaking Scale, Wave Height, Frequency, and Damping.
I’ve written a brief description of what each parameter can do, but I think it’s quicker to try it out since there aren’t many and it’s intuitive!
Try to make the ripples look like an animation
RainierMood by itself does not allow you to add angles, but you can transform it into any shape you want and make it look like an animation instead of a realistic ripple.
The nodes are shown in the figure above. I wanted to create a lot of ripples, so I put as many nodes on the left as there were ripples. This could have been done in a smarter way.
Make ripples and adjust
The nodes that is creating the ripples is shown in the figure above.
First of all, the RainierMood node needs an input, so here we have connected the Background -> LumaKeyer node as an input.
After that, connect it to RainierMood and you will get the output as shown on the right.
Since we can’t transform the shape of the ripples at this point, we will connect them to ImagePlane3D to move them into 3D space.
When connected to ImagePlane3D, it can be handled in 3D space as shown in the figure on the right.
Next, let’s connect it to Transform3D and add an angle.
After connecting to Transform3D, tilt it in the X-axis direction.
Adjust the angle so that it is natural when combined with the illustration.
Once the angle is set, merge Transform3D and Camera3D and position the camera to get the look you envisioned.
Here we have created several RainierMoods, all merged with the same Camera3D.
Connect to Render3D to check the output.
The appearance of the ripples can be tweaked with RainierMood to achieve the desired output.
It already looks good at this point.
The blur is applied to make it look like this.
It can also be connected to Transform to adjust the position of the ripples in relation to other ripples.
After merging the multiple ripples created in the previous step, the final output will look like this.
Combining more than one of these would be such a nice touch!
Combine with images to fit into a single frame of a comic
Next, let’s compose the image and edit it to make it look like a frame of a comic book in motion. The nodes are as shown below.
The output of Merge1 is shown in the figure.
While using FastNoise to create a watery look, I used Polygon to mask the Zeppeli in Merge2, and then used Merge3 to mask the speech balloon and sound effect (ゾザザザザァ) parts.
I also applied a coarse mask in Polygon2 to prevent the ripples from covering the Zeppeli.
As a final touch, Merge5 uses Rectangle to adjust the appearance of the white border around it.
It was fun to make, because it’s easy to do, but you can also make something interesting as an expression!
This is the end of the ripple making process.
You can express yourself differently with different ideas, so please try RainierMood!
At the end
I used the image of Zeppeli (the source of the ripple image) from this Twitter post, and you can replace the Mediain node in the Settings file with this image for better display.
I really wanted to make a ripple cutter, but I couldn’t come up with a good idea, so I put it on hold lol.
By the way, this tool is still in version 0.3 as of May 2021, so maybe more features will be added in the future.
If they add the ability to adjust the angle, it might be more convenient to not have to bother with ImagePlane3D.