圆角矩形可谓是UI设计中,我们最常见到的元素之一了,通过圆角矩形工具去绘制的圆角过于普通,且略显呆板,缺少吸引力。今天新视觉实训就给大家分享三种绘制圆角矩形的方法,让我们在千篇一律的圆角矩形中找寻一些变化,为UI设计中这个小的元素增加一些设计的美感。

方法一:羊角螺线拼接法

首先获取羊角螺线,羊角螺线又被称作黄金螺线,然后在羊角螺线上截取其中的一段圆弧。

将选取下来的圆弧水平翻转90°,得到圆角矩形的四分之一角

接下来的工作就显而易见了,我们只需要将得到的这个角旋转并且复制三次就可以得到我们想要的圆角矩形啦。羊角螺线本身是从黄金分割中形成的,通过这种方式得到的圆角矩形堪称是最完美的圆角矩形,虽然制作步骤略为繁琐,不过做好一次之后,以后反复使用就可以了。

方法二:圆形膨胀法

使用椭圆工具绘制正圆形状,CTRL+T自由变换

点击工具栏变形,选择膨胀选项,参数根据各自的情况进行定义,建议参考值在10%-50%之间

变形完成之后,旋转45°角,即可得到想要的圆角矩形,通过这种方式,可以快速的得到线条流畅的圆角矩形,而且数值可以根据情况去设定,是最为简单易行的方法了。

方法三:多边形平滑拐角法

使用多边形工具绘制四边形,并在选项栏中勾选平滑拐角,这种方法最为简单,只是制作时没法修改拐角的参数,我们可以根据情况去进行选择

通过这三种方式得到的圆角矩形,效果略有不同,大家可以根据自己的需要选择合适的方法。

php 绘制圆角矩形,快速绘制圆角矩形的三种方法 - 行业动态 - 济南新视觉实训基地-平面UI设计PS培训,室内设计,web前端,影视3D动画后期制作培训...相关推荐

  1. ps自定义形状工具_PS教程——用PS绘制虚线的三种方法

    点线面是平面构成的基本元素,而线条在平面设计中亦有规整分割版面.装饰造型的作用,能大幅提升版面的可读性.学会用PS绘制线条是每个自学平面设计初学者的基本功,本篇平面设计学习日记, @酷coo豆一孔之见 ...

  2. 菱角图形输出c语言,CDR将多边形/图形的角度变圆?CDR制作圆角图形的三种方法

    在CorelDRAW中如何将多边形/图形的角度变圆.可能在以早的版本中,都没有直接实现圆角多边形的功能,直到后来较高版本中提及的圆角/扇形角/倒棱角功能的出现,才很好的解决了这个问题,其实方法也不止是 ...

  3. 三种方法实现弹出框边框半透明和圆角的效果

    发现支付宝的一个充值抽红包的系统里面有个弹出对话框,边框半透明效果,就想着自己做一个弹出对话框效果, 用三种方法实现弹出框边框半透明和圆角的效果 1.用rgba来实现背景半透明,设置内边距 2.设置b ...

  4. iOS 视图实现圆角效果的三种方法及比较

    通过代码,至少有三种方法可以为视图加上圆角效果.附例子: https://github.com/weipin/RoundedCorner 方法一.layer.cornerRadius 第一种方法最简单 ...

  5. 视图实现圆角效果的三种方法及比较

    本篇文章主要介绍了"视图实现圆角效果的三种方法及比较",主要涉及到视图实现圆角效果的三种方法及比较方面的内容,对于视图实现圆角效果的三种方法及比较感兴趣的同学可以参考一下. 方法一 ...

  6. 使用matlab绘制分段函数的三种方法

    找到了三种绘制分段函数的方法,绘制如下函数  第一种方法: %第一种分段函数 t1=0:0.1:10; v1=t1; t2=10:0.1:20; v2=0*t2+10; t3=20:0.1:30; v ...

  7. MATLAB 保存imshow绘制图片到指定文件夹中的两种方法

    MATLAB 保存imshow绘制图片到指定文件夹中的两种方法 imwrite函数 imwrite(image,filename) imwrite(image,filename)是将图像数据image ...

  8. excel单元格斜线_做个高级表格,绘制斜线表头的三种方法,看你可以学会几种?...

    工作中做表格经常会遇到需要绘制斜线表头的时候,今天我们具体说下斜线表头的绘制方法 先看下效果图 绘制斜线表头方法一 1. 选中单元格-------插入------形状-----直线-----在单元格里 ...

  9. t–sql pl–sql_T-SQL for DBA –使用T-SQL进行快速数据分析的三种方法

    t–sql pl–sql 背景 (Background) As a database administrator, sometimes you need to identify details abo ...

最新文章

  1. 编写字符串反转函数 - 小小外星人的技术博客 - 博客频道 - CSDN.NET
  2. 数组、链表、Hash(转)
  3. 从该函数中确定函数名称(不使用回溯)
  4. 分享python os.system一点心得
  5. audio 上一首 下一首 自定义样式_HTML5中 audio标签的样式修改
  6. 数据结构——堆的C语言实现
  7. Ditto剪贴板增强工具
  8. 华为P50为屠榜而来:搭载超高像素1/1.18英寸大底主摄
  9. java中html5表格_java:HTML(table表格,ul列表)和CSS(导入.css文件,三种定义颜色方式,三种样式选择器,a标签属性顺序,)...
  10. 小米发布会之文案错误:大哥你先处罚自己!再处罚相关高管!
  11. day32,尚硅谷视频学习中
  12. Ubuntu安装网易云音乐
  13. docker: 使用nginx容器运行html静态网页以及制作镜像
  14. JavaScript基础知识
  15. JS实现复制内容到剪切板,兼容PC和手机端,支持SAFARI浏览器
  16. Eclipse 查看类继承和实现关系(包括子类)
  17. zabbix 内存溢出 解决
  18. [原创]java实现word转pdf
  19. 角速度的相似变换定理的证明
  20. 西门子plc s7-200写的先进先出范例 用fifo

热门文章

  1. php写相册管理系统代码,php相册系统源代码
  2. 电子计算机 能力极限,“光脑”来了:性能比超级计算机快一万倍
  3. 【js splice和slice】
  4. 【电源专题】分流监控器(电流感测放大器)
  5. ZEBRA打印汉字的实现
  6. 韶关学院插本C语言真题,2020年专插本韶关学院汉语言文学专业课一现代汉语题型...
  7. 惨遭面试官吊打高并发系统设计,回来学习2400小时后成功复仇
  8. 【node.js】JavaScript基本语法
  9. 【转】2011年.NET面试题总结(很经典的)
  10. 首次成功的web渗透