figma怎么绘制google chrome图标
硬件:Windows系统 版本:11.1.1.22 大小:9.75MB 语言:简体中文 评分: 发布:2020-02-05 更新:2024-11-08 厂商:谷歌信息技术(中国)有限公司
硬件:安卓系统 版本:122.0.3.464 大小:187.94MB 厂商:Google Inc. 发布:2022-03-29 更新:2024-10-30
硬件:苹果系统 版本:130.0.6723.37 大小:207.1 MB 厂商:Google LLC 发布:2020-04-03 更新:2024-06-12
跳转至官网
在开始使用Figma绘制Google Chrome图标之前,首先需要了解Google Chrome图标的基本特征。Google Chrome图标通常由一个蓝色的地球图标和一个绿色的e字母组成。地球图标代表互联网,而绿色的e字母则是Google Chrome的首字母缩写。了解这些基本特征有助于我们在Figma中准确还原图标的设计。
二、创建新的Figma文件
打开Figma软件,创建一个新的文件。在文件类型选择中,选择设计或原型,这取决于你的设计目的。接下来,设置画布的尺寸,建议使用与Google Chrome图标相同的尺寸,即128x128像素,以确保最终输出的图标大小合适。
三、绘制地球图标
1. 使用圆形工具绘制一个直径为64像素的圆形,填充颜色为蓝色(4285F4)。
2. 使用椭圆工具绘制一个直径为20像素的椭圆,填充颜色为白色,放置在蓝色圆形的顶部,作为地球的北极。
3. 使用椭圆工具绘制一个直径为10像素的椭圆,填充颜色为白色,放置在白色椭圆的顶部,作为北极的冰帽。
4. 使用钢笔工具绘制一个弧形,连接蓝色圆形的底部和白色椭圆的底部,形成地球的轮廓。
5. 使用钢笔工具绘制一个直径为10像素的椭圆,填充颜色为白色,放置在蓝色圆形的左侧,作为地球的南极。
四、绘制绿色的e字母
1. 使用矩形工具绘制一个宽度为40像素、高度为60像素的矩形,填充颜色为绿色(0F9D58)。
2. 使用钢笔工具绘制一个三角形,连接矩形的上边和两个对角线,形成字母e的顶部。
3. 使用钢笔工具绘制一个矩形,连接三角形的底部和矩形的下边,形成字母e的底部。
4. 使用钢笔工具绘制一个矩形,连接三角形的底部和矩形的左侧,形成字母e的左侧。
5. 使用钢笔工具绘制一个矩形,连接三角形的底部和矩形的右侧,形成字母e的右侧。
五、调整图标布局
将地球图标和绿色的e字母放置在画布中心,调整它们的位置和大小,确保它们在视觉上平衡且协调。
六、添加阴影效果
为了使图标更具立体感,可以为地球图标添加阴影效果。使用钢笔工具绘制一个与地球轮廓相似的形状,填充颜色为深蓝色(0B7CD1),然后将其放置在地球图标的下方,调整透明度,使其成为地球图标的阴影。
七、导出图标
完成图标设计后,点击Figma界面上的文件菜单,选择导出选项。在导出设置中,选择PNG格式,并设置导出尺寸为128x128像素。点击导出按钮,将图标保存到本地电脑,以便在需要时使用。