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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
临摹作业–用几何形切割出精美的小图形(上)
0.0°
2014-08-06 原创文章 经验/观点 原作者: 原作者 举报 2022 31 11 7

wenroudong发了一篇文章“如何用几何形切割出精美的小图形”。可以借助几何图形进行组合,切割,拼凑,达到自己想要的图形效果。其中有很多细节的东西需要多临摹练习,比如:图形之间的比例关系,现将临摹过程写下来。

先上原图

                                                                图形原作者:wenroudong

临摹具体步骤(实现方式有很多种,只上传自己对原图的理解。)

一、画出两个同心圆

用椭圆工具先画出100px*100px的正圆,并拉出辅助线。

然后复制出一个正圆,按Ctrl+T将复制的正圆大小更改为80px*80px。两个圆进行水平居中对齐和垂直居中对齐后,按Ctrl+E将图层合并。用“路径选择工具”选择80*80的正圆后,在形状属性栏中执行“减去顶层形状”命令。形成图形圆1。

同样方式再做出一个与圆1中心线相切的圆2。小圆大小为100*100,大圆大小为120*120。然后拉出辅助线。

二、进行图形切割

现在绘制圆3,圆3的内圆大小设定为120*120,外圆大小为140*140,然后执行“减去顶层命令”进行图形组合

将圆1和圆3进行组合(Ctrl+E),用“路径选择工具”选择圆3后,执行“减去顶层形状”命令进行图形切割,形成以下的图形。

现在进行圆2的切割,建立一个正方形,边长为圆2的半径,切割出圆2的左下部分。

现在来确定圆2路径结束时的圆头位置,将刚才的矩形左上角锚点用“直接选择工具”改变至矩形高度1/2的位置。

下面就是将圆1和圆2相连,画一个矩形,宽度为圆2的半径,高度为圆2内圆和外圆的直径差的一半。然后将矩形与圆合并(Ctrl+E)

最后确定圆2结束路径的圆4问题,位置确定为切割圆2的矩形对角线穿过圆4的直径,最后将圆4与其他的路径合并(Ctrl+E)

合并后就完成了第一个图形啦

更新:2014-08-06

收藏

31人已收藏

  • 0

    作品

  • 0

    粉丝

  • 0

    关注

  • 使用8点网格使UI设计更高效
  • 中秋节插画
  • 投资决策帮助工具
  • 兔子旅行家app设计
相关标签
经验

    猜你喜欢

      2014-08-06 原创文章 经验/观点 原作者: 原作者 举报 2022 31 11 7

      临摹作业–用几何形切割出精美的小图形(上)

      0.0°

      你确定要举报临摹作业–用几何形切割出精美的小图形(上)

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2014年08月06日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      11
      31
      7

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

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

      登录

      手机号

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

      登录
      第三方账号登录