美文网首页设计程序员Design
绘制iOS中的设置图标

绘制iOS中的设置图标

作者: DEREK_GUO | 来源:发表于2016-01-17 22:23 被阅读491次

最近都在摸索「sketch」软件,运用所学的知识,是最快掌握所学知识的方法,所以每天也都在绘制一些图标。今天,绘制了iOS中的设置图标,难点在于绘制支柱上边与内圈交界处的形状,这个交界处是用vector工具拉出两个曲线。


  • 首先画出104x104的底圆,然后用Rotate Copies工具画出54个大齿轮。
底圆
大齿轮
Rotate Copies
  • 然后画出两个内圈圆,尺寸分别是86x86和76x76.


    两个内圈圆
  • 然后用vector画出支柱的上边,并用Flip Horizontal复制2个支柱。


    支柱
    Flip Horizontal
    支柱
  • 后面的就简单了,以同样的方法画出54个小齿轮和尺寸分别是56x56和46x46的两个内圈。


    设置图标

最后加个底色,效果图就是这样了。


相关文章

  • 绘制iOS中的设置图标

    最近都在摸索「sketch」软件,运用所学的知识,是最快掌握所学知识的方法,所以每天也都在绘制一些图标。今天,绘制...

  • iOS系统还可以设置这些东西?

    不知道有多少用户能够熟悉使用iOS系统中的设置(就是那个齿轮图标),与Android不同,iOS设置中的选项有些奇...

  • 设置App图标上的badge

    app图标上的badge 1、授权 因为在IOS8中要想设置applicationIconBadgeNumber,...

  • Flutter_设置APP图标和启动图

    一、设置APP图标 更新Flutter应用程序启动图标的方式与在本机Android或iOS应用程序中更新启动图标的...

  • flutter 打包等的相关

    图标和lunch图都是在android和iOS程序中分别设置不在lib(flutter)中设置 1.andorid...

  • iOS技术文档No.5 AppKit_NSShadow

    NSShadow 保存绘制阴影的类,iOS和macOS都能用,iOS中主要用来为富文本设置阴影,参考iOS技术文档...

  • 常见meta和link标签

    页面基本设置 http 信息设置 搜索引擎相关设置 移动端开发 移动开发基本设置 iOS 图标 iOS启动画面 其...

  • iOS - Quartz2D绘图相关(总有你想知道的)

    绘图周期 iOS绘制时候, 都会在需要绘图的部分区域设置一个绘图标志, 在每轮事件循环中, 绘图引擎会检测是否有需...

  • iOS app图标的生成,设置与更改 包会~

    xcode版本:9.3.1 iOS app图标理解: icon图标的设置很简单,需要生成不同尺寸大小的图标,对应不...

  • iOS 设置图标

    注意icon切图不能有:圆角、alpha通道。尽量避免使用纯白、纯黑底色。 适配iPhone: 适配iPad: A...

网友评论

    本文标题:绘制iOS中的设置图标

    本文链接:https://www.haomeiwen.com/subject/hckkkttx.html