收集、排列和对齐画布中的元素

上次更新日期: 2025年6月17日

了解如何使用不同的布局、图层和间距收集、排列和对齐画布中的视觉元素。

在使用 Firefly 灵感板 (beta) 功能探索和收集视觉元素后,您可以根据自己的愿景和主题开始编排布局这些元素。您可以使用不同的布局和图层元素,并调整间距和对齐方式,以打造整体协调、视觉惊艳的设计作品。

收集画布中的视觉元素

使用 Firefly 灵感板中的收集项目选项时,可收集所有视觉元素(如图像、颜色和视频)并将其集中放在画布上的一个位置。 然后,此功能会在画板内以网格布局的方式排列这些元素,并自动对它们应用合适的排列方式。

原始文件

灵感板中的视觉元素在被收集到画板中之前的状态。

收集项目

使用此选项会自动收集画板中以网格布局排列的视觉元素,并使用适当的排列方式进行编排整理。

准备事项

创建画板并添加视觉元素,如图像视频形状

  1. 在画布中选择多个元素,例如图像、视频或形状。

  2. 从上下文菜单中选择收集项目以收集画板内以网格布局排列的所有选定元素。

排列图像、视频和形状

当您在画布上选择多个视觉元素时,可以按结构化方式排列和组织它们。 

原始文件

灵感板中的视觉元素在对齐之前的状态。

以网格布局排列选定的元素,各行间距均匀,保持行内项目数量均等且间距统一。

以网格布局排列选定的元素,间距一致,确保每列项目数量均等且间距均匀。

马赛克

以马赛克布局排列选定的元素,间距均衡且支持尺寸自适应,在保持视觉协调性与对齐一致性的同时实现灵活排版。

  1. 在画布中选择多个元素,例如图像、视频或形状。

  2. 从上下文菜单中,将鼠标悬停在排列图标上,然后使用下拉选项按行、列或马赛克布局排列所选元素。 

  3. 在元素以均匀间距排列在选定布局中之后,您可以使用洋红色间隔条来调整间距。

    画布上的元素以网格布局排列,它们之间的间距呈突出显示,允许扩展或减小。
    将光标悬停在元素间隙处,即可增大或减小间距。

对齐图像、视频和形状

在画布上选择多个视觉元素时,您可以按照不同的方式对齐和组织它们,例如左对齐、右对齐、居中对齐或在版面中均匀分布。

  1. 在画布中选择多个元素,例如图像、视频或形状。

  2. 从上下文菜单中,将鼠标悬停在对齐 图标上,然后从下列选项进行选择以对齐所选元素:

    • 左对齐
    • 居中对齐
    • 右对齐
    • 上对齐
    • 垂直居中
    • 下对齐
    • 水平均分
    • 垂直均分

图层图像、视频、形状和文本

  1. 在画布中选择多个元素,例如图像或视频。

  2. 从上下文菜单中,选择   图标,然后从以下选项中进行选择:

    • 置为顶层
    • 前移一层
    • 下移一层
    • 置为底层

将图像、视频、形状和文本分组

  1. 在画布中选择多个元素,例如图像或形状。

  2. 从上下文菜单中,选择   图标,然后选择分组

注意:

如果在画布上选择要排列的元素时选择了文本,则收集项目排列选项将不可用。