超椭圆是介于方形和圆形之间的一种存在，本文介绍了ps、sketch、ai不同软件中超椭圆的设置方法
总有人问我，那个正方形的圆咋画呀？根据国际惯例，那种正方形的圆，叫做超椭圆，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