In that sidebar, click the blue Enable Add-On button:Ī blue “Enabled” flag will appear over the Lottie thumbnail, letting you know it’s ready for use: The details of the addon will then be displayed in the right sidebar. Locate and click the Lottie addon thumbnail. This will open a dialogue box that shows your available addons. To do so, go to the Module General Options tab, then click the Addons button – the last item in the second row: 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. The "Module Editor" is the tool used to create & modify modules. Enabling Lottie for Use in a ModuleĪfter installing the Lottie addon you’ll need to activate it within the Module Editor ‘Lottie’ addon now installed and activated/enabled. Once activated, the add-on thumbnail will change from black & white to color to let you know it’s enabled and ready for use. Once this process has completed, click the Activate Add–On button in the right side bar of the dialog box. The add-on will be automatically downloaded and installed.
#Lottie json editor install#
In the installation details sidebar, click the Install Add-On button. Clicking the ‘Lottie’ add-on shows its installation details. Look for the Lottie thumbnail and click it to display installation details in the right sidebar. The available add-ons will appear in a dialog box. To install the Lottie addon go to the main Slider Revolution interface and click the AddOns button: You could compare this to how you might drop a photograph or video file into a module, but in this case what you get as a result is a highly efficient, very small file-size animated graphic that can be scaled up and down infinitely with no loss of quality. Lottie files are a special type of complete, pre-packaged animation that can be dropped straight into a Slider Revolution module. Or, carry on reading as we start at the beginning by answering the question: What are Lottie animation files anyway? What are Lottie Animation Files? Note: If you prefer watching rather than reading, check out the video version of our Lottie Addon quick start guide:
#Lottie json editor how to#
Animations can also be previewed., and how to preview it in place. In this area layers can be selected, moved and resized.
It forms the largest area of the module editor. The canvas is the point and click design space in the module editor. By the end of this guide you’ll know how to get the Lottie addon installed and enabled, how to load an animation onto a module’s canvas quickly, by stepping through all the most essential aspects of its use.
#Lottie json editor full version#
There are dozens of addons available, all included with the full version of Slider Revolution. In this article we’ll get you started with the addon Īddons extend the functionality of Slider Revolution, adding new controls to the module editor and allowing you to do extra things with your design.įor 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. Multiple modules can be combined to form rich content such as complete sites and landing pages. 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.Ī 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. Modules are created and edited with the module editor.Ī "module" is a single, self contained piece of content. allows you to add Lottie animation files to your modules Ī module in Slider Revolution acts as a container for slides, which in turn act as containers for layers. It began its life as a plugin for creating slideshows, but has evolved into a fully fledged piece of design software. Slider Revolution is a website content creation tool with a focus on captivating animation and stunning visual effects.
0 kommentar(er)
