Figma入门-旋转效果
前言
在之前的工作中,大家的原型图都是使用 Axure
制作的,印象中 Figma
一直是个专业设计软件。
最近,很多产品朋友告诉我,很多原型图都开始用Figma
制作了,并且很多组件都是内置的,对各种原型图的制作极其友好,只需熟悉一下基本的操作即可上手。
所以我打算一探究竟,听说的终究是听说,自己上上手才是真的。
所以接下来的文章我打算记录从0开始上手 Figma
的过程。
本系列直接从实操开始,有所错漏或者操作错误,还请大家指正。
如果有更高效的使用方式,也欢迎交流。
本篇我们来讨论旋转效果。
旋转效果
我们以一个普通的箭头形状为例:
我们可以一个个复制,然后用边缘的旋转工具进行旋转
然后不断地 Command(Ctrl) + D 进行重复操作
可以得到下面的结果。
但是这样的图形我们很难确保它是规则的排列
所以我们可以借助 RotateCopies
插件来完成这个旋转复制操作。
安装好插件后,我们选中这个箭头,打开插件
这个插件有三种模式:按中心点旋转、按顶点旋转、按自定义点旋转
我们以一个三角形为例,放出三种旋转方式的结果
可以看到,排列非常规则,加上一点填充、阴影、背景之类的效果,就可以做出很多好看的效果出来。
总结
在本篇文章中,我们探讨了如何在 Figma
中实现旋转效果。
首先,我们介绍了如何手动使用旋转工具和 Command(Ctrl) + D
进行重复操作来创建旋转图形,但这种方法难以确保图形排列的规则性。
接着,我们推荐了 RotateCopies
插件,通过该插件可以更方便地实现按中心点、顶点或自定义点的旋转复制操作。
最后,我们展示了使用插件后的效果图,证明了其在创建规则排列图形方面的优势。
-- 欢迎点赞、关注、转发、收藏【我码玄黄】,各大平台同名。