FLASH实例练习--逐帧动画2
- 格式:doc
- 大小:29.50 KB
- 文档页数:1
任务二逐帧动画的实现(一)逐帧动画的概念逐帧动画是一种常见的动画形式,其原理是在“连续的关键帧”中分解动画动作,也就是在时间轴的每帧上逐帧绘制不同的内容,使其连续播放而成动画。
逐帧动画是最传统的动画方式,它是通过细微差别的连续帧画面,来完成动画作品。
相当于我们小时候看到过的把一本书的每一页都画上形状,快速的翻动书页,就会出现连续的动画一样。
因此帧动画的每1帧都有一个关键帧,也就意味着每个帧都可以放置不同的图形,这种在不同的时间段(帧)放置变化的图形以此构成的动画就是逐帧动画。
因此逐帧动画的制作方法包括两个要点,一是逐帧添加关键帧,二是在关键帧中绘制不同的图形。
这样快速播放时产生了动画。
下面进行具体操作。
(1)在新建的Flash文档中,单击第2帧并拖动至第5帧,选择这4帧。
如图7所示。
图7选择帧(2)选择“插入”|“时间轴”|“转换为关键帧”命令或按下快捷键F6,将第2~5帧全部转换为关键帧。
如图8所示。
图8转换为关键帧(3)依次选择第1~5帧,放置已经绘制好的飞鹰,如图9,从左到右5帧的对象。
图9放置对象(4)按下快捷键Ctrl+Enter测试动画,逐帧动画的效果就完成了。
(二)绘图纸的功能绘图纸是一个帮助定位和编辑动画的辅助功能,这个功能对制作逐帧动画特别有用。
通常情况下,Flash在舞台中一次只能显示动画序列的单个帧。
使用绘图纸功能后,就可以在舞台中一次查看两个或多个帧了。
因为逐帧动画的各帧形状有相似之处,所以如果要一帧一帧绘制,工作量不但大,而且定位会非常困难。
这时如果用绘图纸功能,一次查看和编辑多个帧,对制作细腻的逐帧动画将有很大的帮助。
如图10所示,是使用了“绘图纸”功能后的场景,可以看出,当前帧中内容用全彩色显示,其它帧内容以半透明显示,它使我们看起来好像所有帧内容是画在一张半透明的绘图纸上,这些内容相互层叠在一起。
当然,这时只能编辑当前帧的内容。
图10同时显示多帧内容的变化“绘图纸”各个按钮的功能:“绘图纸外观”按钮:按下此按钮后,在时间轴的上方,出现绘图纸外观标记。
Flash软件使用——制作动物奔跑
Flash软件是一款制作二维动画的软件,采用了流媒体技术,可以一边下载一边播放,它具有不失真、文件体积小等特点,因此被广泛的应用与网页上。
逐帧动画:也叫帧帧动画,这种动画是通过每个时间段不同的帧连贯播放出来的动画。
1. 空白关键帧:空心圆
2. 关键帧:实心圆
3. 帧:全名叫普通帧,特点是延续前一个关键帧的状态。
4. 帧频:(fps)每秒播放的帧的个数。
Flash操作提示——制作动物奔跑
1.在Flash软件中新建一个FLA文件,命名为动物奔跑.fla
2.在舞台属性(ctrl+F3)一栏中设置舞台大小为550*400像素,颜色为蓝色,
设置帧频为5fps。
3.修改图层1的名字为背景。
4.新建一个图层2,名字为动物。
5.视图——网格——编辑网格,宽度高度都是50px,然后选择显示网格,用来
给每张图片的位置定位。
6.文件——导入——导入到库,将图片导入到库当中,ctrl+L,可以调用库,
库当中存放的图形叫元件。
7.在第一帧空白关键帧中插入第一张图片也就是元件1,用选择工具调整第一
帧当中图片的位置,在第二帧中插入空白关键帧,同样的方法插入元件2。
8.以此类推,把前11帧都填充好,并调整好相应位置。
9.在“背景”图层中利用铅笔工具画出一个地面,用颜料桶工具填充颜色为浅
黄色。
10.在最后一帧的位置,右击——插入帧(延续前一个关键帧)。
11.按enter键进行播放,调整位置。
12.控制——测试影片(ctrl+enter),生成swf执行文件。
251 (7)发布作品。
根据应用需要,将作品发布为可在网页中显示并可使用Flash Player 回放的SWF 文件。
12.5.1 逐帧动画实例
下面来制作一个简单的Flash 逐帧动画,动画的效果是小松鼠在奔跑。
该逐帧动画的制作方法是将不同的图像导入到场景中,并分别放置在同一图层的不同关键帧上。
动画效果如图
12-58所示。
图12-58 小松鼠在奔跑效果图
(1)选择“文件”|“新建”菜单命令,打开“新建文档”对话框,在其中选择需要创建的文档类型。
(2)选择“ActionScript 3.0”,单击按钮,进入文档编辑界面,也就是前面介绍的Flash CC 操作界面。
在Flash CC 软件启动时,也会自动创建一个新的Flash 文档,其默认的文件名为“未命名-1”。
此后创建新文档时,系统将会自动顺序定义默认文件名为“未命名-2”“未命名-3”等。
(3)设置舞台大小为宽500像素,高277像素。
(4)导入“背景.jpg ”到舞台中,并调整位置使其覆盖整个场景;导入“松鼠1.png ”等7个图片文件到库中。
(5)单击“图层1”图层第65帧,右键单击“插入帧”;添加新图层“图层2”。
(6)打开库,新建元件“松鼠”,如图12-59
所示。
图12-59 创建新元件。
实训三flash逐帧动画的制作实训目的:1. 理解帧的概念2. 掌握flash中各绘图工具的用法3.掌握逐帧动画的制作原理实训原理:1.帧:是flash在时间上的基本单位和最小单元。
帧的类型:关键帧:用于定义动画变化和包含动作的帧,用实心黑圆点标记。
空白关键帧:没有内容的关键帧,用空心圆标记。
普通帧:复制和延续关键帧的内容,不能设置动作的帧,灰色标记。
补间动画帧:设置了补间的帧,绿色或紫色标记。
2.flash的常用绘图工具1)形状类:直线工具、椭圆工具、矩形工具、多角星型工具,分别用来绘制直线条、椭圆、矩形和多边形。
注意:用shift键可以辅助绘制正圆或正方形。
例如,需要绘制正圆,选择椭圆工具,然后按下shift键就可以直接在舞台上拖动绘制了。
2)手动绘制类:铅笔工具:用来绘制线条和几何图形的轮廓,就像用真的铅笔一样。
线条画完之后,flash 会自动使它变得平滑或更加笔直。
按住shift键,可使画出的线条沿水平或垂直方向。
刷子工具:可以画出毛笔效果,就像真的用毛笔作画一样。
刷子工具的绘制模式有5种:Paint Normal(正常模式):在原始图形的同一层上进行绘图,将覆盖原图的线条和填充色。
Paint Fills(填充模式):在原始图形上及其外部绘图,覆盖原图填充色,保留线条不变。
Paint Behind(底层模式):在原始图的外部绘图,就像在原始图的底层进行绘图一样,不影响原图的线条和颜色。
Paint Selection(选取模式):在选取区域内绘图。
Paint Inside(内部模式):在原始图内部绘图,覆盖原图的颜色,但保留线条不变。
3)钢笔工具:在绘图软件中,用来创造路径的工具,创造路径后,还可再编辑。
钢笔工具属于矢量绘图工具,其优点是可以勾画平滑的曲线,在缩放或者变形之后仍能保持平滑效果。
钢笔工具画出来的矢量图形称为路径,路径是矢量的路径允许是不封闭的开放状,如果把起点与终点重合绘制就可以得到封闭的路径。
flash逐帧动画制作教程Flash逐帧动画是一种通过连续播放一系列微小变化的图像来创造动画效果的技术。
在本教程中,我将向您介绍创建Flash逐帧动画的基本步骤。
步骤1:准备工作首先,在您的计算机上安装Adobe Flash软件。
它是一款专业的动画制作软件,可以帮助您创建高质量的动画效果。
步骤2:创建新文档打开Flash软件,点击“文件”>“新建”来创建一个新的Flash文档。
选择适合您项目的画布大小和帧速率。
通常,较大的画布和较高的帧速率可以提供更流畅的动画效果。
步骤3:绘制基本图像使用Flash的绘图工具(如铅笔、刷子、橡皮擦等)绘制您的动画中的每一帧的基本图像。
您可以使用不同的颜色和样式来创建您想要的效果。
步骤4:创建图层步骤5:添加关键帧在您的动画中,关键帧是定义图形或对象外观的帧。
首先,在时间轴上选择您要添加关键帧的帧。
然后,点击“插入”>“关键帧”或使用快捷键F6来添加关键帧。
步骤6:修改图像和图层在关键帧中,您可以对图像或图层进行修改,以改变动画效果。
例如,您可以调整图像的位置、大小、颜色或透明度。
您还可以在不同的关键帧之间添加或删除图层。
步骤7:创建补间动画在Flash中,补间动画可以帮助您在两个关键帧之间创建平滑的过渡效果。
首先,在时间轴上选择一个关键帧,然后右键点击并选择“创建补间”选项。
然后,您可以在下一个关键帧中修改图像或图层,Flash将自动为您创建过渡效果。
步骤8:添加音频和其他效果除了图像动画,您还可以在Flash中添加声音、特殊效果和过渡效果。
点击“窗口”>“属性”来打开属性面板,在面板中选择增加音频和特殊效果的选项。
步骤9:导出动画完成动画后,点击“文件”>“导出”,选择您想要将动画导出为的文件格式(如.swf或.mov)。
输入文件名和保存位置后,点击“导出”来保存您的动画。
这些是创建Flash逐帧动画的基本步骤。
当然,在实际操作中,还有很多高级技巧和工具可以帮助您创建更复杂和精彩的动画效果。
实例1:逐帧动画的制作以“奔马”动画为例,介绍使用Flash制作逐帧动画的方法。
在制作中,首先建立一个“马”影片剪辑元件,使用已有的图形素材创建该影片剪辑。
然后利用绘图工具制作“草”影片剪辑,最后在场景中编辑并完成“奔马”动画的制作。
具体制作方法如下:1、编辑影片剪辑首先制作“马”影片剪辑。
打开Flash,新建一个名为“奔马”的Flash文档,在“属性”面板中设置大小为400×250像素,帧频为15fps。
执行“插入-新建元件”命令,打开“创建新元件”对话框,在其中创建一个名称为“马”的影片剪辑元件。
选择“文件-导入-导入到库”命令,导入“马1~马8”素材。
打开“库”面板,在“库”面板中选中“马1”素材,将其拖动到影片剪辑编辑场景的中央。
在第2帧插入空白关键帧,单击时间轴中的“绘图纸外观”按钮,然后在“库”面板中将“马2”素材拖动到编辑场景中,参照第1帧中图形的外观边框将“马2”拖动到适当位置。
依次在第3~8帧插入空白关键帧,然后使用同样的方法依次将“马3~马8”素材放置到影片剪辑编辑场景中的适当位置。
这样,“马”影片剪辑就制作好了。
下面制作“草”影片剪辑。
执行“插入-新建元件”命令,打开“创建新元件”对话框,在其中创建一个名称为“草”的影片剪辑元件。
使用线条工具和铅笔工具在影片剪辑编辑场景中绘制出草丛的图形。
使用颜料桶工具为绘制的图形填充草绿色,然后将图形边缘的所有线条删除。
在时间轴中将第1帧复制到第2帧,然后将第2帧中的图形向右平移一小段距离。
将第2帧复制到第3帧,然后将第3帧中的图形向右平移一小段距离。
注:将第2帧和第3帧中的图形向右移动,是为了在影片剪辑连续播放时表现草丛向后快速移动的效果,以衬托出马奔跑的速度。
这样,“草”影片剪辑就制作好了。
2、编辑场景并测试动画编辑动画场景的具体操作如下:单击编辑栏上的“场景1”回到主场景中。
在绘图工具箱中选中矩形工具,然后在“颜色”面板中将矩形的填充色设置为从浅蓝色过渡到白色的渐变色。
课题:Flash逐帧动画
学习目标:
1.学习Flash逐帧动画的制作实例,
2.掌握Flash动画的保存、播放及发布。
重难点:
1.刷子简单工具的使用。
2.Flash动画关键帧的使用和设置。
达标过程:
1.观看一个Flash实例《逐帧动画.swf》
2.导入新课:
在上一节学习Flash的课堂上,我们制作了字符变形动画,这一节课我们再来学习一个逐帧动画。
我们知道过去的电影是用胶带播放的,播放的特点是一个一个的画面连续放映,也可以认为就是逐帧动画。
下面我们通过实例的制作来了解逐帧动画。
3.讲授新课:
任务:《写姓名》
1.先观看动画效果。
2.操作步骤:
⑴.打开Flashcs3软件;
⑵.新建一个文档,设置文档大小为550*400,背景
色为绿色。
⑶.单击刷子工具,设置填充色为红色。
⑷.单击第1帧,在舞台上写上自己姓名的第一个笔
画。
⑸.单击第2帧,按F6键,在舞台上写上自己姓名
的第二个笔画。
⑹.单击第3帧,按F6键,在舞台上写上自己姓名
的第三个笔画。
⑺.单击第4帧,按F6键,在舞台上写上自己姓名
的第四个笔画。
依次类推,分别在接下来的每一帧上写上自己姓名的剩余笔画,直到完成为止。
⑻.单击黑色箭头工具,设置帧频为3。
⑼.保存文件名为31.fla,执行“控制”菜单中的
“测试影片”命令,观看动画效果。
4.课堂训练:
学生练习制作写姓名动画。
Flash 制作逐帧动画教案第一章:Flash 逐帧动画概述1.1 教学目标了解逐帧动画的概念熟悉逐帧动画的特点和应用场景掌握逐帧动画的基本制作流程1.2 教学内容逐帧动画定义逐帧动画与传统动画的区别逐帧动画的应用场景逐帧动画的基本制作流程1.3 教学活动引入逐帧动画的定义和特点通过实例展示逐帧动画的应用场景演示逐帧动画的基本制作流程学生实践:制作简单的逐帧动画第二章:Flash 基本操作2.1 教学目标掌握Flash 软件的基本操作熟悉Flash 工作界面学会创建和管理Flash 影片2.2 教学内容Flash 软件的基本操作Flash 工作界面介绍影片的创建和管理2.3 教学活动介绍Flash 软件的基本操作引导学生熟悉Flash 工作界面演示如何创建和管理Flash 影片学生实践:创建并管理一个简单的Flash 影片第三章:Flash 动画原理3.1 教学目标了解Flash 动画的基本原理掌握关键帧和逐帧动画的制作方法理解帧率和播放速度的概念3.2 教学内容Flash 动画的基本原理关键帧和逐帧动画的制作方法帧率和播放速度的设置3.3 教学活动讲解Flash 动画的基本原理演示关键帧和逐帧动画的制作方法介绍帧率和播放速度的设置方法学生实践:制作具有帧率和播放速度控制的动画第四章:Flash 逐帧动画制作4.1 教学目标掌握逐帧动画的制作方法学会使用Flash 工具箱中的工具熟悉图层的概念和应用4.2 教学内容逐帧动画的制作方法Flash 工具箱中的工具介绍图层的概念和应用4.3 教学活动讲解逐帧动画的制作方法介绍Flash 工具箱中的工具引导学生熟悉图层的概念和应用学生实践:制作一个具有多个图层的逐帧动画第五章:Flash 逐帧动画实例解析5.1 教学目标学会分析逐帧动画实例掌握逐帧动画的制作技巧能够独立完成逐帧动画的制作5.2 教学内容逐帧动画实例解析逐帧动画的制作技巧独立完成逐帧动画的制作5.3 教学活动分析逐帧动画实例讲解逐帧动画的制作技巧学生独立完成逐帧动画的制作展示并评价学生的作品第六章:Flash 逐帧动画角色设计6.1 教学目标学习角色设计的基本原则掌握Flash中角色设计的工具与方法能够设计出具有个性化的动画角色6.2 教学内容角色设计的基本原则Flash中角色设计的工具与方法角色设计实例分析6.3 教学活动讲解角色设计的基本原则演示Flash中角色设计的工具与方法分析角色设计实例学生实践:设计一个简单的动画角色第七章:Flash 逐帧动画背景设计7.1 教学目标学习背景设计的基本原则掌握Flash中背景设计的工具与方法能够设计出符合动画风格的背景7.2 教学内容背景设计的基本原则Flash中背景设计的工具与方法背景设计实例分析7.3 教学活动讲解背景设计的基本原则演示Flash中背景设计的工具与方法分析背景设计实例学生实践:设计一个简单的动画背景第八章:Flash 逐帧动画音效与配乐8.1 教学目标学习音效与配乐的基本知识掌握Flash中音效与配乐的添加与调整方法能够为逐帧动画添加合适的音效与配乐8.2 教学内容音效与配乐的基本知识Flash中音效与配乐的添加与调整方法音效与配乐实例分析8.3 教学活动讲解音效与配乐的基本知识演示Flash中音效与配乐的添加与调整方法分析音效与配乐实例学生实践:为逐帧动画添加合适的音效与配乐第九章:Flash 逐帧动画发布与输出9.1 教学目标学习Flash动画的发布与输出格式掌握Flash动画发布与输出的设置方法能够正确发布与输出逐帧动画9.2 教学内容Flash动画的发布与输出格式Flash动画发布与输出的设置方法发布与输出实例分析9.3 教学活动讲解Flash动画的发布与输出格式演示Flash动画发布与输出的设置方法分析发布与输出实例学生实践:正确发布与输出逐帧动画第十章:Flash 逐帧动画创作与评价10.1 教学目标学习Flash逐帧动画的创作流程与方法掌握Flash逐帧动画的评价标准与方法能够独立完成Flash逐帧动画的创作与评价10.2 教学内容Flash逐帧动画的创作流程与方法Flash逐帧动画的评价标准与方法创作与评价实例分析10.3 教学活动讲解Flash逐帧动画的创作流程与方法演示Flash逐帧动画的评价标准与方法分析创作与评价实例学生实践:独立完成Flash逐帧动画的创作与评价重点和难点解析本文主要介绍了Flash逐帧动画的制作过程,从基本概念、操作、原理到实际制作,以及角色设计、背景设计、音效与配乐、发布与输出等方面进行了详细的讲解。
Flash CS3 课堂练习:制作逐帧动画本练习将制作一个逐字出现的动画效果,如图6-66所示。
在此实例中,逐帧动画功能的使用可以较细致地做出所需的动画效果。
在创建该类型动画时,需要将每一帧都定义为关键帧,然后给每个帧创建不同的图像。
每个新关键帧最初包含的内容和它前面的关键帧是一样的,因此还可以递增地修改动画中的帧。
图6-66 逐帧动画操作步骤(1)新建文档,执行【导入】|【导入到库】命令,将素材“球.jpg”导入至【库】面板,按下快捷键Ctrl+J,设置场景大小适合于图像,使用【选择工具】拖动“球.jpg”至舞台中央,如图6-67所示。
图6-67 将素材拖动至舞台(2)选择“图层1”第15帧,按下快捷键F6,插入关键帧。
新建“图层2”,选择第1帧,使用【文本工具】,在第1帧的场景中按住鼠标左键拖动创建一个文本框,在其中输入如图6-68所示内容。
图6-68 输入文字(3)在“图层2”第2帧处按下快捷键F6,沿用第1帧的内容,然后单击【文本工具】,在第一个字母后面输入如图6-69所示内容。
图6-69 继续输入文字(4)用同样的方法在第3、4、5、6、7、8帧处按下快捷键F6,插入关键帧,并依次输入如图6-70所示文字内容。
图6-70 创建关键帧并输入内容(5)新建“图层3”,在第9帧处插入关键帧,并在“图层2”文字的下一行位置输入如图6-71所示内容。
图6-71 新建图层并输入文字(6)参考以上方法,继续输入文字内容,如图6-72所示。
选择“图层图6-72 继续输入文字内容(7)按下快捷键Ctrl+Enter,测试逐帧动画效果,如图6-73所示。
图6-73 测试动画。
Flash逐帧动画_小树成长
操作提示:
启动Flash时,在“启动”界面中单击“新建”中的“Flash文件(ActionScript3.0)”选项。
(1)进入Flash制作界面后,单击属性面板中【编辑】按钮设置文档属性,这里设置舞台宽550px,高400px,帧频为6FPS,如图所示。
(2)执行“文件”|“导入”|“导入到舞台”命令,导入主场景中图层1上一张雪景位图(xuejing.jpg),在第50帧处按F5插入普通帧,如图所示。
(3)执行“窗口”|“对齐”命令,打开“对齐”面板,匹配位图和舞台同大小,如图所示。
(4)按F8键将图像转换成图形元件“雪景”,如图所示。
(5)单击【确定】按钮后,舞台上的位图变成图形元件形式,如图所示。
(6)用“刷子”工具画出整棵树的矢量图。
选择“刷子”的大小、形状和颜色,这里选择褐色(50,0,0),形状和大小灵活应用,如左图所示。
绘制完成的效果如右图所示。
Flash CS3 制作逐帧动画用户可以通过在时间轴中更改连续帧的内容来创建逐帧动画,还可以在舞台中创作出移动对象、增加或减小对象、旋转、更改颜色、淡入或淡出,也可以更改对象形状的效果。
逐帧动画的创建可以有两种方法,一种是通过在时间轴中更改连续帧的内容创建,需要用户亲自制作;另一种是通过导入图像序列来完成,该方法只是导入不同内容的连贯性图像,用户只是准备、收集素材即可。
1.创建逐帧动画下面通过绘制小鸟并更改其逐帧的形状,制作小鸟飞行的动画,以此向读者讲解逐帧动画的创建方法。
(1)新建文件,然后执行【文件】|【导入】|【导入到舞台】命令,在打开的对话框中选择素材“天空与小鸟.jpg”,将其导入到舞台中央,如图6-15所示。
导入素材图6-15 导入背景(2)在“图层1”第8帧处,按下快捷键F6,扩展背景内容。
接着,新建“图层2”,选择第1帧,并使用绘图工具绘制如图6-16所示小鸟。
扩展帧内容选择绘制小鸟图6-16 在第1帧绘制小鸟(2)选择“图层2”第2帧,按下快捷键F6,将第1帧内容延续至第2帧,然后将小鸟翅膀向下扩展,并将其身体向下弯曲,更改其形状如图6-17所示。
更改小鸟形状图6-17 更改小鸟形状(3)参考以上方法,分别制作第3~8帧中小鸟的形状,如图6-18所示。
图6-18 其他帧的小鸟形状(4)更改完毕之后,按下快捷键Ctrl+Enter,即可测试效果,如图6-19所示。
图6-19 测试动画效果2.通过序列图像制作逐帧动画创建逐帧动画也可以使用较为简单的方法,在导入图像序列时,Flash可以根据图像序列的顺序,依次将其放置在连续的帧中,如果这些图像是一系列连贯性画面,例如电影胶片等,那么可以看到连续的逐帧动画。
通常用户需要在Flash的连续关键帧中自己创建动画序列,其操作如下。
(1)新建文件,然后执行【文件】|【导入】|【导入到库】命令,在打开的对话框中选择素材“001.bmp”,并在弹出的警告对话框中选择【是】按钮,将所有素材导入到库,如图6-20所示。
小鸟原地飞翔的flash制作(逐帧动画)1、导入系列图片【操作演示】打开FLASH软件,执行“文件”—“导入到舞台”,导入小鸟飞翔系列PNG格式的图片文件。
【操作演示】在每一个关键帧后添加两个帧(时间轴上每一小格就是一帧,含有图片的帧就是关键帧,连续关键帧形成的动画就是逐帧动画。
)2、查看动画效果【操作演示】单击“控制”—“测试场景”命令,或者使用快捷点“CTRL+Enter”健3、保存作品【操作演示】执行“文件”—“另存为”命令,此保存是保存源文件。
大家可以执行“文件”—“导出影片”保存一个SWF和GIF格式的文件到桌面,以便后面的作业使用。
小鸟曲线飞翔的flash制作1.准备动画背景【操作演示】执行“文件”→“导入到库”命令,选择背景图片文件。
在库中选择已导入的“草地”图片“草地.jpg”,将其拖到舞台中。
为了使图片与舞台对齐,我们需要在属性面板中修改图片位置参数,将其都改为“0”,设置位置参数X、Y值是调整素材位置最方便快捷的方法。
为了操作方便,将“图层1”重命名为“背景”并锁定。
2.制作“小鸟直线飞翔”动画【操作演示】执行“文件”→“导入到库”命令,选择小鸟的fla动画文件。
导入到库中之后,gif动画文件即转换成一个影片剪辑。
然后,我们将库中刚刚导入的影片剪辑的名称改为“小鸟”。
接下来,我们就让小鸟飞起来。
【操作演示】单击“插入图层”,增加名为“小鸟”的新图层,再从库中将“小鸟”元件拖到舞台左侧之外,接着在“小鸟”图层60帧处插入关键帧,将“小鸟”元件移动到舞台右侧之外,再在时间轴1~60帧之间创建补间动画。
然后,在“背景”图层的第60帧处插入帧,以延续背景画面。
3.制作引导线动画【操作演示】在“小鸟”图层上单击鼠标右键,在快捷菜单中选择“添加引导层”。
单击“引导层”,选择工具面板里的“铅笔工具”,选择一种笔触颜色,并将绘画“选项”改为“平滑”模式,用“铅笔工具”画出一条曲线。
【操作演示】单击“选择”工具,再单击“小鸟”图层第1帧,拖动“小鸟”元件,将“小鸟”的中心点吸附到引导线的起点上,然后单击“小鸟”图层第60帧,拖动“小鸟”元件,将“小鸟”的中心点吸附到引导线的终点上。
实例一:猴子走路
1、新建舞台550*450
2、导入素材图片猴子到图层1,锁定,可将素材转换为矢量图,颜色阈值和最小区域为
10
3、新建图层2,根据素材绘制一个猴子造型,并填充颜色,将手、脚和头、身子分图层
绘制
4、将头和身子转换为一个元件,脚为一个元件,手为一个元件
5、逐帧将三个元件摆好位置,形成走路的逻辑关系
6、预览
实例二:狗狗走路
1、新建舞台550*400
2、将5张素材导入库
3、将狗走1素材拖入舞台,选择修改-转为矢量图,将背景色删除,转换为图形元件
4、同理将其他4张素材转换为元件
5、新建影片剪辑元件,在第一帧,将元件1拖入舞台,第二帧插入空白关键帧,在同样
位置将元件2拖入舞台,同理,将其他三个元件拖入舞台同样位置
6、返回场景1,将影片剪辑拖入舞台左侧,选择帧数,将影片剪辑放在右侧,在两帧之
间创建传统补间
7、预览
练习三:鸟儿飞
1、将素材图片导入
2、新建图层2,临摹素材图片中的飞鸟,并转换为元件
3、新建影片剪辑元件,将绘制的飞鸟逐帧放入。