快速用 Sketch 绘制30个图标

长得好看的人都已关注操作分解:一个正方形,两个同等直径的圆形即可完成,最后旋转多选矩形 Edit 后可以一起改圆角正方形不停地裁剪一个椭圆加长方形,复制即可圆角矩形加两个不同大小的圆合成小矩形旋转角度,最后拉下 Radius 即可选中锚点删掉,调下倾斜度,复制合成添加锚点一拉一调添加左右两个锚点的时候放大比较容易处理号细节锚点的 radius合成后记得 Flatten 下,就可以选择锚点加 radius添加钢笔锚点,并且 Show Gr...

文章目录[隐藏]

长得好看的人都已关注

快速用 Sketch 绘制30个图标



操作分解:

快速用 Sketch 绘制30个图标

一个正方形,两个同等直径的圆形即可完成,最后旋转


快速用 Sketch 绘制30个图标

多选矩形 Edit 后可以一起改圆角


快速用 Sketch 绘制30个图标

正方形不停地裁剪


快速用 Sketch 绘制30个图标

一个椭圆加长方形,复制即可


快速用 Sketch 绘制30个图标

圆角矩形加两个不同大小的圆合成


快速用 Sketch 绘制30个图标

小矩形旋转角度,最后拉下 Radius 即可


快速用 Sketch 绘制30个图标

选中锚点删掉,调下倾斜度,复制合成


快速用 Sketch 绘制30个图标

添加锚点一拉一调



快速用 Sketch 绘制30个图标

添加左右两个锚点的时候放大比较容易


快速用 Sketch 绘制30个图标

处理号细节锚点的 radius


快速用 Sketch 绘制30个图标

合成后记得 Flatten 下,就可以选择锚点加 radius



快速用 Sketch 绘制30个图标

添加钢笔锚点,并且 Show Grid View 做校对


快速用 Sketch 绘制30个图标

直接用 Layer - Paths - Scissors 剪掉圆的一半


快速用 Sketch 绘制30个图标

用四分之一正方形去Layer - Paths - Close Path 背后的圆


快速用 Sketch 绘制30个图标

Lock 上半部用「圆加同等矩形合成」的方式实现


快速用 Sketch 绘制30个图标

找到合适的锚点下拉一下就可以


快速用 Sketch 绘制30个图标

Ctrl D 上面的三角形并且 Scale 放大 120%与背后的矩形相减


快速用 Sketch 绘制30个图标

添加中间的锚点,如果觉得没有对准,可以拖动锚点感受下对准时的那个「钝钝」的感觉


快速用 Sketch 绘制30个图标

底部先做全圆角(Radius 拉到底)再做 Transform


快速用 Sketch 绘制30个图标

中间镂空的白色其实只是填充了白色为了校准,最后可以和背后的部分相减掉


快速用 Sketch 绘制30个图标

合成头部,Ctrl D 再 Scale 后和上半身相减


快速用 Sketch 绘制30个图标

先用两个正方形做裁剪,然后合成后向右拉伸,这样才会严谨


快速用 Sketch 绘制30个图标

星和圆合成后就可以在右侧调多边形的边数了,最后圆角一下


快速用 Sketch 绘制30个图标

类似 iOS 系统的齿轮,不停的复制旋转


快速用 Sketch 绘制30个图标

用 Paths - Scissors 剪掉形成耳机的连接部分,最后 Group 下就行


快速用 Sketch 绘制30个图标

都是 Ctrl D 原来的图形 Scale 后与背后的图像相见减的原理



快速用 Sketch 绘制30个图标

没什么特别的,如果太细的不太好校准的,Command + 放大画布


快速用 Sketch 绘制30个图标

用两个正方形相减,然后 Edit 三个角拉 Radius 到底,其他镜像下即可


快速用 Sketch 绘制30个图标

尾翼直接 Ctrl D 了机翼,Scale 缩小了而已,最后90度旋转


快速用 Sketch 绘制30个图标

用正方形旋转取得菱形,Shirt 左右箭头键可以以 10px 单位移动,方便很多



快速用 Sketch 绘制30个图标

Show Grid 模式,以一个长方形添加对应的锚点,并且移动到适合比例的位置


快速用 Sketch 绘制30个图标

Ctrl D Scale 旋转后互相伤害,相减



快速用 Sketch 绘制30个图标

跟 Home 类似,那天晚上在打一个很长的电话:)


快速用 Sketch 绘制30个图标

选中椭圆的两边锚点,Straight 下就可以


快速用 Sketch 绘制30个图标

做类似 45度角的 Icon,可以先在水平或者垂直放向上先做,最后旋转即可


快速用 Sketch 绘制30个图标

看过去有点复杂,其实还是用 Ctrl D 再 Scale 得到最后的结果,你会了吧


快速用 Sketch 绘制30个图标

所有有关箭头 Icon 都可以在 45度方向先做出来

快速用 Sketch 绘制30个图标

快速用 Sketch 绘制30个图标

长按二维码关注我

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/36360/

(0)
交互精选交互精选
上一篇 2018-04-09
下一篇 2018-04-09

相关推荐

  • 艺术留学 | 交互设计在未来会多火?

    交互设计是什么?对你而言,它可能还是未知数。这是康石石撰写本文的首要初衷,我们先看看大多数人如何看待交互设计这一专业:1.交互设计师是做APP的2.交互设计师是给APP动效的3.交互设计师都月薪上万,且薪资上涨空间高,酬劳丰厚。其它就不清楚了。。。以下康石石引用《女神进化论》创始人--寺主人在知乎关于交互设计师目前生存现状的一段描述,供大家了解行业目前基本情况:月薪<10k俗称“线框仔”,出没于小公司和外包公司,没有设计决策权,专门配给...

    2018-04-01
  • 交互设计 | 一部自嗨的头号玩家为什么吸引你?

    Create Your Difference. by CYD头号玩家头号玩家到底什么吸引你?情怀吸引了你?动漫迷的高达情怀电影迷的金刚情怀恐怖情怀或者跳舞机情怀?或许美国大片吸引了你?▲有坏美女▼坏boss▲坏人老出BUG▼好人老有神助▲英雄要崇拜▼大部队会赶来不管什么吸引了你把你所有的感触和情绪放大一万倍的东西是艺术和科技当然,我相信你们都知道不就是VR和AR吗整个电影都建立在VR和AR的基础上没有这牛逼地眼镜,这个故事还没开始就可以...

    2018-05-05
  • Sketch 49 新增交互原型能力

    看到更新弹窗蛮讶异的,完全没有见到相关消息或Beta版本,官方博客与Medium也毫无动静,太过突然,总之就是这样:“Prototyping: You can now connect Artboards with Links and Hotspot layers to create prototypes of your designs that can be viewed in Sketch Preview,Sketch Cloud,a...

    2018-03-02
  • 《用户体验要素》

    大多数人都体验过网购,这种经历几乎每一次都是一样的:你到达网站,寻找你想买的东西,然后下单(提供你的住址和电话号码),然后网站将物品快递到你的手中。这个清晰、有条不紊的体验,都是由一系列完整的决策(大大小小的决策)组成的:网站看起来是什么样、它如何运转、它能让你做什么。这些决策彼此依赖,告知并影响用户体验的各个方面。如果我们去掉这些体验的外壳,就可以理解这些决策是如何做出来了。作者给出了一套用户体验设计的科学方法,借用此方法,我们可以对...

    微信热点 2018-04-12
  • 提升用户体验的12大法器—《从点子到产品》读书笔记

    读了刘飞老师的《从点子到产品》书中关于用户体验的讲解,获益颇多。特此整理Mark一下,也分享给需要的童鞋~

    2018-04-26
  • Axure RP 7.0安装教程

    Axure RP 7.0Win版/64位下载地址:https://pan.baidu.com/s/1qN-SzT5g9U-O9OSzCMEnEw密码:8b6sAxure RP简介:Axure RP是一个专业的快速原型设计工具。使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等,另外,架构师、程序员也在使用Axure。适用系统:win7,win8,win10安装有问题或需要远程安装请联系:...

    2018-04-30
  • 交互设计,应该从哪学起?

    交互设计行业感觉很火嘛,我也很有兴趣,甚至想转型做交互设计,需要具备什么条件吗?什么职业都可以转型做交互设计吗?网络上很多培训内容都太宽泛,我到底该学什么呢?想职业转型,想拿到高薪,想提升生活品质,如果只是停留在“想”,永远都不会获得成功。不如从今天、从此刻开始,开启你的交互设计之路,从职业规划到求职面试,本课程带你走上职场进阶的坦途。课程139课时,超过1500分钟,800MB课程资料,全面讲解交互设计知识!商业实战案例,1年私人顾问...

    2018-01-30
  • 阅读类产品中的交互设计逻辑分析

    ↑  点击上方蓝字,加个关注吧~ ↑话题:阅读类产品的交互设计该怎么做?本文共1285字25图,预计阅读时间: 4分钟阅读体验阅读类的产品交互核心所有阅读类产品围绕的产品核心是:阅读体验好的阅读体验会让用户感到熟悉性,由于用户习惯长久的累积,对于阅读产品的使用逻辑,在用户脑海中已经有了一个基础的操作定位。在阅读体验中,不同习惯的交互动作设计所带来体验也不同,通过分析阅读产品中的交互方式,来解剖其交互中设计逻辑。阅读方式我们参考了三款阅读...

    2018-02-27
  • 增强现实正在提升用户体验

    当苹果的CEO Tim Cook在一次季度财报电话会议上,向分析师说出“增强现实将会改变一切”这句话时,人们都感到了一丝震惊。而现在看来,库克对增强现实(AR)的评价似乎并没有过分夸大。事实上,增强现实技术正在为各种应用创造出一个全新的范例。毕竟,我们已经很快地从在电脑键盘上打字,“进化”到了用智能手机打字或滑动屏幕,又或者是用语音来告诉Alexa或Siri来帮我们做什么事。现在AR把我们带到了全息计算时代。Animoji、Pokémo...

    2018-03-28
  • 交互设计:谈谈那些极具争议的设计方法

    作者:中大yzh全文共 2556 字,阅读需要 6 分钟———— / BEGIN / ————交互设计是一门有关设计学、用户心理学、图形学和计算机理论的综合型新兴领域,由于其及其复杂的学科交叉性,以及在不同的情景下,对同一类组件的要求经常会有所不同,导致目前在该领域内有时会出现一些看似正确其实极富争议的设计方法。在这里,我们就讨论一下这些具有争议的设计方法。争议方法1:在线填表时应该标注“可选填”的填表项在线填表时,需要在表格上面注明“...

    2018-02-01