当前位置:首页 >教程首页 > U I 设计 > UXD全链路设计大师班 >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期学员王佳蕊作品

专业问题咨询

你担心的问题,火星帮你解答
  • c语言和python哪个难

    c语言更难一些,其实Python的底层就是c语言实现的,如果你想深入的话,建议先学c语言,在学习Python。如果只是想掌握一......

  • 数字媒体技术专业就业前景如何

    在我国目前很多数字媒体专业在国内外都有很多学校开设,尤其是近几年来很多院校都开设了数字媒体专业的课程,不过目前很多同学除了可以......

  • 影视广告和微电影广告的区别

    在当下信息爆炸时代,很多碎片化信息无法被大家精准捕捉到,很多投资商想要吸引到大家都会通过广告的方式,但是广告的种类有很多,每个......

  • 邢台pr视频剪辑培训班推荐

    每个人都有一个成为UP主的心,但是对于成为一个UP主需要掌握的专业知识和技能却了解不够的深入,想要制作一个精美的视频,剪辑是首......

  • 邢台线下原画师培训班哪家好

    原画是一个很受年轻人喜欢的行业,也是当前发展比较好的方向,不管是游戏原画还是影视原画,都是极为火热且人才缺口大的职业。而想要成......

  • 邢台动画培训哪家好

    随着动画行业的发展,cg三维动画因为不受时间、空间、地点、条件、对象的限制,能够运用各种表现形式把复杂、抽象的节目内容、科学原......

×