Sketch Tutorial - 从零开始学Sketch 第五课

本教程通过分解Camera图标,介绍如何使用Sketch软件中的Grid校对、钢笔锚点及Corners设置等功能,完成从长方形到Camera图标的绘制过程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在这一节课中,我们来做一个Camera的图标,主要知识点:钢笔锚点,Grid校对,Corners设置,主要是对上几节课的复习.


首页我们画一个500*500的artboard,然后画一个200*140的长方形,记得用Grid来校对。在最上面一边,用钢笔锚4个点,如下图:


第二步,在长方形的中间画2个圆,分别用白色和蓝色填充。


第三步,同时选中中间的2个锚点,然后向上拉伸一个方格。同时设置Corners为20,如下图:


第四步:同时选中长方形的其他四个点,设置corners等于20.


好了,我们可以看到一个简单的相机icon就这样做好了,当然还可以有很多种相机的制作方式,作者在这里抛砖引玉的制作了一个,你们自己也可以做其他的相机。

经过前面几节课的学习,其实做一个icon也没有太多的难度,拿到一个图标,首页要学会分解,考虑用他们图形去做,然后掌握Sketch的用法,基本的图标是不难的。

下面是这节课的gif,你们可以参考一下:


关注我的微信号,了解更多



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值