The fundamentals of using Slider Revolution.

Generic filters

Distortion Quick Start

Add an animated distortion effect to the background image of any slide.

What Does the Distortion Addon Do?

The Distortion Addon allows you to apply a distorting-style effect to the background image of any slide. 

With it you can create rippling underwater effects, moving cloud effects, glitch effects and more, as well as create custom effects of your own. 

The distortion effect can be set to display automatically, it can be interactive, or it can be a mixture of both, allowing you to create mesmerizing imagery that keeps your visitors engaged.

For example:

Getting Started

To get started with the Distortion addon you’ll first need to install and enable it.

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

Activate Per Slide

After installing and enabling the Distortion addon, you’ll need to activate it within your module.

The Distortion addon is activated on a per slide basis. This allows you to create slideshows where some slides can have the effect while others don’t, giving you complete control.

For each slide on which you want to use distortion, go to the Slide Options tab, then the Distortion sub-section, and in the Distortion Effect panel toggle the Active option to ON:

Note: The distortion effect is applied to a slide’s background image. You can quickly add a main background image by going to the Slide Options tab, then the Background sub-section, and then in the Source panel click either Media Library to use your own image, or Object Library to choose an image from Slider Revolution’s free image library.

If you need further help with background images, refer to our guide on Changing Template Background Colors and Images to learn more. 

Distortion Options and Panels

After activating distortion for a slide, several new options and panels will appear below:

All the configuration for the slide’s distortion effects can be done via these options and panels. 

For a complete guide to these options, check out the next page of the manual: Customizing Distortion Effects

Using the Distortion Effect Library

The Distortion Effect Library can be found at the bottom of the Distortion Effect panel:

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

Applying Presets:

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

You also won’t see the distortion effect in action on the canvas, so to see how it looks you should save and preview the module:

Up Next: Customizing Distortion Effects

You’ve just seen how easy it is to apply pre-made distortion effects with a single click. However you can carry on from there using the options panels to customize with different distortion effect styles, movement, interaction, and a whole lot more.

Distortion Quick Start


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