恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
利用羊角曲线画不规则圆角图标
0.0°
2015-09-09 原创文章 经验/观点 原作者: 原作者 举报 5213 27 17 3

需要的羊角曲线源文件已经附上,可下载

看了很多网上说的利用羊角曲线去作不规则的圆角图标,有的实在是很难看明白,研究后比较简单,步骤如下:

一:下载羊角曲线源文件后打开,新建一个文件,将源件复制到新建文件中,原文件中的羊角曲线描边很细,可设置稍微粗些(这里我设置0.5PX)方便查看。

二:绘制一个圆,圆的中心点与羊角曲线所在网格的中心点对齐(可以看到图中羊角曲线只取了右半段,左半段用不到)

三:(重要的一步)在圆心作45度角直线,并复制一条移动至于羊角曲线相切位置,则得到了一个切点!(该切点刚好是羊角曲线源文件上的第5个锚点)

四:以相切的点为准,将后面所有点删除即只取了前面6个点(加中心点)

五:复制得到的一段曲线,进行垂直翻转并旋转-90度后进行拼合,得到以下图形(注意衔接处的锚点需要选中链接下!)这边复制的方法任意,我是这么做的,得到下面的效果即可

六:在上面的基础上多次复制并对称得到一个完整的图标(上面第五步得到了具体的弧度,即得到了图标的四分之一,其余的部分应该都好做,方法不局限!)

七:填充即可看到明显的效果(注意第五步的括号部分哦~如果没有连接衔接处的点就无法填充得到完整的图标哦~会发现填充时中间是空白的~)

最后祝愿大家在设计的道路上越走越远啦~~

更新:2015-09-09

下载
收藏

27人已收藏

暖暖爱超人

源于生活 乐享生活!

  • 22

    作品

  • 36

    粉丝

  • 101

    关注

  • C4D尝试-没错终于将魔抓伸向了它~0.0
  • 超写实练手整理
  • 据说你是可爱的APP
  • 绘画源于生活
相关标签
经验分享设计

    猜你喜欢

      2015-09-09 原创文章 经验/观点 原作者: 原作者 举报 5213 27 17 3

      利用羊角曲线画不规则圆角图标

      0.0°

      你确定要举报利用羊角曲线画不规则圆角图标

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2015年09月09日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      17
      27
      3

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录