Customizing Fluid Dynamics FX
Discover the full range of options at your disposal to create custom fluid dynamics effects.
Table of Contents
Customizing or Making Your Own Fluid Dynamics FX
In the previous section of the manual, we learned about the process of adding Fluid Dynamics layers [?]
Layers are containers for visual, audio or layout items and are added to slides. For example, text, button, image, audio, video, group and row are all types of layers.
Layers are added to slides via the module editor. to a slide.
Once you’ve added a fluid dynamics layer, there are numerous ways to personalize it according to your module’s [?]
A module in Slider Revolution acts as a container for slides, which in turn act as containers for layers. Modules are created and edited with the module editor.
A "module" is a single, self contained piece of content. You can think of this as being similar to the way a post or page in regular WordPress is a self contained piece of content.
A module can represent any kind of content Slider Revolution is capable of creating, such as a slider, carousel, hero unit, navigation menu, posts display and so on.
Multiple modules can be combined to form rich content such as complete sites and landing pages. requirements.
Furthermore, if you have created a fluid dynamics effect you want to reuse, you can save it as a custom preset and deploy it again anytime.
This guide encompasses all the available configuration options that you can use to tailor or create your unique fluid dynamics effects.
Before delving into the details, let’s briefly go over how you can manage your custom presets.
Note: To access every option mentioned in this guide, choose an existing Fluid Dynamics layer, go to the Layer Options tab, Fluid Dynamics sub-section, and finally the The Cluster Setup panel:
Managing Custom Presets
After customizing a fluid dynamics effect it can be saved as a custom preset in the Fluid Dynamics FX Library for use later. Let’s see how.
Saving a Custom Preset
To save a custom preset, click to expand the Fluid Dynamics FX Library and Custom Presets, then click the line labeled Custom Settings (Click to Save as Preset):
The line will turn blue and placeholder text such as “Give name” or “custom” will appear:
Replace that text with a name for your custom preset, then click the tick at the end of the line:
Your custom preset will be saved and you’ll now see it listed under Custom Presets:
Deleting a Custom Preset
If you need to delete a custom preset, hover over it, then click the bin icon at the end of the line:
Customizing Fluid Dynamics FX Attributes
Below the Fluid Dynamics FX Library you’ll see tabs for 8 categories of options you can modify in order to create a custom fluid dynamics effect:
Those categories are:
- Main – sets the most broad options for the fluid dynamics effect.
- Simulation – sets the style and movement of the fluid simulation.
- Color – sets colors, opacity and glow.
Let’s step through the options available under each category and learn how to use them.
Main
The Main category sets the most broad options for the fluid dynamics effect:
It contains the following options and panels:
Mouse Setup
Select (Mouse Interaction)
The Select option determines what kind of mouse interaction will be active:
It has three possible settings: Mouse Generator, Additional Mouse Generator, and No Interaction.
Mouse Generator creates a fluid dynamics effect that follows mouse movement:
Additional Mouse Generator is the same as Mouse Generator, but can be selected when you want to have both a simulation running automatically (as described in the Simulation category section), and a mouse generated effect at the same time:
No Interaction means no fluid effect will follow mouse movement.
Mouse Power
When the Select option described above is set to either Mouse Generator or Additional Mouse Generator, the Mouse Power option becomes available:
Mouse Power controls the strength of the fluid dynamics effect that follows the mouse and can be set between 10, for the weakest effect, and 50, for the strongest effect.
Parameter Setup
Curl
The Curl option controls how much the fluid effect will curl back on itself as it moves:
The value can be set between 1, for the least curling, and 25, for the most curling.
Radius
The Radius option controls the size of the fluid effect:
The value can be set between 1, for the smallest effect, and 100, for the largest effect.
Lifetime Setup
Density
The Density option controls how quickly the color of the fluid effect fades away:
The value can be set between 1, for the fastest fading, and 100, for the slowest fading.
Velocity
The Velocity option controls how the path along which the fluid effect appears stays visible:
The value can be set between 1, for the fastest fading, and 100, for the slowest fading.
Pressure
The Pressure option controls how the pressure created by various fluid generation drivers, such as mouse movement, continues having an effect in the scene:
The value can be set between 1, for the shortest duration of effect, and 100, for the longest duration of effect.
Resolution Setup
Quality
The Quality option controls the visual fidelity of the fluid effect on all devices:
The value can be set between 20, for the lowest quality, and 100, for the highest quality.
DPR
The DPR option sets the maximum device pixel ratio on all devices:
The value can be set to 1, 2, 3 or Auto.
Mobile Setup
If you would like to use different Quality and DPR values on mobile devices, toggle the Mobile Setup option to ON:
New options will then appear in the Mobile panel below.
Mobile
Quality
Functions the same way as the default Quality option described above. Use the Mobile Quality option to set a separate fluid effect quality level for mobile devices.
DPR
Functions the same way as the default DPR option described above. Use the Mobile DPR option to set a separate fluid effect device pixel ratio for mobile devices.
Simulation
The Simulation category sets the style of fluid simulation:
It contains the following options and panels:
Select (Simulation)
Use the option labeled Select to choose a simulation style to run automatically:
There are six simulation styles to choose from: Shooting, Circle, Swipe, Collision, Mist/Fog and Bounce.
Choose the Off setting to use only mouse generated fluid effects.
Shooting Simulation
The Shooting simulation shoots bursts of fluid out from a central point:
Circle Simulation
The Circle simulation rotates around a central point in a circle:
Swipe Simulation
The Swipe simulation moves in a straight, swipe-like line:
When this simulation is selected, a Direction option appears below:
Here you can set the direction of the swipe movement, choosing one of eight directions: Left to Right, Right to Left, Top to Bottom, Bottom to Top, Top Left to Bottom Right, Bottom Right to Top Left, Top Right to Bottom Left, Bottom Left to Top Right.
Collision Simulation
The Collision simulation creates two bursts of fluid that collide with one another:
When this simulation is selected, a Direction option appears below:
Here you can set the direction of the collision movement, choosing one of four directions: Left – Right, Top – Bottom, Top Left – Bottom Right, Top Right – Bottom Left.
Mist/Fog Simulation
The Mist/Fog simulation creates a pool of fog at the bottom of the layer that rises upward like mist:
Bounce Simulation
The Bounce simulation creates a single burst of fluid that bounces around the layer infinitely:
Simulation Setup
Delay
The Delay option sets how long the fluid effect should wait before it first begins:
The value can be set between 0, for no delay, and 200, for the maximum delay.
The option is available for the Shooting, Circle, Swipe, Collision, and Bounce simulations.
Duration
The Duration option controls how fast moving and long lasting particles will be:
The higher the option is set, the faster moving and longer lasting the fluid effect will be, with 1 being the minimum and 100 the maximum.
The option is available for the Shooting, Circle, Swipe, Collision, Mist/Fog, and Bounce simulations.
Interval
The Interval option is available for simulations with repeating movements, and controls how much time should elapse between each repetition:
It can be set between 1, for the shortest interval, and 700, for the longest interval.
The option is available for the Shooting, Swipe, and Collision simulations.
Power
The Power option controls how much force is initially applies to fluid particles when they are first emitted:
The option is available for the Shooting, Circle, Swipe, Collision, Mist/Fog, and Bounce simulations.
Radius
The Radius option is available for the Circle simulation only, and controls the size of the circle.
It can be set between 1, for the smallest circle, and 100, for the largest circle.
Speed
The Speed option is available for the Mist/Fog simulation only, and controls how fast the mist particles spread out across the layer:
It can be set between 1, for the slowest spread, and 100, for the fastest spread.
Color
The Color category sets colors, opacity and glow:
It contains the following panels:
Color Change Setup
Select (Timing Method)
Use the option labeled Select to choose a timing method for the progression of color changes in the fluid effect:
Choose the Timed option to have color change progression repeat itself across the entire fluid effect.
Choose the Lifetime option to have color change progression apply to individual fluid particles, across their lifetime.
Duration
If using the Timed method of color change progression, use the Duration option to control how long it takes for color changes to occur:
It can be set between 1, for the slowest color change, and 10, for the fastest color change.
Main Color Setup
Colorful
Toggle the Colorful option to ON to apply a random selection of bright colors to the fluid effect:
This will create an effect like the following:
Toggle the Colorful option to OFF to select your own colors. If this setting is chosen, options will appear below to allow for color configuration:
Colors used
In the Colors used option, set whether you would like the fluid effect to incorporate 1, 2 or 3 colors:
Color 1/2/3
Depending on the setting chosen in the Colors used option, one to three color swatches will appear:
Use them to select the colors for use in the fluid effect. The colors will be phased through according to the speed set in the Duration option described above:
Opacity Setup
Max Opacity
The Max Opacity option sets the upper limit of opacity for the fluid effect’s particles:
It can be set between 1, for near transparency, and 100, for full opacity.
Effects
Glow
Toggle the Glow option to ON if you would like to add a radiant glowing effect to the fluid:
The glow will appear as follows:
