ih5渐变动画如何设置

1、1.如图所示，我们选择这个“消失飞机”的页面，然后点击箭头所指的图片按钮

，为这个页面添加一张飞机的图片，来演示飞机慢慢消失的效果。

2、2.如图所示，我们画一个放置这张图片的区域，让这个图片就放在箭头所指的区

域。

3、3.如图所示，我们刚画完图片放置区域之后，鼠标点击一下就可以确定图片区域

大小和位置了，并且同时会弹出一个文件对话框，我们在此选择我们需要的战机

图片，并且点击“打开”按钮进行图片的上传。

4、4.如图所示，我们选择在这个战机的图片上，然后点击箭头所指的轨迹按钮，为

这个战机的图片添加一个轨迹。

5、5.如图所示，我们选择在这个“轨迹”上面，之后点击轨迹属性面板中的“动画

渐变效果”按钮，就可以选择要渐变的是那种渐变了。

6、6.如图所示，在点击完“动画渐变效果”按钮之后，会弹出一个菜单，我们只需

要勾选箭头所指的“模糊”这项，就可以做出飞机消失的效果啦！

7、7.如图所示，我们为这个飞机的轨迹设置第一个关键帧，在这个轨迹的第一秒，

点击箭头所指的黄色按钮，就可以设置第一秒的关键帧了。

8、8.如图所示，我们将这个帧拖到第5秒，之后点击箭头所指的黄色按钮，为第5帧

设置关键帧，这样我们就可以为关键帧设置不同的模糊了。

9、9.如图所示，我们选择在飞机轨迹的第5帧设置其模糊为30px，这样看起来飞机已

经模糊的消失了。

10、10.如图所示，我们点击在这个轨迹上，之后点击勾选“自动播放”，这样轨迹就

可以自动进行播放了，便于一打开这个网页直接观看。

11、11.如图所示，我们点击“预览”按钮，对这个案例进行预览。

12、12.如图所示，在代码编译完成之后，会弹出这个编译完成的对话框，我们点击“

确定”按钮就可以预览啦！

13、13.如图所示，我们看到飞机在由清晰逐渐变得消失了，这是在动画过程中截取的

2张图片来演示飞机消失。