总有人问我，那个正方形的圆咋画呀？根据国际惯例，那种正方形的圆，叫做超椭圆，android端图标常常用超椭圆做外轮廓。

各类软件中都有快捷方式设置超椭圆，这里我来做个总结，在常用软件中设置超椭圆的方法。

超椭圆为何物？

超椭圆（superellipse）也称为Lamé曲线，是一种类似于椭圆的封闭曲线，保留了椭圆的长轴、短轴、对称性的特点。

是在笛卡儿坐标系下满足以下方程式的点的集合：

其中n、a及b为正数。
　　上述方程式的解会是一个在−a≤x≤+a及−b≤y≤+b长方形内的封闭曲线，参数a及b称为曲线的半直径（semi-diameters）。

常见的超椭圆有星形线。

（来自百度百科）

作为一名学酥，我可以大言不惭的告诉你，我没看懂，总之，超椭圆是一种介于矩形和圆之间的存在。

绘制方法

1、PS中绘制超椭圆

方法一：膨胀

step1: 先画一个圆

step2: ctrl+T 变换 鼠标右键单击 选择变形；

或者ctrl+T 变换 在顶部工具栏中 直接点击「在自由变换和变形模式之间切换」，就是那个像田字格的图标。

step3: 左上角变形样式中选择「膨胀」，直接回车确定，将图形旋转90度，膨胀后的圆面积会变大，记得缩小些恢复原尺寸。

在step3中，或者使用左上角变形样式中选择「鱼眼」，可以将圆直接转变成超椭圆，不需要再旋转90度。

方法二 平滑拐角

step1: 选择多边形工具，在画板上单击，修改属性

边数：4

勾选：平滑拐角

step2: 得到图形后旋转90度，完成。

「注」：实践中，你可以发现，方法二得到的超椭圆中，锚点在边上，需要通过调整锚点手柄的方式调整圆角。

方法一中，膨胀和鱼眼的圆角则可以直接调整锚点。

附赠调整平滑拐角方式：

step1: 先画一个圆，拉上下左右四条辅助线，白箭头单击底部的锚点，按住shift+alt+鼠标左键拖拽锚点的手柄至辅助线。

step2: 再拖拽另一边的手柄至两边拖拽的距离相等，辅助线的位置可以自行确定，但需要保证两边距离相等，拖拽的距离越大，圆角越小。

可以通过调整上下的锚点或左右锚点定超椭圆，也可以四个锚点同时调整，根据设计需要。

2、sketch中绘制超椭圆

step1: 调处网格

在标尺上单击右键，选中显示网格，在网格设置中调整网格尺寸，我这里圆是100x100px的，网格使用10px，根据你的设计情况，网格可调大调小，数值越大，网格越密。

step2: 选中圆，点击编辑（或者双击正圆，进入锚点编辑）；

step3:  分别将正圆的四个锚点向内或向外拖移一个网格；

step4: 完成了，超简单是不是。感觉sketch中绘制超椭圆蠢蠢的！

3、AI中绘制超椭圆

方法一：效果中的膨胀和鱼眼

step1: 绘制一个正圆；

step2: 效果-变形-膨胀；

step3: 变形选项-调节「弯曲」，当滑杆往左边调，数值为负数，得到的超椭圆小于原形状；反之，向右调时，数值为正数，得到的超椭圆大于原形状；预览勾上，可以直观的看到图形调整状态；

step4: 对象-扩展外观，完成。

使用效果-变形-鱼眼时，得到的超椭圆大小与原形状保持一致，如图，是弯曲设置为-30%的效果。

方法二：混合工具-偏移路径

step1: 先画一个圆、一个矩形，中间留些位置；

step2: 使用混合工具，鼠标移动到图形上，出现米字符时，在圆上单击，移动到矩形上，再单击，得到一组图形。

双击混合模式图标，可以修改属性。因为我们将取中间图形进行下一步操作，这里建议间距选择：指定步数：3

step3: 顶部菜单对象-扩展-确定，回到图形上取消编组，选择中间图形。

step4: 顶部菜单对象-路径-偏移路径，勾选预览，调适当位移，即可得到一个超

椭圆。

画一个膨胀的超椭圆的方法，你都记住了吗？下次画图标时，就用上试试吧！

交流学习关注公众号：阿晨一只猫。

Powered by Froala Editor