手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

Animate如何制作放大镜效果(2)

时间:2024-10-12 08:41:09

1、上一篇已经准备好所有的元件并且已经设置好实例名了。

Animate如何制作放大镜效果(2)

2、新建一个图层,用于编写代码

Animate如何制作放大镜效果(2)

3、右键新建图层的帧,选择动作,打开动作面板

Animate如何制作放大镜效果(2)
Animate如何制作放大镜效果(2)

4、在动作面板输入代码,让圆形元件不响应鼠标事件

Animate如何制作放大镜效果(2)

5、给圆形元件添加帧频事件,如图所示

Animate如何制作放大镜效果(2)

6、现在定义事件的主要内容

Animate如何制作放大镜效果(2)

7、现在圆形元件就可以跟随鼠标移动了

Animate如何制作放大镜效果(2)

8、接下来添加代码让圆形元件变形大图元件的遮罩,结合之前的代码遮罩

Animate如何制作放大镜效果(2)

9、现在已经让大图变成被遮罩状态了。

Animate如何制作放大镜效果(2)

10、现在所有的代码如图所示

Animate如何制作放大镜效果(2)
© 手抄报圈