Grain Control

Hello, power users. Today we'll learn how to use Glue's Grain Control feature to add and set up a static or animated grain texture to our designs, taking them to the next level and making them more lively and engaging. Let's take a look at what we've ac Our page here has animated grain pattern that is adding texture to the whole design. As we scroll down, we can see that that we've added to our page with Glue's 3D model widget and animated using Glue's G-Sap 3D model event type. Tutorials for both on screen and in the description. Let's j There's three elements in our navigator, our container, and inside our 3D model widget and animated headline. For t After we've designed our elements, we can come to our preferred container and toggle on Active Grain. As we can see, toggling it off, the grain effect will disappear. It's important to note how every change we make in grain control will reflect instantly in the Elementor Editor. We won't have to update and check the page every time in the front-end. The first option we have after the master toggle is a Zed Index Control. We can see in our 3D model widget that we have a Zed Index of zero on it by changing it to a value that is We'll see that our 3D model is now on top of the grain. We can do the same for our headline. Let's update and check t No more grain visible on the 3D model. Let's quickly set it back to how it was so that we can better explore the other settings. Back in our container, we'll see that grain control has three setting tabs, Pattern, Grains and Animation. Again, all of the changes here will instantly be reflected in the Elementor Editor as soon as we change them. Pattern Width and Pattern Height control the size of the pattern on their respective directions. T Making the pattern itself larger on both or just one dimension will make the tiling less noticeable. Moving to the Grains tab, we can control the individual properties of the grains inside the pattern. First is Grain Density. Lowering t We can change the opacity of the effect. Lower values will make it more transparent and as such less noticeable. And we can make the individual grains larger or smaller on the width and height dimensions. Manipulating these two last values, we can create narrow and tall or wide and short grains, adding an element of verticality or width to our texture. Keeping both values the same will make sure our grains are a perfect square. In the Animation tab, we can simply toggle the animation on and off. Keeping it off, Grain Control will provide a static texture for our designs. We are absolutely sure t