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

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,*,遮罩,与,遮罩效果,其本质就是确定一个显示范围，从而产生特殊的动画效果。制作遮罩必须用两个层才能完成，上层是遮罩层，下层是被遮罩层，在遮罩层中的对象（如圆或矩形）不论什么颜色，都将成为透明区域，透过它可以看到被遮罩层的内容，遮罩层对象以外的区域将不透明，遮盖了被遮罩层的内容。,例滚动字幕（遮罩动画）,例电影滚动字幕（遮罩动画）,如何利用Flash制作电影字幕效果？,1、运行Flash 8.0，设置文档属性，黑色背景。,2、单击矩形工具在舞台中画一个无边框的矩形，并填充线性渐变色。,3、单击工具栏里面的【填充变形工具】以执行的垂直填充改变为水平填充。,4、新建一个新图层，命名为“文字层”，在第1帧键入静态文本,“古典主义创作方法产生于十七世纪的法国，随后风靡于整个欧洲，十七世纪的法国，资本主义有了相当的发展。当时，法王路易十四压制了政治上的反对派，实行中央集权的君主专制统治，同封建割据状态作斗争”文本颜色随意，并转化为图形元件。,5、在“文字层”的第60帧插入关键帧，并创建补间动画。,6、单击“文字层”第1帧，把“文字”图形元件移动到舞台的下方。,7、在第60帧把“文字”图形元件移动到舞台的上方。把图层1延长至第60帧。,8、选中“文字层”，单击右键【遮罩层】命令，创建遮罩效果。,9、保存测试，完成。,9、保存测试，完成。,参看源文件电影字幕效果4.fla,注 意 制作具有渐变的遮罩效果，一定要在被遮罩层里面做颜色渐变，这样才可以实现效果。,提 示 因为遮罩层的颜色是不会显露出来的，所以我们使用的文本颜色可以随意。,技 巧 在改变垂直渐变填充为水平渐变填充的时候，我们还可以利用【自由变形工具】把矩形旋转，以达到要求。,试一试 朋友们可以试一试利用黑白简便的矩形，做一个文字效果，这种效果与电影文字效果又有所不同。,分 析 之所以我文字层作为遮罩层的原因是我们要把文字的线条镂空出来，显现出下面的渐变填充。大家可以试一下把图层1作为遮罩层的效果。,特别提示:本例的源文件里面的字体没有分离成矢量图，当你的作品中使用的字体，在本地计算机上没有时，Falsh 8.0会提示你替换或者默认。唯一的方法是把字体利用两次“Ctrl+B”分离，变为矢量图形。因为本例使用的是黑体，所以没有分离。,特别说明,我们在这个问题的解释中学习到了制作电影文字的技巧，进一步的巩固了遮罩的技术。遮罩在flash技术中是一项非常重要的效果，在很多优秀作品中都可以看到他的影子。我们只要理解遮罩层和被遮罩层的知识，那么就会很轻易的制作出遮罩效果。,放大镜效果,一、建立四个层，如下图所示,通过下面的AS语句实现预览中的效果，需要设置四处坐标为（0,0）。,（,1)分别设置圆、四倍图像在本元件（mask,large）中的X、Y坐标为（0,0）,（2)将大小两个图片在场景上的位置坐标设定为（0,0），,（3）将mask设为遮罩层,二、填写AS,算法讲解：,如果该圆在元件中的X,Y坐标在圆的中心点上，则不需要减去r，代码修改为：mask._x=_xmouse;mask._y=_ymouse;,large._x=1-放大倍数*_xmouse和large._y=1-放大倍数*_ymouse,用来实现大图片随着鼠标的移动而移动，它的坐标是鼠标坐标的1-放大倍数倍。原理如图：,脚本,1帧,mask._y=_ymouse-75,mask._x=_xmouse-75,large._x=-3*_xmouse,large._y=-3*_ymouse,2帧,gotoAndPlay(1),如何用“播放”、“暂停”、“停止”三个按钮对Flash动画进行外部控制？,播放：on(release)play();,暂停：on(release)stop();,重播：on(release)gotoAndPlay(1);,停止：on(release)gotoAndStop(1);,举例,拖拽,on(press)this.startDrag(true);,如果想选不锁定到鼠标位置中央，可以把true改为false,停止拖拽动作,on(release)this.stopDrag();,使用flash制作演示文稿,图flash8.0制作演示文稿的界面,说明：flash舞台左边的面板叫做“屏幕轮廓面板”，右边呈现的是相应屏幕的内容,第一步：制作标题（现实课件名称及作者）,1.启动flash8，在“开始”面板中选择“Flash演示文稿”项；如图2所示：,2.在屏幕轮廓面板中，选择“演示文稿”屏幕；,3.选择“修改”“文档”命令，打开文档属性面板，将“尺寸”修改为“640*480”像素；,4.选择“文件”“导入”“导入到舞台”命令，导入您准备的教学资料中的“图片1.jpg”,然后将图片调整为舞台大小并与舞台中心对齐；,5.在屏幕轮廓面板中，选择“幻灯片1”屏幕，在工具面板中选择“文字工具”，输入课件的名称（可在属性面板中对文字的属性进行设置）；,说明：制作者还可以在flash中对导入舞台的图片做进一步的处理，比如加遮罩等，这里只做最简单的介绍；,第二步：制作作者简介,1.在屏幕轮廓面板中，用鼠标右键单击“幻灯片1”，从打开的快捷菜单中选择“插入屏幕”命令，插入“幻灯片2”；,2.选择“插入”“新建元件”命令，新建一个图形元件“介绍”；,3.在元件中插入图片等；,4.在屏幕轮廓面板中，选择“幻灯片2”屏幕，返回演示文稿制作界面，将元件放置到“幻灯片2”中；,5.在“幻灯片2”中输入作者介绍的文字内容；,第三步：制作课件主体内容,1.插入“幻灯片3”屏幕；,2.新建一个图形元件“课文”，之后进行插入图片、文字等操作；,3.在轮廓面板中，选择“幻灯片3”屏幕，返回演示文稿制作界面，将“课件”元件放置到“幻灯片2”中；,第四步：制作总结内容,制作的步骤同二、三步；,第五步：设置屏幕转变,利用flash8.0中的“行为”面板实现与PowerPonit中动画效果类似的效果。,1.在屏幕轮廓面板中选择“幻灯片1”，打开“行为”面板，单击“+”按钮，选择“屏幕”“转变”命令；,2.在打开的“转变”面板中，选择“飞翔”方式，选择“输入”方向，“持续时间”设为“2”S，启动位置选择“右侧中央”；,3.再次单击“+”按钮，仍选择“飞翔”方式，选择“输出”方向，“持续时间”设为“2”S，启动位置选择“左侧中央”；,同理，对其他幻灯片做如上的设置；,4.使用“控制”“测试影片”命令测试动画，便会看到设置后的最终效果；,第六步：发布作品,选择“文件”“导出”“导出影片”命令，将作品导出成.swf动画作品；,