码迷,mamicode.com
首页 > 其他好文 > 详细

UI设计中主流椭圆矩形2钟标准绘制方法

时间:2015-10-27 00:15:35      阅读:238      评论:0      收藏:0      [点我收藏+]

标签:

目前在UI设计主流的一种图标绘制形状为介于圆形和圆角矩形中间的形状,然而绘画出标准美观和符合用户所喜爱的形状是很有技巧的。下面我来分享一下3种标准的绘画方法。

 

技术分享

 

方法一:

新建600*600的画布,其他参数默认。

 

技术分享

在工具栏的矩形工具中点击三角箭头切换成多边形工具

 

 

设置边为:4并且如下下图勾选平滑拐角

 

技术分享

 

按住shift,按住鼠标左键在画布中央绘制

 

技术分享

放大之后可以发现它的边缘是虚的像素,因此需要边缘对齐像素网格

 

 

 

技术分享

 

打开首选项-》常规

把矢量工具与变化和像素网格对齐勾选

 

技术分享

设置好后,回到画布

Command+T选中形状,按住左键轻轻移动鼠标

 

形状图形就会自动对齐像素网格。技术分享

 

 

这个是最快速简单的方法

需要调节角度大小,精确的做法是

用直接选中工具依次对四条边的锚点向内或外进行移动

 

技术分享

下面这种调节圆角的方法是很难做到准确

 




技术分享

 

方法二:

技术分享

 

技术分享     

技术分享




技术分享  

技术分享

 

技术分享

技术分享
技术分享  

技术分享

技术分享
技术分享

技术分享

左边也使用同样的步骤

技术分享

技术分享




 

 

技术分享

技术分享

外圆调整弧度大小

技术分享

原文来自:中国UI

UI设计

UI设计中主流椭圆矩形2钟标准绘制方法

标签:

原文地址:http://www.cnblogs.com/qudaxueyuan/p/4912652.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!