【基础篇】夜雨原创玩转Sketch教程课时5:Sketch旋转副本、布尔运算等高级工具的使用

Sketch教程 夜雨 119℃
《玩转Sketch教程》是由夜雨出品的入门级免费工具教学课程,该课程承诺内容免费观看、课程配套资源免费下载以及后续迭代课程更新免费,是零基础设计师上手Sketch的首选福利课程。
首发在网易云课堂,基于最新版Sketch61.1制作,迭代更新速度快。课程地址,点击篮字直达,可以提前学习全部课程。
关注微信公众号”爱交互“(iueuxd)即可下载相应的配套教学素材,持续更新中~
内容目录:
1.剪刀工具的使用
2.旋转副本的使用
3.布尔运算的使用

1.剪刀工具的使用

1.1用剪刀工具剪去目标路径

剪刀工具,顾名思义,可以剪掉目标图形的一部分路径,使之变成新的形状,例如把圆剪去一部分路径。

 

1.2巧用剪刀工具,制作百分比圆环

我们可以巧用剪刀工具,得到我们想要的图形,例如百分比圆环,具体过程见下图。

 

2.旋转副本的使用

2.1旋转副本工具,本质就是复制

旋转副本工具,本质就是用来复制用的,只不过是围绕中心旋转的方式来进行复制。例如,我们可以按照它的规则,复制多个圆。

 

2.2借助旋转副本,可以设计围绕中心旋转图形

借助旋转副本,我们可以得到三叶草、电风扇、苹果的Photo图标,需要多开脑洞,都可以实现。

 

3.布尔运算的使用

3.1布尔运算的原理

Sketch支持布尔预算功能,通过数字符号化的推演运算,可以把简单的图形通过联集、交集等得到复杂的图形。
例如,心形图标,可以由2个圆形+1个正方形,通过布尔运算的“联集”得到。

 

3.2布尔运算的4种方式

布尔运算的方式,一共有4种:联集、减去顶层、交集、差集。

 

3.3布尔运算的应用:通过联集得到心形图标

执行联集后,可以得到两个形状区域的和,也就是数学上所谓的并集。

 

3.4布尔运算的应用:通过减去顶层得到吃豆子图标

以美国游戏制造商TENGEN公司制作的一款益智休闲游戏“吃豆子”为例,示范怎么使用减去顶层绘制吃豆子图标。

 

3.5布尔运算的应用:通过交集得到叶子

通过布尔运算的交集,可以得到一片规则的叶子,同时,进一步运用旋转复制,可以得到三叶草图形。

 

3.6布尔运算的应用:通过差集得到外圆内方的古钱币

通过布尔运算的差集,可以得到一枚外圆内方的“古钱币”。


该系列课程已经全部上架网易云课堂,完全免费学习,基于最新版sketch61.1制作,迭代更新速度快。课程地址,点击篮字直达,可以提前学习全部课程。
对交互设计有兴趣的,可以购买收费课程《零基础入行交互设计》学习。课程地址,点击篮字直达,现在购买,和夜雨1对1交流设计经验。

转载请注明:爱交互 » 【基础篇】夜雨原创玩转Sketch教程课时5:Sketch旋转副本、布尔运算等高级工具的使用

喜欢 (2)
粤ICP备17030697号