当前位置:首页 >教程首页 > U I 设计 > AI+UX设计大师班 >UI设计师都会用的圆角插件

UI设计师都会用的圆角插件

发布时间:2021-08-20 09:45:40

Hello,大家好,我是秋风。今天想推荐一款UI设计师都会用到的PS圆角插件——Corner Editor。设计师在做设计稿的时候,往往需要反复调整按钮图标的圆角弧度,或根据不同的风格设定选择不同偏向的折角,这时候圆角插件就是一款极其便利的工具。

一、基础用法

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

1.webp.jpg

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

2.webp.jpg

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

3.webp.jpg

示例:

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

1、画出基本形状;

4.webp.jpg

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

5.webp.jpg

二、进阶用法

示例:

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

1、先画两个矩形;

6.webp.jpg

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

7.webp.jpg

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

8.webp.jpg

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

9.webp.jpg

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

10.webp.jpg

三、安装教程

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

11.webp.jpg

来源:Thepoly公众号

学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

专业问题咨询

你担心的问题,火星帮你解答

微信扫码在线答疑

扫码领福利1V1在线答疑

点击咨询
添加老师微信,马上领取免费课程资源

1. 打开微信扫一扫,扫描左侧二维码

2. 添加老师微信,马上领取免费课程资源

×

同学您好!

您已成功报名0元试学活动,老师会在第一时间与您取得联系,请保持电话畅通!
确定