手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

在Sketch中如何绘制Google Chrome图标

时间:2024-10-14 01:29:56

1、打开Sketch工具。

在Sketch中如何绘制Google Chrome图标

2、一般的Google Chrome可以用如图所示的圆和三个矩形切出来,具体操作流程在此不多说,大家可以自己尝试一下。我们来讲一讲另外的画法。

在Sketch中如何绘制Google Chrome图标

3、新建画布,画一个 80 x 80 的圆。

在Sketch中如何绘制Google Chrome图标

4、在圆内画一个等边三角形,记住,此时不能直接用三角形工具去绘制,因为直接的三角形工具冤铘讵柘没法做到等边,用五角星工具,将右侧属性栏的Points更改为3,并将大小改为80 x 80,并与圆居中对齐,效果如图。

在Sketch中如何绘制Google Chrome图标

5、然后再画一个40 x 40 的圆,也是居中对齐。

在Sketch中如何绘制Google Chrome图标

6、将中心的辅助线弄出来,并且画一个矩形,位置在三角形的下方,降低透明度看一下效果。

在Sketch中如何绘制Google Chrome图标

7、接下来开始做两个布尔运算,让矩形和外面的大圆钱砀渝测(80 x 80 的圆)进行布尔运算(交集/Intersect),让三姹州比蹼角形和内小圆(40 x 40 的圆)进行布尔运算(减去顶层/Subtract),效果如图。

在Sketch中如何绘制Google Chrome图标

8、然后用钢笔勾画一个图中所示的图形,紧接着进行两步布尔运算,如果对布尔运算不熟悉的,可以参照下方链接。

在Sketch中如何绘制Google Chrome图标

9、接着用顶部工具栏的“Rotate Copies”工具,出来的对话框中将默认数字6改为2,点击“OK”。

在Sketch中如何绘制Google Chrome图标

10、然后将锚点调整至辅助线的中心位置,图中是错误示范,未调至中心位置。

在Sketch中如何绘制Google Chrome图标

11、调整至中心位置之后,形成一个这样的图形。

在Sketch中如何绘制Google Chrome图标

12、然后调整颜色,画中间圆形,钢笔勾画阴影部分。

在Sketch中如何绘制Google Chrome图标

13、用蒙版Mask,隐藏阴影多余的部分,基本图形绘制完成。

在Sketch中如何绘制Google Chrome图标
© 手抄报圈