This tutorial demonstrates Moho’s image warping feature. This feature allows you to  use a skeleton to distort an image. In this way, you can animate photographs, handdrawn artwork, or anything you can get into an image file in a flexible way.

本教程演示 Moho 的图像变形功能。 此功能允许您使用骨架来扭曲图像。 通过这种方式，您可以以灵活的方式为照片、手绘艺术品或任何可以进入图像文件的内容制作动画。

(资料图片仅供参考)

从示例文件开始

对于本教程，我们将从一个几乎完成的项目文件开始。 它被命名为 Tutorial 4.2，它位于自定义内容文件夹中的 Tutorials > 4 - Images 子文件夹中。

在 Moho 中打开 Tutorials > 4 - Images > Tutorial 4.2 文件。

1. 在 Layers 窗口中展开 Skeleton 层，你应该会看到类似下图的内容。 骨架骨骼层包含两个子层：图像层（statue.png）和矢量图层（矢量样本）。

2. Click the Play button in the timeline to play back the animation. Notice that  only the vector layer moves with the skeleton. The reason that the image layer  isn’t moving is that it hasn’t been connected to the bones yet (as the vector  layer has been).

2. 单击时间轴中的播放按钮播放动画。 请注意，只有矢量图层会随着骨架移动。 图像层没有移动的原因是它还没有连接到骨骼（就像矢量图层一样）。

Using Image Warping 

To warp the image layer with the skeleton, continue with the project as follows: 

1. Double-click the statue.png layer, and go to the Image tab in the Layer Settings  dialog. Turn on the checkbox marked Warp using bones and click OK.

使用图像变形

要使用骨架扭曲图像层，请按如下方式继续项目：

1. 双击雕像.png 图层，然后转到“图层设置”对话框中的“图像”选项卡。 打开标记为 Warp using bone 的复选框，然后单击 OK。

2. In the Layers window, turn off the visibility for the vector sample layer (it is only  an example, and we don’t want it in the final animation).

2. 在图层窗口中，关闭矢量样本图层的可见性（这只是一个示例，我们不希望它出现在最终动画中）。

3. Play back the animation again, and you should now see the image moving with  the skeleton:3. 再次播放动画，您现在应该看到图像随着骨架移动：

注意雕像底部的水平骨骼。 这块骨头在动画中根本不动，为什么它还在那里呢？ 使用图像变形时，图像会被骨骼中的所有骨骼扭曲，并且离图像任何部分最近的骨骼影响最大。 我们真的不希望雕像的底部移动，因此防止这种情况的简单方法是在我们想要保持静止的区域添加骨骼，而不是对其进行动画处理。 扭曲图像时可能使用的另一个技巧是将图像分解为逻辑部分（例如，将人的手臂和腿与主体分开图像）。 然后，使用不同的骨架来控制各种重新组装的零件。 这样，腿骨就不会对手臂产生任何影响。