快速绘制圆角矩形的三种方法

行业动态

你现在位置：首页 > 行业动态 > 正文返回 >>

发布时间：2016-07-03 18:14:14 阅读次数：3395发布人：汪瑶

圆角矩形可谓是UI设计中，我们最常见到的元素之一了，通过圆角矩形工具去绘制的圆角过于普通，且略显呆板，缺少吸引力。今天新视觉实训就给大家分享三种绘制圆角矩形的方法，让我们在千篇一律的圆角矩形中找寻一些变化，为UI设计中这个小的元素增加一些设计的美感。

方法一：羊角螺线拼接法

首先获取羊角螺线，羊角螺线又被称作黄金螺线，然后在羊角螺线上截取其中的一段圆弧。

将选取下来的圆弧水平翻转90°，得到圆角矩形的四分之一角

接下来的工作就显而易见了，我们只需要将得到的这个角旋转并且复制三次就可以得到我们想要的圆角矩形啦。羊角螺线本身是从黄金分割中形成的，通过这种方式得到的圆角矩形堪称是最完美的圆角矩形，虽然制作步骤略为繁琐，不过做好一次之后，以后反复使用就可以了。

方法二：圆形膨胀法

使用椭圆工具绘制正圆形状，CTRL+T自由变换

点击工具栏变形，选择膨胀选项，参数根据各自的情况进行定义，建议参考值在10%-50%之间

变形完成之后，旋转45°角，即可得到想要的圆角矩形，通过这种方式，可以快速的得到线条流畅的圆角矩形，而且数值可以根据情况去设定，是最为简单易行的方法了。

方法三：多边形平滑拐角法

使用多边形工具绘制四边形，并在选项栏中勾选平滑拐角，这种方法最为简单，只是制作时没法修改拐角的参数，我们可以根据情况去进行选择

通过这三种方式得到的圆角矩形，效果略有不同，大家可以根据自己的需要选择合适的方法。

相关文章: