一个运动flash引导层动画实例能让两个对象沿不同路径移动吗

单纯依靠设置关键帧,有时仍然无法实现一些复杂的动画效果,有很多运动是弧线或不规则的,如月亮围绕地球旋转、鱼儿在大海里遨游等,在Flash中能不能做出这种效果呢?
答案是肯定的,这就是&引导路径动画&。
将一个或多个层链接到一个运动引导层,使一个或多个对象沿同一条路径运动的动画形式被称为&引导路径动画&。这种动画可以使一个或多个元件完成曲线或不规则运动。
1.创建引导路径动画的方法
(1)创建引导层和被引导层
一个最基本&引导路径动画&由二个图层组成,上面一层是&引导层&,它的图层图标为,下面一层是&被引导层&,图标同普通图层一样。
在普通图层上点击时间轴面板的&添加引导层&按钮,该层的上面就会添加一个引导层,同时该普通层缩进成为&被引导层&,如图3-6-1所示。
图3-6-1 引导路径动画
(2)引导层和被引导层中的对象
引导层是用来指示元件运行路径的,所以&引导层&中的内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制出的线段。
而&被引导层&中的对象是跟着引导线走的,可以使用影片剪辑、图形元件、按钮、文字等,但不能应用形状。
由于引导线是一种运动轨迹,不难想象,&被引导&层中最常用的动画形式是动作补间动画,当播放动画时,一个或数个元件将沿着运动路径移动。
(3)向被引导层中添加元件
&引导动画&最基本的操作就是使一个运动动画&附着&在&引导线&上。所以操作时特别得注意&引导线&的两端,被引导的对象起始、终点的2个&中心点&一定要对准&引导线&的2个端头,如图3-6-2所示。
图3-6-2 元件中心十字星对准引导线
在图3-6-2中,我们特地把&元件&的透明度设为50%,使你可以透过元件看到下面的引导线,&元件&中心的十字星正好对着线段的端头,这一点非常重要,是引导线动画顺利运行的前提。
2.应用引导路径动画的技巧
(1)&被引导层&中的对象在被引导运动时,还可作更细致的设置,比如运动方向,把【属性】面板上的【路径调整】前打上勾,对象的基线就会调整到运动路径。而如果在【对齐】前打勾,元件的注册点就会与运动路径对齐,如图3-6-3所示。
图3-6-3 路径调整和对齐
(2)引导层中的内容在播放时是看不见的,利用这一特点,可以单独定义一个不含&被引导层&的&引导层&,该引导层中可以放置一些文字说明、元件位置参考等,此时,引导层的图标为。
(3)在做引导路径动画时,按下工具栏上的【对齐对象】功能按钮,可以使&对象附着于引导线&的操作更容易成功。
(4)过于陡峭的引导线可能使引导动画失败,而平滑圆润的线段有利于引导动画成功制作。
(5)被引导对象的中心对齐场景中的十字星,也有助于引导动画的成功。
(6)向被引导层中放入元件时,在动画开始和结束的关键帧上,一定要让元件的注册点对准线段的开始和结束的端点,否则无法引导,如果元件为不规则形,可以按下工具栏上的任意变形工具,调整注册点。
(7)如果想解除引导,可以把被引导层拖离&引导层&,或在图层区的引导层上单击右键,在弹出的菜单上选择【属性】,在对话框中选择&正常&作为图层类型,如图3-6-4所示。
图3-6-4 图层【属性】面板
(8)如果想让对象作圆周运动,可以在&引导层&画个圆形线条,再用橡皮擦去一小段,使圆形线段出现2个端点,再把对象的起始、终点分别对准端点即可。
(9)引导线允许重叠,比如螺旋状引导线,但在重叠处的线段必需保持圆润,让Flash能辨认出线段走向,否则会使引导失败。
实例:海底世界
海底是很多人向往的神秘世界,今天,我们就用Flash来试着描绘这个世界。这个实例中包括了补间运动动画、补间形状动画、遮罩动画、引导路径动画等四种动画形式,制作上要比前面几课中的实例难度大一些,不过,它能综合复习前面学过的内容,操作原理也是我们熟悉的,相信你一定能顺利完成这个实例,其运行效果如图3-6-19所示。
图3-6-19 海底
综合应用四种动画形式 创建透明水泡 创建多层遮罩
(1)创建影片文档
新建一个影片文档,舞台尺寸设置为450*300象素,【背景色】设置为深蓝色,如图3-6-20所示。
图3-6-20 文档属性
(2)创建元件
本例中的元件较前面的实例要多一些,我们把它们分成&水泡部分&.&海底部分&.&游鱼部分&三个部分来叙述。先来创建和水泡有关的部分。
1.创建&单个水泡&元件
执行【插入】|【新建元件】命令,新建一个图形元件,名称为&单个水泡&。先在场景中画一个无边的园,颜色任意,大小为30*30,再设置混色器面板的参数,四个调节手柄全为白色,Alpha值从左向右依次为100%、40%、10%、100%,如图3-6-21所示,用油漆筒工具在画好的圆的中心偏左上的地方点一下,如对填充的颜色不满意,可以用填充变形工具 进行调整。
图3-6-21 水泡(放大400倍)、填充位置及混色器面板参数
2.创建&一个水泡及引导线&元件
执行【插入】|【新建元件】命令,新建影片剪辑,名称为&一个水泡及引导线&。点击添加引导层按钮 添加一个引导层,在此层中用铅笔工具 从场景的中心向上画一条曲线并在第60帧处加普通帧。在其下的被引导层的第一帧,拖入库中的名为&单个水泡&的元件,放在引导线的下端,在第60帧加关键帧,把&单个水泡&元件移到引导线的上端并设置Alpha值为50%,如图3-6-22所示。
图 3-6-22 水泡及引导线
3.创建&成堆的水泡&元件
执行【插入】|【新建元件】命令,新建一个影片剪辑,名称为&成堆的水泡&。从库里拖入数个&一个水泡及引导线&元件,任意改变大小位置,图3-6-23仅供参考。
图3-6-23 成堆的水泡(放大200倍)
4.创建&鱼及引导线&元件
执行【插入】|【新建元件】命令,新建一个影片剪辑,名称为&鱼及引导线&。此元件只有引导层和被引导层二层,点击时间轴面板上的添加引导层图标,新建引导层,在引导层中用铅笔工具画一条曲线作鱼儿游动时的路径,在被引导层中执行【文件】|【导入到场景】命令,将本实例中的名为&鱼&的元件导入到场景中,在第1帧及第100帧中分别置于引导线的两端,在第一帧中建立补间运动动画,在【属性】面板上的【路径调整】.【同步】.【对齐】三项前均打勾,如图3-6-25所示。
图3-6-25 鱼及引导线
下面我们来创建海底实例中&水波荡漾&效果所需的元件。
5.创建&海底&元件
执行【插入】|【新建元件】命令,新建一个图形元件,名称为&海底&。选择第一帧,然后再执行【文件】|【导入到场景】命令,将本实例中的名为&海底.bmp&的图片导入到场景中。
6、创建&遮罩矩形&元件
执行【插入】|【新建元件】命令,新建一个图形元件,名称为&遮罩矩形&。在场景中画一个500*4的无边矩形,因为&遮罩层&中的图形在播放时不会显示,所以颜色任意。
复制并粘贴这个矩形,向下移一点位置,使其变成二个,再复制并粘贴这二个矩形,再向下移一点位置,使其变为四个,如此循环,直至创建出一个500*540的矩形,如图3-6-26所示。
图3-6-26 遮罩矩形
7、创建&水波效果&元件
水波荡漾的效果是用遮罩动画的手法做的,看着挺漂亮,实际制作却很简单,只用三层就完成了,里面有二个小技巧,在下面的讲解过程中会着重介绍。
执行【插入】|【新建元件】命令,新建一个影片剪辑,名称为&水波效果&,如图3-6-27所示。
图3-6-27 创建&水波效果&元件
先把最下面图层作为当前编辑图层,从库里拖入名为&海底&的图形元件,在【属性】面板上设置元件的X值为0,Y值为0,在时间帧上点一下右键,在弹出菜单中选择【复制帧】,在第100帧加普通帧。
然后新建一个图层,在这层的第一帧上点一下右键,在弹出菜单中选择【粘贴帧】,就把刚才的元件粘到第二层里了,在【属性】面板上设置此元件的X值为0,Y值为1,Alpha值为80%,在第100帧加普通帧。
注意:这里是一个技巧:第二层图片与第一层图片的位置差决定水波荡漾的大小!位置差越大,水波越大,其Alpha值的大小决定水波的清晰程度,Alpha值越大,水波越清晰,反之越模糊。
图3-6-28是第一层和第二层中两张图片在X,Y轴的位置的不同的对比。
图3-6-28 两张图片在场景中的位置对比
要实现水波荡漾,光有二层图片是不行的,还要用遮罩动画实现光线的明暗变化才行,这样,才能产生水的流动感。
新建一层,在第1帧上拖入库中名为&遮罩矩形&的元件,注意下面的边缘对着&海底图片&的下边缘。在第100帧上加关键帧,拖动&遮罩矩形&,使其上边缘对着&海底图片&的上边缘,在第1帧创建补间动作动画。如图3-6-29所示。
图3-6-29 遮罩层中矩形元件的位置
至此,这个动画所需的基本构件已经制作完成,大功告成,接下来还必需在场景中把各个构件&组装&起来。
在主场景中一共需要5个图层,我们由下而上一层一层地叙述,请随时参考图3-6-32。
(3)创建动画
1.创建背景层
从库中把名为&水波效果&的元件拖到场景中,在第134帧加普通帧,该层命名为&背景&。
2.创建水泡层
新建名为&水泡&的图层,在第1帧,第30帧从库里把名为&成堆的水泡&的元件拖到场景中来,数目、大小、位置任意,在第134帧加普通帧。
3.创建游鱼层
新建名为&鱼&的图层,从库里把名为&鱼及引导线&的元件拖放到场景的左侧,数目、大小、位置任意,在第134帧加普通帧。
图3-6-31 图片、鱼、水泡的位置
从场景中你是否发现,我们在制作过程中免不了会在场景外放置一些对象(图3-6-32所示在场景外就有一条鱼),这些&场外对象&在本地播放器中不会出现,而当你在网上发布swf文件时,由于网站(尤其各种论坛)默认的swf文件的尺寸不尽相同,有的会显示出&场外对象&,这好比一个舞台剧演出时,幕后候台演员的情况也暴露出来,非常不美观,怎么办呢?
记得在谈到&遮罩动画&时,我们曾提到过&遮罩&的另外一个作用是&用来遮罩全部场景或某个特殊区域&,那么,下面就试试用遮罩来为我们管理舞台界面!
步骤5 创建遮罩层
在场景中画一个无边矩形,大小为450*300,盖住全部场景,设此层为遮罩层,此时下面的声音层自动缩进被遮罩了,用鼠标左键分别按住下面的各层,向上略移一点点,松手,各层就会自动缩进被遮罩了,如图3-6-32所示。
这样,在播放时,我们就只能看到场景中的情形了,场景外的元件被遮罩了。
图3-6-32 遮罩层遮住下面各层
声明:该文章系网友上传分享,此内容仅代表网友个人经验或观点,不代表本网站立场和观点;若未进行原创声明,则表明该文章系转载自互联网;若该文章内容涉嫌侵权,请及时向上学吧网站投诉>>
上一篇:下一篇:
相关经验教程
的原创经验被浏览,获得 ¥0.001 收益
的原创经验被浏览,获得 ¥0.005 收益
的原创经验被浏览,获得 ¥0.005 收益
的原创经验被浏览,获得 ¥0.001 收益
的原创经验被浏览,获得 ¥0.002 收益
的原创经验被浏览,获得 ¥0.001 收益
的原创经验被浏览,获得 ¥0.005 收益
的原创经验被浏览,获得 ¥0.001 收益
的原创经验被浏览,获得 ¥0.005 收益
的原创经验被浏览,获得 ¥0.005 收益
的原创经验被浏览,获得 ¥0.001 收益
的原创经验被浏览,获得 ¥0.005 收益
的原创经验被浏览,获得 ¥0.005 收益
的原创经验被浏览,获得 ¥0.005 收益
的原创经验被浏览,获得 ¥0.005 收益
的原创经验被浏览,获得 ¥0.005 收益
的原创经验被浏览,获得 ¥0.001 收益
的原创经验被浏览,获得 ¥0.005 收益
的原创经验被浏览,获得 ¥0.001 收益
的原创经验被浏览,获得 ¥0.005 收益
的原创经验被浏览,获得 ¥0.005 收益
的原创经验被浏览,获得 ¥0.005 收益
的原创经验被浏览,获得 ¥0.005 收益
的原创经验被浏览,获得 ¥0.005 收益一个运动引导层能让两个对象沿不同路径移动吗_百度知道
一个运动引导层能让两个对象沿不同路径移动吗
我有更好的答案
可以的。建议你百度搜下对应的教程。比较简单的。
当然可以,作同心运动。
其他类似问题
为您推荐:
引导层的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁第9课 引导路径动画
&当前页:FLASH基础&&&第9课 引导路径动画
黄舒奇于日第二次编辑
第9课 引导路径动画
在前面几课里,我们已经给大家介绍了一些动画效果,如跳动的小球、辉光掠过文字等等,不知你注意到没有,这些动画的运动轨迹都是直线的,可是在生活中,有很多运动是弧线或不规则的,如月亮围绕地球旋转、鱼儿在大海里遨游等,在Flash中能不能做出这种效果呢?
答案是肯定的,这就是“引导路径动画”。
将一个或多个层链接到一个运动引导层,使一个或多个对象沿同一条路径运动的动画形式被称为“引导路径动画”。这种动画可以使一个或多个元件完成曲线或不规则运动。
u创建多层引导路径动画
u用文字做路径
u创建光芒四射的星星
沪上老康是个Flash“老玩童”,他的古道热肠为人所称道,老康蓝屋()是他的个人网站,这个网站在闪客中也是大名鼎鼎。下面来研究一下网站上“老康蓝屋”这几个字的动画效果,它是一个多图层路径引导动画,其运行效果如下。
本例运行效果&
以下是本范例的制作步骤:
 (1)创建影片文档
步骤1 设置影片文档属性
执行【文件】|【新建】命令,新建一个影片文档,设置舞台尺寸为515×152像素,背景色为黑色(在教程中,我们为了更好地显示场景中的内容,背景色设为了深蓝色),如图3-6-6所示。
图3-6-6 文档属性&
步骤2 创建背景图层
执行【文件】|【导入】|【导入到舞台】命令,将配套光盘中的名为“老康蓝屋背景.bmp”的图片导入到场景中(“老康蓝屋.bmp”图片位置:光盘\example\part3\***\图片\老康蓝屋.bmp)。
(2)创建元件
步骤1 创建“老康蓝屋”元件
执行【插入】|【新建元件】命令,新建一个图形元件,名称为“老康蓝屋”,如图3-6-7所示。
图3-6-7 创建“老康蓝屋”元件&
选择【文本工具】,在场景中输入“老康蓝屋”四个字,在【属性】面板中,设置文本类型【静态文本】,字体【华文彩云】,字体大小为80,颜色为白色,如图3-6-8所示。
图3-6-8 “老康蓝屋”文字【属性】面板
&  建“星星”元件
执行【插入】|【新建元件】命令,新建一个图形元件,名称为“星星”,如图3-6-9所示。
图3-6-9 创建“星星”元件&
  在这个新元件中,我们将用一个圆形构成星星的主体,另用三条直线构成星星四射的光芒。
将【图层1】名称重新命名为“中心”,选择【椭圆工具】,设置【笔触颜色】为无,在场景中画一个圆形,大小为“13×13”像素。在【混色器】面板中,选择【填充样式】为【放射状】,将两个色标的颜色均设置为白色,其中左边的【Alpha】值为100%,右边的为0%,用【颜料桶工具】填充圆形,设置颜料桶属性和填充后的效果如图3-6-10所示。
图3-6-10 画星星的中心&
  新建一个图层,重新命名为“光芒”,选择工具栏上的【矩形工具】,设置【笔触颜色】为无,在场景中绘制一个细长的矩形。在【混色器】面板中,选择【填充样式】为【线性】,将四个色标的颜色均设置为白色。其中,中间两个色标【Alpha】值为100%,左右两边的两个色标【Alpha】值为0%,用【颜料桶工具】填充矩形,设置颜料桶属性如图3-6-11所示。
图3-6-11 【混色器】面板
接着,我们复制几条光芒,单击【窗口】|【设计面板】|【变形】,打开【变形】面板,设置【旋转】为45度,连续单击三次【复制并应用变形】按钮,星星的光芒就画好了,变形面板及星星效果分别如图3-6-12(a)和3-6-12(b)所示。
3-6-12(a) 制作完成的星星效果&&&
&&&&&&&&&&&&&&&图3-6-12(b) 变形面板
注意,画好的星星中心要对准场景中的十字星(为了显示清楚,图3-6-12中星星放大300%)。
步骤3 创建“旋转的星星”元件
执行【插入】|【新建元件】命令,新建一个影片剪辑,名称为“旋转的星星”。从库中将名为“星星”的元件拖到第1帧中,在第20帧添加关键帧,再在第1帧建立动作补间动画,在【属性】面板上设置顺时针旋转一周,如图3-6-13所示。
图3-6-13 设置动作补间动画的旋转&
步骤4 创建“填充颜色”元件
执行【插入】|【新建元件】命令,新建一个影片剪辑,名称为“填充颜色”。先从库里把图形元件“老康蓝层”拖到场景中,然后执行【修改】|【分离】命令三次,把文字打散为图形,其中第一次是将图形元件实例分离成文字,第二次是将文字分离成单个的字块,第三次是将  文字块分离成图形。选择【选择工具】,在场景的空白处单击,取消对文字的选择,再选择【颜料桶工具】,把每个字中间的空隙都填充上蓝色,如图3-6-14所示。
图3-6-14 填充好的文字&
 (3)创建动画
单击时间轴右上方的【编辑场景】按钮,选择【场景1】切换到主场景中。
本实例场景中共有八个图层,最下面的图层是图片背景,在前面已经先建好了,现在我们从最后第二层开始向上一层一层地叙述,在叙述过程中,请随时参考图3-6-16。
步骤1创建【填充蓝色的文字】层
根据需要,我们先将背景图层的帧延伸到第60帧,再插入一个新图层并命名为“填充蓝色的文字”。现在我们在【填充蓝色的文字】图层中,把库里的名为“填充颜色”的元件拖到场景中间,在【属面】板中设置【X】为9,【Y】为65。
注意,以后的操作中,上面各图层中的文字都要和本图层中的文字对齐。
在第30、60帧插入关键帧,在第1、30帧间建立动作补间动画,接着编辑第1、第60帧中的元件实例。
分别选择第1帧与第60帧中的“填充颜色”元件实例,在【属性】面板上设置【Alpha】值为0%,如图3-6-15所示。如此设置的作用是让文字的底色有明暗渐变的效果,让画面更生动一些。
图3-6-15 在【属性】面板中设置元件实例透明度&
步骤2 创建【文字】层
新建名为“文字”的图层,把库里名为“老康蓝屋”的元件拖到场景中,文字的边缘要和下面的“填充蓝色的文字”图层文字边缘对齐,必要时可把对象放大。
步骤3 创建引导层和被引导层
新建一图层并命名为“星星一”,再单击时间轴上的【添加引导层】按钮,创建引导层,此时刚刚新建的图层会自动缩进到引导层下面,单击缩进了的这一层,在时间轴上连续单击【添加图层】按钮,共三次,就会在引导层下面创建好四个缩进的被引导层,其它三个图层分别命名为
“星星二”、“星星三”和“星星四”,在这些被引导图层中,用来放置旋转的星星。
完成后的时间轴如图3-6-16所示。
图3-6-16 时间轴面板&
步骤4 设置引导层
选中引导图层,从库里把名为“老康蓝屋”的元件拖出来,其边缘要和下面的“文字”图层中的对象边缘对齐,执行【修改】|【分离】命令三次,把文字打散成形状,注意,这时“老康蓝屋”元件已经被“打散”,原文字的边缘已经成为“线段”,它将被我们用作“引导线”。
这时候的场景效果如图3-6-17所示。
图3-6-17 打散文字,作为引导线&
步骤5 设置被引导层
在步骤3里面,我们已经创建了四个“被引导层”,现在我们来设置这四个“被引导层”里的内容,每个图层里放一个“星星”元件,并分别沿着“老康蓝屋”4字的边缘运动。
首先设置第一个“老”字:
为了防止对引导层进行误操作,我们先锁住该层,图层结构如图3-6-18所示。
图3-6-18 锁定引导层
选中【星星一】图层,单击工具栏上的【对齐对象】按钮,从库里把名为“旋转的星星”的元件拖出来,放在“老”字边缘的某一点,这是星星运动的起始点,在第60帧添加关键帧,移动星星到文字边缘的另一处,这是星星运动的结束点。在第1帧建立动作补间动画。
切记:元件的中心点一定要位于文字边缘的线上,如图3-6-19所示。
图3-6-19 星星在第1、60帧中的位置&
  从左向右拉动播放头,观察星星是否沿文字的边缘运动,如果从起始点直接运动到结束点,表示引导失败,检查元件的中心是不是位于文字边缘的线上,或者改变运动的起始点和结束点,二者之间的路径不能太远,太复杂。
另外3个被引导层的设置同上述一样,只是分别对准“康”、“蓝”、“屋”3个文字对象,这里不再赘述。
1.创建引导路径动画的方法
 (1)创建引导层和被引导层
  一个最基本“引导路径动画”由两个图层组成,上面一层是“引导层”,它的图层图标为,下面一层是“被引导层”,图标为,同普通图层一样。
在普通图层上单击时间轴面板中的【添加运动引导层】按钮,该层的上面就会添加一个引导层,同时该普通层缩进成为“被引导层”,如图3-6-1所示。
图3-6-1 引导路径动画&
(2)引导层和被引导层中的对象
引导层是用来指示元件运行路径的,所以“引导层”中的内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制出的线段。
而“被引导层”中的对象是跟着引导线走的,可以使用影片剪辑、图形元件、按钮、文字等,但不能应用形状。
由于引导线是一种运动轨迹,不难想象,“被引导”层中最常用的动画形式是动作补间动画,当播放动画时,一个或数个元件将沿着运动路径移动。
(3)向被引导层中添加元件
“引导动画”最基本的操作就是使一个运动动画“附着”在“引导线”上。所以操作时特别得注意“引导线”的两端,被引导的对象起始、终点的2个“中心点”一定要对准“引导线”的2个端头,如图3-6-2所示。
图3-6-2 元件中心十字星对准引导线&
在图3-6-2中,我们特地把“元件”的透明度设为50%,使你可以透过元件看到下面的引导线,“元件”中心的十字星正好对着线段的端头,这一点非常重要,是引导线动画顺利运行的前提。
2.应用引导路径动画的技巧
(1)“被引导层”中的对象在被引导运动时,还可作更细致的设置,比如运动方向,在【属性】面板上,选中【路径调整】复选框,对象的基线就会调整到运动路径。而如果选中【对齐】复选框,元件的注册点就会与运动路径对齐,如图3-6-3所示。
图3-6-3 路径调整和对齐
(2)引导层中的内容在播放时是看不见的,利用这一特点,可以单独定义一个不含“被引导层”的“引导层”,该引导层中可以放置一些文字说明、元件位置参考等,此时,引导层的图标为。
(3)在做引导路径动画时,按下工具箱中的【对齐对象】按钮,可以使“对象附着于引导线”的操作更容易成功,拖动对象时,对象的中心会自动吸附到路径端点上。
(4)过于陡峭的引导线可能使引导动画失败,而平滑圆润的线段有利于引导动画成功制作。
(5)向被引导层中放入元件时,在动画开始和结束的关键帧上,一定要让元件的注册点对准线段的开始和结束的端点,否则无法引导,如果元件为不规则形,可以点击工具箱中的【任意变形工具】,调整注册点。
(6)如果想解除引导,可以把被引导层拖离“引导层”,或在图层区的引导层上单击右键,在弹出的菜单上选择【属性】,在对话框中选择“正常”,作为正常图层类型,如图3-6-4所示。
图3-6-4 图层【属性】面板
(7)如果想让对象作圆周运动,可以在“引导层”画一根圆形线条,再用【橡皮擦工具】擦去一小段,使圆形线段出现2个端点,再把对象的起始、终点分别对准端点即可。
(9)引导线允许重叠,比如螺旋状引导线,但在重叠处的线段必需保持圆润,让Flash能辨认出线段走向,否则会使引导失败。
荷花小飞机的运动:
& &&&&&&&&&&
& &&&&&&&&&
&&&&&&&&&&&&&&&
转载请注明出处│邮箱:│QQ:第二次试讲&《Flash&动画制作初步》
第二章 Flash
动画制作初步
第5节 制作引导线动画
教学对象:高中一年级
教学课时:&&2课时
教学目标:
1、理解创建引导线动画的基本原理
2、掌握创建引导线动画的方法和一些应用技巧
3、培养学生的观察力和想象力,能够举一反三运用所学知识制作相应的动画作品。
能力目标 &
通过动画的制作,培养学生的观察力、动手操作能力、综合运用能力。
情感目标 &
培养学生浓厚的学习兴趣,引导学生探索性自主学习,培养学生创新精神及能力
教学重点:1、引导线动画原理
2、引导线动画的制作步骤
教学难点:
引导线动画的应用技巧
教学方法:
启发式教学;演练结合;以学生为主体的行为引导教学法
教学准备:
多媒体网络教室、投影仪、Flash8.0
教学过程:
一、复习旧课,导入新课
【复习旧课】
同学们,我们已经学习了一些动画效果的制作,比如“小球跳动”、“舞台灯光效果”等。不知大家注意到没有,这些动画的运动轨迹都是直线。
教师活动:使用投影仪在大屏幕上展示动画,引导学生回顾所学。
学生活动:观看动画,思考。
【导入新课】
展示另一个动画:“写字”,提问:笔尖的运动轨迹与前面做的动画有什么不同?学生观察,得出结论:笔尖写字做曲线运动。在Flash中如何做出像这样的曲线运动效果呢?这就是我们这一节课要介绍的引导线动画。使用引导线做的动画,它的运动轨迹可以是一条曲线。这样,我们就可以创建更丰富更生动的动画效果了。
教师活动:继续在大屏幕上展示动画,提问。
学生活动:观看动画,回答问题。
设计思路:通过把这次课要学习的动画与前面学过的动画做比较,吸引学生的注意力,激发学生学习新知识的兴趣。
二、讲授新课
我们首先来了解引导线动画的制作原理:
(一)引导线动画的制作原理
将一个或多个图层链接到一个运动引导层,使一个或多个对象沿同一条路径运动,这种动画形式就叫“引导线动画”。它可以使一个或多个元件完成曲线运动或不规则运动。
一个最基本的引导线动画由两个图层组成:上面一层称为“引导层”,它的图层图标为。下面一层称为“被引导层”,图层图标与普通图标一样为。在普通图层上面创建引导层后,普通图层就会缩进成为被引导层。
引导层用来放置引导线。引导线也就是元件的运动路径,可以使用铅笔、线条、椭圆和画笔等绘图工具进行绘制。
被引导层用来放置被引导的元件,当创建运动动画后,元件就会沿着引导线运动起来。
教师活动:讲授新知识。&&&&&&
学生活动:听讲。
下面,我们通过一个简单的实例具体学习如何制作引导线动画。
【演示】制作沿着曲线运动的小球动画
新建影片,设置影片的高度和宽度值,将图层1重命名为ball层。如下图:
2.在ball层的第1帧画一个小球,(提问)怎么把它转换为元件?(学生答)按F8将小球转换为一个图形元件。将它命名为“小球”。
3.在图层面板中单击“添加引导层”按钮,添加一个引导层。(如下图)
4,在引导层的第1帧用铅笔工具画一条曲线。(如下图)
(提问)怎么使画出的线段比较平滑呢?(学生答)在铅笔工具的选项面板里选中“平滑”选项。&
5. 在引导层的第30帧按F5插入帧。
6.在ball层的第25帧上按F6插入关键帧。
7.在ball层第1帧上将小球移动到引导线的起始位置(如下图1),在第25帧上将小球移动到引导线的结尾位置(如下图2),即分别将元件的中心吸附在引导线上。
&&&&&&&&&&&&&&
&图1&&&&&&&&&&&&&&&&&&&&&&&
8.在小球的第1至第25帧之间创建补间动画。
9.测试、保存影片。时间轴如下图:
教师活动:通过投影仪演示操作过程,边讲授边提问。学生活动:边观察老师操作,边思考回答问题。
在演示的过程中,有一些操作是学生已经学过的,可以结合全体提问的方式,使学生一起参与到这个过程中。
设计思路:演示一个简单的引导线动画的制作过程,使学生对这个制作过程有一个感性认识。
现在,我们一起来回忆刚才的操作,把创建引导线动画的操作归纳起来,一共有四大步骤:
(二)引导线动画的制作步骤:
1、创建元件:引导层所引导的必须是元件,包括:影片剪辑、图形、按钮以及文字等。在制作引导线动画时,首先要做的就是创建元件。
2、编辑引导层:创建好元件后,接下来就需要编辑引导层:首先是创建引导层,然后在引导层中绘制出引导线,也就是元件的运动轨迹。包括:
(1)添加运动引导层:单击时间轴面板中的“添加运动引导层”按钮,就可以在当前层的上方添加一个引导层。
(2)添加引导线:创建好引导层后,还要在引导层画上引导线,可以使用各种绘图工具来绘制出所需的线条。引导线是一种功能线,在生成的swf文件中是看不到引导线的,所以我们只需画出引导线,而不必理会它的颜色和粗细。
(3)在被引导层的某一帧按F6插入关键帧,再在引导层插入帧,将它延长到该帧处。
3、使元件的注册中心吸附到引导线上:要使元件沿引导线运动,必须使之吸附到引导线上。也就是在被引导层中,将首尾两个关键帧上的元件中心分别与引导线进行衔接。
为了方便操作,可以单击绘图工具栏的“对齐对象”按钮,打开吸附到对象功能。当把元件拖动到引导线附近时,就会自动吸附到引导线上。此时,元件中心与引导曲线上某一点重合,同时出现表示吸附成功的一个小圆标志(如下图的黄色小圆圈所示)。
注意:这个步骤非常重要,元件中心能否正确吸附到引导线上,是引导线动画能否创建成功的关键。
4、创建元件的动画:选择元件所在图层的第1帧,单击右键选择“创建补间动画”。
教师活动:讲授。&&&
学生活动:听讲、思考。
【课堂练习】
检查学生学习效果,完成一个小球的引导线动画
当学生完成一个元件的引导线动画后,继续引导学生:假如要制作几片树叶沿着不同的路径落下,能不能做出来?只要在动画中添加多个引导层,绘制多条引导线,使它们分别引导每一个的元件的运动就可以了。接下来,我们来完成以下两个引导线动画的制作。请同学们仔细观察,然后自行做出动画效果。
绕圈的小球[演示实例效果]:两个不同颜色的小球各自围绕不同的椭圆路径做运动,两个椭圆形的运动路径清晰可见。如图:
[制作要点分析]:
1.如何让小球沿着椭圆路径运动?怎么确定运动路径的起始点和结束点?可以把椭圆的一小部分线段删除掉,使线段出现两个端点,再在把小球元件吸咐到这两个端点上。
2.如何实现两个小球各自围绕椭圆轨迹做运动而不会互相干扰?
可以在动画中添加多个引导层,绘制多条引导线,使它们分别引导不同的元件。
3.如何在动画中显示出运动路径?引导层的内容在生成的动画文件中是看不见的,若要把运动路径显示出来,可以在引导层上面加上一个普通层,再把引导层的内容复制上去即可。
三、【小结】
下面,我们对引导线动画的一些实际应用技巧做一个总结:
引导线动画的应用技巧:
1.一个引导线动画中可以创建多条引导线;一条引导线可以引导多个不同的元件;
2.需要显示运动路径时,可以增加一个普通层,再把引导层的内容复制到该层上即可。比如:制作毛笔写字动画等。
3.如果要让对象沿着封闭路径运动,应删除掉封闭路径的一小部分,才能做出引导效果。如:沿着圆周运动的小球、沿着文字运动的小球;
4.选中帧属性面板中的“调整到路径”选项可以使元件沿着引导线自动调整运动的方向;
5.如果动画不能按指定路径移动,可以在需要的位置插入关键帧来控制它的位置。
这次课学习了在Flash中创建引导线动画的方法和一些制作技巧。请同学们根据今天所学的知识,思考运用这种动画技术,我们还可以做出哪些丰富多彩的动画效果呢?
四、【布置作业】
1.课外作业
根据今天所学的引导线动画的一些应用技巧,结合以前所学内容,把课堂练习1继续进行修改,使动画效果更丰富。
2.制作“比翼双飞”动画:两只蝴蝶在花丛中翩翩起舞,不时停留在花朵上采蜜。如下图:
相应的课件PPT不知道怎么弄上啊
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
《引导线动画》说课稿
一、分析教材
1、教材的地位和作用
《引导线动画》是苗逢春博士主编,由河北大学出版社出版的初二信息技术第二章FLASH动画制作初步第五节的内容,在学习本节之前已经掌握了关键帧动画、符号绘制及运动动画、变形动画、图层使用的基本操作技能。在FLASH动画制作中经常碰到一个或多个物体沿任意指定的路径运动的问题,沿任意指定路径运动是对物体直线运动动画的引深,通过学习引导层的使用,沿任意指定路径运动的问题迎刃而解。本节是FLASH动画中必须掌握的内容,所以本节课在教材中的地位和作用是极其基础和重要的。
2、教学目标
新课程体现了课堂教学不仅仅是让学生取得一个装知识的袋囊,而是从多方位、多角度促进学生全方面的发展。
&知识目标:
①解创建引导线动画的基本原理
②握创建引导线动画的方法和一些应用技巧
③养学生的观察力和想象力,能够举一反三运用所学知识制作相应的动画作品。
&能力目标:通过动画的制作,培养学生的观察力、动手操作能力、综合运用能力。
情感目标:培养学生浓厚的学习兴趣,引导学生探索性自主学习,培养学生创新精神及能力
3、教学重难点:为了使学生能比较顺利地达到教学目标,我确定了本课的教学重点和难点
教学重点:1、引导线动画原理
2、引导线动画的制作步骤
教学难点:移动组件与引导线的吸附操作、引导层的灵活应用。
二、分析教学方法
信息技术课程与其他学科课程相比较,有着鲜明的特点,即较强的实践性、应用性和极富创造性、明显的时代发展性,基于这一特点提出以下教学方法:
1、以任务驱动为主,以自主探究、分层教学、合作学习、赏识教育为辅的教学方法,体现了新课标的理念。在教学过程中,以每三人为一小组,每组成员共用一台计算机,共同完成任务,以培养学生合作学习的能力。以自愿的方式确定其中一组为特技教练组,在师生共设任务后,完成任务的演示,培养学生的自主学习、探究学习能力,体现了素质教育中学习能力的培养问题。在任务的创设过程中,要注意任务的层次设置从易到难循序渐进,要注意任务的真实性、整体性、开放性、可操作性和适宜性,有利于学生对知识的接受,适应全体学生学习的需要。对完成任务出色的学生要及时予以肯定、表扬,培养学生的成就感,从而有利于教学任务的完成。
2、充分利用多媒体机房教学设备,增加课堂的趣味性和可操作性,在教学中让知识更贴近生活,把知识的传授、能力的培养和知识的应用、提高统一于课堂教学中,帮助学生灵活应用引导层的作用。
三、分析学生学法
过去的学生的学习更多的是机械重复、简单训练、接受学习。学生的探究、实质性参与教学的过程、学生之间互动与合作、交流与分享太少。所以我们要强调合作学习与探究学习相结合的学习方法。
四、分析教学过程
新课程观念的教学过程,要为学生的学习提供一个充满探索精神的自由表现的学习情境,让学生在课堂上有展示自我、发现自我、发展自我的机会。
1、创设情境、激发兴趣、导入新课
同学们,我们已经学习了一些动画效果的制作,比如“小球跳动”、“舞台灯光效果”等。不知大家注意到没有,这些动画的运动轨迹都是直线。
教师活动:使用投影仪在大屏幕上展示动画,引导学生回顾所学。
学生活动:观看动画,思考。
展示另一个动画:“写字”,提问:笔尖的运动轨迹与前面做的动画有什么不同?学生观察,得出结论:笔尖写字做曲线运动。
在Flash中如何做出像这样的曲线运动效果呢?这就是我们这一节课要介绍的引导线动画。使用引导线做的动画,它的运动轨迹可以是一条曲线。这样,我们就可以创建更丰富更生动的动画效果了。
教师活动:继续在大屏幕上展示动画,提问。
学生活动:观看动画,回答问题。
设计思路:通过把这次课要学习的动画与前面学过的动画做比较,吸引学生的注意力,激发学生学习新知识的兴趣。
2、设置任务、忆旧启新、师导生演
“任务驱动”就是教师在课堂教学中精心设计任务,以此来调动学生的学习积极性、主动性,在学生完成任务的过程中培养学生利用信息技术解决问题的能力,并完成信息技术知识的学习。
本课所有的操作任务全部由学生来完成。通过提问“做动画的第一步工作是什么?”
引出任务一:创建新文件。打开影片属性的方法有哪些?提问默认属性是什么?通过提问做到温固而知新,加深对影片属性的认识。
提出任务的具体要求。学生进行创建文件的操作。
任务二:添加引导层。添加引导层的方法与添加图层的方法有相通之处,复习添加图层的方法:插入菜单、快捷菜单、工具。学生边复习、边观察、边对比、边操作,特技教练组完成三种不同方法添加引导层的演示操作,学生选择一种方法插入引导层。任务二培养学生在学习知识时触类旁通。
任务三:在引导层绘制引导线,按照自己的想法去绘制小球运动路径(充分发挥了学生的想像力)。注意点:分清图层(利用锁定功能解决对图层的误操作),找准帧位(帧位是小球的定位符),看清选项(铅笔在其附加选项中选择“平滑”)。
任务四:小球的曲线飞行
教师演示第1帧和第30帧的操作,关键帧之间的动画由学生独立完成。注意点:小球的角度和引导线方向一致,小球和引导线之间的吸附,中心点的位置。这也是通常学生所忽略的问题,致使动画无所运动。完成任务四之后,提问学生舞台操作之后应该完成的任务是什么?引出任务五。
任务五:保存文件、导出影片。(复习)
任务六:在现有知识的基础上,如何使小球飞行的画面更生动、美观?
答案——背景、飞行效果等。通过对比在视觉上给学生一个直接的比较,激发学生的兴趣,培养学生综合应用的能力。
任务七:举例说出利用引导层还可以做哪些动画?展示作品:树叶的漂落、蝴蝶在花丛间的飞舞、地球的公转等,引导学生拓展思路。
3、总结归纳
通过本节的学习,归纳制作小球的曲线运动操作过程,及注意事项。
4、布置课后作业
已投稿到:
以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

我要回帖

更多关于 flash引导层动画 的文章

 

随机推荐