遮罩与放大镜效果滚动字幕按钮控制

1、遮罩遮罩与与放大镜效果的制作放大镜效果的制作 遮罩效果遮罩效果 其本质就是确定一个显示范围，从其本质就是确定一个显示范围，从而产生特殊的动画效果。制作遮罩而产生特殊的动画效果。制作遮罩必须用两个层才能完成，上层是遮必须用两个层才能完成，上层是遮罩层，下层是被遮罩层，在遮罩层罩层，下层是被遮罩层，在遮罩层中的对象（如圆或矩形）不论什么中的对象（如圆或矩形）不论什么颜色，都将成为透明区域，透过它颜色，都将成为透明区域，透过它可以看到被遮罩层的内容，遮罩层可以看到被遮罩层的内容，遮罩层对象以外的区域将不透明，遮盖了对象以外的区域将不透明，遮盖了被遮罩层的内容。被遮罩层的内容。 例滚动字幕（遮罩动画）

2、例滚动字幕（遮罩动画） 例电影滚动字幕（遮罩动画）例电影滚动字幕（遮罩动画） 如何利用如何利用FlashFlash制作电影字幕效果？制作电影字幕效果？ 1、运行Flash 8.0 ，设置文档属性，黑色背景。 2、单击矩形工具在舞台中画一个无边框的矩形，并填充线性渐变色。 3、单击工具栏里面的【填充变形工具】以执行的垂直填充改变为水平填充。 4、新建一个新图层，命名为“文字层”，在第1帧键入静态文本 “古典主义创作方法产生于十七世纪的法国，随后风靡于整个欧洲，十七世纪的法国，资本主义有了相当的发展。当时，法王路易十四压制了政治上的反对派，实行中央集权的君主专制统治，同封建割据状态作斗争”文本颜色

3、随意，并转化为图形元件。 5、在“文字层”的第60帧插入关键帧，并创建补间动画。 6、单击 “文字层”第1帧，把“文字”图形元件移动到舞台的下方。 7、在第60帧把“文字”图形元件移动到舞台的上方。把图层1延长至第60帧。 8、选中“文字层”，单击右键【遮罩层】命令，创建遮罩效果。 9、保存测试，完成。 9、保存测试，完成。 参看源文件电影字幕效果4.fla 注注 意意 制作具有渐变的遮罩效果，一定制作具有渐变的遮罩效果，一定要在被遮罩层里面做颜色渐变，这样才可以实要在被遮罩层里面做颜色渐变，这样才可以实现效果。现效果。 提提 示示 因为遮罩层的颜色是不会显露出因为遮罩层的颜色是不会显露出来的

4、，所以我们使用的文本颜色可以随意。来的，所以我们使用的文本颜色可以随意。 技技 巧巧 在改变垂直渐变填充为水平渐变在改变垂直渐变填充为水平渐变填充的时候，我们还可以利用【自由变形工具】填充的时候，我们还可以利用【自由变形工具】把矩形旋转，以达到要求。把矩形旋转，以达到要求。 试一试试一试 朋友们可以试一试利用黑白简便朋友们可以试一试利用黑白简便的矩形，做一个文字效果，这种效果与电影文的矩形，做一个文字效果，这种效果与电影文字效果又有所不同。字效果又有所不同。 分分 析析 之所以我文字层作为遮罩层之所以我文字层作为遮罩层的原因是我们要把文字的线条镂空出来，的原因是我们要把文字的线条镂空出来，显现

5、出下面的渐变填充。大家可以试一下显现出下面的渐变填充。大家可以试一下把图层把图层1 1作为遮罩层的效果。作为遮罩层的效果。 特别提示特别提示: :本例的源文件里面的字体没有本例的源文件里面的字体没有分离成矢量图，当你的作品中使用的字体，分离成矢量图，当你的作品中使用的字体，在本地计算机上没有时，在本地计算机上没有时，FalshFalsh 8.0 8.0会提会提示你替换或者默认。唯一的方法是把字体示你替换或者默认。唯一的方法是把字体利用两次利用两次“Ctrl+BCtrl+B”分离，变为矢量图形。分离，变为矢量图形。因为本例使用的是黑体，所以没有分离。因为本例使用的是黑体，所以没有分离。 特别说明

6、特别说明 我们在这个问题的解释中学习到了我们在这个问题的解释中学习到了制作电影文字的技巧，进一步的巩制作电影文字的技巧，进一步的巩固了遮罩的技术。遮罩在固了遮罩的技术。遮罩在flashflash技术技术中是一项非常重要的效果，在很多中是一项非常重要的效果，在很多优秀作品中都可以看到他的影子。优秀作品中都可以看到他的影子。我们只要理解遮罩层和被遮罩层的我们只要理解遮罩层和被遮罩层的知识，那么就会很轻易的制作出遮知识，那么就会很轻易的制作出遮罩效果。罩效果。放大镜效果放大镜效果一、建立四个层，如下图所示 通过下面的通过下面的ASAS语句实现预览中的效语句实现预览中的效果，需要设置四处坐标为（果，需

7、要设置四处坐标为（0,00,0）。）。 （1)1)分别设置圆、四倍图像在本元分别设置圆、四倍图像在本元件（件（mask,largemask,large）中的）中的X X、Y Y坐标为坐标为（0,00,0） （2)2)将大小两个图片在场景上的位将大小两个图片在场景上的位置坐标设定为（置坐标设定为（0,00,0），）， （3 3）将）将maskmask设为遮罩层设为遮罩层二、填写AS算法讲解： 如果该圆在元件中的X,Y坐标在圆的中心点上，则不需要减去r，代码修改为：mask._x=_xmouse;mask._y=_ymouse; large._x=1-放大倍数放大倍数*_xmouse和和large

8、._y=1-放大倍数放大倍数*_ymouse用来实现大图片随着鼠标的移动而移动，它的坐标是鼠标坐标的1-放大倍数倍。原理如图：脚本脚本1帧 mask._y=_ymouse-75 mask._x=_xmouse-75 large._x=-3*_xmouse large._y=-3*_ymouse 2帧 gotoAndPlay(1)如何用如何用“播放播放”、“暂停暂停”、“停停止止”三个按钮对三个按钮对FlashFlash动画进行外部动画进行外部控制？控制？ 播放：on(release)play(); 暂停： on(release)stop(); 重播：on (release) gotoAndPl

9、ay(1); 停止： on (release) gotoAndStop(1); 举例 拖拽拖拽 on (press) on (press) this.startDrag(truethis.startDrag(true);); 如果想选不锁定到鼠标位置中央，可如果想选不锁定到鼠标位置中央，可以把以把truetrue改为改为falsefalse 停止拖拽动作停止拖拽动作 on (release) this.stopDragon (release) this.stopDrag();();使用使用flashflash制作演示文稿制作演示文稿图图 flash8.0flash8.0制作演示文稿的界面制作演

10、示文稿的界面说明：说明：flashflash舞台左边的面板叫做舞台左边的面板叫做“屏幕轮廓屏幕轮廓面板面板”，右边呈现的是相应屏幕的内容，右边呈现的是相应屏幕的内容第一步：制作标题（现第一步：制作标题（现实课件名称及作者）实课件名称及作者）1.1.启动启动flash8flash8，在，在“开始开始”面板中选择面板中选择“FlashFlash演示演示文稿文稿”项；如图项；如图2 2所示：所示： 2.2.在屏幕轮廓面板中，选择在屏幕轮廓面板中，选择“演示文稿演示文稿”屏幕；屏幕； 3.3.选择选择“修改修改”“文档文档”命令，打开文档属性命令，打开文档属性面板，将面板，将“尺寸尺寸”修改为修改为“

11、640640* *480”480”像素；像素； 4.4.选择选择“文件文件”“导入导入”“导入到舞台导入到舞台”命命令，导入您准备的教学资料中的令，导入您准备的教学资料中的“图片图片1.jpg”,1.jpg”,然后将图片调整为舞台大小并与舞台中心对齐；然后将图片调整为舞台大小并与舞台中心对齐； 5.5.在屏幕轮廓面板中，选择在屏幕轮廓面板中，选择“幻灯片幻灯片1”1”屏幕，在屏幕，在工具面板中选择工具面板中选择“文字工具文字工具”，输入课件的名称，输入课件的名称（可在属性面板中对文字的属性进行设置）；（可在属性面板中对文字的属性进行设置）； 说明：制作者还可以在说明：制作者还可以在flashf

12、lash中对导入舞台的图片中对导入舞台的图片做进一步的处理，比如加遮罩等，这里只做最简做进一步的处理，比如加遮罩等，这里只做最简单的介绍；单的介绍；第二步：制作作者简介第二步：制作作者简介 1.1.在屏幕轮廓面板中，用鼠标右键单击在屏幕轮廓面板中，用鼠标右键单击“幻灯幻灯片片1”1”，从打开的快捷菜单中选择，从打开的快捷菜单中选择“插入屏幕插入屏幕”命令，插入命令，插入“幻灯片幻灯片2”2”； 2.2.选择选择“插入插入”“新建元件新建元件”命令，新建一命令，新建一个图形元件个图形元件“介绍介绍”； 3.3.在元件中插入图片等；在元件中插入图片等； 4.4.在屏幕轮廓面板中，选择在屏幕轮廓面板

13、中，选择“幻灯片幻灯片2”2”屏幕，屏幕，返回演示文稿制作界面，将元件放置到返回演示文稿制作界面，将元件放置到“幻灯幻灯片片2”2”中；中； 5.5.在在“幻灯片幻灯片2”2”中输入作者介绍的文字内容；中输入作者介绍的文字内容；第三步：制作课件主体内容第三步：制作课件主体内容 1.1.插入插入“幻灯片幻灯片3”3”屏幕；屏幕； 2.2.新建一个图形元件新建一个图形元件“课文课文”，之，之后进行插入图片、文字等操作；后进行插入图片、文字等操作； 3.3.在轮廓面板中，选择在轮廓面板中，选择“幻灯片幻灯片3”3”屏幕，返回演示文稿制作界面，将屏幕，返回演示文稿制作界面，将“课件课件”元件放置到元件

14、放置到“幻灯片幻灯片2”2”中；中； 第四步：制作总结内容第四步：制作总结内容 制作的步骤同二、三步；制作的步骤同二、三步；第五步：设置屏幕转变第五步：设置屏幕转变 利用利用flash8.0flash8.0中的中的“行为行为”面板实现与面板实现与PowerPonitPowerPonit中动画效果类似的效果。中动画效果类似的效果。 1.1.在屏幕轮廓面板中选择在屏幕轮廓面板中选择“幻灯片幻灯片1”1”，打开，打开“行为行为”面板，单击面板，单击“+”+”按钮，选择按钮，选择“屏幕屏幕”“转变转变”命命令；令； 2.2.在打开的在打开的“转变转变”面板中，选择面板中，选择“飞翔飞翔”方式，方式，选择选择“输入输入”方向，方向，“持续时间持续时间”设为设为“2”S2”S，启，启动位置选择动位置选择“右侧中央右侧中央”； 3.3.再次单击再次单击“+”+”按钮，仍选择按钮，仍选择“飞翔飞翔”方式，选择方式，选择“输出输出”方向