今天想推荐一款UI设计师都会用到的PS圆角插件——Corner Editor。

设计师在做设计稿的时候,往往需要反复调整按钮图标的圆角弧度,或根据不同的风格设定选择不同偏向的折角,这时候圆角插件就是一款极其便利的工具。

1基础用法

1.选中需要修改的形状图层

ui设计滑动效果(UI设计师都会用的圆角插件)(1)

2.点击文件——脚本——Corner Editor

ui设计滑动效果(UI设计师都会用的圆角插件)(2)

3.设置你想要的半径,点击你想要的折角样式即可,关闭插件。

ui设计滑动效果(UI设计师都会用的圆角插件)(3)

示例:

现在需要绘制下面图标的圆角形状。

1.画出基本形状;

ui设计滑动效果(UI设计师都会用的圆角插件)(4)

2.选中所有的形状,调出圆角工具输入需要的圆角数值即可。

ui设计滑动效果(UI设计师都会用的圆角插件)(5)

2进阶用法

示例:

现在需要绘制下图中的底板形状.

1.先画两个矩形;

ui设计滑动效果(UI设计师都会用的圆角插件)(6)

2.选中左边的白色矩形,打开圆角插件,勾线下方数字标注。如图所示,现在矩形上从左上角开始,顺时针的四个角分别出现时数字标识。在半径设置输入框中,根据角的个数与各自的半径需要输入多个以逗号分隔的半径值,顺序是从第一个角到最后一个角,分别以逗号隔开。点击圆角,得到下面的形状。

ui设计滑动效果(UI设计师都会用的圆角插件)(7)

3.现在只做右边灰色的地板对应的复杂多边形。因为要对图形进行二次编辑,所以要不勾选保存原边角,以此来产生新的边角,而不是之前的四个边角。用以上方式:勾选数值标注,输入需要的半径值60,10,30,10,点击内折角,得到下图中的形状。

ui设计滑动效果(UI设计师都会用的圆角插件)(8)

4.勾选数值标注,显示1-8个边角,输入对应的半径值10,60,10,6,2,20,2,6,点击圆角,得到下图中的形状。

ui设计滑动效果(UI设计师都会用的圆角插件)(9)

5.调整右边形状到合适大小,就完成了上图中的底图形状。

ui设计滑动效果(UI设计师都会用的圆角插件)(10)

3安装教程

把插件文件复制到你的PS安装文件夹以下位置:

ui设计滑动效果(UI设计师都会用的圆角插件)(11)

快前往虚幻引擎官网下载体验吧!

,