Figma 中精准裁剪图像:分步指南

教程 2024-11-29 14:11:04 48

Figma 是一款功能强大的设计协作工具,提供了广泛的图像编辑功能,包括裁剪。裁剪图像对于从图像中移除不需要的部分或调整图像大小以适应特定设计尺寸至关重要。在本文中,我们将提供一个分步指南,向您展示如何在 Figma 中轻松裁剪图像。

步骤 1:导入或放置图像

首先,您需要将您要裁剪的图像导入 Figma。您可以通过前往“文件”>“导入”或简单地拖放图像文件到画布中来执行此操作。一旦图像导入,它将作为图层添加到图层面板中。

步骤 2:选择图像图层

选择您要裁剪的图像图层。单击图层面板中的图像缩略图或使用选择工具 (V) 在画布上单击图像。

步骤 3:激活裁剪工具

选择图像后,导航到顶部工具栏并单击“裁剪”图标。这将激活裁剪工具并显示裁剪框周围的控制手柄。

步骤 4:调整裁剪边界

使用裁剪框周围的控制手柄调整裁剪边界。您可以从任何角或边拖动手柄以缩小或扩大裁剪区域。按住 Shift 键可保持裁剪框的纵横比。

步骤 5:约束裁剪比例(可选)

要将裁剪框约束到特定的宽高比,请单击裁剪框右上角的“约束”图标。您可以选择预定义的比例(例如 16:9 或 4:3),也可以输入自定义比例。

步骤 6:预览裁剪结果

在裁剪图层之前,您可以预览裁剪结果。将鼠标悬停在裁剪框之外的任何区域上,这将显示图像裁剪后的外观。如果您对结果满意,请单击“裁剪”图标完成裁剪。

步骤 7:调整裁剪形状(可选)

如果需要,您还可以调整裁剪形状。双击裁剪框周围的任何控制手柄。这将在裁剪框中创建一个新点。您可以拖动新点以创建自定义裁剪形状,例如圆形或多边形。

步骤 8:保留裁剪内容

裁剪图像后,裁剪框中的内容将被保留为单独的图层。这允许您以后重新调整或编辑裁剪。要保留裁剪内容,请右键单击裁剪图层并选择“分离裁剪内容”。

按照这些步骤,您可以在 Figma 中轻松裁剪图像。裁剪工具提供了对裁剪尺寸和形状的精细控制,让您可以根据您的设计需求调整图像。通过善用这些功能,您可以确保您的图像在任何设计中都完美契合。