《FLASH遮罩动画》教案
教材分析
本课程是基于山西经济出版社信息化教学内容的基础上发展的教学。本课的教学内容是闪光光掩模动画。作为一个开发类,重点关注学生理解面具动画的原理和生产简单面具效果动画,进一步提高学生动画技能的水平。
学习分析
由于新教科书没有具体安排本章的面具动画,而是学生在基本动画前面学会了不能满足学生扩大意识的需要,学生在简单的逐帧动画,动作补间和形状填充之后,想要掌握更深的操作技能,学生通过生产闪光灯面具动画的原理和基本应用,开发学生深入研究Flash兴趣和实践学习能力。
教学目标
知识和技能
(1)掌握面具动画的基本原理;(2)了解掩模层和掩模层之间的关系;(3)使用面具知识,学习探照灯,动态文字效果动画制作;2.方法和方法
(1)通过分析掩模盒,掌握生产的掩模 三个步骤加深理解掩模的原理;(2)通过生产面具实例,提高学生使用掩蔽能力的灵活性;情感态度和价值观
(1)培养学生深入研究闪光兴趣,体验创作成功的喜悦和成就感;(2)通过知识点的迁移,培养学生的创新精神和适应能力;教学重点和困难
教学重点
掩模原理和掩模效应的三步法生产。2.教学困难
了解掩模和掩模之间的关系。
教学法
教学方法,演示方法,分层任务驱动方法,自主查询学习方法
教学准备
多媒体网络教室,面具动画案例
班级安排
安排1小时。
教学过程
一,进口情况
晚上在灯塔中显示动画卡通猫和老鼠拍摄电影的照片,同时显示动画效果的一些例子,本课的内容:闪光面具动画。
学生欣赏的工作,激发学习兴趣,清除本课的目标
设计意图:通过展示大量的面具示例来激发学生的学习兴趣,引导学生思考,导出本课 内容。
二,探索新知识
示例分析
以探照灯效果为例,通过网络教学软件显示源文件时间轴面板,帮助学生分析动画的组成。题:
A.有几层?
二,一层是背景,一层是图形(圆)
B.圆圈层中的动画类型是什么?(动作补间)
学生小心观察和回答问题
设计意图:通过问题来帮助学生审查前面的知识点(层,动作补间动画的特点)2.原则说明
面具的意义有点抽象,可以准备一个预先准备的教具提供形状;B.被覆盖-提供被阻止的内容(文字,图片等)3.示范
到探照灯。fla文档,例如,解释其特性和生产方法。
强调:生产思想3步:
A.哪一层先?什么层(掩模层/掩模层)?首先做掩模层,做掩模层。B.重新分析谁是掩模层,谁是掩模层?背景被掩盖,圆圈被掩盖。C.最后,谁在移动?什么样的举动?在动作中循环移动运动。
(引导学生设置图形层是通过图形层来完成掩膜层,以查看文字掩模效果,从而实现探照灯效果)
4.学生在机器练习
基本任务:探照灯面罩动画。
展开任务:动态文本。
教师巡查咨询,及时关注纠正学生错误的问题
设计意图:基本任务比较简单,扩展任务集 是帮助学生一步一步完成整个动画。培养学生自学能力。
显示,评估,总结。
本节课选自《Flash动画制作》课程, 遮罩动画是Flash动画设计的重要应用之一。遮罩动画是Flash中一个很重要的动画类型, 很多效果丰富的动画都是通过遮罩动画来完成的。在Flash的图层中有一个遮罩图层类型, 为了得到特殊的显示效果, 可以在遮罩层上创建一个任意形状的“视窗”, 遮罩层下方的对象可以通过该“视窗”显示出来, 而“视窗”之外的对象将不会显示。遮罩主要有两种用途:一是用在整个场景或特定区域, 使场景外的对象或特定区域外的对象不可见。二是用来遮罩住某一元件的一部分, 从而实现一些特殊的效果。本节课主要通过实例来讲解遮罩层动画的设计与运用, 提高学生计算机操作能力。
二、学生分析
上本节课之前, 学生已经学会使用FLA SH常用工具, 已经学习了FLA SH几种动画设计的基本知识。在学生学过flash动画制作基本技术的基础上进行讲解, 二者有相通之处, 通过观看精彩实例, 既调动学生的兴趣, 又点明本课的教学内容, 能激发学生学习的兴趣和主动性, 并根据学生情况有的放矢地展开教学。
三、简析教法与学法
我想教师的教法与学生的学法是相统一的, 目的只有一个:“以学生发展为本, 提高学生的技术素养, 提高学生的综合实践能力”。在具体教学中, 我是这样考虑的:
(1) 承前启后, 导入新课。本课首先通过遮罩层动画的实例展示, 点明本课的教学内容, 又通过一个以前完成的动作补间动画实
●管磊, 王辉
例的操作, 直接引入到遮罩层动画的知识。以操作促理解, 点拨难点。学生的自主学习和探究学习, 必须有一定基础知识背景, 否则就只能盲目尝试。在讲解遮罩层动画的知识时, 先不要求学生知道为什么, 只要求学生能操作完成遮罩层动画的设计, 然后教师通过一系列的教具操作, 来帮助学生理解知识, 达到事半功倍的教学效果。
(2) 精选实例, 层层引导。在学生掌握了一些遮罩层动画的知识后, 利用一系列有递进式关系的遮罩层动画实例子, 引导学生进行深入学习, 大胆地让学生尝试练习。打开一个动作补间动画, 完成转换为遮罩层动画的操作, 在操作中要求学生观察“层”发生的变化:层发生了什么改变?为什么会发生这样的变化?能否去操作尝试完成相同的操作?在开始讲解遮罩层动画时, 并不过多讲解原理, 只要求学生能先完成操作, 再由操作中获取的知识, 来理解遮罩层动画的知识。在操作过程中学生有一些解决不了的问题, 可以通过教师的引导, 学生的相互分析、讨论, 完成对知识的深入掌握。这个环节充分体现了学生的自主性, 让学生在不断尝试中得到新知, 体现学生是学习的主体, 学生把教材、同学、教师都作为学习的帮助者, 目的是为了自我学习。
(3) 设置难点, 鼓励尝试。学生在完成初始任务后, 掌握了一定操作方法, 就有一种创作欲望。这时教师给出一个有难度的实例, 这些实例学生不一定能够完成, 但青年的心理特点是勇于尝试, 这也为以后的课做了一个准备, 牢牢抓住学生的心, 也就有利于完成知识的传授。
四、教学设计的特色
一、教材分析
《旋转的地球—flash遮罩动画》一课根据河北人民出版社出版的《信息技术》八年级教材(河北省教育科学研究所编)中第一单元第7课设计,讲授的内容是遮罩动画。遮罩动画是Flash动画的重要组成部分,与前面的逐帧,形变以及运动动画相比有着较大区别,前三种动画效果直观,明显,容易理解,而遮罩动画则比较抽象,但是它制作的动画效果比较奇特,能够实现其他动画实现不了的特效,在本教材中起着由浅入深的过渡阶段。
二、学生分析
学生学习知识是一个动态的过程。学生认知的效果,完全取决于学生是否以积极的心态参与认知活动。本课教学的对象是八年级的学生,通过前四节课的学习,学生已经掌握了如何制作形状补间动画和动作补间动画,并对帧、图层,库,元件有了一定的了解。所以在这节课的教学中注重让学生利用前几节课所学的知识和掌握的技能,在任务情境中,引导学生自主探究,从而进行新知的构建和知识的迁移。
三、教学目标的确定
本课本着信息技术教学中落实素质教育和创新能力的培养,这一指导思想,结合这节课教学内容及八年级学生的特点设定目标如下:
1.知识目标:让学生掌握遮罩动画的含义和制作方法。
2.能力目标:注重培养学生自主探究、分析问题、解决问题的能力。3.情感目标:
(1)培养学生的探究思维、创新意识。
(2)培养学生勤奋踏实和善思躬行的学习态度。
四、教学重点、难点
教学重点:遮罩的含义及遮罩动画的实现方法。教学难点:遮罩与被遮罩关系的分析。
五、教学方法
1、教法:
通过的任务引导学生在实践中发现问题、分析问题、解决问题,完成自主探究学习的学习模式,充分体现学生是学习主体,教师是主导的教学思想;通过学生自主探究来发现问题、分析问题并解决问题;通过任务分层和网页文件来帮助指导学生完成自学和自我的提高。
2、学法: 任务驱动、自主探究
七、教学准备
课前准备:将上课用的文件:旋转的地球学习网、素材.fla通过极域教学软件发送到学生桌面,为学生的自主探究过程调用。
八、教学过程
(一)情境导入
音乐,相信大家都爱听,在开始今天的课之前,老师先给大家播放一段音乐(播放音乐),熟不熟呀?什么音乐?那大家有没有想起片头的这段动画(播放动画),大家看,这作为一个被亿万人民天天关注的节目的片头,肯定经过无数大师精心雕琢。其实呀,它这段动画的制作也并没有大家想象的那么神秘,它就是用了flash的一个遮罩功能。今天老师就和大家一起尝试探究下怎么样用遮罩动画来制作出旋转的地球(屏幕显示标题)。大家看,我们最终实现的动画效果就是这样的(播放动画:图1)。
动画效果展示:
图1
(二)知识讲授
师:现在,请大家先从字面思考下什么是遮罩(停顿2~3秒),谁来回答?
{学生思考并回答} 师:总结学生回答。引入本节课的重要概念:
遮罩体:用来挡住其它物体的叫遮罩体。被遮罩体:被其它物体遮挡的叫被遮罩体。
师:现在对遮罩体和被遮罩体,大家理解了吗?接下来,老师给大家演示一个简单的实物遮罩动画,大家看,老师手里拿了两张一样大小的、可以重叠的纸,一张纸上抠了个圆,我们将它作为地球轮廓,另一张我们把它作为地图,大家注意观察(演示),动画看完了,针对这个动画,老师这儿有 三个问题,需要大家帮忙分析一下(幻灯片展示问题)。问题一:在这个动画中最基本的元素是什么?
{生分析:基本元素:地球轮廓、地图}
问题二:在这个动画中遮罩体是什么,被遮罩体是什么,谁在前,谁在后?
{生分析:遮罩体:地球轮廓;被遮罩体:地图。地球轮廓在前,地图在后——遮罩体在前,被遮罩体在后,图层位置就是遮罩图层在上,被遮罩图层在下。}
问题三:在这个动画中运动的是什么,静止的是什么?
{生分析:运动:地图;静止:地球轮廓。}
(三)任务驱动 师:通过对以上3个问题的思考,我们对旋转的地球这个动画就有了一个直观、深刻的理解,接下来,就请大家来试着制作这个动画。大家打开学习网站,看过程探究,尝试着完成任务一:导入元素。{生:打开学习网站,尝试完成任务一} 师:完成这个任务之后,就像刚刚老师演示的实物动画一样,我们手里已经有了地球轮廓和地图了,下一步我们需要做的是用地球轮廓遮挡地图,并且让地图动起来,怎么样在flash中实现这个动画效果,请大家尝试完成任务二(制作受光面地图遮罩),这个任务是本节课的重点,也是本节课的难点。
{生:尝试完成任务二} {师:巡视、指导} 师:引导学生找出巡视中发现的问题原因并找出解决办法。
{生:演示} 师:大家看,他的操作有没有问题?
{生:分析}
师:但是这里有一个问题,为什么我们看不到地球轮廓呢(图2)?这里先埋个伏笔,下一个任务我们就先来解决这个问题,请大家完成任务三。
图2
{生:完成任务,演示} 师:现在老师来说说为什么在完成任务二后看不到地球轮廓,原因是因为遮罩只决定看到的形状,而不能决定看到的内容,所以我们要想看到遮罩的内容,只能再加一个前景图层并且在这个图层中放遮罩体。完成上面这三个任务后,就基本已经实现了旋转的地球这个动画(图3),但是,大家来比较一下,现在我们完成的这个动画和一开始老师给大家播放的动画(图4)有什么区别?(幻灯片显示两个动画)
图图4 {学生对比两个动画、分析区别——完成任务3后缺少后面的地图} 师:这个效果是如何实现的呢?这是们这节课的拓展任务,请大家在课后参照任务四完成动画。并在下节课给其他同学展示一下你的作品。
(四)小结:
师:我们理解了遮体体和被遮罩体两个概念概念:
遮罩体:用来遮挡其它物体的叫遮罩体。被遮罩体:被其它物体遮挡的叫被遮罩体。
师:并以旋转的地球为例,知道了制作遮罩动画应该有以下四步:
1、分析出基本元素
2、分析出遮罩体和被遮罩体
3、分析出运动的无素
4、制作遮罩动画
课型: 上机
教学目标:
课时:1课时 了解动画制作中遮罩动画的制作 重点难点: 探照灯效果
教学过程:
1)选择菜单File->New,创建一个新电影。
2)选择菜单Modify->Movie,弹出电影属性对话框,将其中的Width(即工作区宽度)设置成350px,Height(即工作区高度)设置成80px,Background(即背景色)设置成白色,单击OK按钮,关闭对话框。
3)探照灯效果制作(1)、将背景色设置成黑色,在场景中使用文字工具录入文字,大小适中,颜色任意,放置在舞台中央(利用对齐工具将文字相对于舞台居中)(2)、新建一个图层,放在文字图层的下方,在舞台里使用椭圆工具绘制一个白色的圆,大小能完全遮盖住文字即可,并放置在文字的左边
(3)、在圆的图层的30帧处插入关键帧,将圆拖动到文字的右边,选择第一帧,创建动作补间动画
(4)、选择文字图层,设置遮罩,并按ctrl+回车测试影片播放
课堂小结
本堂课主要介绍了利用遮罩制作探照灯效果
课后作业
能独立表述动画制作中涉及的基本概念并能自己动手完成动画制作的一般步骤。【过程与方法】
通过制作“移动的小球”动画,了解FLASH动画制作的过程,并从中总结出动画制作的主要步骤。
【情感态度与价值观】
在理论学习和动手操作的过程中,激发学习动画制作的兴趣,并且逐步培养乐于接受和探究新知识的精神。
二、教学重难点 【重点】
Flash动画制作的一般过程,基本操作方法以及任务的实现。
【难点】
初步理解关键帧和动作补间动画的概念。
三、教学过程
环节
一、创设情境,课堂导入
老师出示“小破孩”动画作品。告诉学生这是用Flash制作的。
同学们,老师今天给大家带了一个很有趣的《小破孩》动画短片。大家一起来看一下。动画播放完了。昨天,我们已经认识了flash,这个小短片啊,就是用flash制作出来的。
大家想不想也能做这样的短片呀?非常想,好,那我们今天就来尝试一下。刚刚小短片中有一个片段是小破孩把皮球踢向墙壁,结果皮球弹回来砸到了他自己。这一段很好玩。我们就来做这一段中那个滚动的小球,大家觉得怎么样? 环节
二、分析任务 1.Flash影片的制作过程: 动画小本--确定演员(元件)--制作动画--测试--发布。
首先要有一个构思,我们称为动画小本,其次就像电影都有演员,我们动画也是有对象的,我们把它成为元件。元件其实就是可以重复使用的对象。再次我们就可以开始制作动画了。那么动画有没有达到我们想要的效果呢,我们对它进行一个测试,测试通过了之后我们就可以发布了。
2.小球滚动效果图展示以及任务的分析:小球由左向右滚动,而这个任务中涉及的要素就是小球(图形元件)。
环节
三、任务完成 1.创建元件:
“插入”——新建元件——创建新元件对话框——名称“小球”,类型“图形”——画圆
师:正圆怎么画了? 生:按住shift键好,圆画好了之后呀,我们要点击场景1返回到场景中,不然等一下我们就都在元件里进行操作了。
2.关于小球移动的具体操作,老师配备了助学课件。大家运用上节课掌握的基础知识以及助学课件的帮助来尝试着做一下小球由左到右的滚动效果。给大家10分钟的时间。
3.收集学生遇到的问题:
(1)小球闪一下就不见了(关键帧,空白关键帧)第1帧直接拖到第30帧,这时候第1帧变成了空白关键帧,关键帧只有一个。(2)小球不动
没有创建补间动画。重新回顾一下步骤。
在场景1中,我们选定第一帧,单击鼠标右键,创建初始关键帧。关于关键帧这个概念大家有点陌生。但是我们昨天已经学过了帧的概念。谁来回答一下?帧是某一个特定时刻的一个画面。嗯,很好,那么关键帧呢,其实也是帧的一种。大家想一想关键帧有什么特点?结合你们刚才的操作。关键帧可以让小球在舞台的左边变到右边。很好,关键帧最大的特点就是可以对画面进行修改。关键帧创建好了,这时候小球该登场了。小球在哪里啊?库里,非常好。我们用选择工具将小球拖到舞台的左侧,然后将大小和背景调节一下。初始关键帧就创建好了。接下来我们小球要在右边,那就还需要一个结束关键帧。将鼠标选定第30帧,点击鼠标右键,创建关键帧。然后将小球移动至舞台的右边。好了,那么小球如何才能由左向右移动呢。我们就要在1帧和30帧中间的任何一个位置单击鼠标邮件,有一个选项创建补间动画。点击后计算机就会为这个小动画创建一个连续的动作补间动画。我们就能看到小球从左边慢慢移动到右边了。解决问题。环节
四、展示评价
1.让学生代表展示制作的成品,鼓励学生谈谈自己的制作思路,遇到的问题及解决办法。
2.学生在互评的过程中,引导学生思考完成同一任务的不同方式,寻找最优的制作方案,互相提出优化建议。
3.教师最后做小结性讲评肯定学生们的作品,指出具体改进方案,鼓励学生继续努力。总结:制作动画的核心和关键点。
四、板书设计
五、教学反思
|《信息及其特征》
一、教学目标
【知识与技能目标】 1.能够举例说出身边存在的信息。2.学会判断信息所具有的特征。
【过程与方法目标】通过自主探究、小组讨论,建立起对信息及其特征的感性认识,不断提高自己判断能力。【情感态度价值观目标】 通过举例身边已有的信息,逐步提升自己的信息素养,增加对信息技术学科的喜爱。
教学重难点 【重点】 能够举例说出身边的信息及信息的基本特征。【难点】能够根据描述正确判断出体现出信息哪方面的特征。
三、教学用具 多媒体
四、教学过程
环节一:导入新课 开展“听口令做动作”的游戏引导学生说出信息的含义(信息的基本功能是消除认识上的不确定性)。游戏的规则如下: 第一步:闭上眼睛,听指令进行操作。不许说话、不许提问;第二步:请同学们拿起桌上的白纸,将纸对折、再对折;第三步:将右上角撕掉,放在口袋里,剩下的旋转180°。再将左上角撕掉,也放在口袋里;第四步:睁开眼睛展开手上的纸,用双手举起,相互对比一下。预测会有很多种不同的结果出现,就此学生会提出是由于信息不充分、不确定性多造成的。环节二:新课讲授(一)重复游戏,总结信息的作用 重新开展上述游戏,此次欢迎大家随时提问,教师将一一回答。预测游戏中,学生的问题如下: 问题1:是横向对折还是纵向对折?(横向对折)问题2:开口朝上还是朝下?(朝上)问题3:右上角和左上角分别撕成什么形状?大小是多少?(大约2厘米的正方形)问题4:顺时针旋转还是逆时针?(顺时针)预测大多数同学的结果是一样的。教师请少数结果有偏差的学生归纳总结出产生差异的原因具体是什么?(没有听清楚,信息传递偏差导致结果有错误)进而得出信息是“用来减少不确定性的”。
(二)梨子为媒,探究信息的本质 拿出梨子,提出问题: 问题1:“这是什么?”(梨子)问题2:“根据什么判断是梨子”(通过观察物质的形状、颜色、经验等)问题3:能吃吗?(学生拿在手上观察、感觉一下,回答能,还没有变坏)归纳总结出信息的定义:信息是事物的运动状态及其状态变化的方式。为了让加深大家对信息定义的全面性了解,请大家打开学习网站领略信息学大师们的定义
一、定义二。此后,在信息的定义三里,提交自己对信息的理解和认识。(三)思维拓展,深入挖掘特征 请同学们借助教材和视频资料自学信息的特征,自学结束后采取以竞赛问答的模式检测学习效果。
问题1:APEC会议的议题可以通过看视频、看报纸、听广播等多种形式获取,体现出来信息的什么特征?(载体依附性)问题2:萧伯纳的苹果交换理论体现了信息的什么特征? 问题3:小明于五一黄金周后的第二天前往某电影院购买打折电影票,结果被告知此活动仅限在五一黄金周内有效,过后无效,这体现了信息的什么特征? 环节三:巩固提高
请同学们以小组为单位,列举更多体现信息不同特征的实例。(扬名千里、真假难辨、一传十十传百、红灯停绿灯行)环节四:小结 教师对学生的总体表现做总结,并引导学生谈收获、交流经验与心得。
2013-2014年度第二学期
教学课时
第一节 初识FLASH
第二节 FLASH简单动画制作
第三节 基本工具的使用
第四节 直线运动和绘图工具
第五节 巩固
第六节 文字特效制作
第七节 引导线的制作应用
第八节 按钮的制作一
第九节 按钮的制作二
第十节 测试与遮照一
第十一节 基础知识复习及遮照应用二
第十二节 遮照应用三
第十三周 遮照复习
第十四节 ActiontScript语句的使用
第十五节 声音处理和引导页制作
3课时 4课时 4课时 4课时 3课时 4课时 4课时 4课时 4课时 4课时 4课时 6课时 4课时 4课时 4课时
第一节 初识FLASH 教学课时:3课时
教学目标:熟悉FLASH的工作环境,掌握最基本的概念 教学重难点:层和元件的概念及简单运用
教学过程:
一、FLASH特点:
使用矢量图形和流式播放技术。矢量图形可以任意缩放尺寸而不影响图形的质量;流式播放技术使得动画可以边播放边下载,通过使用关键帧和图符使得所生成的动画(.swf)文件非常小,几K字节的动画文件已经可以实现许多令人心动的动画效果,把音乐,动画,声效,交互方式融合在一起,越来越多的人已经把Flash作为网页动画设计的首选工具。
强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画,通过ACTION和FS COMMAND可以实现交互性,使Flash具有更大的设计自由度,另外,它与当今最流行的网页设计工具Dreamweaver配合默契,可以直接嵌入网页的任一位置,非常方便。
总之,Flash已经慢慢成为网页动画的标准,成为一种新兴的技术发展方向。
二、熟悉工作环境
1、主要分为
舞台 就是工作区,最主要的可编辑区域。在这里可以直接绘图,或者导入外部图形文件进行安排编辑。就像演员表演的舞台,动画呈现在舞台上,超出舞台的区域就为不可见,也就是幕后,FLASH动画也要十分注重舞台和幕后的共同设计。
时间轴窗口 用它可以调整电影的播放速度,并把不同的图形作品放在不同图层的相应帧里,以安排电影内容播放的顺序。
绘图工具栏 放置了可供图形和文本编辑的各种工具,用这些工具可以绘图,选取,喷涂,修改以及编排文字,还有些工具可以改变查看工作区的方式。在选择了某一工具时,其所对应的修改器(Modifier)也会在工具条下面的位置出现,修改器的作用是改变相应工具对图形处理的效果。
标准工具栏 列出了大部分最常用的文件操作,打印,剪贴板,撤消和重做,修改器以及控制舞台放大比例的图标和选项,便于进行更为快捷的操作。
图库窗口 用以存放可以重复使用的称为符号的元素。符号的类型包括有图片(Graphics),按钮(Button)和电影片断(Movie Clip)。其调用的快捷键为Ctrl-L。学习FLASH也要养成良好的习惯,其中建立元件就是最基本也是最重要的,元件存放在图库中,这样便与元件的重复使用以及统一修改。
控制器面板 控制电影的播放操作的工具集合(包括影片的前进后退暂停等),一般不大常用,处于隐藏状态。
2、逐步介绍各个区域(1)时间轴
时间轴(Timeline)是Flash中最重要的工具之一。用它可以查看每一帧的情况,调整动画播放的速度,安排帧的内容,改变帧与帧之间的关系,从而实现不同效果的动画。
状态栏中的 为洋葱皮(Onion skin)按钮,其作用是在显示播放头所在帧内容的同时显示其前后数帧的内容。当点击该按钮时,播放头周围会出现方括号形状的标记,其中所包含的帧都会显示出来,这将有利于我们观察不同帧之间的图形变化过程。
和 的作用一样,只不过它只显示各帧图形的轮廓线。当我们需要同时编辑多个帧时,按下按钮就可以了,但要注意,它只对帧-帧动画有效,而对渐变动画无效,因为渐变动画是通过定义关键帧再插值的方法实现的,所以其中内插的帧是无法编辑的。是洋葱皮修改器,用于改变洋葱皮的状态和设置。其后的三个数字分别为当前播放头所在帧号,动画播放速度以及以此速度从头播放到当前帧所需的时间。时间轴窗口右上角的 可以用来调整时间每个单元格的宽窄大小,各人可根据自己的喜好,动画的长短等因素进行修改,以便于实际操作。
(2)元件和层概念及运用
在讲动画形式之前先讲元件和库的概念,教学生建立元件的方法及必要性。
空心小圆圈表示空白的关键帧,没有内容,例如在新建一个动画文件时出现。先建立一个元件,然后在场景中拉入元件 拉入后成实心点,有内容就成了实心点 单独的关键帧为一黑色圆点,后面为灰色表明其后各帧的内容与其一致,没有变化。
实例分析:背景色的设置;相同小球的组合绘制 要点:选择工具的使用(任意变形和整体选择操作)圆形的绘制(shift画正圆); 建立元件(元件的概念)组合 CTRL+G 打散 CTRL+B 直线工具的使用
元件主要有两个优点:可以重复使用和统一修改
介绍元件建立的两个方法:插入――建立新元件或者选择对象转换为元件。
(3)图层:通过实例ceng及clx掌握图层
关于图层(Layer)的概念,学过Photoshop的人都不会陌生。形象地说,图层可以看成是叠放在一起的透明的胶片,如果层上没有任何东西的话,你就可以透过它直接看到下一层。所以我们可以根据需要,在不同层上编辑不同的动画而互不影响,并在放映时得到合成的效果。使用图层并不会增加动画文件的大小,相反它可以更好帮助我们安排和组织图形,文字和动画。图层是Flash中最基本而且重要的内容,因而需要很好地掌握:
在实例(ceng)中学习下面的知识。左图是一个典型的图层例子,图中所示共有十一个层。其中用黑色标识带有一支铅笔 标志的层为当前正在编辑的层。如果该层不能被编辑,则会显示 图标。在这些层右上方有三个图标,其中 可以控制该层是否被显示,默认状态为正常显示,在对应下方用 表示,如果点击这个黑点,则会出现,同时该层被隐藏,隐藏的层不能被编辑。用来控制是否锁住该层,被锁住的层可以正常显示,但不能被编辑,这样在你编辑其它层时,可以利用这一层作参考,而不会误改了这一层的内容。可以控制是否将层以轮廓线方式显示,点击对应的黑点,会出现,再点一次恢复正常。这几个功能可以同时起作用。
(4)动画形式 分为运动动画和渐变动画
运动动画:例如一个小球从左边运动到右边 表示运动渐变动画,关键帧用黑色的圆点标识,内插帧用黑色的实线表示,背景为淡紫色(浅蓝色)。虚线说明中间的过渡存在错误,无法正确实现内插。
两个例子:一个是小球位置的改变,另一个是颜色透明度的改变。
渐变动画:例如圆变方块!表示变形过渡动画,关键帧用黑色的圆点标识,内插帧用黑色的实线表示,背景为淡绿色。同样如果中间出现错误,也会出现虚线!主要是两个例子,圆变方块和英文字变中文
其中要注意对象要打散,文字要打散两次。比较和补间动画的区别。下面两个略作了解
字母a表示该帧已通过帧属性对话框指定了action。关于action以后会详细介绍。小红旗表明该帧有标签或注解。
三、小结
通过本次课的学习,学生要理解并掌握元件和层的概念及简单运用。要注意以下几点:
1.元件存在库中,方便重复使用和统一修改 2.一个元件对应一层
3.层之间上下叠放,可改变顺序
4.动画的两种形式,补间动画包括位置和颜色透明度的改变。形状动画要注意对象要打散,其中文字的打散要用两次CTRL+B。
第二节 FLASH简单动画制作
教学课时:4课时
教学目标:
1、复习巩固FLASH中最基本的概念(元件、图层)
2、掌握两种动画形式:补间动画和渐变动画
3、掌握时间轴上帧的操作(插入、删除等)教学重点:应用工具画图,并制作动画 教学过程:
一、复习巩固
主要是在上节的基础上完成进一步动画 做完的同学可以进一步练习两种动画形式,主要为物体透明度的改变和文字的变形。
记住三句口决:
1、一个对象一层
2、一般一个对象要转换为元件
3、在形状动画中不要建立元件,对象要打散
二、实例运用1 上节课已经学习了两种最基本的动画形式,这次课我们就先来综合运用一下。实例1 哭脸变笑脸
1、先给学生看最后的效果
2、分析 要分为几层?
五层 脸、眼眶、嘴、左眼、右眼 为什么要用5层?
嘴一层 要进行动画制作,因此要单独一层
左右眼珠分两层,眼睛看起来灵活些,也更方便些
几个注意的地方:
线条的粗细可调整;对象的大小可调整(直接修改数值比较精确);对象要对齐可用吸附工具,也可以借辅助线用方向键进行微调整;嘴是要变形的,打散状态(右键-分离 弧线才可变形,选中的对象不能改动);F5普通帧(删除帧),F6关键帧(清除关键帧),补间动画FLASH自动生成。思考:眼睛怎么转动? ―――元件的运动。分析:眼珠要四周转动,需要四个关键帧
三、综合实例
1、看实例2
进行分析:主要是混色器的使用
关键步骤:先画一个圆,线条可调整;
选择渐变的圆,在混色器中进行调整(小块往下拉就删除),调整到合适的效果(用颜料桶填充);
要做圆环,在大圆中再画一个小圆,小圆在选中状态下可以改变位置,调整大小等。(要注意,放开就不能改了)。改变大小时,SHIFT是左上角调整,ALT则是以圆心调整;
要做成补间动画(形状动画也是成立的,但没什么效果。自己要多试,可以意外发现一些效果)补间动画 顺时针 40帧 循环3次(24帧为1秒)
思考字母变形的做法(结合上次课的练习)
四、学生动手创作教师节贺卡(有样例3)(20’)要求学生充分发挥自己的想象力,动手制作一张贺卡 主要包括几方面的内容:
1、文字的移动
2、文字的旋转移动
3、文字的渐隐(透明度的变化)
4、简单的动作设置(stop)
五、小结
通过本次课的学习,我们复习并巩固了FLASH的两种基本动画形式,以及运用了层来更好地表现动画。
第三节 基本工具的使用
教学课时:4课时 教学目标:
1、要求学生掌握渐变工具、多角星形工具、墨水瓶工具、文字工具的使用。
2、要求学生掌握修改菜单中的位图、元件、形状的菜单项。
3、掌握如何制作基本图形:圆环、星星、月亮、太阳、空心文字、门、窗、建筑物。
4、掌握位图的导入及矢量图的转换。
教学重点:基本图形的制作;如何导入和转换图片。
教学过程:
一、复习巩固
1、完成上次的作业(哭脸变笑脸的的例子和转动的圆环)
上传作业(新的作业平台的使用,上传原文件)。
二、新课引入
思考一下这个圆环是怎么做的?(实例)分析:
1、我们可以用上节课讲的大圆里画小圆的方法来完成,不过可能觉得还是有些麻烦的,上节课是为了特殊的渐变效果才用那种方法的,现在再介绍另一种方法:
2、关键步骤
选择圆形工具,边线设置为七彩色,线条粗细调节好(要做成一个环,数值比较大),填充色设为白色;
选中圆环,修改-形状-线条转为填充色; 墨水瓶工具填充线条;
注意点:修改-形状-线条转为填充色,否则无法实现(会把七彩色盖掉)
三、实例教学
1、多边形工具的使用
太阳的制作主要步骤:
选择矩形工具下面的小箭头,选择多边形工具,在选项中进行设置,样式:星形 边数 10 星形顶点大小 0.5(数量越小就越尖)可以具体演示两种效果,让学生比较掌握;
填充色设为黄色渐变(渐变工具的再一次复习巩固);
画一个深黄色的圆,在上面画上眼睛和嘴(变形工具的使用)
有时间的同学自己创作画月亮(实例)
几点注意:月牙形的绘制;墨水瓶工具的填充线条
3、综合实例制作 分析:
整个动画分为三个主要部分(星星、高楼和汽车),一个个来制作
星星影片制作: 首先,绘制一个星星(图形元件),主要步骤同多边形的绘制;
再建立一个影片元件,名为闪动的星,注意区别影片元件和图形元件(参看足球的转动),让学生注意观察标记不一样
记住一句口诀:元件可改变颜色、透明度、大小等,都不会改变元件本身(可通过星星的制作具体演示)关键步骤:
画好星星后,新建一个影片元件,改变星星的透明度作一个补间动画,即为星星的闪烁;
复制一个影片,然后在此基础上修改,上一个是由亮到暗,这一个就是由暗到亮,这样可心使星星看起来闪动自然些;
星星这个影片做好后,让学生动手做星星。
建筑物的制作:
新建一个元件,画一个褐色填充黑框的房框
再建一个元件,画一个白色填充黑框的窗户,通过复制粘贴,做成4个窗口。然后选中4个窗口运用修改-对齐-顶端对齐和宽度均匀分布,使4个窗口排列整齐。通过复制(按CTRL拖动),画好多排多列窗口,一列选中调整对齐。其他几列操作也同。
选中所有窗口,按SHIFT,不选外框,然后把窗口设为灰色,再选几个设为黄色(以上的修改都是元件的修改运用)
另外一幢楼也是复制,然后进行修改,同样用了元件的修改。这个制作要特别注意的是对齐工具的应用。
回到场景中,星星一层,高楼一层,再另换一层,画路基(直线工具)要注意视觉上的真实感,按照路基的倾斜度调整高楼的形状。
汽车的制作:
主要是图片的转换
新建一个元件,导入汽车的图片,把位图转换为矢量图; 对图片进行处理,删掉白色的部分;
回到场景中,汽车也新建一层,然后就做汽车的补间动画,使汽车开动起来。
小结:
1、多边工具的使用
2、元件的属性修改应用(包括大小、颜色和透明度等)
3、对齐的使用
4、位图转为矢量图
第四节 直线运动和绘图工具
教学课时:4课时 教学目标:
要求学生掌握直线运动的补间。
2、掌握实例的编辑修改。
3、掌握铅笔工具及钢笔工具。
4、制作夜色中行驶的汽车、动感片头的制作 教学重点:教学重点:铅笔、钢笔工具的灵活使用 教学过程:
一、复习巩固
实例――夜色中行进的车 内容回顾
在上节课中已经完成了动画的一部分,星星的制作相信大部分同学已经学会了,接下来一部分同学还没完成高楼的制作,我们说要注意对齐工具的运用。
出现的问题
在画楼的时候很多同学都出现这样的问题,楼不能改变,这主要是元件没建好,一般是要有三人元件,一个是窗户,一个是房框,还要一个就是两者结合的楼。这样改变的时候其实是改变房框的形状。
二、进一步完成实例
1、汽车的运动
这里主要掌握知识点是位图转化为矢量图(修改-位图-转换位图为矢量图),把白色的部分删掉,把汽车放到场景中,制作汽车的运动。主要要注意起点和终点关键帧的设置。
2、路面、一些线的绘制
主要掌握钢笔、铅笔工具等绘图工具的使用
方法有多种,老师教的只是其中一种,大家都可以根据自己对绘图工具的使用,来完成各种绘制。路面的绘制
可以先画一个矩形(无边,灰色填充),然后用部分选取工具改变,使成为自己想要的范围 线的绘制
主要是中间一条灰色的线,有两种方法 方法一 由于并不要求很精确,可以先画完直线,然后再用橡皮工具擦掉中间不要的部分
方法二 可以把线条形式改为虚线,在自定义处可以进行修改(前面一个数值代表实线的长度,后面的表示中间空的地方的长度,一般为35,8)
3、画完这些线后,我们可以来看一下汽车是否沿着线开,可以根据线的倾斜度,调整一下汽车的起点和终点位置。
三、实例-标志动画的制作
1、先画静止的画面(实例)分析:
主要分为三部分 边、文本和图形
边的绘制比较简单,让学生自己完成;
字母的输入也不难,主要是设置多种字体,这里为三种,可以根据自己的喜好,任意设置三种字体,同时可以调整其大小。主要是图形的绘制
菱形的绘制只要画好一个矩形,然后旋转一下就可以了 关于旁边一个无规则图形的绘制,主要应用钢笔工具,来画出自己所想要的形状
2、让标志动画动起来(实例)
我们做每个动画之前先要对这个动画进行分析,哪些是动的,哪些是静的,动的又是怎么动的?(回想一下以前学过的一些动画形式,到这里应该怎么做)宗旨:不管用了什么方法,只要把效果做出来就好,同学们可以把自己所学的东西融会贯通,方法不是只有一种,老师介绍的方法是比较常用的,并不一定是最好的,大家可以通过多动手,或许就会发现更好的方法。学多了就会灵活运用,举一反三了!
我们仔细观察动画有几层,一般就是要做几个运动
第一,边是静止不动的,因此我们只要画好放在那里就行
第二,按动画动起来的顺序来看,菱形是最先动的,主要透明度的改变和旋转,这个并不难,学生应该已经掌握了,稍加分析即可。
第三,第二个图形在菱形还在动的时候就出现了,所以要在菱形变化有中间过程中开始做动画,主要是透明度有改变,后阶段是有和无之间的转变,主要通过插空白帧来实现。
第四,字母J是从上往下运动的,字符串esting,是从右往左运动的,还有co ltd则是和上面的图形一样,在有无之间的转变,方法同上。
到些,我们的动画基本就完成了,从中可以发现其实动画并不难,要通过我们的分析以及创造力来完成精彩的动画,我们在做的时候可以充分发挥自己的创造力,比比看谁的动画做得最精彩!
四、小结
1、学会绘图工具的使用(直线和钢笔等工具)
2、运动的几种基本形式的综合运用
第五节 巩固
教学课时:3课时 教学目标:
1、要求学生巩固椭圆工具、直线工具、填充工具、钢笔工具、变形工具、选取工具、墨水瓶工具、矩形工具的使用。
2、巩固图形元件、影片元件的创建。
3、巩固二类补间动画的特点。
4、巩固二类动画:变形动画、直线运动动画。
一、巩固复习
主要通过几个具体的实例来复习相关知识点
1、使用多边形工具、钢笔工具绘制(实例)
通过月亮和星星的画法,来巩固多边形工作和钢笔工作等画图工作的使用 主要知识点:月亮绘制(可用学过的多种方法,这里不再重复)
星星的绘制(多边形工具的应用。要注意设置,包括样式、边数、顶点大小等参数的设置)
2、用矩形工具及变形工具制作一个立体建筑物,再用重复使用元件制作下列效果图,制作中要注意使用多图层,才能产生建筑之间的叠加效果。(实例)注意几点:一是元件的重复利用;二是要使用多层(一般一个楼一层)三是利用CTRL工具进行楼房的形状调整,使其更具立体感。主要步骤:
先观察楼房有两种形状,一种是普通的立方体,另一种是稍变形的,有透视效果,所以我们首先要建两个元件。
先建一个元件,分两层,一层画房框(用矩形工作),一层画窗户(请注意转化为元件,以便于调整)。
再在库中直接复制元件,然后在新元件中用按CTRL进行微调整 画好路面(略)
把两个元件根据需要拖出来,并调整好颜色,同时要注意分为多层,以便于叠加(有前后顺序)
背景色填充(渐变工作的使用)
3、用二个关键帧制作变形效果(实例)此实例主要巩固学生对渐变填充工具的使用
动画分为两层,一层为背景,也是利用渐变填充(放射状)
另一层为变形动画的制作,即为星形变方形,要注意两个关键帧(即由什么变为什么),第一帧为星形。最后一帧为方形,中间创建形状动画。
4、有时间的同学自己动手画画卡通烟囱(实例)
二、检测(两节课时间进行考试,一共三题,具体要求等详见index.html)考试只是检测这一阶段的学习情况,老师根据同学中反映出来的问题,知道学生的掌握情况,对症下药,使大家尽快学会FLASH!创造出有自己特色的精彩动画!
第六节 文字特效制作
教学课时:4课时 教学目标:
1、复习巩固测试题。
2、掌握几类文字特效的制作。教学重点:各类文字效果的制作 教学过程:
一、测试分析
根据上次考试的具体情况进行小结点评
1、先说明一下这次考试的概况,总的来说大家完成得都还不错,这次的题目并不难,基本上都是最基础的,而且还都讲过的,大部分同学都只可以独立完成。大家起点都差不多,只要肯努力,一定可以学好的,入门很快,进一步提高要靠自己,学得快的同学要不断努力,一定能出成绩。
2、存在的一些问题:
小部分同学形状渐变还没掌握,可个别提问;
大部分同学侧面的调整做得不够好,细心调整即可;
个别同学星形变形不自然,原因是星形的边数问题,做的时候要看清要求,仔细研究;
注意生成swf文件(CTRL+ENTER); 要注意层的命名,养成良好的习惯。
3、表扬一些同学,并展示一下他们的作品(实例四个)
二、文字特效制作实战
1、阴影字的制作(实例)
技术分析:阴影字分析主要为两层,一层是文字层,一层是阴影层,且阴影层在文字层下面一层;阴影层就是文字层的复制、变色及变形 主要步骤: 新建一层,打入文字FLASH; 再建一层,复制粘贴;(CTRL+SHIFT+V就是原位置的粘贴); 颜色和形状的调整
2、浮雕字的制作(实例)
技术分析:原理同阴影字的制作,分几层,通过颜色调整,做出浮雕效果
3、打字效果的制作(实例)技术分析:文字要一个个出来,可以考虑用逐帧动画(请注意与补间动画的区别:补间动画是软件自动生成的)
主要步骤:先新建一层,导入背景图片;
再建一层,一共有21个文字,插入21个关键帧(F6);
在每一个关键帧处设置文字的个数,根据字打出来的效果,每帧依次多一个字。
4、五彩旋转文字(实例)
技术分析:文字的五彩填充,文字的旋转与缩放
主要步骤:新建一个元件,两次打散后,用七彩色填充;
建立一个动画,注意缩放和旋转的设置
学生可自己练习用中文字做五彩旋转文字,效果更明显些。
5、光线字的制作(实例)主要适用于掌握程度较好的学生 技术分析:文字的光线效果的绘制和元件的透明度的变化效果 主要步骤:新建一个元件,一个打散状态的字母和光线的效果,用直线绘制或者变形工具;
在一层中设置透明度的变化(由浅到深再到浅的过程);
其余做法同,为加强效果,要注意另外层的字母ABC的设置,一共有六层
6、残影文字的制作(知识拓展)主要是动作快的学生自己探索制作 提示:主要要几层文字的叠加效果,(每层文字的透明度设置不同,形成残影效果)
每层文字都设置成旋转动画,只不过开始有先后顺序,以致形成残影效果
三、小结:
文字的效果很大就是应用几层文字不同状态的叠加效果以及动画的开始时间的不同来体现文字的变化,掌握了以上的要点同学们经过自己的创造一定能制作出更精彩的动画!
第七节 引导线的制作应用
教学课时:4课时 教学目标:
1、复习掌握几类文字特效的制作(包括发光字和残影效果)
2、了解引导线的概念
3、学会用引导线制作简单动画 教学过程:
一、复习掌握文字特效
1、大概说一下作业批改情况
2、发光字体的制作
大部分同学把发光字体的动画过程都做出来了,说明大家对这部分掌握得还可以,还有同学没懂的及时问。大部分同学的共同点是字母没做好,上次说的矩形工具的微调整是一种方法,我们也可以用直线工具来画,然后用线性渐变填充。这样做出来的效果比较好,不会出现一些阴影被遮盖的现象,这是同学们最要注意的问题。当然也有个别同学做得比较好。让学生把发光字体做完并上传。
3、拓展题分析(实例)
在讲这前,先给学生10分钟左右的时间自学,看看自己动手能否做出来,然后再讲解,再让学生完成!在预习方面,同学们可以先看我的例子,自己想想应该怎么做,如果不会再仔细研究一下我的教案,不要急着问别的同学,思考过后再问,再听,效果会好不少。残影效果的制作分析:影子有几个就是有几层,影子的出现就是每层元件的出现时间不同,即每层往后退一帧,残影渐渐变淡,就是每层的元件透明度的逐渐降低。
主要步骤:建立一个元件1,两次打散后,用七彩色填充; 复制元件,命名为2,在原来的基础上用墨水瓶工具描白边; 第一层放入元件1,完成补间动画,顺时针,1次左右; 第二层第二帧放入元件2,透明度设为85%,动画同上;
同方法建层作动画,注意每层第一帧往后退一帧,元件透 度依次降低,一般10层左右;
注:在做新一层的时候不用重新拖入元件,可以用原位置复制元件(CTRL+SHIFT+V),然后再修改元件的透明度即可!
4、对于基础比较好的同学在全部完成的基础上,可以先预习下节课引导线的内容,也可以做一些拓展练习!
二、引导线的制作应用:
1、新课导入:(实例)先看实例,小球的 无规则运动
分析,其实小球是按一定的路径运动的,这个路径是不可见的,但是能引导小球的运动,这就叫做引导线,其所在的层叫引导层(在运行时不可见)
主要步骤:新建一层引导层,用铅笔工具画任意不封闭曲线,就是运动路径
新建一个元件,画个小球,作为一个运动对象
再建一层,把小球拖来,第一帧把小球的圆心放到曲线的起点(会自动吸附),在30帧左右插关键帧,把小球的圆心放到曲线的终点,这就是小球运动的起始点和终点
注:要使小球沿着引导线运动,一定要在起点和终点位置,使小球吸附在引导线上,否则不会按引导线运动!
2、学生能力拓展
完成快的同学可完成拓展练习1,层的原理类似于上次的残影效果制作
3、引导线的初步应用(实例)技术分析:树叶的自由飘落其实就是运用了引导线的知识,树叶的飘落路径就是引导线的路径
主要步骤同上一题,要注意树叶的绘制可用直线工具加上任意变形即可。
动作快的同学可完成拓展练习2,注意:只要在上题的基础上多加几个层,作与上题一样的引导层即可,当然为了省时方便,可把树叶飘落作为一个影片剪辑,然后一个个拖到场景中即可,当然也要稍注意时间先后。
三、引导线的进一步应用
1、骑山车(实例)
技术分析:车子的运动就是按路径的运动,山路就是路径 主要步骤:新建一个元件,用画图工具画好车和人
画好背景,包括山路
画引导线,只要复制已画好的山路即可(同路就是白色的线条)
把车的元件拖到场景中,起点和终点的设置对齐同上
在动画设置中选中“调整到路径”,车子才会比较自然地动,这是本例制作的关键!
2、动作快的同学可以进一步制作山车,可以让车轮动起来!(拓展练习)简单提示:画好车轮动画设置为旋转即可!
四、引导线的提高应用(拓展练习)
主要是针对基础比较好的同学,字母就是引导线,要注意中间要断开,才能动起来,文字层用逐帧动画做(原理类似于以前做过的打字效果),才有字是写出来的感觉,以后我们学了遮照层就不会这么麻烦了!
第八节 按钮的制作一
教学课时:4课时 教学目标:
1、复习掌握引导线的应用
2、介绍按钮的作用
3、学会按钮的简单应用 教学过程:
一、复习掌握引导线的应用
1、复习上节课的例子,提出一些完成过程中的问题
山坡的曲线的画法可用钢笔工具来画,具体演示下画法;
多片树叶下降,可用两种方法,一是使用影片剪辑,原理类似于以前学过的闪动的星星。还有一个方法是在引导层中可画多条引导线,引导层下面的图层只要在虚线中,均可被引导线引导。
2、复习上次课的引导线,主要通过实例来巩固(实例)
技术分析:小球的跳动就是引导线(当然也可用以前的动画,多创建几个补间也可),猫的变化就是两张图片的变化
主要步骤:①先完成管的绘制,要注意前后面的分层,否则填充就会出问题,然后再完成阴影面的制作;
②画好引导线,为折线形式,红色小球沿引导线运动;
③猫的两种状态(睁眼和闭眼)小球没砸到时睁眼,快砸到时闭眼且后退(用交换元件做可保持位置不变)拓展练习蝴蝶飞舞(拓展练习)提示:挥动翅膀的蝴蝶作为一个影片剪辑,在这个影片剪辑中,把素材中的图片导入,每张图片一帧,表示蝴蝶的不同状态,其中要注意每张图片位置要对齐,方法有两个,一个是打开时间轴的“查看多个帧”,另一个是交换元件
3、圆环的制作(实例)
为了进一步巩固引导线的动画,还要讲一个新的知识点,即小球绕圆环运动 技术分析:同样应用引导线做,关键是圆环的引导线是非闭合曲线,小球才能运动,技巧就是用橡皮把圆环打开缺口。
主要步骤:①先建一层,画一个圆(无填充)
②添加一层引导层,把圆复制,然后把引导层中的圆用橡皮等工具打开缺口,使圆环成为一个非闭合曲线(物体的运动是遵循就近原则,如果不断开,只会作就近小半圈的运动)③小球的始末状态的设置,第一帧在缺口的一端,最后一帧在缺口的另一端。思考:地球绕着太阳转(椭圆形轨道同上例)
拓展练习中的玩具火车的运动(单轨和8字形轨道,有兴趣的同学可以自己尝试一下)
二、按钮的制作:
1、基本按钮的制作(实例)插入新元件,元件类型为按钮,即可见如下界面
一般在以上四种状态下放置四个不同的元件,即可制作出一个按钮效果。下面以变形按钮为例介绍制作步骤。
①插入新元件,元件类型为按钮,并命名该按钮为“变形” ②单击选中“弹起”,并绘制一个蓝色长方形 ③单击选中“指针经过”,按F6,并删除蓝色长方形,绘制一个绿色长方形 ④单击选中“按下”,按F6,并删除绿色长方形,绘制一个红色长方形
做完后查看效果,并据此讲解四种状态具体表现,其中第四个“点击”在此并不能体现出来,以后具体碰到再说,先掌握前面三种状态设置
2、用文字、图片、图形等作按钮(实例)在实例3的基础上演示文字作按钮,即在上面蓝色长方形的位置替换成文字就是文字按钮,演示一下即可,其中“点击”如果是实心的区域,比较容易选中 实例4分析:主要原理同上例,其中的水晶球可以自己画,也可以用提供的图片,同时也说明了按钮也可以用图片来做!
三、按钮的进一步制作应用
1、简单的动态按钮(实例)技术分析:小球是在鼠标放在按钮时下落的,所以动作发生在按钮四种状态的“指针经过”状态,小球下落又是个运动状态,所以在“指针经过”状态放的不是图片之类的,而是一个影片剪辑(相当于一个小电影)
主要步骤:①新建一个影片剪辑,在里面做小球下落并且透明度改变的动画
②新建一个按钮元件,在“弹起”状态中画上一个红色的长方形,在“指针经过”状态中放入我们已经做好的关于小球运动的影片剪辑
2、动态按钮引申(实例)技术分析:这个动态按钮的制作基本原理同上例,只是按钮元件的第一种状态中是空帧,就是没放上去时不显示,也就是我们所说的隐形按钮,拖入到场景中按钮元件呈现出半透明状态。
3、动态按钮综合实例应用(拓展练习二)
实例演示:礼花的绽放效果(鼠标点击,礼花绽放)
技术分析:鼠标点击引发的事件,即在按钮的,即为热区,按钮的动作就在这个热区触发。由于是鼠标点击下去才有礼花绽放的效果,所以在礼花绽放的影片剪辑中,第一帧是放入已做好热区的按钮。第二帧开始才是礼花绽放的动画,就是礼花这个图形的放大动画。然后在帧上及按钮上加上简单代码即可。
主要步骤:①新建一个按钮元件,在第四种状态“点击”中画一个实心区域(这里可画一个白色的长方形)
②新建一个影片剪辑,第一帧放入刚做好的按钮,因为不点击的时候事件(礼花绽放)不触发,第一帧加入动作stop,同时按钮的动作是点击就触发礼花绽放的事件,因此在按钮上加上动作on(press){gotoandplay(2);}这个动作语句可在动作面板中选择输入,不用自己输入(自己打入容易错,可用脚本校对)
on(press){gotoandplay(2);} 意思是按下按钮,开始第二帧动作
③在第二帧开始礼花的变化,导入礼花图片并转化为元件,然后作放大的动画
④最后在场景中拖入已经完成的影片剪辑,注意在铺满整个场景,点击的时候才能保证无论点哪里都有礼花绽放,比较逼真些。铺满时可用多次复制粘贴。
思考:鼠标放上去礼花绽放怎么做?(拓展练习)
提示:即在按钮的指针经过中放入影片元件 小结:
这节复习了引导线,以及新学了按钮的制作,在按钮的制作中要掌握以下几点: 按钮的四种状态的设置,明白各个状态的具体表现形式 学会用文字、图片等作按钮
学会动态按钮的制作,主要是影片剪辑的应用以及一些简单的动作
第九节 按钮的制作二
教学课时:4课时 教学目标:
1、复习掌握简单按钮的应用
2、介绍一些简单的动作语句
3、学会按钮上的一些简单语句的应用 教学过程:
一、复习掌握简单按钮的应用
1、复习简单动态按钮的制作
主要通过一些实例的制作来巩固练习
先讲一下上节课存在的问题:在动态按钮中,我们说要制作一个影片剪辑,这个按钮才会动起来。有几个同学另外的都完成了,但是还是不会动,原因就是大家在制作元件的时候选了图形而不是影片剪辑,所以才使动画不动。我们只要把元件的类型转为影片剪辑就可以了,当然要重新放入到相应的地方才行,不然还是原来的那个。(可以通过实例来讲解,以后学生在做的过程中碰到这类问题就不用重新做过了,在原来的基础上稍作一下改动就可以。)动态按钮巩固实例
技术分析:结合上周课讲的动画和按钮结合来完成
第一个按钮为按下去后动画(字向两边扩散,并变淡)的出现; 第二个按钮是鼠标放上去后动画(字变大并变淡的效果)的出现。大家可以根据平时所学的动画知识,应用到按钮中,可以充分发挥大家的想象力,作出各类按钮,这些按钮在我们以后各式网站的制作,特别是一些比较有特色的网站的制作中用的较多。
2、综合按钮的制作(实例)
技术分析:主要是背景的绘制以及按钮的动画(按钮放上去扩散效果)制作 主要步骤:①背景黑条的绘制,画两个圆角矩形叠加,删除重叠部分即可;
②小球的绘制,黑球上放白球,上面再写上字母e;
③按钮的制作,扩散效果的制作,小球填充效果第一帧用调色工具缩到最小,最后一帧用调色工具调到适当效果,创建变形动画;
④按钮的弹起状态中放入元件大圆和小圆以及数字,在指针经过中放上刚完成的扩散效果动画。(动画只要一次,用stop动作)在此要注意按钮中的分层,原理同普通的分层,我们可以把扩散动画放在下面一层,透过大圆展现出来。
⑤按钮的小圆动画制作,绿色变色小球为背景,黄色的曲线作水平转动动画
二、简单动作介绍(按钮制作实例 源文件)
1、复习上节课的按钮,做出礼花实例,比较发现问题,引入动作语句的应用
2、on动作命令
下面我们就详细地向大家介绍一下这八种事件的使用。
1、press 在鼠标指针经过按钮时按下鼠标按钮。单击press,然后选择动作语句,双击【全局函数】|【时间轴控制】中的play 命令。
完整的action是:
on(press){ //设定鼠标事件为按下,然后执行大括号里面的语句。play();//按钮响应后执行play(播放)动作 }
press动作
当然,在大括号里面还可以用其他的语句,比如说,gotoAndPlay(yourframe);//点击按钮后,就会从你设置的帧播放。
2、release 在鼠标指针经过按钮时释放鼠标按钮。单击选择release然后与第一个事件相同加入play命令。完成的语句如下:
on(release){ //当鼠标按下释放的时候,执行下面的语句动作。
play();//按钮响应后执行play(播放)动作。
}
release动作
可以看到,当鼠标左键按下按钮的时候,并没有激发播放动作,而是当鼠标左键放开的时候,执行了播放动作。这也是与“press”事件不同的地方。
3、releaseOutside 当鼠标指针在按钮之内时按下按钮后,将鼠标指针移到按钮之外,此时释放鼠标按钮。添加语句的方法同上。完整的语句如下:
on(releaseOutside){ //当鼠标在按钮外部释放的时候执行下面的语句。play();//按钮响应后执行播放动作。}
releaseOutside动作
通过这个例子我们知道,当鼠标左键在按钮上按住并移动到按钮以外的地方放开后,触发了按钮的动作。这是一个具有非常想象力的事件,大家可以利用on的这个事件来制作游戏。
4、rollOver鼠标指针滑过按钮区域。制作方法同上,完整的as语句为:
on(rollover){ //当鼠标滑动到按钮上时执行下面的动作。
play();//按钮执行播放动作。}
rollOver动作
当鼠标指针从按钮上滑过的时候,动画就开始执行播放动作了,而不需要点击它。我们可以利用on的这个特点来制作一些图示板,非常简单有效。
5、rollOut 鼠标指针滑出按钮区域。制作方法同上,完整的as语句为:
on(rollOut){ //当鼠标滑动到按钮上并离开时执行下面动作。
Play(): //按钮响应播放动作。}
rollOut动作
滑离与滑过并不是相同的,滑离是指鼠标滑动到按钮上并离开以后开始响应,而滑过是指只要鼠标滑到按钮上,就开始执行动作。
6、dragOver 在鼠标指针滑过按钮时按下鼠标按钮,然后滑出此按钮区域,再滑回此按钮。完整的as是:
on(Drag Over){ //当鼠标拖过的时候执行下面的动作。play();//执行播放动作。}
dragOver动作
拖过的效果是在按钮上点击并按住鼠标不放,移出按扭区,再移回按钮上触发的事件。
7、dragOut 在鼠标指针滑过按钮时按下鼠标按钮,然后滑出此按钮。完整的as是:
on(dragOut){ //当鼠标拖离按钮时执行下面的动作。play();//执行播放动作 }
dragOut动作
拖离与拖过有所不同,只要在按钮上按住鼠标左键然后移动到按钮外就会响应。与滑离的区别在于拖离需要按住鼠标左键。
8、keyPress(“key”)按下指定的键。对于此参数的 key 部分,需指定键控代码或键常量。
我们在(“key”)中键入“p”。完整地as语句为:
on(keyPress “p”){ //当按下键盘中的“p”健时执行下面的动作。play();//执行播放动作 }
3、结合动态按钮综合实例应用来说明上述的动作语句(实例)实例演示:礼花的绽放效果(鼠标点击,礼花绽放)
技术分析:鼠标点击引发的事件,即在按钮的,即为热区,按钮的动作就在这个热区触发。由于是鼠标点击下去才有礼花绽放的效果,所以在礼花绽放的影片剪辑中,第一帧是放入已做好热区的按钮。第二帧开始才是礼花绽放的动画,就是礼花这个图形的放大动画。然后在帧上及按钮上加上简单代码即可。
主要步骤:①新建一个按钮元件,在第四种状态“点击”中画一个实心区域(这里可画一个白色的长方形)
②新建一个影片剪辑,第一帧放入刚做好的按钮,因为不点击的时候事件(礼花绽放)不触发,第一帧加入动作stop,同时按钮的动作是点击就触发礼花绽放的事件,因此在按钮上加上动作on(press){gotoandplay(2);}这个动作语句可在动作面板中选择输入,不用自己输入(自己打入容易错,可用脚本校对)
on(press){gotoandplay(2);} 意思是按下按钮,开始第二帧动作
③在第二帧开始礼花的变化,导入礼花图片并转化为元件,然后作放大的动画
④最后在场景中拖入已经完成的影片剪辑,注意在铺满整个场景,点击的时候才能保证无论点哪里都有礼花绽放,比较逼真些。铺满时可用多次复制粘贴。
三、小结
注 意 ——在给动画作品添加按钮的时候应该放到单独一层,这样便于修改。
提 示 ——on为按钮上的动作,所以我们必须首先要选中按钮,以后才可以添加on语句。有的朋友在论坛里面提问,“为什么我的on为灰色不可选状态?”原因就是你没有选中按钮。
技 巧 ——在一般flash作品中,大家不会有意区分这些on的功能的,一般采用默认的语句。如果没有特殊说明,你使用了拖离,滑离等事件来制作“replay”按钮,会让人们摸不着头脑的。
试一试 ——我们了解了on得这么多的功能,利用这些功能可以轻易的制作出flash课件,flash游戏里面的效果,大家不妨试一试。
分 析——on语句的功能与按钮息息相关,有按钮的地方一定会有on语句的使用。而有flash作品的地方,就会有按钮的出现,所以说on的重要作用不可忽视。今天向大家详细地介绍了on的各种功能,我们就可以结合按钮自身的特点,发挥他们的功能。
第十节 测试与遮照一
教学课时:4课时 教学目标:
1、测试学生引导线与按钮掌握情况
2、介绍一遮照的基本概念
3、学会一些简单遮照效果的制作 教学过程:
一、十月份达标测试
1、主要内容为引导线与按钮的制作检测,考试题目当堂下发,时间是一节课(40分钟)
2、进行简单分析
二、课前热身
1、通过回想以前做过的一些动画,把动画形式归纳如下: ① 直线动画(位置的改变,即为补间动画)② 曲线动画(引导线)③ 逐帧动画
④ 旋转动画(元件)
⑤ 透明度改变动画(元件)
⑥ 形状动画(非元件,打散状态)⑦ 缩放动画(元件)
2、几种动画形式区分(实例)(用一些例子说明,让学生巩固基本的动画形式)一般来说,我们的FLASH动画就是分为这几种形式,稍微复杂一点的动画无非就是这几种动画的结合,只要掌握了这几种基本动画,综合应用只要组合就可以了。
三、遮照的制作
1、新课的引入
观察教案上的TOP,思考:FLASH这几个字是一个会动的图片填充字效果。怎样才能动起来呢?这就是我们今天要讲的遮照。
我们说的遮照又是一种新的层形式,以前是引导层,现在又有了遮照层。遮照层相当于是一个窗口,遮照层下面的被遮照层上的内容就是透过这个窗口显现出来的。也就是说这个窗口是什么形状的,能看到的内容也是同窗口形状,在窗口以外的部分就无法透出来。
2、具体演示教案上的效果制作
3、遮照的应用:电影字幕的效果制作(实例)
在看每个遮照动画时首先分析动画的是哪个层(遮照层还是被遮照层?)
技术分析:文字透出彩色,即为彩色是背景,通过文字透出来,因此要做动画的文字上移是做窗口的,即为我们所说的遮照层,同时我们的背景就是被遮照层。主要步骤:①做好一个影片剪辑元件,内容为文字的上移;
②做好一个图形元件,内容为渐变的一个填充色;
③在场景中建好两个层,分别为遮照层和被遮照层(右键层,选择遮照层,下面一层会自动变为被遮照层);
④把各个元件放到相应的位置:影片剪辑元件(文字上移)放在遮照层,图形元件(渐变的填充色)放在被遮照层。思考:完成的同学完成练习一
4、基础较好的同学在完成上面遮照的例子后,可以思考下下面这些效果用遮照怎么做?作为下周课的预习思考。
练习
四、遮照应用小结:
我们在做遮照的时候要学会分析,搞清楚以下几个问题:
① 分析好哪一层是做“窗口”的,哪一层是通过窗口透出来的,哪一层是普通层,作为“底”而存在的?
② 动画是在遮照层还是被遮照层的? ③ 动画又是哪种动画?
④ 我们需要创建哪几个元件?
分析完后倒着做,先做好最基本的几个元件,注意元件类型(图形、按钮还是影片剪辑?)再建好层,注意层类型(遮照、被遮照还是普通层?),最后把最好的元件拖入到相对应的层中即可。第十一节 基础知识复习及遮照应用二
教学课时:4课时 教学目标:
1、概括复习前面所学过的一些基础知识
2、按钮巩固练习
3、遮照基本应用复习
4、学会一些稍复杂遮照效果的制作 教学过程:
一、测试分析及新知识的补充学习
1、每位同学可以根据测验的点评,作好相应的订正工作
2、主要存在问题(详见点评信息)其中白色背景还可以通过分离后有套索工作的魔棒去掉
3、详细讲一遍第二题按钮的制作过程,要求每位同学完成,并上传(实例)技术分析:按钮两种状态指针经过和按下,指针经过处是小棒的旋转,按下是静止的。
主要步骤:①首先分析共有几个元件(圆、有边的圆、小棒、静止的小棒组合、旋转的小棒组、一个按钮);
②静止的小棒组合的画法:变形中设好角度后运用复制加以应用,就画好一周的小棒;
③在影片剪辑元件中做好小棒的旋转;
④把做好的元件拖到按钮相应的地方,旋转的小棒放入经过状态中,静止的放入按下状态中。
引导学生自己分析要做些哪些元件,包括哪些动画,然后按照学生的思路一步步做具体的操作演示。
学生自己完成,教师个别交流
4、按钮实例完成后,补充一些按钮上的简单动作(实例)动作主要分为两种,一种是帧上的动作,一种是按钮的动作,大家做的时候要想清楚要做的动作是什么时候发生的,是在帧播放下去的过程发生的还是要对按钮做动作(比如按下)的时候发生的?搞清楚了这个,两种动作就不会混淆了。按钮动作 超链接 on(press){geturl(“网址”)} 方法:①在按钮上右键-动作,打开动作面板中,先设定按钮动作类型(on)在全局函数的影片剪辑控制中,选择on,然后再选择press,不需要自己写语句②选好了动作,接下去就选择具体要激发的事件—链接到一个网站,选择全局函数的浏览器/网络,其中的geturl,在括号中的打上双引号,在输入要链接的网址即可。注:在本地打开swf文件时出现提示语句:“不能与本地网络进行通信”,放在具体的空间上就好了。
循环一次的帧动作 在动画的最后一帧上做动作,让动画播放一次就停下来,选中最后一帧,右键-动作,打开动作面板后,在全局函数中的时间轴控制中选择stop,就表示动画播放到这里就停下来了。好就是使我们的动画只播放一次,不会循环播放,这都是根据具体的需要设定的。
5、针对学生存在的问题进行讲解,可应用选择性广播教学,让已经懂的学生继续进行完成,或者做下面的练习,还不明白的学生进行第二次讲解。
二、基础知识复习
对照整理好的基础知识点进行讲解,主要是第四部分,知识点和技巧,复习太多,学生一下子又难以全掌握,先复习前面五点,并挑出一到二个知识点作为一节课前5-10分钟的练习。下周的考点:钢笔工具的应用
三、遮照概念的复习
上周我们第一次接触了遮照,大部分学生已经会做了最简单,最基本的遮照动画,但不一定是真正理解基础上完成,这次课再来进行进一步的巩固以及一些拓展。概念:遮照也就是分为“遮”和“照”两个意思,在有文字或图形等的地方是“照”,即可从这个窗口(文字或图形)透出背景的内容,其余没有文字图片的地方就是“遮”,就把后面背景上的内容给遮起来了。
记住:遮照包含两层,遮照层和被遮照层,显示的就是两层的重叠部分,而具体内容由被遮照层决定,即看到的是什么,那一层就是被遮照层。
三、遮照实例制作
1、光束扫射效果制作(实例)
技术分析:文字是从光束中透过来的,因此光束在遮照层而文字是被遮照层,光束的扫射是一个旋转动画。
主要步骤:①做好一个图形元件,内容是一段白色的静态文字;
②做好一个图形元件,内容为用渐变填充的光束;
③做好一个影片剪辑元件,内容为光束的旋转动画;
④把各个元件放到相应位置:影片剪辑元件(光束转动)放在遮照层,图形元件(静态文字)放在被遮照层。
2、思考:完成练习一,比较和实例三的区别 从两个例子的比较中有更好地理解遮照动画
分析:第一个例子看到的是白色的静态的文字,所以文字在被遮照层 第二个例子看到的似乎是由白到黑色渐变的文字,思考:我们到底看到的是不是文字?还是通过文字透过来的光束? 结论:看到的是光束,我们说过看到什么是由被遮照层决定的,文字仍是白色的,所以我们看到的不是文字,而是有黑白渐变的光束,只是通过文字这个窗口显现出来的。因此光束在被遮照层,即把两层交换即可。注:要真正理解意思,而不是简单的两层互换!思考:完成练习
四、拓展练习一点通
本周拓展练习的内容是“按钮反应”,主要运用到按钮上和帧上的动作。
分析:在鼠标放上去时按钮就往上移动,再放下去就往下,人们在场景中看到的是一个个包括有按钮的影片剪辑。影片剪辑中按钮有两个动画(从下到上和从上到下),在第一帧 和中间一帧分别加动作stop,表示鼠标没放上前,动作不激发。按钮上加动作on(rollover),表示鼠标经过,play,就表示经过后激发动作,即按钮从下到上运动。
五、遮照应用小结:
a)在做遮照时要分清楚什么是遮照,什么是被遮照的?
关键记住显示的是两层的重叠部分,而具体显示的内容由被遮照层决定,即看到的是什么,那一层就是被遮照层。
b)遮照层和被遮照层两层都可做动画,我们的动画是在哪一层?
c)很多时候遮照不只有两层,还有两个普通层,一个在被遮照层下,一般用作背景;还有一层在遮照层上,一般是做一些和遮照同步的动画,有些还可在遮照层的基础上再作加工,比如说一些放大镜的样子等
d)分清楚遮照的这些概念以后,就可以用以前学过的知识做各类元件放在相应的层中,就可以做出我们需要的一些遮照效果。
第十二节 遮照应用三
教学课时:6课时
教学目标:
1、基本认识点复习(钢笔工具应用)
2、基本遮照动画巩固练习
3、多层遮照动画制作 教学过程:
一、基本知识点巩固练习
1、本周考点:运用钢笔工具画正弦曲线 提示:可用显示网格来较精确地定位
根据学生完成的具体情况进行适当的讲解。
2、复习知识点6到10,主要为元件的颜色改变及对齐工具的使用
二、基本遮照动画巩固练习
1、MTV字幕效果(实例)
比较上下两个动画有什么区别?上面一个动画就是上节课我们已经会做的只有两个层(遮照层和被遮照层的动画),而下面一个动画除了白色的FLASH,还有一个蓝色的FLASH作底。下面我们一起来分析下面一个遮照动画。
技术分析:白色的FLASH是一点点显现出来的,就像我们平日在看MTV时唱过的字颜色改变,(没唱过的字是蓝色的,唱过的字就是白色的),所以遮照是一个矩形渐渐变长的一个缩放动画,在白色还没显现之前是一个蓝色的FLASH,这个就是我们平时在做的普通层。要注意一点,要把我们的遮照层和被遮照层看作一个整体。主要步骤:①做好两个图片元件,一个是白色的FLASH,另一个是蓝色的FLASH。
②做好一个影片剪辑元件,内容是一个长方形的缩放动画
③建好遮照和被遮照层和普通层,注意普通层应在被遮照层 下面,不然遮照效果不能体现。
④把各个元件放到相应位置:影片剪辑元件(长方形的缩放动画)放在遮照层,图形元件(白色FLASH)放在被遮照层,图形元件(蓝色FLASH)放在普通层
思考:我们把遮照层和被遮照层位置互换效果一样吗?为什么?
2、光线照射效果制作(实例)
技术分析:总共分几层?哪层是遮照层,哪层是被遮照层?动画在哪层?
总共分四层,遮照层、被遮照层、一个普通层用来放背景,在最下面。分析清楚这些后我们再来看,遮照的时候发生了哪些变化?我们可以看到蓝色字变成了黄色,还有了白色的底(能更好地显示光照效果)
主要步骤:①先分析好要做几个元件,先做好。一共有四个元件(蓝色阴影字、白底黄色字阴影字、小圆、小圆动画影片剪辑)
②建好三层,遮照层、被遮照层、一个普通层,并分清楚各层的上下顺序。
③把做好的元件放入到相应的层中(蓝色阴影字在底层、黄色阴影字在被遮照层、小圆动画影片剪辑在被遮照层)思考:①练习一,边做边比较和实例一有什么区别?要注意的是我们要看到遮照小圆,因此小圆动画影片剪辑在遮照层和最上面一层(普通层才能显现)都有,是为了两层动画保持一致,且小圆应该有透明度的调整,否则会把下面的文字挡住。同时调整最上面小圆的透明度,可使被遮照层中的对象改变颜色效果,以适合不同的需要。②练习二,动作快的同学可自行完成,其中要注意的是背景层的黑白方块转动的元件要和被遮照层中的黑白方块转动旋转90度,不要重合,否则正好被挡住,不能看到字的效果了。当然,其实字是看不见的(在遮照层),只是通过方块黑白看出来的。
三、遮照进一步应用
1、放大镜效果(实例)技术分析:我们透过遮照看到的是放大的字,因此放大的字在被遮照层,看到的遮照范围是个圆,因此遮照层就是个圆的移动动画。而正常大小的字就放在底层,放大镜没经过时显现。可做好影片剪辑,再放到遮照层,也可直接在遮照层作动画,根据个人的习惯。不过,在场景的层中作动画比较直观点,不熟练的同学建议直接在场景中作动画。
主要步骤:①分析好我们动画中一共要有几个层后,先建好层,共四层(遮照层,被遮照层,两个普通层)②在遮照层中作圆的移动动画,在普通层中作放大镜移动动画,注意两个动画保持统一
③在被遮照层放入文字,并适当放大些,在最下面的普通层中放入文字,保持原来大小即可。
我们前面所做的遮照动画都是一个遮照层对应一个被遮照层,但有的时候我们要的效果不只是一层就可以做到的,这种情况下一个遮照层就要对应几个被遮照层,就像以前一个引导层可以引导多个被引导层一样。通过下面这个例子我们就可以看到用多层遮照能达到的效果。
2、多层遮照---地球转动(实例)技术分析:初一看好像是地球在转动,仔细分析也就是用了我们的遮照知识,只不过现在两张地图的移动都要透过地球这个窗口显现出来,还有两张地图是反方向移动,并且其中一张是水平翻转,这样看起来才比较像是转过去的。
主要步骤:①分析好我们动画中一共要有几个层后,先建好层,共四层(遮照层,两个被遮照层,1个普通层)②在遮照层和普通层中都放入地球,并且保证重合 ③在两个被遮照层中分别做两张地图的反方向移动,且在做两张地图的动画时要适当改变透明度,且要记得水平翻转,看起来才逼真一点,也符合逻辑。
注:在做地图移动时,可使始末两帧的地图图案保持重合,这样一次转动后才不会出现较大的跳跃。
四、其他遮照介绍 例子1 2 我们在看到另外比较精彩的遮照效果,大多都是在遮照层或被遮照层上作文章,做动画还是看以前积累的基础,现在都可以用到。用到较多的就是用多层遮照来做线的变化,写字,图片的切换(除了百叶窗外还有其他多种形式)等,这些就要求学生在边学习边创造了!
五、拓展练习一点通
这周要介绍的拓展练习内容是百叶窗形式展示图片,要点:两张图片之间的转换,其中一张在被遮照层,另一张在最下面的普通层,而百叶窗效果就是遮照层。分析清楚这点后,主要问题就是百叶窗的制作了,百叶窗就是由一个个从一条细线变形到一个矩形的影片剪辑组成的,直到铺满汽车图片即可。若要显示多张图片只要被遮照层和普通层多几帧,多放几张图片就可以了。
六、遮照应用小结:
通过前面几次课的学习,相信大家对遮照的原理应该有点熟悉,我们以后在做FLASH动画时很多时候都要用到遮照效果,用的好可使作品增色不少。在制作时要注意的时遮照和被遮照的关系,是单层遮照还是多层遮照?还有可用不同的遮照方法显示出相同的遮照效果,当然是层越少越简单最好,大家可以多看一些效果多分析多创作,相信大家各凭本领都能用好遮照这个技巧做出好的动画!
教学课时:4课时 教学目标:
1、复习遮照相关知识
2、通过考试了解学生对遮照的掌握情况
教学过程:
一、复习与巩固
主要是通过几个基本的例子复习遮照的相关知识
1、直线变化
提示:①有几层?
②分清楚哪个是遮照层,哪个是被遮照层? ③动画又是哪种动画?
思考:两种动画有什么区别?
不用遮照我们可以做这类直线动画,但对于曲线动画,用遮照就简单些了
2、曲线变化
提示:思路方法大致同上题,要注意做什么样的简单动画能让曲线一点点呈现?
3、图片的切换
先看看我们一些学区、班级的网站,有些图片的切换效果就是用FLASH做的,这里就用我们学过的知识也来试着做一做。先来学习下简单的只有两张图片切换效果的制作
提示:①有几层?
②哪张图片是被遮照层,哪张是背景层?
③切换效果的动画是个什么样的动画,怎么做? 思考:切换图片不只两张时,又该怎么做?
二、测试
三种遮照郊果:
1、字符遮照效果
2、舞台探照灯效果
3、图片切换效果
注:测试时间为两节课,可在测试前对部分学生进行适当的提示,当然也要适当扣分。
第十三周 遮照复习
第十四节 ActiontScript语句的使用
教学课时:4课时 教学目标:
1、遮照考试分析
2、ActiontScript语句的应用实例
一、试卷分析
绝大部分同学这次考试都表现得较好,但还有一些问题存在:
1、第一题,基本上同学都完成了,存在的问题是个别同学没有做好三层字叠加,往往都只有两层。
2、第二题,一部分学生遮照都用了四层来做,其实只要三层就可以了。FLASH这个文字是遮照层,两个被遮照层分别是红绿两个小球的移动。而一部分学生都用了四层做,遮照层是圆,被遮照层是红色FLASH,另一个遮照层是圆,被遮照层是绿色FLASH。其实用这种方法同样也能把最终效果做出来,只要把字打散,填上渐变色即可!
3、第三题和刚复习过题是一样的,只要三层就能完成,当然有些同学搞不清楚,可以用五层也可以完成。最重要的就是把握好被遮照层,遮照层以及背景层的设置。
二、新课教学(ActionScript基本概念介绍)
1、什么是ActionScript ActionScript是FLASH的动作脚本语言。可以ActionScript使用控制FLASH影片中的对象,创建向专和交互元素,也可以扩展FLASH,制作高级交互影片和FLASH交互网站。
2、用ActionScript能做些什么?
使用ActionScript,用户不仅可以动态地控制动画的进行,而且能够进行各种运算,甚至由各种方式获取用户的动作并且即时作出回应。目前它在交互式网站、课件的制作及一些游戏、MTV和电子贺卡制作中的应用及为广泛。
3、编辑ActionScript 动作面版的介绍 ①动作工具箱 ②脚本导航器 ③脚本助手 脚本窗口
行为面版(窗口--行为)
用户可以使用行为来装载和卸裁实例,播放,停播、复制或拖动实例。添加脚本的对象(分清楚是动作还是事件?)①在帧中添加,如:
②在按钮中添加 ③在影片剪辑中添加
4、ActionScript基本语法
①点语法:点(.)被用于指出与一个对象或影片剪辑相关联的特性或方法,也是用于标识指向一个影片剪辑或变量的目标路径。②括号:用于定义函数中的相关参数
③大括号:凡是用大括号结合在一起的是一个语句块。④分号:每一条语句都必须是以分号作为结束的。
三、ActionScrip语句的应用实例 实例 图片动画效果
动画分析:当鼠标移到按钮上时,图片由浅变深,鼠标移开时,图片由深变浅。即同一张图片的两个动画分别属于两个事件。提示:
① 先做好三张图片的两个动画效果(淡入和淡出)
② 把三个动画所在的层都后移一帧,在第一帧加入stop语句,每个动画的最后一帧加上stop(注:共有6个动画,三个层)
③ 为每个动画的第一帧设好标签b1、b11、b2、b22、b3、b33 选中第一个按钮(menu1),添加以下语句:on(rollover){gotoAndPlay(“b1”);} on(rollover){gotoAndPlay(“b11”);} ④ 其它两个按钮也以此类推添加语句
第十五节 声音处理和引导页制作
教学课时:4课时 教学目标:
1、能导入各类声音,并能处理一些声音的叠加。
2、制作网站的引导页。教学过程:
一、FLASH中声音的加载
1、文件--导入到库--选择声音源
2、新增一图层(声音层)--将库中的声音拖入即可,或者在属性面板中选择声音也可以。
3、注意:声音可以加载因单帧上。例如声音加载在按钮上。
4、声音也可以中载在多层,这样可以起到多种声音叠加的效果,例如在某些背景音乐下,出现一些激光声音等。
二、声音的处理
当声音被加载到FLASH中后,可进行如下处理:
1、取部分声音播放。
2、控制声音的淡入、淡出等。
3、处理方法:在属性面板上,单击声音编辑即可 通过实例来巩固声音的处理
推荐网址:
闪客帝国
http:///
闪吧
【《FLASH遮罩动画》教案】推荐阅读:
小学六年级动画flash教案新06-30
flash动画小剧本11-26
Flash动画教学与技能训练11-08
人教版八年级物理下册Flash动画课件06-24
动画创作教案11-06
设置动画效果教案05-26
走进动画世界教案11-10
9.三维动画基础教案06-02
形状补间动画教案07-26
动画片的发展教案11-14