Flash8制作补间

FLASH8第8章制作补间的学习目标？掌握补间的原理和法. ？使用补间显示事物变化的过程. ？掌握形状提示点的原理和用法. ？使用形状提示点来显示舌头摆动的效果. 本章概述？ 5.1补间的原理？ 5.2？ 5.3类分配后的形状提示点原理5.1补间的原理补间是制作中常用的法. 它可以补间形状，大小，颜色等的位置，使用补间可以创建不断变化的效果. 5.1.1知识点说明了补间的原理. 形状补间可以实现两个矢量图形之间颜色，形状和位置的变化，如图5-1所示. 颜色补间绿色渐变红色补间位置补间阶段左阶段右阶段形状补间小苹果大苹果图5-1形状补间原理第二，创建形状补间. 在同一层上，在绘制不同矢量图形的两个关键帧之间选择一个帧，然后在[Properties]面板的[Tween]下拉列表中选择[shape]选项，如图5-2所示，可以创建补间. 图5-2创建形状补间三，识别形状补间的属性面板. Flash 8的[Properties]面板随所选对象而变化. 创建补间之后，单击时间线，其[属性]面板如图5-2所示.

有两个常用选项，如下所示: （1）[Easy]选项. 在[Easing]选项中输入相应的值，补间的形状将相应更改. （2）[混合]选项. [Hybrid]选项包含两个参数: “ Angular”和“ Distributed”. 5.1.2实例分析（1）──创建补间练习请带领学生更加熟悉补间的创建方法和原理，并遵循以下要求进行操作培训. 1.创建一个新的Flash文档，然后使用[椭圆]工具在舞台上绘制一个圆，然后在[属性]中将圆的颜色设置为“#00FF00”，并将其宽度和高度设置为“ 7px×7px” ]面板，如图5 -3所示. 2.在第20帧处插入一个关键帧，并绘制一个以圆为基点的叶子，如图54所示. 图5-3画一个圆图5-4画一个叶子3.在第20帧处，首先删除“圆圈”，然后填写叶子. 效果如图5-5所示. #FFFFFF#339900叶子效果[颜色]面板图5-5填充叶子4.在第40帧处插入关键帧，然后调整叶子的颜色效果，如图5-6所示#FFFFFF#CC9900叶子效果[color]面板5.在第60帧处将叶子移出舞台. 6.选择第一个帧，然后在[Properties]面板的[Tween]下拉列表中选择“ Shape”选项，如图所示在图5-7中.

在第1帧到第20帧之间创建补间. 图5-7创建补间7.使用相同的方法，分别在第20帧和第40帧处创建补间. 8.按Ctrl + Enter快捷键以测试播放的视频，并观看从Madoka变成绿叶的，然后凋谢，然后凋谢. 9.关闭测试播放器，选择第40帧，然后在属性面板中将[Easing]设置为“ -100”和“ 100”之间的不同值，然后分别测试影片以观看电视的速率变化叶秋天. 5.1.3实例分析（2）──制作“浪漫盛开”的花朵是一个带给人们幸福和浪漫的精灵. 本示例将使用补间创建“浪漫绽放”，使读者体验他们在一起绘制的浪漫感觉. 其设计思想和效果如图5-8所示. 图5-8生产思路和效果1.叶片生长的生产. （1）在教学资源中打开“材料\第5课\ Romantic Bloom \ Romantic Bloom-Template.fla”文件. 场景效果如图5-9所示. （2）在“背景”图层上方创建并重命名图层，直到该图层效果如图510所示. 图5-9模板场景图5-10图层效果（3）选择[矩形]工具并设置[描边]在[属性]面板中将“颜色”设置为“无”，在“叶子1”层上的“绘制宽度和高度为5px×5px的矩形”中将“填充颜色”设置为“#37C030”在花盆后面，如图5-11所示.

（4）将关键帧插入“ leaf 1”层的第10帧，然后使用[Select]工具调整第10帧的“矩形”的形状，如图5-12所示. . （5）在“刀片1”层的第20帧处插入关键帧，然后使用[选择]工具在第20帧处调整“矩形”的形状，如图5-13所示. 矩形5-11框架1的叶片形状图5-12框架10的叶片形状图5-13框架20的叶片形状（6）在框架1至框架10之间，框架10至框架20之间创建补间，因此叶片的生长过程已经完成. （7）使用相同的方法在“叶片2”，“叶片3”，“叶片4”，“叶片5”和“叶片6”上创建其他五片叶子的生长，以完成叶片的生长. 此时的场景效果如图5-14所示，[时间轴]效果如图515所示. ҶƬ5ҶƬ4ҶƬ2ҶƬ3ҶƬ1ҶƬ6图5-14完整的叶子生成图5-15 [时间轴]效果1创建时叶片生长效果时，请注意调整叶片生长的顺序，以使叶片生长看起来尽可能接近自然. 每片叶子的生长时间也可以根据叶子的大小而变化. 建议锁定创建的图层，以免发生误操作. 2.花梗的生长. （1）在“ Leaf 6”层上方创建一个新层，并将其重命名为“ Stalk”层. （2）将关键帧插入“花梗”层的第65帧.

（3）选择[矩形]工具，在[属性]面板中将[描边颜色]设置为“无”，将[填充色]设置为“#CCE492”，然后在“花梗”的第65帧处绘制图层将高度和宽度为“ 5px×5px”的矩形放置在花盆的后面，如图5-16所示. （4）使用[选择]工具调整矩形的形状，如图5-17所示. （5）在“花梗”图层的第105帧处插入关键帧，然后使用[选择]工具在第105帧处调整“花梗”的形状，如图5-18所示. （6）在第65帧和第105帧之间创建补间，从而完成花梗的生长过程. 花梗图5-16原始矩形图5-17花梗原始形状图5-18框架105花梗形状3.使花瓣生长. （1）在“花梗”图层上方创建并重命名图层，直到该图层效果如图519所示. （2）在“花瓣1”图层的帧105处插入关键帧. （3）选择[椭圆]工具，在[属性]面板中将[描边颜色]设置为“无”，将[填充色]设置为“#F997DC”，然后在“花瓣”的第105帧处绘制宽度和高度椭圆是“ 1.3px×1.1px”，位于花梗顶部的花蕾顶部. 效果如图5-20所示. 椭圆图5-19图层效果图5-20帧105花瓣形状绘制花瓣的原始形状时，需要将其放在芽上并适当调整位置，以使花朵更自然地开花并覆盖芽.

（4）在“花瓣1”层的第135帧处插入关键帧，然后使用[选择]工具在第135帧处调整“花瓣”的形状，如图5-21所示. . （5）在第105帧和第135帧之间创建补间，以完成一个花瓣的生长过程. （6）使用相同的方法在“花瓣2”，“花瓣3”，“花瓣4”，“花瓣5”和“花瓣6”层上创建其他5个花瓣的生长，以完成花瓣生长，效果如图5-22所示. 花瓣4花瓣2花瓣5花瓣6花瓣3花瓣1图5-21框架135花瓣形状图5-22成品（7）最终场景效果如图5-23所示，时间轴效果如图5所示. -24如图所示. 图5-23最终场景效果图5-24制作后的[时间轴]效果（8）保存测试视频，完成一朵美丽的花朵浪漫绽放的效果. 5.1.4课堂练习“魔术扑克”flash形状补间，请学生自己制作改变扑克的. 效果如图5-25所示. 图5-25 Magic Poker效果1.创建一个新的Flash文档，将文档[size]设置为“ 500px×353px”，并对其他文档属性使用默认参数. 2.执行[File] / [Import] / [Open External Library]菜单命令，以在教学资源中打开“材料\第5讲\ Magic Poker \ Magic Poker-Material.fla”文件，并在外部资源中打开组件图片并将图片复制到当前图片库中flash形状补间，效果如图5-26所示.

3. 将[Library]面板中的“ Background”位图拖到场景中，将其宽度和高度设置为“ 500px×353px”，并使其与舞台的中心对齐，如图5-27所示. 图5-26 [Library]面板图5-27导入背景图像4.锁定“ Background”图层，在“ Background”图层上创建并重命名该图层，直到该图层效果如图5-28所示，然后插入一个所有图层的第20帧. 5.选择“ Peach 2 Reference”层，将[Library]面板中的“ Peach 2 Reference Picture”图形元素拖到舞台上，然后将其与舞台中心对齐. 在[属性]面板中将[Alpha]参数设置为“ 50％”，效果如图5-29所示. 图5-28设置大小和位置图5-29拖动到“桃2参考图像”中6.根据参考图像在每层上绘制“红桃2”扑克牌各部分的形状，如图所示如图5-30所示. 图5-30绘制Red Heart 2，其中[Font]是“ Bookman Old Style”（读者可以将其设置为自己喜欢的字体或自行购买外部字体库）. 7.按F7快捷键，在“向上”，“向上”，“向下”，“向上编号”和“向下编号”层的第20帧处插入空白关键帧. 用同样的方法画出西服“黑桃A”牌，效果如图5-31所示. 8.分散“ Digital Down”和“ Digital Up”层的第1帧和第20帧上的数字.

9. 分别在“上”，“上”，“下”，“上”和“下”图层的第1帧和第20帧之间创建“补间形状”. 时间轴效果如图5-32所示. 图5-31画黑桃A图5-32画成45°倾斜的线10.保存测试视频. 一个简单而神奇的扑克变化就完成了. 5.2形状提示点的原理使用形状补间创建一些更复杂的变形时，通常会使图片混乱，并且根本无法实现用户想要的更改过程. 此时，您需要使用形状提示点进行控制. 5.2.1知识点1.添加形状提示. 单击补间的起始帧，然后执行[修改] / [形状] / [添加形状提示]菜单命令. 这样，将在形状上添加带有字母的红色圆圈，并且还将在结束帧的形状中添加形状提示，如图5-33所示. 将两个形状提示放置在适当的位置时，开始关键帧上的形状提示点为，结束关键帧上的形状提示点为绿色，如图5-34，第1帧和第10帧所示. 显示为，显示为绿色. 图5-33未调整图5-34成功调整2.形状提示的原理. 继续添加形状提示点并调整提示点的位置. 此时，图形更改过程如图5-35所示. 图5-35使用形状提示图5-36显示了不添加形状提示点的更改过程. 通过观察，您可以清楚地了解形状提示的功能和原理，即使用形状提示点来标识起始形状和结束形状. 相应的点用字母a到z表示.

图5-36未使用的形状提示点5.2.2示例分析（1）──使用形状提示点练习请跟随老师进一步了解形状提示点的创建方法和原理，并遵循以下要求进行操作培训. 1.在教学资源中打开“材料\第5课\形状提示点练习\ Fating Bat.fla”文件. 2.在第1帧到第10帧，第11帧到第20帧，第21帧到第30帧，第31帧到第40帧之间创建形状补间，拖动移动时间线以观察图形的渐变效果，如图5所示. -37. 图5-37通过观察可以发现补间效果. 这时，补间效果不理想. 整个补间效果非常凌乱，无法实现预期的效果. 3.选择“ Layer 1”的第一帧，执行[Modify] / [Shape] / [Add Shape Prompt]菜单命令以添加一个形状提示点，并将其拖动到蝙蝠的机翼，如图所示. 显示了5- 38. 选择第10帧并将提示点拖到蝙蝠的翅膀. 此时，形状提示点变为绿色，如图5-39所示. 图5-38添加一个形状提示点图5-39调整一个形状提示点4.使用相同的方法添加三个形状提示点，并分别在第一帧和第十帧中调整提示点的位置. 效果如图5-40和图5-41所示. 图5-40添加形状提示点2 5-41调整两个形状提示点5.使用相同的方法为后续的补间添加形状提示点. 图542显示了第31帧的形状提示点. 5-43显示了第40帧的形状提示点.

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/jisuanjixue/article-247062-1.html