一、问题

随着电子商务的发展，“淘宝”俨然成为网购的代名词。为了介绍产品的细节，淘宝平台利用放大镜的效果来展示产品的细节，提供了较好的用户体验。请你用Flash制作一个放大镜的效果，“计算机学习”几个字为例，进行放大效果制作。

二、问题核心

利用动态遮罩层技术制作放大镜效果。

三、知识点

1.遮罩层动画

四、解决思路

不使用编程技术，利用遮罩层显示出较大图片中的区域。这种方法，背景层和实例层的图片很容易出现错位的现象，所以，这种放大镜只能实现微小的放大效果，而且放大镜不会跟随鼠标移动。

五、解决方案

首先，新建Flash文档，利用“插入”—“新建元件”，建立一个“影片剪辑”元件“文字”。其内容为红色文字“计算机学习”。

其次，把场景中唯一的图层命名为“背景层”，从库中把元件“文字”拖到“背景层”中，把图片放在场景中的中心位置，延长帧到50帧。

第三，新建“实例层”图层，把库中的“文字”拖到“实例层”中，利用“任意变形工具”适当放大此实例。

第四，在最前面新建一个图层“遮罩层”，在“遮罩层”中绘制一个黑色的实心圆，并添加若干关键帧，不断地调整圆的位置。然后，右单击各个帧，选择“创建补间形状”，在这个图层中建立若干形变动画。

第五，右单击名字为“遮罩层”的图层，选择“遮罩层”，使之变为遮罩层。同时，调整“实例层”的位置，使“实例层”接受“遮罩层”的遮挡。

第六，测试影片，观看播放效果。 会发现放大镜区域，红色文字和绿色文字会同时出现，与放大镜原理不同。

为此，我们需要在背景层和实例层之间新建一个图层，创建一个与遮罩动画完全相同的形变动画层，以白色的图形遮挡住背景层中的红色文字。

六、文件说明

文本文件：文字脚本.docx

PPT文件：讲稿.pptx

微视频文件：微视频

思考题文件：思考题.docx

PPT3.pptx

查看

下载