2019-11-29 UI设计培训

UI设计培训 | 三分钟教你快速绘制超椭圆

HiaHia~UI设计培训像素妹又跟大家见面了!想必大家经常会看到一些萌萌哒的超椭圆图标,这种介于圆形与圆角矩形之间的形态,是图标绘制比较流行的方式之一。接下来咱们说一下在设计软件中快速绘制的方法。 

UI设计培训

一、在PS中绘制

方法一:

首先我们选择“多边形工具”,属性栏中“边数”改为4,点击“设置选项图标”(小齿轮),勾选上“平滑拐角”,最后进行绘制就可以了。

UI设计培训


方法二:

首先我们选择“椭圆工具”,绘制出一个正圆后,选中椭圆图层Ctrl+T进行自由变换,右键选择“变形”,在变形选择框中点击“膨胀”,如果觉得默认效果不太合适,可以调节属性中“弯曲”的数值,最后旋转45度即可。 

UI设计培训


二、在Sketch中绘制

方法一:

我们绘制一大一小两个正圆,小圆图层顺序位于大圆上方,将两个形状进行居中对齐。按回车键或者双击形状进入大圆的编辑模式,选中角点后,鼠标放在贝塞尔曲线操作杆最边缘的点上,进行笔直地拖拽,与小圆的边缘对齐时会自动吸附,依次操作剩余的角点即可。 


UI设计培训

方法二:

首先调出View——Show Grid,在网格中绘制一个正圆,进入正圆的编辑模式,将正圆的四个角点分别往内部拖拽一个网格,会自动吸附。

(只要保证四个角点拖拽距离一致,不需借助网格,按方向键移动角点也是可以的)

UI设计培训


三、在AI中绘制

方法一:

首先绘制一个正圆,激活直接选择工具(快捷键A),按着Shift键不松手,先将圆的四个角点依次点一下(目的是让角点不被选择)。保持按着Shift键不松手,依次点击四下圆形边缘曲线,切换比例缩放工具(快捷键S),用鼠标往外侧拖拽,神奇的效果就出现了~ 



方法二:

我们用椭圆工具绘制一个正圆,选择形状,菜单栏——效果——变形——膨胀,在弹出的变形选项面板中,将“弯曲”的滑块往左调,点击确定。这时已经看到超椭圆的样子了,菜单栏——对象——扩展外观,完事儿~ 

UI设计培训



绘制完超椭圆的外形后,我们只需要将图标放进去就可以啦。

今天讲了绘制萌萌哒超椭圆的几种方式,小伙伴们有什么想法欢迎在评论区留言哦~(*´∀`)~♥




林老师:0371-5556 6060