搜索
实验七FlashCS5动画制作一、实验目的1.能够制作出一个动画阶段的运动动画和形变动画，能够制作出简单的逐帧动画。2.能够制作基本层动画，能制作遮罩特效的动画，能制作链接引导特效的动画，能够在动画制作中使用符号。3.能够为动画添加声音，能制作按钮，能对按钮设置动作脚本以控制动画的播放二、实验内容（一）、打字效果（保存文件名为7-1.swf）操作提示：第一步在图层1的第3帧处插入关键帧并使用【文本工具】写入“从”字。（文字内容可自行设计）第二步在第4帧处插入关键帧，并在当前帧的“从”字后输入“前”字，接着在第5、6、7、8、9、10……帧分别插入关键帧，并依次在各个关键帧处插入“有”、“一”、’座”、“山”、“山”、“上”、“有”、“座”、“庙”第三步设置播放速度为6帧每秒。（二）、写字效果（保存文件名为7-2.swf）操作提示：第一步在第一帧使用文本工具插入“白日依山尽，黄河入海流”，并选择合适字体。第二步将文本两次分离，在第2帧上插入关键帧，然后使用橡皮擦擦除’流’字的最后一个笔画，接着再插入关键帧，对各个文字进行反笔画擦除。第三步全部擦除完毕之后，选中所有关键帧，点击鼠标右键，在弹出的菜单上选择“翻转帧”。（三）、变换文字（保存文件名为7-3.swf）操作提示：第一步设置宽300像素、高100像素的粉红色舞台。第二步单击第一帧，键入大小为“70”的蓝色隶书“形状补间”四字，居中。在第5帧插入关键帧。第三步选中第5帧上的文本，按下快捷键ctrl+B两次，把文字打散。第四步在第20帧插入空白关键帧，用同样的大小和字体键入红色“快乐学习”三字，居中。用同样的方法把字打散。第五步选中第5帧，创建补间形状。第六步在第25帧插入一个普通帧。第七步测试影片，观看效果。（四）、添加形状提示（保存文件名为7-4.swf）操作提示：第一步新建一个FlashCS5文档。第二步选择文本工具在“属性”面板中，设置字体为ArialBlack，字体大小为96，文本颜色为黑色。第三步在舞台上单击，输入字母“T”并调整到舞台中央。执行“修改”|“分离”命令，将数字分离成形状。如图1所示。图1将字母分离成形状第四步选择“图层1”第20帧，按F7键插入一个空白关键帧。选择“文本工具”，输入字母“Y”并调整到舞台中央。同样把它分离成形状。如图2所示。图2第20帧上的字母形状第五步选择第1帧，选择创建补间形状。第六步按下Enter键，可以观察到字母T变形为字母Y的动画效果。*添加变形提示以改进动画效果。第七步选择“图层1”的第1帧，选择“修改”|“形状”|“添加形状提示”命令3次（或按快捷键Ctrl+Shift+H）。这时舞台上会连续出现3个红色的变形提示点（重叠在一起）。如图3所示。图3添加变形提示点第八步确认”紧贴至对象”按钮处于被按下状态，调整第1、20帧处的形状提示，如图4所示。图4调整提示点第九步调整好后在旁边单击鼠标，提示点的颜色会发生变化。第1帧上的变为黄色，第20帧上的变为绿色。第十步再次按下Enter键，可以观察到字母T变形为字母Y的动画效果已经比较美观了。(仔细观察添加变形提示点前后动画有什么变化)*希望大家自己发挥想象，制作渐变动画（五）、风吹文字（保存文件名为7-5.swf）操作提示：第一步打开Flashcs5并新建一文档。适当修改文档属性。（尺寸：400×200，背景为黑色）第二步在工作区中用适当的字体、颜色输入文本：计算机与信息学院。第三步选中全部文字后，按一次Ctrl+B将文字分离为单一文字。分别将每个文字转换为影片剪辑。第四步全选文字后，点击菜单修改-时间轴-分散到图层（或按Ctrl+Shift+D分布到层）。将空层(图层1)删除。并适当排列文字。第五步选中所有层的第24帧，插入一关键帧。第12帧当前帧，Ctrl+A全选后，整体向上移动一段距离。第六步点击菜单修改-变形水平-翻转，分别将每个文字水平翻转。第七步适当调整一下水平翻转之后文字的位置，靠向中心一点。第八步选中第24帧中的所有元件实体文字，将它们的色彩效果Alpha值都设为0%使其完全透明。第九步分别为每一层都创建传统补间动画，并将每个层向后依次移动3帧，并在适合位置插入普通帧。第十步测试。注：动画之间的帧数越多效果也越好。（六）、风车动画（保存文件名为7-6.swf）操作提示：第一步新建Flashcs5文档，大小550×400像素，背景白色，文件名为“风车动画”。第二步导入风景画到库，并拖放到舞台，使其适合舞台。第三步新建名为“风车”的图形元件，绘制一个黑边线，蓝绿色填充的椭圆，调整好风叶，并转换为图形元件“风叶”。将图形元件“风叶”的中心点利用任意变形工具调整到风车的中心，再到“变形”面板设置旋转度为60，再点击按钮进行重复设置。如图第四步新建“旋转风车”影片剪辑元件，把风车元件拖入，在第40帧插入关键帧，做传统补间动画，设置顺时针，圈数为1。第五步返回场景，拖入“旋转风车”影片剪辑，改变大小和位置。第六步测试影片。（七）、海底世界（保存文件名为7-7.swf）操作提示：本例中的元件较前面的实例要多一些，我们把它们分成“水泡部分”、“海底部分”、“游鱼部分”三个部分来叙述。先来创建和水泡有关的部分。做实验前，先下载一幅海底图片和鱼（或其他水生动物）的图片。第一步创建“单个水泡”元件执行【插入】|【新建元件】命令，新建一个图形元件，名称为“单个水泡”。先在场景中画一个无边的园，颜色任意，大小为30*30，再设置颜色面板的参数，四个调节手柄全为白色，Alpha值从左向右依次为100％、40％、10％、100％，如图所示，用油漆筒工具在画好的圆的中心偏左上的地方点一下，如对填充的颜色不满意，可以用填充变形工具进行调整。图1水泡（放大400倍）、填充位置及混色器面板参数第二步创建“一个水泡及引导线”元件执行【插入】|【新建元件】命令，新建影片剪辑，名称为“一个水泡及引导线”。添加传统运动引导层，在此层中用铅笔工具从场景的中心向上画一条曲线并在第60帧处加普通帧。在其下的被引导层的第一帧，拖入库中的名为“单个水泡”的元件，放在引导线的下端，在第60帧加关键帧，把“单个水泡”元件移到引导线的上端并设置Alpha值为50％，如图所示。图2水泡及引导线第三步创建“成堆的水泡”元件执行【插入】|【新建元件】命令，新建一个影片剪辑，名称为“成堆的水泡”。从库里拖入数个“一个水泡及引导线”元件，任意改变大小位置。图3成堆的水泡（放大200倍）第四步创建“鱼及引导线”元件执行【插入】|【新建元件】命令，新建一个影片剪辑，名称为“鱼及引导线”。此元件只有引导层和被引导层二层，添加传统运动引导层，在引导层中用铅笔工具画一条曲线作鱼儿游动时的路径，在被引导层中执行【文件】|【导入到场景】命令，将本实例中的名为“鱼”的元件导入到场景中，在第1帧及第100帧中分别置于引导线的两端，在第一帧中建立补间运动动画，在【属性】面板上的【路径调整】、【同步】、【对齐】三项前均打勾，如图所示。图4鱼及引导线第五步创建海底元件创建一个图形元件，命名为“海底”。选择第一帧，然后导入一幅海底画面第六步创建动画(1)创建背景层从库中把名为“海底”的元件拖到场景中，在第134帧加普通帧，该层命名为“背景”。(2)创建水泡层新建名为“水泡”的图层，在第1帧，第30帧从库里把名为“成堆的水泡”的元件拖到场景中来，数目、大小、位置任意，在第134帧加普通帧。(3)创建游鱼层新建名为“鱼”的图层，从库里把名为“鱼及引导线”的元件拖放到场景的左侧，数目、大小、位置任意，在第134帧加普通帧。同学们还可以试着做以下动画应用在自己的网页设计中：1、自由活动的爬虫2、蝴蝶纷飞。(至少出现两只蝴蝶沿不同轨迹纷飞)（八）、水波纹（保存文件名为7-8.swf）操作提示：第一步新建Flashcs5文档，命名为“水波纹特效”。大小600×480像素，背景白色。第二步导入水面图片到库，并拖放到舞台，使图片适合舞台。第三步新建图层2，把图层1的第一帧中的图复制到图层2的第一帧上。保持位置一致。（使用“粘贴到当前位置”）第四步锁定图层1和图层2，新建图层3，画一个无填充的暗红色椭圆。如图。第五步选择刚画好的椭圆，复制(Ctrl+C),粘贴到当前位置（Ctrl+Shift+V），选择变形工具，均匀放大椭圆（Shift+Alt+放大），重复多次，如图。第六步选中图层3的第一帧（所有椭圆）。点击修改/形状/将线条转换为填充，再转换为图形元件（按下F8），命名为“水波纹”。如图。第七步解锁图层1和图层2，在图层1和图层2的第110帧，插入帧（F5）。第八步在图层3的55帧和110帧插入关键帧（F6），并改变第55帧实例的大小。如图。第九步给图层3做传统补间，并设置图层3为遮罩层。第十步把图层1的图片稍微错开一点，测试影片。（九）、为一个简单动画作品添加声音，并通过铵钮和相应的脚本设置，控制动画的播放、暂停和停止。（保存文件名为7-9.swf）操作提示：1．制作一个简单的形变或运动动画2．导入一个时长为3分钟左右的mp3歌曲3．将导入的歌曲加入到一个新层上（注意：由于3分钟左右的mp3歌曲需要180秒左右，若按每秒12帧的速度，则作品总帧数在2160帧左右，在不影响本项目的实验目的达成的前提下，将作品的总帧数控制在720帧左右，即将速度调整为每秒4帧左右）4．将歌曲的声音类型设置为数据流5．添加一新层，制作一个铵钮符号，在添加的层上建立三个相同的铵钮符号实例。6．分别对三个按钮符号设置动作脚本。一个设置“on(release){stop;}”；一个设置on(release){play;}；一个设置on(release){gotoAndStop（1）;}7．对动画层的第1帧设置动作“stop”思考：将歌曲的声音类型设置为“事件”，观察作品的播放过程。