使用指南

图片

将图片添加到设计稿

您可以将图片添加到设计文件中,Pixso支持PNG、JPEG、SVG图片格式。

Pixso没有用于图片的特定图层类型,图片是一种填充类型。这允许您将图像添加到任何形状。

查看和更新右侧边栏的填充部分中的图像填充,Pixso 将在色板和标签中显示图像的缩略图。

将图片添加到设计稿操作界面

您可以在左侧边栏的"图层"面板中识别具有图像填充的图层:

  • 如果将图像直接添加到画布中,Pixso将在画布中创建一个矩形,其尺寸与原始文件的尺寸相同,并带有"图像"图标和名称。

将图片添加到设计稿操作界面

  • 如果将图像添加到现有对象,Pixso将使用原始图层图标和原始图层的名称。

将图片添加到设计稿操作界面

上传图片作为填充

您可以通过颜色选取器将图片应用于现有形状。您需要将图像下载到计算机才能上传。

1. 在画布中选择或创建形状。

上传图片作为填充操作界面

2. 单击右侧边栏中的填充色板,打开颜色选取器。

上传图片作为填充操作界面

3. 单击"填充"模式,然后从选项中选择"图像"。

上传图片作为填充操作界面

4. 黑白校验的占位符图图片将应用于形状。单击预览中的选择图像按钮。

上传图片作为填充操作界面

5. 从计算机中选择图像,然后单击"打开"进行应用。

6. 该图像将作为填充添加到您的形状中。

上传图片作为填充操作界面

使用“放置图片”批量添加图片

放置图像允许您批量导入图像,您可以准确选择要放置每个图像的位置,也可以添加到现有对象。

1. 可以通过以下方式导入图片

  • 从菜单中,选择导入,并选择图片

使用“放置图片”批量添加图片操作界面

  • 从顶部栏中,选择形状-图片

使用“放置图片”批量添加图片操作界面

使用快捷键

  • MacOS:Command + Shift + K
  • Windows:Ctrl + Shift + K

2. Pixso将打开一个上传窗口,选择您要使用的图片,支持多选图片,然后点击打开

使用“放置图片”批量添加图片操作界面

3. Pixso显示加号光标和第一个图像的缩略图。如果您选择了多张图片,角标将显示您还剩下多少张图片。

使用“放置图片”批量添加图片操作界面

4. 然后,有以下几种方式,将图片添加到画布中:

  • 单击画布中的某个区域,将图像以原始尺寸添加到这些坐标中;
  • 单击并拖动以定义图像的尺寸,支持将图片以自定义大小添加到画布中;
  • 选择画布上的现有对象,将图片填充到对象中。

将图片粘贴到画布中

除了通过选取图片将图片添加到画布中,还支持通过复制粘贴进行图片添加。

1. 创建新图层

如果要为剪贴板上的图像创建新图层,可以将其直接粘贴到画布上。您也可以直接从其他网页复制图片,无需将其下载到您的设备。

  • 单击画布中的空白区域,取消选择任何图层;
  • 使用键盘快捷键粘贴图片(快捷键 Ctrl / Command + V),将新图层添加到画布;
  • 系统自动创建一个与原始图像具有相同尺寸的矩形形状,并将该图像应用为填充。

2. 将图像添加到现有图层

如果在粘贴图像之前选择一个图层,图片将作为填充添加到该图层中,您可以替换现有填充或向图层添加其他填充;

默认情况下,Pixso 将向图层添加新填充,如果要替换现有填充,可以在粘贴之前在右侧边栏中选择填充

  • 选择要将图像添加到的图层。
  • 如果要替换现有填充,可以选择右侧边栏中的填充图层,点击图片缩略图的左侧。成功选择填充图层后,填充图层将以蓝色高亮显示。
  • 使用粘贴快捷键(Ctrl / Command + V)
  • 图片将作为新填充添加到所选图层中。默认情况下,图像的填充模式为填充,但您可以将其更改为适应、平铺或裁切。

裁剪图片

1. 选择要调整的图层

2. 在"属性"面板的"填充"部分中,单击"图像"缩略图以打开"填充"菜单

3. 单击左上角的填充模式下拉列表,然后选择裁剪

裁剪图片操作界面

4. Pixso 将在图像周围添加 8 个蓝色手柄。然后,您可以选择要显示的图像量:

  • 单击蓝色手柄并将其拖动到任何方向以定义
  • 单击并拖动图片本身以重新定位
  • 已经被裁切的图像部分将不那么不透明

裁剪图片操作界面

5. 单击画布上的任意位置以应用裁剪。或者,单击"填充"菜单中的 X;
6. 已经被裁切了的图片,双击可以再次进入裁切状态。
7. 快速裁剪:选择图像后,按住快捷键(Command / Ctrl) 的同时单击并拖动角标以对其进行裁剪。

调整图片的填充属性

有四种不同的图片填充方法,即使您缩放或操作对象也是如此。

适应

可确保整个图像在它所填充的对象内可见。这可确保图像的任何部分都不会隐藏,即使您调整对象大小也是如此。根据对象的形状,图像可能无法完全填充对象。

适应操作界面

填充

将定位和缩放图像,以便图片可以应用到整个对象。如果图像和对象是不同的形状,我们可能会裁剪图像,确保形状完全填充。

填充操作界面

裁剪

允许您调整图像的边界线。这使您可以控制可以看到图像的哪个部分。

裁剪操作界面

平铺

创建原始图像的重复模式,该模式填充整个对象。可以使用百分比值调整重复图片的大小。

平铺操作界面

当我们将图像应用为填充时,无法调整图像本身的比例或尺寸。但与任何其他对象一样,您可以缩放图像填充的对象。我们将根据您选择的填充模式缩放和定位图像。