logo
帮助文档/图层与工具/创建图层/图片

图片

你可以在文件中添加图片,将照片、屏幕截图或其他视觉类资产融入到你的设计内容里。 Motiff 妙多支持 PNG、JPEG、HEIC 和 WebP 格式的图片。

关于图片

Motiff 妙多中的图片不是独立的图层类型,而是一种填充类型。你可以将图片添加到任何形状或矢量网络。

含有图片填充的图层,在左边栏「图层面板」中会显示 '图片.svg' 图标。

当你选中含有图片填充的图层后,你可以在右边栏的「填充」处查看和修改图片。 Motiff 妙多将在填充模块处显示图片的缩略图和标签。

图片最大尺寸为 4096 × 4096 像素。当图片超出最大尺寸限制时,该图片会等比缩放至 4096 像素。 在某些情况下,Motiff 妙多需要在图片添加到文件之前对其进行解码和转换,因此不能保证会保留所有文件的原始数据。

添加图片

通过图层填充添加图片

你可以通过右边栏的填充模块将图片设置为现有形状的填充。这种方式仅支持本地上传图片。

图片必须以 PNG、JPG 格式上传。

上传图片

  1. 1.在画布选中或创建形状。
  2. 2.点击右边栏中的填充模块,将打开填充菜单。 '上传图片1.png'
  3. 3.点击图片填充模式并从选项中选择图片: '上传图片2.png'
  4. 4.黑白相间的占位图会被设置为该形状的填充,点击图片预览区中的「选择图片」。 '上传图片3.png'
  5. 5.从你的计算机中选择图片,然后点击「打开」。
  6. 6.你选择的图片会被设置为形状的填充。 '上传图片4.png'

替换图片

当你已经将一张图片设置为填充之后,你也可以随时替换这张图片。以下是两种替换的方法:

  • 将图片拖动到填充菜单中的图片预览区上。
  • 将图片拖动到右边栏的填充模块上。

批量添加图片

你可以通过工具栏中的 '图片.svg' 批量添加图片。这种方式可以准确选择每个图片放置的位置。并且,由于 Motiff 妙多将图片作为填充,你可以将它们添加到已有图层中。

  1. 1.

    你可以从以下入口添加图片:

    • 从工具栏的形状工具菜单中: '批量添加图片.png'
    • 使用快捷键:
      • macOS:⇧ Shift + ⌘ Command + K
      • Windows:Shift + Ctrl + K
  2. 2.

    Motiff 妙多将打开一个文件选择窗口,你可以批量选择图片文件,然后点击「打开」。 '批量添加图片2.png'

  3. 3.

    Motiff 妙多将显示一个加号光标和第一张图片的缩略图。如果你选择了多个文件,左上角将显示你还剩下多少图片待添加。 '批量添加图片3.png'

  4. 4.

    接下来有多种方式可以添加图片:

    • 点击画布中的某个区域把图片添加到对应坐标上,图片大小会和其原始大小一致。
    • 点击并拖动来定义图片的尺寸。这样你添加的图片可以和图片的原始尺寸不同。
    • 点击画布上的已有图层。这样你可以把图片设置为该图层的填充,图片填充模式默认设置为填充。
    • 在菜单栏中点击「放置全部」,将所有图片添加到画布。 '放置全部.png'
  5. 5.

    对剩余的图片重复以上步骤。或者使用菜单栏中的「取消放置」按钮来放弃所有未放置的图片。 '取消放置.png'

粘贴图片

下面的内容将介绍如何从剪贴板粘贴图片以及粘贴后的结果。

粘贴创建新图层

你可以将剪贴板上的图片直接粘贴到画布上来创建新图层。这样你可以从网络上直接复制图片,不需要将它们下载到你的设备。

  1. 1.点击画布中的空白区域,取消选中图层。
  2. 2.使用快捷键粘贴图片,你将在画布上创建一个新的图层:
    • macOS:Command + V
    • Windows:Ctrl + V
  3. 3.Motiff 妙多会创建一个与原始图像具有相同尺寸的矩形,并将图片作为填充添加到该矩形。

粘贴到已有图层

如果你在粘贴图片前选中了一个图层,Motiff 妙多会将图片作为填充添加到该图层。

默认情况下,Motiff 妙多会向图层添加一个新的填充。如果要替换现有的填充,你可以在粘贴前在右边栏中选中填充模块。

  1. 1.选中你想要添加图片的图层。
  2. 2.使用快捷键粘贴图片:
    • macOS:⌘ Command + V
    • Windows:Ctrl + V
  3. 3.Motiff 妙多会将图片作为新填充添加到所选图层。图片填充模式默认为填充,但你可以将其更改为适应、裁剪或平铺。

编辑图片

调整图片填充的属性

你可以从设计面板的填充模块查看图片填充的相关信息。

  1. 1.填充模块处会显示填充类型为「图片」。
  2. 2.填充模块左侧会显示图片的缩略图,点击此处可以打开填充菜单。
  3. 3.修改此处的数值可以调整图像的不透明度。Motiff 妙多将其表示为百分比值(%)。
  4. 4.通过点击 '16_common_eyes.svg' 可以设置图片是否可见。
  5. 5.通过单击 '16_common_delete.svg' 删除图片填充。
  6. 6.通过单击 '24_common_add.svg' 添加新的填充。
  7. 7.点击 '16_panel_style.svg' 可以查看、应用已有样式或创建新样式。Motiff 妙多支持将图片、纯色和渐变创建为颜色样式。 '调整图片填充属性.png'

你还可以单击设计面板中的图片缩略图打开填充菜单以查看更多图片设置。Motiff 妙多支持调整以下内容:

  1. 1.填充类型(向图层添加填充)
  2. 2.混合模式(使用混合模式创建独特的效果)
  3. 3.填充模式
  4. 4.回转
  5. 5.图片预览
  6. 6.图片调整 '更多图片设置.png'

图片填充模式

Motiff 妙多支持四种不同的图片填充模式,会根据图片和图层的尺寸产生不同的展示效果:

  • 填充会保证图片完全充满整个图层,图片和图层的宽度会保证相同。如果图片和图层是不同的形状,Motiff 妙多可能会裁剪图片来让图层被完全填充。
  • 适应会让图片在图层中被完全显示。所以在这个设置下,图片可能不会完全填充整个图层。
  • 裁剪可以自由调整图片的显示范围。这是一个非破坏性的动作,和使用蒙版相似。
  • 平铺会创建原始图片的重复图案来填充整个图层。你可以使用百分比值来调整重复图案的大小。Motiff 妙多会基于图片原始尺寸设置百分比,你也可以在提供的字段中输入百分比,或单击并拖动画布中的蓝色手柄来调整比例。

缩放图片

当 Motiff 妙多将图片应用为填充时,Motiff 妙多无法调整图片本身的比例或尺寸。

但与任何其他图层一样,你可以缩放图片填充的图层。我们将根据你选择的图片填充模式缩放和定位图片。

在下面的示例中,图片填充模式设置为填充。当调整图层的大小时,Motiff 妙多会缩放图片来确保它可以填满整个图层。

裁剪图片

  1. 1.

    选中你要调整的图层。

  2. 2.

    在设计面板中点击填充模块打开填充菜单。

  3. 3.

    点击图片填充模式旁的 '16_common_arrow-down.svg' 并选择裁剪。 '裁剪图片.png'

  4. 4.

    图片周围会出现 8 个蓝色手柄。你可以通过以下方式裁剪图片:

    • 点击并向任意方向拖动蓝色手柄进行裁剪。
    • 点击并拖动图片以重新定位图片。'裁剪图片2.png'
  5. 5.

    点击画布上的任意位置可以应用裁剪。

快速裁剪:选中图片后,按住 ⌘ Command / Ctrl 的同时点击并拖动边界框可以对其进行裁剪。

如果在鼠标拖动前松开 ⌘ Command / Ctrl 操作会变回调整图片大小。

旋转 90°

你可以在图层内旋转图片,这不会影响图层本身的方向,只会影响其中的图片。

通过点击 '16_panel_rotate.svg' 以 90º 顺时针旋转图片:

  1. 1.选中要调整的图层。
  2. 2.点击设计面板中的图片缩略图,打开填充菜单。
  3. 3.点击 '16_panel_rotate.svg' 可顺时针旋转 90º。
  4. 4.你可以根据需要旋转多次。
  5. 5.点击填充设置右上角的 '16_common_close.svg' 关闭并返回画布。

预览图片

填充菜单支持查看图片的预览。你可以执行以下操作:

  • 从计算机上传图片:将鼠标悬停在预览上,点击「选择图片」。如果你已经添加了图片,这样可以用新图片替换现有图片。
  • 替换图片:将图片文件拖动到图片预览区域以替换图片。Motiff 妙多会保留上一张图片的相关设置。

图片调整

Motiff 妙多还提供了图片调整功能,类似于照片编辑软件中的滤镜功能。

这种调整是非破坏性修改,你可以随时撤销或更改这些设置。

如何调整图片

你可以通过填充菜单调整图片:

  1. 1.选中要调整的图片图层。
  2. 2.点击设计面板中的图片缩略图,打开填充菜单。
  3. 3.你可以在菜单中预览图片。
  4. 4.下方的每个设置都有一个手柄,拖动手柄调整对应设置的数值,你可以在画布和图片预览区域看到对应的变化:
    • 向左进行负调整。
    • 向右进行正调整。
  5. 5.点击 '16_common_close.svg' 保存并返回画布。

可调整的类型

Motiff 妙多支持 7 种图片的调整类型:

  1. 1.曝光度
  2. 2.对比度
  3. 3.饱和度
  4. 4.色温
  5. 5.色调
  6. 6.高光
  7. 7.阴影

曝光度

曝光度表示有多少光到达相机内的传感器。你可以减少曝光来使图片变得更暗(曝光不足),或者增加它来使图片具有更多光线(过度曝光)。 '曝光度.png'

对比度

对比度是指图片中明暗像素之间的差异。

你可以通过降低对比度来缩小颜色范围并创建柔和的图片。或者增加图片明暗部分之间的差异来产生更生动的图像,具有更亮的高光和更暗的阴影。 '对比度.png'

饱和度

你可以通过饱和度调整图片中颜色的强弱。完全降低饱和度可以获得黑白图片,或者通过增加饱和度创建具有更强烈、更饱和的颜色的图片。 '饱和度.png'

色温

你可以沿着水平轴调整色温,从「较冷」(偏蓝色)到「较暖」(偏橙色)。

「较冷」的图片具有偏蓝色底色,而「较暖」的图像具有偏橙色底色。 '色温.png'

色调

你可以通过色调调整图片中的颜色,沿着垂直轴测量色调,从绿色到红色。

向左拖动滑块使图像显得更绿,向右拖动滑块以使图像看起来更红。 '色调.png'

你可以同时使用色温和色调来调整图像的白平衡。

高光

你可以通过高光来隔离和调整图片的较亮区域,通过调整高光参数,来改变图像中高光区域的亮度和对比度,使其更加鲜明或柔和。 '高光.png'

阴影

你可以通过阴影来隔离和调整图片的较暗区域。通过调整阴影参数,可以改变图像中阴影区域的亮度和对比度,使其更加突出或柔和。

向左调整以降低光线水平并创建更深的阴影区域,向右调整以增加光量创建更亮的阴影区域。 '阴影.png'