Blog Post
KarlisSprogis-d
Community Member
We are happy you enjoy our example. :)
Unfortunately, as Dave said, this effect can't be achieved in Storyline because it doesn't have functionality for background blur. Indeed, that would make a good feature request ;)
Given that the example needs working with the image editor, we have also created a blog post about how to recreate the glassmorphism effect in Figma. You can use Figma for free and it is quite a powerful browser-based design tool. You can read the step by step guide here: https://fastercourse.com/how-to-create-glassmorphism-effect-in-figma/
Unfortunately, as Dave said, this effect can't be achieved in Storyline because it doesn't have functionality for background blur. Indeed, that would make a good feature request ;)
Given that the example needs working with the image editor, we have also created a blog post about how to recreate the glassmorphism effect in Figma. You can use Figma for free and it is quite a powerful browser-based design tool. You can read the step by step guide here: https://fastercourse.com/how-to-create-glassmorphism-effect-in-figma/
ErinEmerson
3 years agoCommunity Member
Thanks for sharing this Karlis! I read later on that you designed the video with the glassmorphism shape together. But I did notice in the Storyline file that the four boxes on the main slide are shapes. How did you save those as JPG files? I have tried to save just the shape from Figma, but it is a white box when I insert it into my Storyline file. Any ideas?
- KarlisSprogis-d3 years agoCommunity MemberHello Erin, if you mean the four boxes in the menu page, which work as chapter buttons, then those are Storyline objects.
- ErinEmerson3 years agoCommunity MemberThank you for clarifying, I actually just noticed that this morning! But now I am curious as to how you get the glassmorphism box over the video? I am using Camtasia for video editing and while I can create the box in Figma, how do I get the image into Camtasia so that it lays on top of the video using Camtasia?
- KarlisSprogis-d3 years agoCommunity MemberHi Erin, as I wrote in another reply in this thread - the first page, is just a video and we created the glassmorphism effect by editing video in video editor, and then just added the naviagation buttons in Storyline, it was created for E-learning heroes challenge, and challenge it was :). Sorry if this does not help much.