当前位置:文档之家› 活动四 创建路径动画和遮罩动画

活动四 创建路径动画和遮罩动画

活动四 创建路径动画和遮罩动画
活动四 创建路径动画和遮罩动画

活动四创建路径动画和遮罩动画

(一)、教学目标

1、知识与技能:

(1)了解路径动画、遮罩动画的概念及特点。

(2)学会创建路径动画和遮罩动画。

(3)掌握变形面板的使用方法。

2、过程与方法:

通过四个主题活动,让学生了解并掌握路径动画和遮罩动画的有关概念、特点及创建方法,特别是引导层动画的突破将对后续学习产生重大影响。

3、情感态度与价值观:

(1)能够举一反三地运用所学知识,提高分析问题解决问题的能力。

(2)提升设计与学习的能力,增强对动画制作的热爱。

(二)、重点难点

1、教学重点:

(1)引导层路径作用及路径动画创建方法。

(2)遮罩层作用及遮罩动画创建方法。

2、教学难点:

(1)运用引导层的路径,制作路径动画;运用遮罩层,制作遮罩动画。

(2)运动对象与引导层上路径的吸附操作。

(三)、教学环境

多媒体网络教室及相应的软件环境。

(四)、教学方法

综合运用观察法、讲授法、任务驱动法、交流讨论法及边演示边讲解等多种教学方法。(五)、教学过程

第一课时教案

一、复习引入

复习:1、说说形状补间动画的操作要点。(起始帧、结束帧、补间方式-提示点,对象矢量图)

2、说说动作补间动画的操作要点。(起始帧、结束帧、补间方式,对象元件)

引入:演示:我们来欣赏一下用Flash制作的“飞奔的豹子”、“飞翔的小鸟”、“闪闪红星”和“光线掠过文字效果”动画,大家看完后有什么感想?大家仔细观察这些动画和我们上一节课制作的动作补间动画有什么区别?——体验:运动轨迹不规则的动画。

提问:哪些动画效果是按直线运动,哪些是曲线运动,哪些是不规则的运动?我们可以用什么方法做出动画元素曲线或者不规则运动的效果呢?

揭题:创建路径动画

二、新课

【一】创建路径动画

1、路径动画概念有关知识

(1)大家阅读P38页内容。

(2)根据阅读,提问:什么是路径动画?用它可以实现哪些动画效果?

(3)课件显示:路径动画指运动的对象从起点沿着给定的路径走到终点。制作一个路径动画至少需要两个图层,上面的图层是引导层,下面的图层是被引导层。

(4)结合“飞奔的豹子”提问:引导层和被引导层的对象内容是什么,哪一个是放路径的,哪一个是放运动对象的?

2、活动主题一:创建小鸟飞翔动画P39

小鸟飞翔的动画的要求是:不是沿着直线飞,而是沿着不规则的曲线飞。

(1)边操作边讲解“创建小鸟飞翔动画”。

(2)在本动画中,引导层和被引导层的对象内容是什么?

(3)在本动画中,哪一个是放路径的,哪一个是放运动对象的?

(4)练习:参照课本创建小鸟飞翔动画。

3、活动主题二:创建卫星绕月飞行模拟动画P40

如果模拟绕月飞行创建一个路径动画,动画的运动轨迹是怎样的?要怎么设置路径?

(1)展示模拟绕月飞行的动画,组织学生交流讨论,并请学生代表发言。

(2)倾听学生发言,提示运动轨迹为一个封闭的椭圆形。

(3)提示:该动画的运动轨迹是一个封闭的椭圆形,没有一般意义上的起点和终点,或者说起点与终点是重合的,这是与前面的曲线引导线最大的不同之处。那么如何解决这个问题呢?有如下二种思路。

(4)边操作边讲解“创建卫星绕月飞行模拟动画”,提出二种思路(以第二种为主):

其一、就是用橡皮擦工具将椭圆引导线擦除一小段,这样就有了起点和终点。虽然这样可以很容易把动画做出来,但是,明显与实际情况不符。

其二、确定一个点为椭圆曲线的起点(同时也是终点),这样,由于对象会沿着最短的路径运动,因此对象就不会沿引导线运动。所以,我们需要在时间轴上,在第1帧与最后一帧之间的1/2、3/4处分别插入关键帧,再在这两个关键帧处拖动对象到相应的位置,利用关键帧来强制改变对象的运动轨迹。

三、练习

1、参照课本创建小鸟飞翔动画。

2、参照课一创建卫星绕月飞行模拟动画

四、小结

上面的图层是引导层,用铅笔工具画线条作为路径。

下面的图层是被引导层,其对象以引导层上的线条作为路径来运动。

五、知识延伸

布置任务:P42 创新活动

1、设计制作一个如图所示的沿路径不断跳动的小球动画。

2、在“创建小鸟飞翔动画”中再添加一只小鸟。

第二课时教案

一、复习引入

复习:路径动画操作要点:制作一个路径动画至少需要2个图层?分别是什么图层?

展示:演示动画作品如望远镜、暗中观物、按照灯、闪闪红星等。

揭题:分析动画特点,探究遮罩动画原理

二、新课

【二】创建遮罩动画

在Flash作品中,我们常常看到很多眩目神奇的效果,其中不少就是用遮罩动画来完成的。在Flash软件中,实现遮罩效果有两种做法,一种是用遮罩图层的方法,另一种是用Actions指令的方法。这里,我们学习第一种方法。

遮罩动画通过遮罩图层的方法实现。遮罩层由普通图层转化来的。遮罩层的图形对象在播放时看不到,被遮罩层中的对象只能透过遮罩层中的对象被看到。

遮罩层和被遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等,但被遮罩层可以使用线条,而遮罩层不行,有用到须通过“修改”→“形状”→“将线条转化为填充”命令,将线条转化为形状。

可以在遮罩层、被遮罩层中分别或同时使用形状补间动画、动作补间动画、路径动画等,从而使遮罩动画变成一个可以施展无限想象力的创作空间。

形象例子:透过长纸筒看电影

1、活动主题一:制作探照灯效果P43

文字探照灯效果是一种常见的文字特效动画,是指一束光束在文字上方扫描,光束内的文字清晰可见,而光束以外的文字则完全被遮挡掉。

(1)边操作边讲解“制作探照灯效果”遮罩动画。

(2)提问:在刚才的动画中,如果改变两层的顺序,再利用“遮罩”效果,制作出的动画会有什么改变?

(3)练习:给学生5分钟时间,动手仿照老师完成探照灯效果。

2、活动主题二:制作闪闪的红星P44

(1)展示“闪闪的红星”动画,让学生分析这个动画是如何制作的,老师给予一定的点评和引导。

(2)边操作边讲解“制作闪闪的红星”。

1)新建“红星”元件。

2)创建“闪光”元件。

3)创建动画。

(3)练习:参照课本,仿照老师操作自

主制作“闪闪的红星”。

光芒示意图:

三、练习

1、给学生5分钟时间,动手仿照老师完成探

照灯效果。

2、参照课本,仿照老师操作自主制作“闪闪

的红星”。

巡视、观察学生的操作过程和学习情况,总

结出学生操作中存在的常见问题,及时点评。观

察发现学生有价值的问题解决操作方式等。

四、小结

1、了解遮罩动画的概念和特点。

2、学会创建遮罩动画。

3、学习变形面板的使用。

五、知识延伸

P48 创新活动

1、修改探照灯效果动画,使光束在文字上左右来回循环扫描。

2、利用遮罩动画,制作文字霓虹灯效果。

(六)、教学反思

1、教学中,难点问题是否能有效突破?学生是否能制作简单的路径动画和遮罩动画?活动完成情况如何?

2、是否注意到学生思维的拓展?能否充分引导学生感受Flash动画的创意,领会路径动画和遮罩动画背后的技术思想,学会借鉴,并创造性解决问题?

3、在展示作品、交流评价时,老师能否正确引导学生对自己或他人作品进行客观评价,能否适时督促学生通过学习他人的成功经验,反思自己在设计或制作过程中的问题,然后进一步修改完善作品?

4、教师能否利用过程性评价引导学生积极参与到学习活动中,能否始终贯穿多元评价?如随时展示并点评好的创意、好的学习方法、好的小组协作等,使学生可以及时调整自己的学习过程,从而保证作品顺利完成。

(七)教学资源

导学PPT、小鸟飞翔动画、卫星绕月飞行模拟动画、跳动的小球动画、小鸟飞翔动画2、探照灯效果、闪闪的红星等,见教学资源包。

Flash CS5.5创建补间动画与创建传统补间的区别

Flash CS5.5创建补间动画与创建传统补间的区别 以前用的是flash8,新安装flashCS5后,发现创建动画时出现:创建补间动画、创建补间形状、创建传统补间,三个选项。其中创建补间形状操作与flash8相同,下面是上网搜索的有关补间动画与传统补间之间的区别与操作方法。 补间动画和传统补间的区别应该是在flashcs4才出现的,如果你是比较早的flash版本用过来的话,你应该会比较习惯使用传统补间。 传统补间动画的顺序是,先在时间轴上的不同时间点定好关键帧(每个关键帧都必须是同一个MC),之后,在关键帧之间选择传统补间,则动画就形成了。这个动画是最简单的点对点平移,就是一个MC从一个点匀速移动到另外一个点。没有速度变化,没有路径偏移(弧线),一切效果都需要通过后续的其他方式(如引导线,动画曲线)去调整。 传统补间(原来的动画补间动画):定头、定尾、做动画(开始帧结束帧创建动画动作) 新出现的补间动画则是在舞台上画出一个MC以后,不需要在时间轴的其他地方再打关键帧。直接在那层上选择补间动画,会发现那一层变成蓝色,之后,你只需要先在时间轴上选择你需要加关键帧的地方,再直接拖动舞台上的MC,就自动形成一个补间动画了。并且这个补间动画的路径是可以直接显示在舞台上,并且是有调动手柄可以调整的。 CS5中的创建补间动画则是定头、做动画(开始帧选中对应帧改变对象位置)。 一般在用到CS5的3D功能时候,会用到这种补间动画。一般做FLASH项目,还是用传统的比较多。更容易把控,而且,传统补间比新补间动画产生的ksize

要小,放在网页里,更容易加载。 最主要的一点,传统补间是两个对象生成一个补间动画,而新的补间动画是一个对象的两个不同状态生成一个补间动画,这样,你就可以利用新补间动画来完成大批量或更为灵活的动画调整。

Flash-8-引导路径动画详解及实例

Flash 8 引导路径动画详解及实例 单纯依靠设置关键帧,有时仍然无法实现一些复杂的动画效果,有很多运动是弧线或不规则的,如月亮围绕地球旋转、鱼儿在大海里遨游等,在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 路径调整和对齐

《神奇的遮罩动画》上课教学方案设计

《神奇的遮罩动画》教学设计 【课型】 新授课 【课时】1课时 【适用年级】七年级 【设计意图】 Flash动画制作技术性比较强,难于理解,而遮罩动画又是Flash学习的一个难点,作为一节新授课,我尝试解决两个问题,在突破难点的基础上让学生自主探究。Flash动画于生活,因此我以“再现生活”为整个学习的主线,让学生从生活中寻找“原型”,尝试利用动画自主探究再现,真正实现知识的触类旁通。 【教学内容分析】 《遮罩动画》是教育部中小学信息技术教育实验区教材七年级下册第二单元第5课内容。所用工具软件为FlashmX。 在此之前,学生已经学习了形状补间动画、移动补间动画和引导动画,尝试用Flash再现了飞机起飞、月亮绕地球旋转、瓢虫爬行等有趣的情境。 【教学对象分析】 本课面向的是七年级的学生,他们对于Flash动画的学习有着浓厚的兴趣,具有较强的竞争意识和探索精神,但分 析问题能力有待提高。 【教学目标】 、知识与技能 )理解遮罩的概念;

2)掌握遮罩动画的制作要领; 3)能够恰当运用遮罩层再现生活中一些有趣的情境。 2、过程与方法 让学生在欣赏-模仿-分析-探究的过程中学会学习。 3、情感、态度、价值观 )激发学生的学习兴趣; 2)提高学生自主探究意识。 【教学重点、难点】 教学重点: )遮罩概念的理解; 2)恰当运用遮罩层再现生活中一些有趣的情境。 教学难点: 遮罩概念的理解。 【教法分析】 抛锚式教学法:以引导动画知识为基础搭建“脚手架”,借助影片中的望远镜情境设置锚点,引入本课,练习设置以基础练习-巩固练习-进阶挑战层层递进的方式进行。 分层教学法:组织学生根据自身的实际情况完成适合自 己的实践探究活动。 【学法分析】 探究性学习:给学生创设一个探究情境——从生活中寻找遮罩“原型”并重现,让他们通过主动探索、发现和体验,实现学以致用。

信息技术 冀教版八年级全一册第一单元教案设计:第二课 创建补间动画

第二课创建补间动画 Flash除了可以创建逐帧动画外,还可以创建补间动画。补间动画又包括形状补间动画和动作补间动画。本课安排了制作“魔幻变形”的动画和制作“孩子捕蝴蝶”的动画两个活动,通过这两个活动,使学生掌握形状补间动画和动作补间动画的制作过程和方法。 本课建议课时1课时。 1.了解形状补间动画: “形状补间动画”是补间动画的一种。在改变一个矢量图形的形状、颜色、位置,或一个矢量图变形成为另一个矢量图的过程中,可以使用形状补间动画。在形状补间动画中,只需创建起始和结束两个关键帧,中间帧则由Flash通过计算机自动完成。在创建形状补间动画时,如果需要对组、实例或位图图像应用形状补间,则必须首先将这些元素进行分离,如果对文本应用于形状补间,则必须首先将文本进行两次分离(有的中文版译为“打散”)处理,使其转换成矢量图。 2.绘制图形——混色器面板的使用: 在第一课中,初步训练了图形的绘制,能够给绘制的图形填充纯色,如果想要填充线性或者放射状颜色,必须懂得混色器面板的使用。关于混色器面板的使用在阅读参考资料“使用“混色器”控制面板设置笔触颜色和填充样式”。3.创建形状补间动画: 在时间轴面板上动画开始播放的地方创建一个空白关键帧或选择一个关键帧并绘制图形,一般一帧中以一个对象为好,在动画结束处创建或选择一个关键帧并绘制另外的图形,再单击开始帧,在“属性”面板上单击“补间”旁边的小三角,在弹出的菜单中选择“形状”,此时,可以看到时间轴上发生了变化——淡绿色背景和箭头,一个形状补间动画即创建完成。如果出现虚线,看看前后两个关键帧上是否存在非矢量图或别的元素,将其删除即可。 4.使用“形状提示” 制作形状补间动画时,有时两个图形变化差异比较大,使用“添加形状提示”会改变这一情况。在“起始形状”和“结束形状”中添加相对应的“参考点”,使Flash在计算变形过渡时依一定的规则进行,从而较有效地控制变形过程。

flash遮罩动画制作-红星闪闪

Flash遮罩效果实例-红星闪闪 在Flash8.0的作品中,我们常常看到很多眩目神奇的效果,而其中不少就是用最简单的“遮罩”完成的,如水波、万花筒、百页窗、放大镜、望远镜……等等。 那么,“遮罩”如何能产生这些效果呢? 在本节,我们除了给大家介绍“遮罩”的基本知识,还结合我们的实际经验介绍一些“遮罩”的应用技巧,最后,提供二个很实用的范例,以加深对“遮罩”原理的理解。 在Flash8.0中实现“遮罩”效果有二种做法,一种是用补间动画的方法,一种是用actions指令的方法,在本节中,我们只介绍第一种做法。 1.遮罩动画的概念 (1)什么是遮罩 “遮罩”,顾名思义就是遮挡住下面的对象。 在Flash8.0中,“遮罩动画”也确实是通过“遮罩层”来达到有选择地显示位于其下方的“被遮罩层”中的内容的目地,在一个遮罩动画中,“遮罩层”只有一个,“被遮罩层”可以有任意个。 (2)遮罩有什么用 在Flash8.0动画中,“遮罩”主要有2种用途,一个作用是用在整个场景或一个特定区域,使场景外的对象或特定区域外的对象不可见,另一个作用是用来遮罩住某一元件的一部分,从而实现一些特殊的效果。 2.创建遮罩的方法 (1)创建遮罩 在Flash8.0中没有一个专门的按钮来创建遮罩层,遮罩层其实是由普通图层转化的。你只要在要某个图层上单击右键,在弹出菜单中把“遮罩”前打个勾,该图层就会生成遮罩层,“层图标”就会从普通层图标变为遮罩层图标,系统会自动把遮罩层下面的一层关联为“被遮罩层”,在缩进的同时图标变为,如果你想关联更多层被遮罩,只要把这些层拖到被遮罩层下面就行了,如图3-5-1所示。

图3-5-1 多层遮罩动画 (2)构成遮罩和被遮罩层的元素 遮罩层中的图形对象在播放时是看不到的,遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等,但不能使用线条,如果一定要用线条,可以将线条转化为“填充”。 被遮罩层中的对象只能透过遮罩层中的对象被看到。在被遮罩层,可以使用按钮,影片剪辑,图形,位图,文字,线条。 (3)遮罩中可以使用的动画形式 可以在遮罩层、被遮罩层中分别或同时使用形状补间动画、动作补间动画、引导线动画等动画手段,从而使遮罩动画变成一个可以施展无限想象力的创作空间。 3.应用遮罩时的技巧遮罩层的基本原理是:能够透过该图层中的对象看到“被遮罩层”中的对象及其属性(包括它们的变形效果),但是遮罩层中的对象中的许多属性如渐变色、透明度、颜色和线条样式等却是被忽略的。比如,我们不能通过遮罩层的渐变色来实现被遮罩层的渐变色变化。要在场景中显示遮罩效果,可以锁定遮罩层和被遮罩层。可以用“AS”动作语句建立遮罩,但这种情况下只能有一个“被遮罩层”,同时,不能设置_alpha属性。不能用一个遮罩层试图遮蔽另一个遮罩层。遮罩可以应用在gif动画上。在制作过程中,遮罩层经常挡住下层的元件,影响视线,无法编辑,可以按下遮罩层时间轴面板的显示图层轮 廓按钮,使之变成,使遮罩层只显示边框形状,在种情况下,你还可以拖动边框调整遮罩图形的外形和位置。在被遮罩层中不能放置动态文本。实例:红星闪闪

神奇的遮罩动画(1)

《神奇的遮罩动画》研究课 【课型】新授课 【适用年级】七年级 【设计意图】 Flash动画制作技术性比较强,难于理解,而遮罩动画又是Flash学习的一个难点,作为一节新授课,我尝试解决两个问题,在突破难点的基础上让学生自主探究。Flash动画来源于生活,所以我以“再现生活”为整个学习的主线,让学生从生活中寻找“原型”,尝试利用动画自主探究再现,真正实现知识的触类旁通。 【教学内容分析】 《遮罩动画》是教育部中小学信息技术教材七年级下册的内容。所用工具软件为FlashMX。在此之前,学生已经学习了形状补间动画、移动补间动画和引导动画,尝试用Flash再现了飞机起飞、月亮绕地球旋转、瓢虫爬行等有趣的情境。 【教学对象分析】 本课面向的是七年级的学生,他们对于Flash动画的学习有着浓厚的兴趣,具有较强的竞争意识和探索精神,但分析问题水平有待提升。 【教学目标】 1、知识与技能 1)理解遮罩的概念; 2)掌握遮罩动画的制作要领; 3)能够恰当使用遮罩层再现生活中一些有趣的情境。 2、过程与方法 让学生在欣赏-模仿-分析-探究的过程中学会学习。 3、情感、态度、价值观 1)激发学生的学习兴趣; 2)提升学生自主探究意识。 【教学重点、难点】 教学重点: 1)遮罩概念的理解; 2)恰当使用遮罩层再现生活中一些有趣的情境。 教学难点: 遮罩概念的理解。 【教法分析】 抛锚式教学法:以引导动画知识为基础搭建“脚手架”,借助影片中的望远镜情境设置锚点,引入本课,练习设置以基础练习-巩固练习-进阶挑战层层递进的方式实行。 分层教学法:组织学生根据自身的实际情况完成适合自己的实践探究活动。 【学法分析】 探究性学习:给学生创设一个探究情境——从生活中寻找遮罩“原型”并重现,让他们通过主动探索、发现和体验,实现学以致用。 【教具准备】 网络教室(安装红蜘蛛电子教室软件)、辅助学习网站、课件。 【教学过程】

应用引导路径动画的技巧

应用引导路径动画的技巧 (1)“被引导层”中的对象在被引导运动时,还可作更细致的设置,比如运动方向,在【属性】面板上,选中【路径调整】复选框,对象的基线就会调整到运动路径。而如果选中【对齐】复选框,元件的注册点就会与运动路径对齐,如图3-6-3所示。 图3-6-3 路径调整和对齐 (2)引导层中的内容在播放时是看不见的,利用这一特点,可以单独定义一个不含“被引导层”的“引导层”,该引导层中可以放置一些文字说明、元件位置参考等,此时,引导层的图标为。 (3)在做引导路径动画时,按下工具箱中的【对齐对象】按钮,可以使“对象附着于引导线”的操作更容易成功,拖动对象时,对象的中心会自动吸附到路径端点上。 (4)过于陡峭的引导线可能使引导动画失败,而平滑圆润的线段有利于引导动画成功制作。 (5)向被引导层中放入元件时,在动画开始和结束的关键帧上,一定要让元件的注册点对准线段的开始和结束的端点,否则无法引导,如果元件为不规则形,可以点击工具箱中的【任意变形工具】,调整注册点。 (6)如果想解除引导,可以把被引导层拖离“引导层”,或在图层区的引导层上单击右键,

在弹出的菜单上选择【属性】,在对话框中选择“正常”,作为正常图层类型,如图3-6-4所示。 图3-6-4 图层【属性】面板 (7)如果想让对象作圆周运动,可以在“引导层”画一根圆形线条,再用【橡皮擦工具】擦去一小段,使圆形线段出现2个端点,再把对象的起始、终点分别对准端点即可。(9)引导线允许重叠,比如螺旋状引导线,但在重叠处的线段必需保持圆润,让Flash能辨认出线段走向,否则会使引导失败。 例4小球沿曲线运动(引导层练习) 1、在第一层中画一个小球,颜色为红,选取小球,“插入”菜单,“转换成元件”命令,输 入“ball”作名称,类型为“图形”. 2、设40帧为关键帧,将小球的位置略改变。 3、在“1——40”中任一帧上点击,选取“创建动画动作”,做一过渡动画。 4、加一个引导层:点击图层左下角的“添加引导图层”钮,出现引导层。 5、用鼠标点击引导图层的第一帧,然后在编辑区内绘制一曲线。 回到第一层,在第1帧中将球的中心位置移到曲线的首端,在第40帧中将球的中心位置移到曲线的末端,Ctrl+Enter键看效果。

flash制作遮罩动画

第五课制作遮罩动画 Flash中的普通层是透明的,普通层叠在一起不会互相遮罩。与普通层相对应的层是“遮罩层”,“遮罩层”是不透明的,只有有图像或文字的地方才是透明的。利用遮罩层,可以制作一些特殊的动画效果。 一、探照灯效果 【例2-5.1】制作一个动画,产生文字在探照灯照射下逐步显示出来的效果。 分析:在普通层上放入文字,再建遮罩图层,遮罩图层上画一个圆。遮罩图层中的圆移动时,它下面的文字就随着显示出来了,就像探照灯将文字照出来了一样。 【操作步骤】 第一步:新建一个动画文件,将第一个图层的名字改为“文字”。 第二步:单击菜单【修改】 【文档】,设置背景色为黑色。在“文字”层的第1帧输入“欢迎光临”;在第15帧处插入帧,将第一帧延伸至第15帧。见图2-5.1。 图2-5.1 文字层 第三步:新建图形元件“圆”。见图2-5.2。

图2-5.2 图形元件“圆” 第四步:新建图层“灯”。将元件“圆”拖入第1帧的舞台左边,遮住左边的文字;在第15帧处插入关键帧,将“圆”实例移至舞台右边,遮住右边的文字;打开帧属性面板,在第1帧创建“运动补间动画”。 图2-5.3 “灯”图层动作补间动画 第五步:在“灯”图层上单击鼠标右键,选择“遮罩层”,如图2-5.4所示。 图2-5.4 遮罩层

测试影片,效果如何? 【试一试】 制作一个广告字幕效果的动画,要求文字从左到右逐步显示出来。 提示:遮罩层静止,对文字层中的文字元件作“动作补间动画”。 二、望远镜效果 【例2-5.2】运用遮罩层制作一个具有望远镜效果的Flash动画。见图2-5.5。 图2-5.5 遮罩效果 【操作步骤】 第一步:新建“风景”图形元件,导入风景图片;新建“望远镜”图形元件,画两个相交圆作为望远镜。 第二步:将元件“风景”拖入图层1的第1帧,调整到和舞台一样大小,与舞台对齐,插入静止帧至第45帧。见图2-5.6 第三步:将元件“望远镜”拖入图层2的第1帧;在第25帧插入关键帧,移动望远镜的位置。在第1帧创建“运功动画补间”。 第四步:将图层2设置为“遮罩层”。

引导路径动画教案

运动引导路径动画 授课章节 及课题 运动引导路径动画 周次7 授课时间2016年10月17 日 星期一 教学目标知识目标: (1)理解引导层动画的基本原理,能够区分引导层和被引导层; (2)了解引导层的作用,初步掌握引导层的建立方法; (3)了解引导线绘制的要求,掌握绘制引导线的方法和物体起点、终点位置的设置; (4)掌握引导层动画制作的一般步骤; 能力目标: 通过动手操作制作引导层动画的过程,掌握引导层动画制作的一般方法和过程。情感态度与价值观: (1)通过思考引导层动画的相关问题,培养勤于思考、勇于实践的精神; (2)学生课后自己探究制作引导层动画的其它过程,实现课程知识的创新。 教学重点(1)引导层的建立方法及绘制引导线的方法和物体起点、终点位置的设置(2)导层动画制作的一般步骤 教学难点 (1)调整运动对象吸附在引导线上 (2)多层动画制作时,一个引导层可以引导多个普通图层,一个普通图层只能被一个引导层引导。 教学 手段 任务驱动、自主探究、讲授演示教学 准备 多媒体机房、教学案例 板书设计 引导层动画(引导路径动画) 一、什么是引导层动画?(引导层、被引导层) 二、如何创建引导层动画? 任务一:曲线运动的形状任务二:蝴蝶飞舞 任务拓展:多只蝴蝶同时飞舞

课堂教学安排(反应教师教学设计思想) 教学环节教学内容师生活动 课堂变化 及处理 主要环节 的效果 新课导入 【展示两个动画效果】: 请学生比较两个动画效果有何区别? 同学们认真观察可以发现动画一的运动路径是直 线的,而动画二运动路线是曲线的。第一种动画大家 上节课已经学过了,还记得它是叫什么动画吗? (动画一:运动补间动画;动画二:?) 而第二种曲线运动的动画叫引导层动画,也是我 们这节课要学习的内容。(板书:引导层动画) 教师展示动画 引导学生进行动画比较 新课讲授 一:什么是引导层动画呢? (用绳子穿着纽扣展示引导层动画的相关概念) 引导层动画就像这种线引导着这个扣子运动一 样,就是由引导层和被引导层组成,引导线是描述物 体的运动轨迹,而引导层是放置引导线的图层,被引 导层是放置运动对象的图层。 二:引导层动画制作的一般方法: 【教师演示】 【任务一:曲线运动的形状】 问题预设:在学生制作的过程中可能会有部分学 生因为对象没用贴紧起点和终点导致动画无法完成? 提示:当老师移动到靠近这条曲线的端点时,就 像有磁性一样,对象会很自然地吸过去了,为什么呢? 其实是老师选中了“紧贴至对象”按钮,我们放 开它,再看看有什么不同。可以看到对象是不会很自 动地吸附到引导线上,而是要慢慢移动,而且不能确 保是否移到了引导线上,这将很可能会导致对象不能 沿着引导线的路径运动。所以同学们在操作的过程中 要注意选上“紧贴至对象”按钮。设置好起点位置, 我们不要忘了设置终点位置,同样的方法。 教师讲解 学生思考 教师演示引导层动画的制 作方法 学生练习 教师巡回 问题预设 教师提示 请学生总结引导层动画的 完成要点

补间动画及其制作方法

补间动画及其制作法 补间动画分为动作补间动画和和形状补间动画。下面分别进行讲解。 一、动作补间动画 1、什么是动作补间动画 动作补间动画,也叫运动动画。就是在一个关键帧上放置一个元件,然后在另一个关键帧上改变这个元件的大小、颜色、位置、透明度等,Flash 根据二者之间的帧的值创建的动画被称为动作补间动画。动作补间动画(运动动画)只对单一的对象有效,如果想让多个对象同时运动,必须将它们放在不同的层上,分别制作运动动画。 2、创建动作补间动画的法 A、在时间轴面板上动画开始播放的地创建或选择一个关键帧并设置一个元件,一帧中只能放一个项目(对象)。 B、在动画要结束的地创建或选择一个关键帧并设置该元件的属性。 C、再单击开始帧,在【属性】面板上单击【补间】旁边的下拉列表,在弹出的菜单中选择【动作】,或单击右键,在弹出的菜单中选择【创建补间动画】,就建立了“动作补间动画 3、小结 A、构成动作补间动画的元素可以是元件(包括影片剪辑、图形元件、按钮)、文本、位图、矢量组合等等,但不能是形状,只有把形状“组合”或者转换成“元件”后才可以做“动作补间动画”。运用动作补间动画,你可以设置元件的大小、位置、颜色、透明度、旋转等种种属性,充分利用动作补间动画这些特性,可以制作出理想的动画效果。 B、用鼠标单击补间动画属性面板中【简易】右边的按钮,弹出拉动滑杆,拖动上面的滑块,可设置参数值,当然也可以直接在文本框中输入具体的数值,设置完后,补间动作动画效果会以下面的设置作出相应的变化。 在-1到-100 的负值之间,动画运动的速度从慢到快,朝运动结束的向加速补间。 在1 到100 的正值之间,动画运动的速度从快到慢,朝运动结束的向减慢补间。 如果在默认情况下,补间帧之间的变化速率是不变的。 二、形状补间动画 1、什么是形状补间动画 形状补间动画就是在一个关键帧中绘制一个形状,然后在另一个关键帧中更改该形状或绘制另一个形状,Flash 根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。它包含“普通形状

[整理][实验09 动作补间动画与引导路径动画].

实验9动作补间动画与引导路径动画 9.1实验目的: (1)进一步掌握图层、帧和关键帧的概念 (2)掌握动作补间动画的基本概念及制作 (3)掌握引导路径动画的基本概念和制作 (4)熟悉动画属性面板的设置 (5)熟练掌握利用运动渐变制作出改变大小、发生位移及Alpha值改变等效果的动画 9.2 实验环境: Windows XP,Flash CS3 9.3 实验要求: a制作动画:海底世界。效果查看9_1.exe所示。 b制作动画:漫天飞雪。效果查看9_2.exe所示。 9.4 实验内容: (1)制作动画:海底世界: i.在背景为蓝色的文档中,一行颜色为白色、字体为华文行楷的文字“海底世界” 逐渐由小变大,最后在屏幕中间显示出来。 ii.在文字逐渐从小变大的同时,一幅海底世界的图片从右向左逐渐展开显示在屏幕的中间,作为“海底世界”的背景图像,替代原来的背景颜色。 iii.“海底世界”文字逐渐缩小,并移至底图的右上方,同时一大一小两条彩色的鱼逐渐显现出来。 iv.两条鱼在水中来回游动,大鱼在上层,小鱼在下层。 v.一个自身顺时针旋转的气泡在大鱼和小鱼之间缓慢向上升起,慢慢消失。 (2)制作漫天飞雪的动画效果:绘制小雪花图形;建立3个雪花飞舞的影片剪辑;导入 背景图片“snow.jpg”到舞台,放置若干个雪花飞舞的影片剪辑,呈现出漫天飞雪的效果。 9.5 实验步骤: 1.制作动画:海底世界

②制作文字从小变大的动画: i.打开9_1.fla文件,点击属性面板的“大小”按钮,打开文档属性对话框,设 置该文档的大小为600*450像素,背景颜色为#0066FF。将图层1重命名为“文 字”。 ii.点击工具箱中的文本工具,在属性面板设置文本颜色为白色、字体为华文行楷,大小为11,属性面板的设置如图9-1所示,在舞台上输入文字“海底世界”。 利用选择工具,拖动鼠标,选中文字,依次点击“修改”菜单→“对齐”→“相 对舞台分布”命令,“修改”菜单→“对齐”→“水平居中”命令,“修改”菜 单→“对齐”→“垂直居中”命令,将文字设置为相对于舞台,水平居中,垂 直居中。 图9-1 iii.在“文字”图层第40帧处,按F6键插入一关键帧,选择工具箱中的任意变形工具,点击舞台中央的“海底世界”文字,按住Shift键的同时,拖动文字 右下角的角柄,将文字放大,效果如图9-2所示。 图9-2 iv.单击“文字”层第1—40帧中间的任意一帧,在属性面板“补间”下拉菜单中选择“动画”,创建好第1—40帧的运动渐变动画。 ③制作展开的背景: i.点击图层面板左下角的“插入图层”按钮,添加一新图层,重命名为“背景”, 拖动鼠标,将该层移动至“文字”层下方。选择“文件”菜单→“导入”→“导 入到库”命令,打开“导入到库”对话框,选择图片“seabg.jpg”,将其导入 到库中。如图9-3所示。

动作补间和形状补间的特点和区别

1.动作补间动画的概念 (1)动作补间动画的概念 在Flash的时间帧面板上,在一个时间点(关键帧)放置一个元件,然后在另一个时间点(关键帧)改变这个元件的大小、颜色、位置、透明度等等,Flash 根据二者之间的帧的值创建的动画被称为动作变形动画。 (2)构成动作补间动画的元素 构成动作补间动画的元素是元件,包括影片剪辑、图形元件、按钮等等,除了元件,其他元素包括文本都不能创建补间动画的,其他的位图、文本等等都必须要转换成元件才行,只有把形状“组合”或者转换成“元件”后才可以做“动作补间动画”。 (3)动作补间动画在时间帧面板上的表现 动作补间动画建立后,时间帧面板的背景色变为淡紫色,在起始帧和结束帧之间有一个长长的箭头,如图3-4-1所示。 图3-4-1 动作补间动画在时间帧上的表现 (4)形状补间动画和动作补间动画的区别 形状补间动画和动作补间动画都属于补间动画。前后都各有一个起始帧和结束帧,二者之间的区别如下表所示。 区别之处动作补间动画形状补间动画

在时间 轴上的表现 淡紫色背景加长箭头淡绿色背景加长箭头 组成元素 影片剪辑、图形元件、按 钮 形状,如果使用图形元件、按钮、 文字,则必先打散再变形。矢量图 完成的作用 实现一个元件的大小、位 置、颜色、透明等的变化。 实现二个形状之间的变化,或一 个形状的大小、位置、颜色等的变化。 5)创建动作补间动画的方法 在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置一个元件,一帧中只能放一个项目, 在动画要结束的地方创建或选择一个关键帧并设置该元件的属性,再单击开始帧,在【属性面板】上单击【补间】旁边的“小三角”, 在弹出的菜单中选择【动作】,或单击右键,在弹出的菜单中选择【新建补间动画】,就建立了“动作补间动画”。 2.认识动作补间动画的属性面板 在时间线“动作补间动画”的起始帧上单击,帧属性面板会变成如图3-4-2所示。 图3-4-2动作补间动画属性面板 (1)“简单”选项

《遮罩动画》微课解说词-修改

微课解说词 一、引入 同学们,之前,我们学过怎样制作形状渐变和运动补间动画,知道了,动画产生的原因是对象的形状、大小、颜色、位置或者透明度发生了改变。 二、案例分析,提出问题 今天还是先请大家欣赏一组动画。 在这组动画中,大家发现:字是慢慢的展开;地球在不断的旋转。也就是对象本身内容在发生改变。这种动画,单独的运用之前学过的形状渐变和运动补间是做不出来的,其实它们都运用了遮罩。什么是遮罩呢?如何应用遮罩来制作动画?是这节课所要解决的问题。 接下来,我们先通过演示来了解遮罩和它的原理。 三、遮罩的原理 打开FLASH软件 1、在图层1中导入一张图片。 (1)选择文件→导入→导入到舞台。 (2)调整图片的大小,使它跟舞台一样大。 选择相对于舞台,水平中齐,垂直中齐,匹配宽和高。 2、在图层2中绘制一个椭圆 (1)新建图层, (2)绘制一个椭圆,填充颜色可以任意设置,现在我们选择为红色。 大家可以看到,在图层为一般图层情况下:上面的图层内容会遮挡住下面的图层内容,被遮挡的下面图层的内容就看不到了。图层1的图片,有一部分就图层2的椭圆遮挡了,没有显现出来。 那我们将图层2和图层1的改变为遮罩和被遮罩,结果,又会怎么样呢? 我们现在来改变一下看看。 在图层2中,右击,选择遮罩层,这时候你们就会发现,图层的标识发生了改变,同时图层也被锁定了。 再看看舞台,大家可以看到,图层1中的图片,被图层2的椭圆遮挡的地方,显现出来了,没有被遮挡的不见了。

所以,遮罩层与一般图层产生的情况恰恰相反:遮挡的地方就会被看见,没有遮挡的地方就看不见了。下面,让我们来仔细分析一下。 遮罩原理分析: 遮罩需要两个图层,上面的图层为遮罩层,下面的图层为被遮罩层。遮罩层就好比手电筒,被遮罩层就好比黑夜中景物。电筒光照到的地方就会被看见,没有被光照到的地方就看不见。 同时也可以看出,遮罩层决定显示的轮廓形状,被遮罩层是所显示的内容。 现在我们已经弄清了遮罩及其原理。刚才看到只是静止的画面,我们可不可以让它动起来呢?刚才讲了,遮罩层就好比手电筒,被遮罩层就好比黑夜中景物。很显然,想让遮罩产生动感,无非就是两种情况:要么是手电筒动,要么是被照的物体动。也就是说,遮罩层或者被遮罩层运动就会产生庶罩动画。 我们先试一下第一种情况:遮罩层运动的遮罩动画,也就是在图层2做一个动作补间动画,让图层2的椭圆动起来。怎么做?大家还记得吗? (1)将两图层解锁进行编辑。 (2)在图层2的某一帧(就在第30帧吧)插入关键帧。 (3)右击创建补间动画。 (4)选中最后关键帧中的椭圆,将椭圆移动到某一位置。 (5)在图层1中插入普通帧,延长显示时间和图层2相同。 大家看看动画效果。 第二种情况制作和第一种相同,所不同的是,被遮罩层运动,而遮罩层不动。 (1)取消遮罩层运动。在图层2的最后一帧中清除关键帧,并且删除补间; (2)在图层1相应的帧,插入关键帧; (3)同样是创建补间动画; (4)将图片移动到行当的位置。 大家看看动画效果。 小结: 好,那么我们回忆一下遮罩原理。1、遮罩是由两个图层组成,上面的图层是遮罩层,下面的图层是被罩层;2、遮罩层决定所看到的图层形状;3、被遮罩

第6课 制作引导路径动画

第6课制作引导路径动画 时间:2015年1月12日 地点:渝中区鹅岭小学 内容:小学信息技术重大(第七版)六年级上册第6课蛋蛋鼠踢足球 执教:刘勇 知识目标: 1.理解引导线的概念的作用。 2.能够制作简单路径动画。 能力目标: 1.掌握创建引导层的方法、绘制引导层的方法 2.掌握利用引导线制作动画的方法与过程 3.培养学生自主学习和探究学习的能力 情感目标: 通过制作引导动画,提高学生学习 Flash 的兴趣和热情,体验动画制作的乐趣,感受动画制作的奇妙。培养学生的创造性思维。 教学重点: 引导层及引导线的作用和创建方法。 教学难点: 运用引导层,制作曲线运动动画;运动对象与引导线的吸附操作。 过程与方法: 教师引导、自主探究、合作协助、练习巩固 教学过程:(上课前把素材文件发送到学生桌面) 一、创设情景、导入新课 1.(出示swf动画文件) (教师展示直线运动补间动画“蛋蛋鼠踢足球1.swf”): 请同学们看屏幕,上节课我们学习了直线运动补间动画。老师下来也制作了一个蛋蛋鼠踢足球的动画。(展示引导层动画实例“蛋蛋鼠踢足球2.swf”) 看一看,这两个动画有什么不一样? 学生观察回答 2.(再出示相关的其他swf动画文件) 请同学们再观察几个动画。(展示引导层动画实例“飞舞的蝴蝶.swf”、环绕的卫星.swf) 3.引出新课:如何让这些运动的对象沿着平滑的曲线运动,营造生动逼真的动画效果。这节课将通过学习运用flash的引导层制作曲线运动动画。【板书课题:6、制作引导路径动画】 设计意图:复习旧知,创设情境,任务驱动,明确本节课学习任务。 二、自主探究、教师指导 学生看书了解本节课的制作方法 (一).认识引导层 1.(出示图片1)(展示源文件“蛋蛋鼠踢足球1.fla”和“蛋蛋鼠踢足球 2.fla”的时间轴面板) ①大家仔细观察对比两个动画的时间轴面板,有什么不一样?师通过网络教室圈出

Flash8形状补间动画详解及实例

Flash8形状补间动画详解及实例 Flash8形状补间动画详解及实例 2010-01-21 17:25:02| 分类:flash技法教程| 标签:|字号大中小订阅 本文引用自迎春《Flash8形状补间动画详解及实例》 引用 迎春的Flash8形状补间动画详解及实例 1.形状补间动画的概念 (1)形状补间动画的概念 在Flash的时间帧面板上,在一个时间点(关键帧)绘制一个形状,然后在另一个时间点(关键帧)更改该形状或绘制另一个形状,Flash 根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。 (2)构成形状补间动画的元素 形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化,其变形的灵活性介于逐帧动画和动作补间动画二者之间,使用的元素多为用鼠标或压感笔绘制出的形状,如果使用图形元件、按钮、文字,则必先“打散”再变形。

(3)形状补间动画在时间帧面板上的表现 形状补间动画建好后,时间帧面板的背景色变为淡绿色,在起始帧和结束帧之间有一个长长的箭头,如图3-3-1所示。 图3-3-1 形状补间动画在时间帧面板上的标记 (4)创建形状补间动画的方法 在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置要开始变形的形状,一般一帧中以一个对象为好,在动画结束处创建或选择一个关键帧并设置要变成的形状,再单击开始帧,在【属性】面板上单击【补间】旁边的小三角,在弹出的菜单中选择【形状】,此时,时间轴上的变化如图3-3-1所示,一个形状补间动画就创建完毕。2.认识形状补间动画的属性面板 Flash的【属性】面板随鼠标选定的对象不同而发生相应的变化。当我们建立了一个形状补间动画后,点击时间帧,【属性】面板如图3-3-2所示。 图3-3-2 形状补间动画【属性】面板 形状补间动画的【属性】面板上只有二个参数: (1)“简单”选项 在“0”边有个滑动拉杆按钮,单击后上下

Flash遮罩动画详解及实例

Flash 8 遮罩动画详解及实例 在Flash8.0的作品中,我们常常看到很多眩目神奇的效果,而其中不少就是用最简单的“遮罩”完成的,如水波、万花筒、百页窗、放大镜、望远镜……等等。 那么,“遮罩”如何能产生这些效果呢? 在本节,我们除了给大家介绍“遮罩”的基本知识,还结合我们的实际经验介绍一些“遮罩”的应用技巧,最后,提供二个很实用的范例,以加深对“遮罩”原理的理解。 在Flash8.0中实现“遮罩”效果有二种做法,一种是用补间动画的方法,一种是用actions指令的方法,在本节中,我们只介绍第一种做法。 1.遮罩动画的概念 (1)什么是遮罩 “遮罩”,顾名思义就是遮挡住下面的对象。 在Flash8.0中,“遮罩动画”也确实是通过“遮罩层”来达到有选择地显示位于其下方的“被遮罩层”中的内容的目地,在一个遮罩动画中,“遮罩层”只有一个,“被遮罩层”可以有任意个。 (2)遮罩有什么用 在Flash8.0动画中,“遮罩”主要有2种用途,一个作用是用在整个场景或一个特定区域,使场景外的对象或特定区域外的对象不可见,另一个作用是用来遮罩住某一元件的一部分,从而实现一些特殊的效果。 2.创建遮罩的方法 (1)创建遮罩 在Flash8.0中没有一个专门的按钮来创建遮罩层,遮罩层其实是由普通图层转化的。你只要在要某个图层上单击右键,在弹出菜单中把“遮罩”前打个勾,该图层就会生成遮罩层,“层

图标”就会从普通层图标变为遮罩层图标,系统会自动把遮罩层下面的一层关联为“被遮罩层”,在缩进的同时图标变为,如果你想关联更多层被遮罩,只要把这些层拖到被遮罩层下面就行了,如图3-5-1所示。 图3-5-1 多层遮罩动画 (2)构成遮罩和被遮罩层的元素 遮罩层中的图形对象在播放时是看不到的,遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等,但不能使用线条,如果一定要用线条,可以将线条转化为“填充”。 被遮罩层中的对象只能透过遮罩层中的对象被看到。在被遮罩层,可以使用按钮,影片剪辑,图形,位图,文字,线条。 (3)遮罩中可以使用的动画形式 可以在遮罩层、被遮罩层中分别或同时使用形状补间动画、动作补间动画、引导线动画等动画手段,从而使遮罩动画变成一个可以施展无限想象力的创作空间。 3.应用遮罩时的技巧遮罩层的基本原理是:能够透过该图层中的对象看到“被遮罩层”中的对象及其属性(包括它们的变形效果),但是遮罩层中的对象中的许多属性如渐变色、透明度、颜色和线条样式等却是被忽略的。比如,我们不能通过遮罩层的渐变色来实现被遮罩层的渐变色变化。要在场景中显示遮罩效果,可以锁定遮罩层和被遮罩层。可以用“AS”动作语句建立遮罩,但这种情况下只能有一个“被遮罩层”,同时,不能设置_alpha属性。不能用一个遮罩层试图遮蔽另一个遮罩层。遮罩可以应用在gif动画上。在制作过程中,遮罩层经常挡住下层的元件,影响视线,无法编辑,可以按下遮罩层时间轴面板的显示图层轮廓按钮,使之变成,使遮罩层只显示边框形状,在种情况下,你还可以拖动边框调整遮罩图形的外形和位置。在被遮罩层中不能放置动态文本。实例:红星闪闪

遮罩动画-教案

遮罩动画 一、教学内容分析 遮罩动画是高中选修教材《多媒体技术应用》(教育科学出版社)第四章第三节“计算机动画制作”的一部分。教材只是对遮罩动画做了简单的介绍,在学业水平考试中也并不涉及遮罩动画,但遮罩动画却是Flash中一个很重要的动画类型。很多效果丰富的动画都是通过遮罩动画来完成的。因此,我单独安排一课时来介绍遮罩动画,让学生们感受它的魅力。 二、学情分析 本节课的教学对象是高二的学生,在初中阶段,学生对Flash的基础知识及补间动画已有初步接触。再加上前几节课对补间动画、引导动画的学习,学生已经可以制作简单的Flash动画,并对简单的Flash动画具备分析能力。 三、教学目标 1、知识与技能:理解遮罩层的特点及遮罩动画原理。 理解遮罩层与被遮罩层的关系。 2、过程与方法:能够通过分析动画实例,获取制作思路。 3、情感态度与价值观:激发学生对Flash动画的兴趣,保持对信息技术学习的积极 性;培养学生交流意识。 四、教学重、难点 (1)教学重点:遮罩原理、遮罩效果的制作方法 (2)教学难点:遮罩效果的制作方法、动画实例的分析 五、教学方法 1、启发式教学法:主要用在遮罩原理的讲解环节。引导学生做实验,看效果,然后再启发学生总结遮罩原理。 2、合作交流学习法:主要用在遮罩效果分析、作品制作环节。教师也要积极参与到合作交流过程中,不能只做观察者。 设计意图:强化学生主体地位,让学生主动建构知识结构。优化教师主导地位,发挥教师组织、引导作用。 六、课前准备 纸质导学案,内容包括学习目标、知识回顾(补间动画)、学习向导、自主评价量规。

七、教学过程 环节一:欣赏动画,激发学习动机 【展示一个遮罩动画作品:以宫崎骏动漫为主题的动感相框。】 观看效果动感相框效果结合动漫大师宫崎骏先生的动画作品,吸引学生的注意力,激发学生参与、创作的热情。教师要注意引导学生建立形象直观的感受:该动画是透过“窗口”看下一层的内容,引出遮罩概念。 环节二:初识遮罩动画——探照灯效果(此案例来自网络) 观看效果【探照灯效果是最常见的遮罩效果,操作起来也非常简单,通过这一实例的练习,使学生们对抽象的“遮罩”有一个具体、清晰的认识。】 学习过程: 1、静态遮罩效果:引导学生做实验,看效果,然后再启发学生总结遮罩层与被遮罩

引导路径动画制作步骤

“引导路径动画(地球公转动画)”制作步骤: 1、新建动画文件: ●选择“文件”—“新建”命令,新建一个普通flash文档; ●设置文件属性,背景颜色为深蓝色(或者黑色,作为天幕的颜色); 2、设置起始关键帧画面: ●用鼠标左键双击时间轴上图层1的名称,将图层1名称改为“太阳”; ●选择工具栏中的“椭圆工具”,设置填充颜色为“红色”,单击“太阳”层的第一个空白关键帧, 在工作区上用鼠标左键拖出一个正圆(画正圆需同时按Shift键),单击“选择工具”再将正圆拖动到工作区中间; ●点击时间轴上“新建图层”按钮,如图1,创建一个新图层,并将新图层的名称改为“地球”; 图1 ●单击“地球”层的第一个关键帧,用椭圆工具在工作区上画一个较小的正圆,修改颜色为天蓝色, 用来代表地球,如图2;

图2 3、设置终点关键帧画面: ●用鼠标右键单击“地球”层的第60个帧格,在弹出的菜单中选择“插入关键帧”,如图3; 图3 ●用鼠标右键单击“太阳”层的第60个帧格,在弹出的菜单中选择“插入帧”,如图4;

图4 4、设置引导路径; ●用鼠标右键单击“地球”层,在弹出的菜单中选择“添加引导层”,如图5; 图5 ●用鼠标左键单击“引导层”的第一个空白关键帧,选择工具栏中的“椭圆工具”,设置“笔 触颜色”为白色,设置“填充颜色”为“关”,如图6;

图6 ●在工作区上拖动出一个椭圆,单击工具栏中的“选择工具”,将椭圆路径拖动到适当位置, 如图7; 图7 ●用橡皮擦工具将椭圆擦出一个缺口,如图8;

图8 5、创建关键帧画面之间的补间动画。 ●单击工具栏中的“选择工具”,用鼠标左键单击“地球”层的第一个关键帧,将工作区的“地 球”图案拖动到椭圆路径的一个端口上(注意要将图形中间的小圆圈对应到路径缺口的端口),如图9; 图9 ●用鼠标左键单击“地球”层的第二个关键帧,将工作区的“地球”图案拖动到椭圆路径的另 一个端口上; ●用鼠标右键单击“地球”层的第一个关键帧,在弹出的菜单中选择“创建补间动画”; ●用鼠标右键单击“地球”层的第二个关键帧,在弹出的菜单中选择“创建补间动画”;

引导路径动画

第八课引导路径动画 单纯依靠设置关键帧,有时仍然无法实现一些复杂的动画效果,有很多运动是弧线或不规则的,如月亮围绕地球旋转、鱼儿在大海里遨游等,在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所示。

相关主题
文本预览
相关文档 最新文档