Manual

The fundamentals of using Slider Revolution.

Search
Generic filters

Particle Wave Quick Start

Learn how to add jaw dropping particle waves to your modules with just one click.

What is a Particle Wave?

A particle wave is a special kind of particle effect, used to create all kinds of different automated wave style animations.

The addon’s combination of particle graphics with lines & fills between them, are made to flow and rotate and look like everything from a rotating strand of DNA to a rippling synthwave ocean:

In this guide, we’ll learn how to get started with the Particle Wave addon [?] Addons extend the functionality of Slider Revolution, adding new controls to the module editor and allowing you to do extra things with your design.

For example, using the particle addon you can create effects such as falling snow, and using the distortion addon you can create shimmering effects such as simulating being underwater.

There are dozens of addons available, all included with the full version of Slider Revolution.
and integrate particle effects into your modules [?] 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.
with a single click.

Getting Started

Before you start making particle waves you’ll first need to install and enable the Particle Wave addon.  

The process for doing this is the same as with all addons, so please begin by following the steps laid out in our guide on how to Browse, Install and Enable Addons

Add a Particle Wave Layer

Particle waves each have their own dedicated layer [?] 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.
. Because of this, if you wish you can stack multiple particle waves on top of each other creating really interesting effects, such as that seen by combining an ocean wave and grid wave in our Particle Wave Showcase template, pictured above.

To add a particle wave layer to a module, in the module editor [?] The "Module Editor" is the tool used to create & modify modules.

Through this visual, drag & drop, no-code interface you can add various types of layers, animation and special FX to your modules, as well as managing slides and configuring options.
go to Add Layer in the top menu, then click ParticleWave:

You’ll see a shape with a particle wave inside it appear on the canvas [?] The canvas is the point and click design space in the module editor. It forms the largest area of the module editor.

In this area layers can be selected, moved and resized. Animations can also be previewed.
, as well as its corresponding track [?] A track is one of the horizontal spaces in the module editor's timeline. It is the representation of a layer within that timeline, used for controlling the animations and sorting order position of that layer. appear in the timeline [?] The timeline is the section of the module editor dedicated to animation and controlling the stacking order of layers.

From this part of the editor animations can be added, adjusted and previewed. Additionally, layers can be selected from the timeline, and can be dragged and dropped up and down on the timeline to modify which appear in front and which behind.

It can be equally compared to both a timeline in a typical video editing application, and a layers panel in a typical graphic design application
:

Resize the Particle Wave Layer

By default, a newly added particle wave layer is relatively small, and you’ll almost certainly want to resize it.

This can be done through clicking the drag handles on the corners of the shape, but the most common use case with particle waves is probably to have them cover the entire layer area.

To make this happen select the particle wave layer, go to the Layer Options tab in the sidebar, click and go into the Size & Pos sub-section:

Under the Size Presets option choose Cover:

As a result the particle wave will spread out to cover the entire layer area, like so:

Note: You may need to save and refresh the page in order to restart the particle wave and see it at its new size.

Wave Default Attributes Panel

Under the Layer Options tab for any selected particle wave layer, you’ll see it has a sub-section named Particle Wave:

Inside that sub-section is a panel named Wave Default Attributes:

All the configuration options for the selected particle wave are available within this panel.

Using the Particle Effects Library

The Particle Effects Library can be found at the top of the Particle Settings panel:

Click to expand the library and you will see it contains an area for ready-made particle waves, named Default Presets, and an area in which you can save your own Custom Presets:

Applying Presets:

To apply a particle effect preset all you need to do is expand either Default Presets or Custom Presets, then click the name of the preset you want to use:

You should then see your selected particle wave preset animating on the canvas:

Note: Particle waves can be white, black, or multi-colored, so If you’re just exploring presets to see how they look you might not see them if they’re the same color as your background. To ensure you can see the effect it will help if you add a slide background image or color for it to contrast against.

Up Next: Customizing Particle Waves

You’ve just seen how easy it is to apply pre-made particle waves with a single click. However you can carry on from there and customize a particle wave’s color, motion, wave effect, special effects, and a whole lot more.

Learn how to leverage all the available ways to make particle waves your own on the next page, Customizing Particle Waves.

Particle Wave Quick Start

Newsletter

Join over 30.000 others on the Slider Revolution email list to get access to the latest news and exclusive content.