If you like this short tutorial blog, please click the Like to let me know, and I will write more design tips about how to make UI in Figma. You can also use photos as the background color. If you don’t know how to make a vector image as the background, it doesn’t matter. The last step is to overlay the fuzzy layer on the vector graphics. HappyTree23 MacBook Pro 14' Space Gray M1 Pro 2 yr. You do not need to use dark mode just because everyone uses it, same as you do not need to smoke if the group of your friends are. It was even proven that light mode boost productivity. Finally, adjust the transparency of the layer: 34%. Certain type of astigmatism can cause you this. Select the white layer with the mouse, click effects, and add a new effect on the right panel, select “background blur” in the effect type, then, add the blur value: 250. Create a white layer & Add a new Effect on that Apply the Background Blur effect on this layer Add Blur value on the blur layer I hope my overall tone is clean and pure, so I chose white as the background color of the blur effect.
Make gradient graphics on the background layerĪfter making the background color, you can create a new layer. I made three vector graphics here and used gradients on them to make the graphics look more interesting. Right: Apple drop-down menu in the upper right corner of the phoneįirst of all, before making the frosted glass effect, we need to think about what the background color is in advance. Cover made with Figma’s Background Blur effect Left: Apple Music playing UI I really like this soft and toned-down appearance, and It gives people a mysterious sense of technology and advanced visuals. Here, I want to share with you the cool skill which creates a blur effect by using Figma, and I bet this effect you have saw at Apple Music or iOS. As a prototype design tool, the effects and functions displayed on Figma’s panel can finish most UI design requirements in today’s apps. It has to be admitted that Figma is becoming a favorite software for product designers, and this trend continues.
0 kommentar(er)
