珍珠奶茶风图标怎么做?Figma制作珍珠奶茶风图标的方法

金珍妮            来源:优草派

在我们的UI设计中,经常会使用到的软件就是Figma软件。我们可以在这个软件中实现很多界面动画效果,这也是一个让我们喜爱并且常用的软件。今天小编为大家带来的就是,如何用我们的Figma中珍珠奶茶风应该怎么做?非常的有用也有非常多的干货哦,赶快和小编一起来看一看学习起来吧!

绘画11

1.因为我们想要表达光的折射现象,所以不能用单纯的背景模糊,用蒙版来表达玻璃效果,薄的部分羽化数值<厚的部分羽化数值。

2.可以观察一下我们生活中的奶茶杯子的样子,我们的珍珠奶茶的珍珠有明显的前后关系,通过错落调整透明度羽化就可以达到这种效果,不透明度80%,模糊1px,第二层不透明度80%,模糊5px,第三层不透明度80%,模糊8px,不透明度60%,模糊8px。

3.然后我们选择比主色浅一点的内阴影能够表现玻璃的厚度,玻璃的内阴影要置于上层,边缘虚中间实,层次感就会更加丰富。

4.星星投影#fff8d4,50%,模糊18px,内阴影#fffdc64,60%,模糊5px,杯盖内阴影#fffff,40%,模糊20px。

bf81ddebc51c5603b2b8497dc6fc822.jpg

5.细节调整一下,让整个图标更加的耐看一点。

6.15°倾斜让整体更加有动势,悬浮投影,环境偏杯体。

以上就是小编为大家带来的,关于Figma制作珍珠奶茶风图标的方法,希望对正在学习Figma软件的小伙伴们有所帮助哦!

【原创声明】凡注明“来源:优草派”的文章,系本站原创,任何单位或个人未经本站书面授权不得转载、链接、转贴或以其他方式复制发表。否则,本站将依法追究其法律责任。
TOP 10
  • 周排行
  • 月排行