在ih5中有很多的动效可以直接使用，但是这仍然满足不了需要，所以我们需要自定义一些动效，让我们可以使用更多的动效，达到自己想要的效果，所以我们使用轨迹转动效，可以很好的弥补动效不足的缺陷。工具/原料more联网的PC ih5账号 一张飞机图片方法/步骤1/17分步阅读

1.如图所示，我们选择“万机齐发”这个页面，之后点击图片工具，用来在这个页面添加一张图片。

2/17

2.如图所示，我们画一个这个图片的区域，然后鼠标单击确定，就可以在弹出的文件对话框中选择压央一张飞机图片，来制止飞机发射的动效了。

3/17

3.如图所示，在这个文件对话框中，我们选择这个“战机”的图片，然后点击“打开”按钮，就可帽侮以将这个图片上传到页面了。

4/17

4.如图所示，我们选择这张“战机”的图片，然后点击如图所示的轨迹工具，为这个战机的图片添加一个飞机发射的轨迹动画。

5/17

5.如图所示，我们点击箭头所指的按钮，点击这个黄色的方块，来添加这个轨迹的第一帧。

6/17

6.如图所示，我们将这个红色的线拉倒这个位置，之后点击黄色的方块添加此为最后一帧，并将这个飞机移动到最上面，然后点击那个播放按钮，看飞机的发射动画。

7/17

7.如图所示，我们选择在轨迹1上面，之后点击“生成动效”这个按钮，将这个轨迹动画转化为动效。

8/17

8.如图所示，在弹出的对话框中，我们给这个动效起一个“发射”的名字，然后点击“确定”按钮。

9/17

9.如图所示，我们选择这个“万机齐发”这个页面，之后给这个页面添加一个图片。

10/17

10.如图所示，在弹出的文件对话框中，我们选择这一张战机的图片，之后点击“打开”按钮，将这一张图片上传上去。

11/17

11.如图所示，我们依次添加三张图片，这样就可以展示万机齐发的效果了。

12/17

12.如图所示，我们先选择一个战机的图片，然后选择我们制作的那个发射的动效，之后依次给其他飞机，也添加这样的发射动效效果。

13/17

13.如图所示，选择给第二张战机图片，添加发射的动效，依次全部让添加发射的动效。

14/17

14.如图所示，我们点击箭头所指的“预览”按钮，对这个ih5案例进行预览。

15/17

15.如图所示，在弹出的对话框，我们直接点击“确定”按钮就可以对这个ih5案例进行预览了。

16/17

16.如图所示，我们要给所有的动效还有轨迹设置成自动播放施菊肥，这样在打开页面时，上面的动效就会自动播放了。

17/17

17.如图所示，我们看到飞机都在向上发射了。

IH5轨迹转动效转动效组件组件复用动效使用重复性动效H5