H5动画中这招的运用

2024-10-12 20:50:01

1、第一步肯定是打开工具进入到操作页面了。

H5动画中这招的运用

2、然后,在时间线上我们先加入一个图片,如图:

H5动画中这招的运用

4、点“转为遮罩层”后:

H5动画中这招的运用

6、时间线上还有另一个按钮:“添加到遮罩”。是用来把新的一层添加到遮罩效果里面的。当点了“转为遮罩层”后,默认只会把相邻的下一层添加到遮罩效果中,如果想把更多的层也加入遮罩效果,就使用这个“添加到遮罩”按钮。我们在新建一个图层,并把它移动到“图层0”下面,并在上面画一个椭圆。如图;

H5动画中这招的运用

8、这一两个图层就都加入到遮罩中了。在遮罩图层,还可以加入动画效果,比如我们加入关键帧动画。在第1帧的关键帧把图形的位置向右边移动以便不再和另两个图层的物体重合,并把另两个图层的帧数补齐。这一在一开始这两个物体就是不显示的,随着遮罩层的关键帧动画运行,该图层中的矩形图形和另两个图层的物体逐渐重合,他们也就显示出来,起到逐渐显现的效果。

H5动画中这招的运用
猜你喜欢