《FLASH行星运动和涟漪效果实验指导书.doc》由会员分享，可在线阅读，更多相关《FLASH行星运动和涟漪效果实验指导书.doc（6页珍藏版）》请在三一办公上搜索。
1、第13课行星运动和涟漪效果小导游：在地理课上，你是否看过在浩瀚的天空中，几个行星在不停运转的资料呢？有没有想过有一天你也能做出同样的效果呢？这节课我们就来制作“行星运动”和“涟漪效果”，不过要做好准备呀，我们要用到比较复杂的动画片段实例的嵌套和按钮元件的制作。不会难倒你吧，一起来吧（见光盘c3k13lizi1-2）。一、 行星运动这是一个模拟行星运动的例子，月亮绕着地球转的同时，地球绕着太阳转。本例分两大步骤：一是做好元件中的动画实例；二是做好场景内的运动。（一）做元件中的动画实例一起做步骤1：新建一个动画文件。步骤2：制作太阳影片剪辑元件。按组合键Ctrl+F8，新建一个“影片剪辑”元件，命
2、名为Sun。在元件编辑模式下，选择椭圆工具，设置无线条颜色，并设置填充色为红色径向渐变到白色。在场景中画一个圆，单击此圆，并在属性面板中调整该圆的中心坐标为（0，0）。在第30帧处插入关键帧，调整混色器红色径向渐变为白到红。在第1帧处建立形状渐变动画，如图13.1所示。步骤3：转回到场景中，按照步骤2，制作一个名为Earth的影片剪辑元件，它的颜色为绿色径向渐变色。步骤4：用同样的方法制作一个颜色为灰色径向渐变色的月亮影片剪辑元件，并把它命名为Moon。此时符号库中就有了3个动画片段元件，如图13.2所示。图13.1 Sun影片剪辑元件的制作步骤5：制作月亮绕着地球转的影片剪辑。按组合键Ctr
3、l+F8，新建一个元件，命名为有em，并选定“影片剪辑”元件，准备制作月亮绕着地球转的影片剪辑。步骤6：按F11键打开符号库，单击拖曳Earth到画板中，双单“图层1”改名为Earth。单击Earth层的第25帧，按F5键插入帧，即将第1帧上的对象沿用到该帧上。图13.2 元件库步骤7：新建一层，并命名为Moon，在第1帧处，从符号库中把月球拖到画板上，在第25帧增加关键帧。步骤8：单击“增加引导线按钮”，为当前层上月球的运动添加运动路径。在第1帧处，用椭圆工具画一个空心椭圆，使它的半径比地球与月球的半径之和要大，并使它与地球同心。由于路径是一个封闭的椭圆，当对象在其上运动时，运动的方向不定。
4、为了让月球在路径上只沿着一个方向运动，可以在路径上用“橡皮擦”工具开一个小开口，将开口的一端作为运动的起点，另一端作为运动的终点。单击吸附工具，选定Moon层的第1帧，将月球移到路径的起点上，单击第25帧，将月球移到路径的终点上。在第1帧上，单击属性面板补间中的“动作”，并选中“同步”、“对齐”复选框，以使月球绕地球循环运转时，从终点到起点位置平稳过渡，如图13.3所示。图13.3 完成的Earth动画片段元件步骤9：重复步骤5到8，制作月亮、地球绕太阳转的影片剪辑s-e-m。需要注意的是由于月亮、地球绕太阳转的速度要比月亮绕地球转的速度慢，所以关键帧要定义到45帧处，如图13.4所示。图13
5、.4 地球绕着太阳转的影片剪辑元件（二）做场景内的运动一起做步骤1：单击“场景1”名称，切换回主场景中。步骤2：单击属性面板，将动画的背景色改为深蓝色，以模拟星空。步骤3：将“图层1”改名为Still，将s-e-m动画从符号库中拖到场景上来。单击Still层第80帧，按F5键插入帧。步骤4：创建边旋转边移动的效果。单击“增加图层按钮”，新建一层，命名为Moving，从符号库中再拖出一个s-e-m动画，移到场景左外侧，并将尺寸略微缩小一些。在Moving层的第80帧上按F6键，增加关键帧，并在该帧将对象移到场景右外侧。设置Moving层的两个关键帧之间的运动渐变动画，如图13.5所示。图13.5
6、 建立运动渐变关系步骤5：制作遮罩动画。在Moving层上再新建一层，命名为Mask，并将该层作为最顶层。单击第1帧，用矩形工具画一个场景大小的绿色实心矩形。在Mask层上右击，从弹出的快捷菜单中选择“遮罩层”命令，则该层与下一层之间建立了遮罩关系。步骤6：双击下面Still层的图层名称左侧的按钮，在弹出“图层属性”对话框中设置该层为“遮罩层”。此时Mask层下面所有的层都变成被遮罩层，如图13.6所示。图13.6完成遮罩层动画步骤7：按组合键Ctrl+Enter，测试播放动画。二、 涟漪效果本例的动画效果是：当光标移动到屏幕上的某个部位时，就会像碰到水一样，荡开一圈一圈的涟漪。作法其实很简单
7、，就是用了一个动态按钮，将涟漪动画添加到了按钮的“指针经过”状态上。所以当光标一触及该按钮范围时，就会播放涟漪动画。下面我们就来学习第三种元件类型按钮制作。一起做（一）首先制作涟漪动画。步骤1：新建一个动画文件，将动画的背景色设置为湖绿色。步骤2：创建含有一个图层的water影片剪辑元件。按组合键Ctrl+F8创建一个新元件，元件类型为“影片剪辑”，符号名为WATER。单击“确定”按钮，进入元件编辑模式。在当前层的第1帧上，画一个浅灰色的空心椭圆，轮廓线宽为2。选中椭圆，按F8键，将椭圆转换为图形元件，并命名为CIRCLE。在第6帧和第21帧处分别插入一个关键帧，并作相应的调整，使3个关键帧上
8、的椭圆尺寸依次增大，且增加幅度较大。选择第1帧的椭圆，打开属性面板，设置“颜色”选项中的Alpha值为0，使其完全透明。用同样方法设置第21帧上的椭圆为完全透明。分别选择第1帧和第6帧，在属性面板中设置补间选项为“动作”，如图13.7所示。图13.7创建water影片剪辑元件步骤3：创建含有三层的water影片剪辑元件。单击当前层，在处于选中状态的所有帧上右击，从弹出的快捷菜单中选择“拷贝帧”命令，复制该层上的所有帧。单击“增加图层按钮”，新建一个层。单击新建层上的第5帧，按F6键创建关键帧。然后在该帧上右击，从快捷菜单中选择“粘贴帧”命令，粘贴复制的帧。将该层最后关键帧后面的多余帧删除。单击
9、“增加图层按钮”，再新建一个层。在第9帧插入一个关键帧，用上面的方法粘贴复制的帧，并删除终点关键帧后面多余的帧，结果如图13.8所示。图13.8wtaer影片剪辑元件的完成状态（二）创建动态按钮。一起做步骤1：按组合键Ctrl+F8创建一个新元件，设置类型为“按钮”，名称为BUTTON。单击“确定”按钮，进入按钮元件编辑模式。步骤2：单击文本工具，在“弹起”帧的场景中央输入“Water”，并在属性面板设置字体为黑体，字号为96，字的颜色为蓝色。步骤3：单击“指针经过”状态帧，创建关键帧，并将该帧上的文字删除。按F11键打开库面板，将WATER影片剪辑拖到画板的中央。步骤4：单击“按下”状态帧，
10、按F6键，并将沿用的实例删除，将“弹起”状态帧上的文字复制下来并粘贴到“按下”帧，单击文本工具，将该帧的文本颜色调暗一点。步骤5：单击“点击”状态帧，按F6键创建关键帧，并删除沿用的文本。用矩形工具在该帧场景中央画一个实心的矩形，矩形大小比文字稍大。4个帧的内容如图13.9所示。步骤6：单击“场景1”，回到主场景中，从符号库中将BUTTON按钮拖到场景中。步骤7：播放动画，观看鼠标指针经过、弹起和按下时的按钮效果。如图13.10所示。“弹起”帧“指针经过”帧“弹起”帧“按下”帧“点击”帧图13.94个关键帧的内容图13.10涟漪波动效果日积月累元件是指可以再度使用的图像、动画或按钮，可以使编辑
11、电影变得简单，使创建复杂的交互变得容易。(一)元件的类型Flash有3种元件：图片元件（Graphic）、按钮元件(Button)和影片剪辑元件(Movie Clip)。其中图片元件可以包含静止的图形（矢量图和位图）或一段没有音效和交互的动画片段；按钮元件用于设置作品中的交互操作（如鼠标单击）：影片剪辑元件中可以包含的内容比较多，除了图片和动画片段以外，它还支持音频信息和交互响应，甚至另外一个元件。在创建元件的时候，要根据元件的用途来选择一定的类型。(二)创建元件的方法1、 新建法单击“插入”菜单中的“新建元件”命令，或按组合键Ctrl+F8，或单击元件库底部的增加元件按钮，在弹出的对话框中设
12、置元件的名称和类型，单击确定就可以了。Flash就从当前主场景切换到元件编辑模式中。元件名称出现在画板左上角场景名称的旁边。在窗口的中心有一个小字，表示元件的中心点。2、 转换法任意画一个图形或导入位图对象，用箭头工具选择对象，单击“插入”菜单中的“转换为元件”命令，这时在弹出的对话框中设置元件的名称和类型，单击确定就可以把图形转化为元件了。(三)编辑元件的方法无论元件是直接创建的，还是经过转换生成的，都有可能在创建了若干实例后需要修改。元件经过编辑后，Flash会自动更新它在电影中的所有实例。编辑元件必须在元件编辑模式下进行，既可以在一个新场景中编辑元件，也可以在原场景中编辑元件，编辑方法如
13、下：方法1：在场景中用鼠标右键单击元件的一个实例，在弹出的快捷菜单中选择“编辑”或选择“在当前位置中编辑”或选择“在新窗口中编辑”都可。方法2：在场景的右上角单击“编辑元件”按钮，选择一个元件，即进入该元件的编辑状态。方法3：打开“库”窗口，在库中双击元件图标。(四)调用其他动画中的元件可以将其他动画的元件应用到当前动画中来，并且可以只显示元件库，而不用打开另外的动画文件。通常，这是一种快捷的方式，省去了大量创建符号的时间。操作步骤为单击“文件”菜单中的“作为库打开”命令，这时文件并未打开，而此文件的元件库却在当前窗口打开了。元件库右上角的菜单和底部的几个按钮都呈灰色，表示这些功能都不能使用，只能使用元件库中的元件。将元件从元件库预览窗口拖到当前场景中，Flash在场景上创建了此元件的实例，并将此元件复制并存入当前动画的元件库中。而此元件依然存在于原始动画的元件库中。技能挑战1、 试着做一个文字飞翔的效果。2、 试着做一个放大镜放大文字或图形的效果。本文来自：
