蝴蝶飞引导层动画

蝴蝶飞动画制作流程1、图形绘制用椭圆工具绘制蝴蝶身体部分，通过任意变形工具和选择工具调整图形，最终效果如下图所示：2、填色①填色类型：单色填充和渐变填充渐变填充又分线性渐变和放射渐变②对蝴蝶进行填色先通过工具用单色填充眼睛再用放射状填充头部和身体，效果如下：最后使用线性渐变填充翅膀，效果如下：在此过程中，可以使用渐变变形工具调整渐变的范围。

3、制作蝴蝶元件按Ctrl+F8新建影片剪辑元件将刚才所建立的蝴蝶图形的两个图层（身体图层和翅膀图层）复制到蝴蝶影片剪辑中的第一帧。

（注：双击库中的蝴蝶影片剪辑即可打开蝴蝶影片剪辑编辑环境），最终效果如图所示：选中身体图层，在第10帧按F5将身体图层延伸至第10帧，然后在翅膀图层的第三帧按F6插入关键帧，并选择任意变形工具调整两个翅膀，使其向上收起。

如图所示：然后再在翅膀图层的第五帧按F6插入关键帧，并使用任意变形工具再次调整两个翅膀，使其再向上收起。

如图所示：选择翅膀图层的第1-5帧，点右键选择复制帧，如下图所示：选择第六帧，并点击右键，选择粘贴帧，如下图所示：最终效果如下图所示：但蝴蝶在从翅膀收起到往下拍打的动作正好是相逆的，因此再选择第6-10帧，选择菜单“修改∕时间轴∕翻转帧”，使蝴蝶向上收起的动作转化为向下拍打的动作，如下图所示：这样就完成了蝴蝶扇动翅膀的一个完整动作，至此蝴蝶影片剪辑元件制作完成。

效果如下：4、制作蝴蝶飞动画按Ctrl+N新建文件，如下图所示：将新文件另存，文件名为蝴蝶飞，另存位置自定。

如下图所示：双击图层1更名为“Beijing”，如下图：按Ctrl+R，选择一张背景图片，导入到舞台上，如下图：在舞台中选择此背景，按Ctrl+K，打开对齐面板，按下按钮，再分别按下匹配高和宽按钮、水平中齐按钮、垂直中齐按钮，使背景图片正好和舞台对齐。

效果如下：在beijing图层的第60帧按F5键，使背景图片延伸至第60帧，如下图所示：将上个文档中的“蝴蝶影片剪辑元件”复制到本文档中的库中，具体操作如下:注：用右键点击蝴蝶影片剪辑元件，并选择复制，再在新文档的库中点击右键，选择粘贴，最终效果如下：在蝴蝶飞文档中新建图层，并命名为hudie,如下：在hudie图层中将蝴蝶影片剪辑元件拖动到舞台，并调整好位置和大小，放在背景图片的左下角，效果如下：在hudie图层的第60帧插入关键帧，在时间轴该层中的任意一帧点击鼠标右键，选择“创建补间动画”，如下图：点击“添加运动引导层”按钮，为hudie图层添加引导层，如下图：选择引导层的第1帧，运用钢笔工具绘制一条曲线，效果如下：注：曲线要尽量的平滑！选择hudie图层中的第1帧，再按下工具箱中的“紧贴至对象”按钮，将第1帧中的蝴蝶元件紧靠至曲线的起始端，并利用任意变形工具调整一下蝴蝶元件的方向，如图所示：再选择hudie图层中的第60帧，将第60帧中的蝴蝶元件紧靠至曲线的末尾端，并利用任意变形工具调整一下蝴蝶元件的方向，如图所示：选择hudie图层的任意一帧，在属性面板中选中“调整到路径”项。

实验04 轨迹动画-蝴蝶飞舞实验目的：本次实验通过在系统中制作蝴蝶翩翩起舞的动画效果，让大家熟悉补间动画、引导层动画、影片剪辑动画、多图层动画结构等制作FLASH动画的基本方式。

实验素材：蝴蝶png、花丛素材图片实验内容：最终在场景中制作出蝴蝶自身煽动翅膀在花丛间飞舞（沿轨迹）的复合动画结构。

实验步骤：1.新建1个640X480的工程文档，文档帧频24帧/秒2.导入蝴蝶、花丛素材图到库中3.新建图形元件，引入蝴蝶调整适当尺寸，观察背景透明效果。

4.新建影片剪辑元件，引入蝴蝶，通过逐帧动画方式制作蝴蝶翅膀挥动动画5.回到场景，图层1引入花丛素材图，调整好后锁定此层6.新建图层2，引入蝴蝶影片剪辑元件，备用7.新建图层3，铅笔工具绘制自由线条（不能交叉、最后画回起点附近），注意选“平滑方式”，画好以后保证线条处于非选中状态8.选择图层2，黑箭头移动工具，打开磁铁，移动蝴蝶对齐到轨迹起点（注意要严格对齐）9.选择图层2第150帧，F6新建关键帧，图层1、3 F5新建普通帧，移动蝴蝶至终点（注意要严格对齐）10.右键改图层3为引导层属性，右键图层2时间轴，创建补间动画。

调整到路径11.测试观察最终效果，可以添加关键帧，调整姿态。

12.发布SWF格式，起好名字，内部签字后提交。

一些工具及使用技巧素材图去背景：新建图形元件，导入库中素材，适当等比缩小尺寸，新建图层绘制圆形图像使得正好遮盖主星球，将此图层改成遮罩层属性。

背后运动的调整方法：处理完月球的前端运动后，新建图层，复制之前月球图层的最后关键帧，在新图层动画的对应帧数上粘贴，设置背后的运动，最后把新建的图层拖动到地球图层的下面，地月绕太阳同理近大远小的透视变化：在绘制完一套地月运动后，可以将月球动画图层上新建几个关键帧来调整某位置的月球尺寸，系统会自动生成对应补间变化填充变型工具：快捷键F，用来调整已经施加的渐变填充的方向和作用范围，经常和混色器面板一同使用白箭头：快捷键A，用来调整已经画好的图形节点与曲度，是绘制自由造型的标准工具，结合网格的对齐功能可以绘制很好的图案拼接快捷键A，主要用来黑箭头：快捷键V，最常用的选择工具，可以通过选框或单击选中图像，也可以放在边框附近调节轮廓线曲度，也可以单击选中填充色，通过拖拽可以移动选中内容位置，如果按住ALT同时使用黑箭头，可以拖出副本库面板：快捷键CTRL+L 使用最多的面板，保存了全部资源信息，可以通过此面板重命名元件，复制元件等编组图像：图像绘制时，可以在选中后随时编组当前图像形成完整的“组”，快捷键CTRL+B，需要再次编辑时，可以选中组并再按CTRL+B打散，对组点右键可以调整组与组之间的叠放次序任意变型：按快捷键Q可以对选中图像进行任意变型，如缩放旋转，如需要做翻转变换，点菜单“修改”->“变型”->“水平翻转”墨水瓶与颜料桶：快捷键分别为S、K，用来在图像编辑状态修改轮廓线颜色和填充颜色，注意区别使用，颜料桶有封闭空隙选项，填充时可能需要改大，这两个工具不能对编组或元件进行修改删除：DEL键可以删除所选内容网格：快捷键CTRL+ ’系统辅助工具，用来在画图时对齐，在打开网格后，选菜单“视图”->“对齐”->“紧贴网格线”，绘制牌的尺寸已经绘制花色是都可以使用文本工具：快捷键T 用来打上文字，如需修改字体字号，在写出字以后打开“属性”面板修该矩形工具：快捷键R 绘制矩形，可以修改圆角半径，此按钮点住不放，可以切换为多角形，通过修改该属性，绘制多边形《完》。

第9课蝴蝶飞舞——“引导层”动画【教材版本】清华大学出版社【学科学段】初中信息技术【课时】1课时【教学目标】知识与技能目标：➢巩固“影片剪辑元件”的制作与应用➢使学生了解引导动画及引导层的作用、内容和图标➢学生通过实例初步掌握Flash中引导层的制作方法方法与过程目标：➢掌握创建引导层的方法➢掌握引导线的绘制方法➢掌握将对象吸附到引导线起点和终点的方法➢能通过模仿完成动画的制作情感态度与价值观：➢培养学生分析问题、解决问题、探究问题的能力➢培养学生动手能力和创造力，体验成功的喜悦➢充分激活学生探究思维和创新思维。

【教材分析】《蝴蝶飞舞》讲的是市初中二年级下册教材第四单元第九课“引导层”动画这个内容，前一单元已经介绍了动画补间动画（直线运动），在这样的基础上，本节课的教学内容是掌握“引导层”动画制作方法和要点（曲线或不规则运动），是对上一单元内容的延伸。

“引导层”动画与下一节介绍的“遮罩层”动画都是Flash中常用的动画技巧，本节内容是第四单元的重点，也是难点内容，这个知识点掌握与否直接关系到整个单元的学习，所以应由浅入深，循序渐进的引导学生学习。

【学习者分析】本节课的教学对象是初二年级学生，学生通过一个阶段的学习，已经理解了图层、库、帧、关键帧、元件等一些概念并能利用它们做一些简单的动画，并且通过前一单元的学习，已经掌握了动画补间动画的制作方法，在这样的基础上，讲解引导层的使用，学生也能接受，也为下一节课打好基础。

同时，学生的掌握程度参差不齐，针对这样的情况，我是这样设想的：在任务设计时由浅入深、由单一到复杂，围绕教材和以学生为主体，适当加以拓展；让学生及时自主地复习旧知识，巩固新知识。

【教学重点】引导层动画的作用和制作方法【教学难点】➢掌握引导层中只绘制运动路径，在被引导层中设置动作补间动画➢能够将对象吸附到引导线的起点和终点【教学用具】计算机教材【教学方法】讲授法、演示法、任务驱动法【教学过程】【教学反思】本节课是清华大学出版社《信息技术》八年级上册第二单元第9课的内容。

Flash引导层动画的优点及制作方法——以“蝴蝶飞舞”为例Flash引导层动画是指在网页设计中利用Flash技术制作的动画效果。

它可以增加网页的吸引力，提高用户的黏性，让网页更为生动、丰富，给用户留下深刻的印象。

下面我们以“蝴蝶飞舞”为例，介绍Flash引导层动画的优点及制作方法。

一、优点1.生动形象。

Flash引导层动画可以通过灵活的运动方式展现出任何一个物体或人物的特点，这样可以让用户更加直观地了解网站特点。

2.增加趣味性。

Flash引导层动画的动感和趣味性，可以吸引用户的视线，提高用户留存时长。

3.强化品牌形象。

Flash引导层动画可以以更加直观的方式显示出品牌特点，让用户对品牌印象更深刻，提高品牌美誉度。

二、制作方法1.画图：首先，我们要用制图软件画出蝴蝶。

这里我们借用网上的蝴蝶图片，并且对它进行裁剪，选取一张适合飞舞效果的蝴蝶图片。

2.动画设置：在Flash课件上打开蝴蝶图片，设定其为静止状态。

接着，我们要将此图片运动的路径进行设定，让蝴蝶像活生生的一样，在网页上飞舞。

在Flash坐标系中设定好蝴蝶路径，然后将蝴蝶图片放置在路径的起始位置上。

3.添加动画效果：为了让蝴蝶飞舞的过程更加鲜明，我们可以给蝴蝶添加一些鲜花、天空等背景元素。

同时，为了让蝴蝶的飞舞效果更真实，我们可以设置蝴蝶在运动过程中要做出一些翅膀的扇动动作。

4.导出动画：当我们完成了蝴蝶飞舞动画的制作之后，就可以将它导出，添加至网页上。

在Flash编辑器中点击文件——导出——导出到静态swf文件中，导出动画。

5.嵌入网页：到网页上编辑区，蝴蝶主图片的位置设置为绝对定位，再在该图片底下添加上导出的动画模块，提交网页即可。

如此一来，我们所制作的蝴蝶飞舞动效就能展现在我们的网页上了。

综上，Flash引导层动画的优点十分显著。

以“蝴蝶飞舞”为例，它可以让网页动感十足，增加页面的趣味性和交互性，展示品牌形象，让用户对品牌产生强烈的印象。

第九课蝴蝶飞舞——“引导层”动画一、教学目标：知识与技能：1 、巩固“动画补间”动画的制作方法；2 、了解引导层动画的基本功能；3 、掌握绘制引导层动画的基本方法。

过程与方法1 、引导线的作用及绘制方法；2 、引导层动画的制作步骤。

情感态度与价值观：以生动的情境创建，激发学生热爱大自然的激情，并把美好的情感通过作品表达出来。

二、教学方法与教学手段：1 、以回顾前期的知识与技能，巩固旧知，开拓新知；2 、以讲演结合，帮助学生克服学习过程中的困难；3 、以适当的评价，引导学生提高自我，超越自我。

三、教学重点：1 、理解“引导层”的概念；2 、掌握“引导层”动画的制作方法。

四、教学难点：学生会制作“动画补间”动画，但“动画补间”动画不能生动地体现物体随意地运动轨迹，如飘落的树叶、上升的汽球等，如何利用“引导线”使物体的运动随自定义的轨迹运动，是本课的教学难点。

五、教学准备：FLASH软件、课件、任务素材教学程序及内容：课堂活动1：展示“快乐猫咪”动画。

活动目的：引导学生认识“引导线”，并理解利用“引导线”定义物体运动的轨迹。

教师：物体在运动时都会有自己的运动轨迹，有些轨迹是有规律的，而有些轨迹是无规律的，利用之前学过的“动画补间”可以制作简单的有规律运动轨迹的物体运动，如滚动的小球，而对无规律的运动轨迹如何制作相应的动画，是本课要解决的问题，如飘落的树叶、上升的汽球、飞舞的蝴蝶等。

学生：通过教师的语言描述，认识运动轨迹的存在及有规律和无规律的运动轨迹。

教师：同学们已经掌握了利用“动画补间”让物体运动起来，在此基础上如果我们再为物体定义出一条运动轨迹，让物体按照我们定义的运动轨迹来运动，就可以制作出更生动的“引导线”动画？学生：理解“引导线”的作用及“引导层”的创建与使用。

引出的知识点：1 、“引导线”：用绘图工具绘制出的物体运动的轨迹；2 、“引导层”：放置“引导线”的图层；3 、“引导层”动画：巧妙利用“引导线”，配合“动画补间”制作而成的动画。

Flash引导层动画实例：引导线制作飞舞的蝴蝶我们知道传统补间动画主要⽤在对图形的移动、缩放、旋转等操作中，在这些动画中如果不使⽤引导线，那么有些动画我们只使⽤关键帧来做是相当⿇烦的，⽐如蝴蝶的飞舞，如果不使⽤引导线来做，那么做出的蝴蝶飞舞的路线将会⼗分⽣硬，本节就以蝴蝶飞舞为例讲解如何制作引导线传统补间动画。

⽅法/步骤1、打开Flash新建⼀个actionscript3.0的⽂件。

2、从⽂件菜单-导⼊-打开外部库（ctrl+shift+0）,选择上节做好的蝴蝶⽂件并打开库。

3、从打开的外部库中将蝴蝶影⽚剪辑拖⼊到场景中。

4、将蝴蝶影⽚剪辑调整⼤⼩和位置如图所⽰。

5、在蝴蝶所在层上点右键，在菜单中选择“添加传统运动引导层”，为蝴蝶层加⼀个引导线层。

6、选择钢笔⼯具（也可以使⽤直线⼯具），在场景中绘制⼀条弯曲的由下到上的曲线作为引导线。

7、选择引导层的第20帧，然后点右键或按F5插⼊帧，并在蝴蝶所在层的第20层按F6插⼊关键帧。

8、选择蝴蝶层第⼀帧点右键创建传统补间动画。

9、选择第⼀帧上的蝴蝶影⽚剪辑，然后打开吸附⼯具，将蝴蝶吸附到引导线起点位置。

10、选择第20帧上的蝴蝶影⽚剪辑，然后将蝴蝶吸附到引导线的终点位置，然后按c trl+回车测试。

11、测试发现动画执⾏速度过快，是什么问题呢，⼀是帧频过快，⼆是动画帧数太少，解决办法，可以将播放头移动到第10帧处，然后按住f5不放，这样可以插⼊多个帧，直到动画的速度满意为⽌。

12、但此时我们还发现⼀个问题，那就是动画⼀直是头朝上的，⽽不是随着线条改变⽅向，显得⽐较死板，怎么办呢，⾸先要将第1帧最后⼀帧的蝴蝶使⽤变形⼯具旋转到与线条⼀致的⽅向，然后就要⽤到上节讲到的，传统补间动画的⼀个属性“调整到路径”，选择补间的任⼀帧，然后打开属性⾯板，勾选“调整到路径”选项，这时候再测试，可以看到蝴蝶可以完全按路径进⾏飞⾏了。

以上就是以蝴蝶飞舞为例讲解如何制作引导线传统补间动画的过程，希望对⼤家有⼀定的帮助！谢谢⼤家观看！。

《蝴蝶飞舞——“引导层”动画》作业设计方案（第一课时）一、作业目标通过本次作业，学生能够：1. 熟练掌握“引导层”动画的制作方法；2. 了解并运用引导层的关键功能，实现蝴蝶飞舞的效果；3. 培养独立解决问题的能力，提高信息技术操作能力。

二、作业内容1. 任务一：制作蝴蝶飞舞引导层动画a. 打开教师提供的动画模板，熟悉基本操作环境；b. 找到并使用“引导层”，将蝴蝶移动到指定的路径上；c. 在引导层的路径上，使用线条的粗细、颜色等属性，调整蝴蝶的运动轨迹；d. 为蝴蝶添加适当的动画效果，如移动、旋转等；e. 调整时间轴，测试动画效果，确保蝴蝶按照引导路径飞舞。

2. 任务二：提交作业a. 将制作好的动画保存为“.gif”或“.mov”格式的文件；b. 将文件上传至指定平台（如QQ、微信、邮箱等），并注明自己的姓名和学号；c. 教师可以随时查看并评价学生的作业，提出问题并给出反馈。

三、作业要求1. 独立完成作业，禁止抄袭和团队作业；2. 操作过程中遇到问题，可以向教师或同学请教，但不得擅自修改错误；3. 提交作业时，确保文件质量和格式正确，不得随意删除或修改时间轴；4. 请学生认真阅读作业指导书，严格按照指导书的要求进行操作。

四、作业评价1. 评价标准：学生能否熟练掌握“引导层”动画的制作方法，是否能够根据要求调整蝴蝶的运动轨迹和动画效果；2. 评价方式：教师根据学生提交的作业进行评价，给出相应的成绩和反馈意见；3. 反馈意见：对于完成出色的学生，给予表扬和鼓励；对于未完成或完成不佳的学生，提供指导和建议，帮助学生改进。

五、作业反馈1. 教师将定期对学生的作业进行评价和反馈，对于普遍存在的问题和困难，将在课堂上进行集中讲解和指导；2. 学生可随时查看自己的作业评价和反馈意见，了解自己的优点和不足，及时改进和提高自己的信息技术操作能力。

通过本次作业，学生将能够熟练掌握“引导层”动画的制作方法，提高信息技术操作能力，为后续的学习和工作打下坚实的基础。

邯
课题：蝴蝶飞舞—引导线动画 课型：新授课
【学习目标】
1、理解运动引导层的作用
2、会添加引导层、绘制引导线
3、会制作引导线动画
【学习重点、学习难点】
会添加引导层、会制作引导线动画
【学习过程】
一、制作蝴蝶飞舞的补间动画
形状补间与动画补间的区别：动画补间中的运动对象必须是 。

二、基础任务：制作一只蝴蝶的飞舞的引导线动画
知识点：
1、由图中画圈的图层叫 ，并会添加。

2、引导层中要画引导线，可用铅笔绘制，注
意 。

3、因为蝴蝶是元件，所以要做 补间。

4、蝴蝶图层中，前后两个关键帧的蝴蝶一定要吸附在引导线的两个端点上，拖动时要用“选择工具”把鼠标指向蝴蝶元件的 。

三、两只蝴蝶的飞舞
两只蝴蝶沿不同轨迹飞的图层关系：
【课堂检测】
1、 引导层的作用就是使运动元件沿着绘制好的路径（引导线）运动。

（ ）
2、 引导线可以是封闭的，起点和终点之间的线条可以是不连续的。

（ ）
3、 引导层中绘制引导线，而在被引导层中设置补间动画。

（ ）
4、 不将对象吸附到引导线上，对象就能沿引导线运动 （ ）
5、 在最终生成动画时，引导线是可以看见的。

（ ）
【课堂评价】。

FLASH基础应用之蝴蝶飞引导动画的制作
张小霞
【期刊名称】《网友世界·云教育》
【年(卷),期】2012(000)021
【摘要】本文通过制作一个蝴蝶飞引导动画实例，熟悉FLASH的帧、关键帧、引导层、补间动画等基本概念。

【总页数】1页(P4-4)
【作者】张小霞
【作者单位】西安医学院图书馆
【正文语种】中文
【相关文献】
1.FLASH基础应用之小球运动引导动画的制作 [J], 张小霞
2.Flash引导层动画的优点及制作方法——以“蝴蝶飞舞”为例 [J], 王美芳
3.微课在Flash动画制作课程教学中的应用--以引导层动画的制作为例 [J], 戴琪瑛
4.Flash引导层动画的优点及制作方法——以“蝴蝶飞舞”为例 [J], 王美芳
5.Flash 4引导层动画和遮罩动画——Flash 4动画制作软件介绍之四 [J], 李仲因版权原因，仅展示原文概要，查看原文内容请购买。