首页 > 其他 > 详细

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

时间:2015-10-27 00:12:28      阅读:272      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!