新拟态绘制教程 Figma怎么做拟态图标?

金珍妮            来源:优草派

在我们的UI设计中,经常会使用到的软件就是Figma软件。我们可以在这个软件中实现很多界面动画效果,这也是一个让我们喜爱并且常用的软件。今天小编为大家带来的就是,如何用我们的Figma怎么制作新拟态效果的具体方法和步骤,赶快和小编一起来看一看学习起来吧!

新拟态绘制教程 Figma怎么做拟态图标?

1.首先第一步,打开Figma,然后按住shift键,绘制一个正方形。

2.然后我们调整一下这个正方形的圆角,接下来,我们可以填充一个渐变颜色了。在这里没有固定的数值,我们可以根据自己的需求和画面的效果来进行设定。

3.下一步,我们添加渐变描边,这里注意,与填充渐变的方向相反,才能做出想要的效果,这一点也是非常重要的,因为要这样的对比才能出现一个立体的效果和氛围。

4.做完之后,我们添加外阴影A,假设光是从左上角打过来的,我们就把阴影位置调整到右下角,这样可以做出我们需要的光效的感觉,形成一个暗部。

5.现在我们再添加外阴影B,做出外圈光效,让整个图标的感觉出现更加立体的氛围。

以上就是小编为大家带来的,关于Figma怎么做拟态图标的方法,希望对正在学习UI设计和学习Figma软件的小伙伴们有所帮助哦,赶快和小编一起来学习吧!

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