使用形状和填充创建你的头像

课程概览

在这个课程中，我们将学习 Figma 设计中的几种基本图层类型，并使用它们来构建我们作品集网站首页的英雄部分。英雄部分是网页顶部的较大区域，通常用于吸引注意力、传达信息或促使采取行动。

我们将从使用带图像填充的形状来创建头像开始，然后使用文本图层添加我们的名字和简短描述，以欢迎访问者来到我们的作品集。您需要一个用于头像的照片，所以在继续之前，请确保您的电脑上已准备好一张照片。

创建你的头像

我们将使用形状图层和图像填充来创建头像。在开始设计之前，请确保你位于文件的探索 页面。

在画布上添加一个椭圆

Figma 设计中有六种 形状工具 ：矩形、线条、箭头、椭圆、多边形和星形。我们希望我们的头像呈圆形，所以我们将使用 椭圆 工具。

1. 从工具栏中选择 椭圆 工具，或在键盘上按 O 。
2. 点击画布上的任何位置来放置一个椭圆。注意右侧边栏的变化，现在它提供了一些我们可以编辑的属性。
3. 在布局部分，可以看到椭圆的尺寸设置为 100 X 100。让我们通过在宽度和高度字段中输入 90 并按 Enter 应用更改来调整其大小。

更改椭圆的填充

当您将形状添加到画布上时，实际上是在添加该形状的轮廓，也称为矢量网络。默认情况下，Figma 会用纯灰色填充形状的轮廓。

我们可以通过右侧边栏中的填充部分来更改图层的填充。填充可以是纯色、渐变、图片、动画 GIF 和视频（仅在付费计划中可用）。

图层可以有多个填充。这允许你自定义图层，例如在图像上放置渐变。要添加额外的填充，点击 填充 部分的 加号 。你可以点击并拖动填充来重新排序它们，或者点击 减号 来删除它们。

由于我们想在头像中包含一张个人照片，我们将将椭圆的填充更改为图像。

1. 选择椭圆。
2. 在填充部分，点击色块以打开颜色选择器。
3. 选择 图像 。
4. 点击 从电脑上传 。
5. 从你的电脑中选择一张图像。
6. 点击 打开 。

图片将替换椭圆的默认灰色填充。然后，您可以使用图片设置调整曝光、对比度和温度等属性。

提示： 图片不在您想要的位置？您可以通过裁剪或重新定位来改变图层内图片的外观。了解更多关于裁剪图片的信息。