当前位置:首页 >教程首页 > U I 设计 > 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公众号

学员作品赏析
  • 1903学员阮捍、徐珂小组作品

    1903学员阮捍、徐珂小组作品

  • 1903学员周德志小组作品

    1903学员周德志小组作品

  • 1903学员周德志小组作品

    1903学员周德志小组作品

  • 1903学员王悦、王思琪小组作品

    1903学员王悦、王思琪小组作品

  • 1903学员王悦、王思琪小组作品

    1903学员王悦、王思琪小组作品

  • 1903期学员阮捍、徐珂小组作品

    1903期学员阮捍、徐珂小组作品

  • 1903期学员阮捍、徐珂小组作品

    1903期学员阮捍、徐珂小组作品

  • 1903期学员阮捍、徐珂小组作品

    1903期学员阮捍、徐珂小组作品

专业问题咨询

你担心的问题,火星帮你解答
  • 网页设计和电商美工什么区别

    很多同学在选择职业的时候常常不知道是选择网页设计还是选择电扇美工,其实二者还是有着很大的区别的,今天小编就和大家来聊一聊,在设......

  • 我是新手如何做电商美工设计

    通常来说,一个好的设计图由产品、背景、颜色、排版、感情几个因素组成。要如何把这几个因素巧妙地融合到一起,这既是技术问题,也是思......

  • 自学电脑插画有可能吗

    很多想要学习插画的小伙伴往往缺少的不是方法而是学习的方式,学习电脑插画并没有很难,大家应该积极培养自己的兴趣,今天小编就和大家......

  • 建筑装潢装修设计要学哪些

    学习室内设计要有着一定方法和技巧,如果只是两耳不闻窗外事,埋头苦读,那么在室内设计这一行业会越走越难,如果泛泛的学习大篇的理论......

  • 学室内设计前景还是首饰设计前景好

    又到了大家准备择业的时候,很多小伙伴对于自己的未来发展很是担忧,对于现在的就业情况来讲,是选择学习室内设计前景还是首饰设计好呢......

  • 专业绘画平板电脑排行

    因为绘画专业的特殊性,所以绘画平板的电脑要相对于其他电脑来说更加优秀,所以大家在挑选绘画平板笔记本电脑的时候,都非常注重比较和......

×