flash优质课变形面板教案

神奇的变形面板
一、教学目标：
知识与技能目标：
学习Flash8的变形面板，利用变形面板进行精确控制图形和利用复制变形功能绘图。

过程与方法目标：
1.通过任务的解决与拓展，使学生在完成任务的同时体验到变形面板的实用性，获得成功体验。

2.在创设的情境中通过学生之间的合作探究，培养学生的合作探究能力。

通过任务的完成，培养学生灵活应用知识的能力，培养学生的总结能力和概括归纳能力。

情感与价值观目标：
1.通过创设的情境，使学生在不知不觉中转换角色，变学生为帮助人的小老师，在完成任务中获得助人成功的体验。

2.另外通过对两个任务的探究，让学生自我展示、自我激励、体验成功，在不断尝试中激发求知欲，在不断摸索中陶冶情操。

二、教学重点、难点：
教学重点：利用变形面板进行精确控制图形和利用复制变形功能绘图。

教学难点：灵活使用变形面板来绘制图形。

三、教学方法：
本节课采用“任务驱动教学法”，两个任务从单个对象的缩放复制到多个对象的旋转复制，再到“中国心”的创作，难度逐渐递增。

使学生在完成任务的同时体验到变形面板的实用性，获得成功体验，提高Flash8工具使用的能力。

教学媒体：多媒体教学
四、教学过程：
【组织教学】
【情境感知揭示课题】
创设情境：
多媒体软件展示课件，并提出
任务一：（挑战一分钟）小王去某公司应聘，考官给出一个乡间林荫路的动画，要求根据已学过的知识在一分钟内完成路边树木的绘制。

学生讨论后上台尝试，发现在一分钟内用他们的方法不能很好的完成任务。

教师演示利用变形面板在一分钟内完成任务。

引入课题并板书课题－神奇的变形面板
【合作交流探求方法】
（一）提出问题：
同学们请仔细读学案，小组讨论，对于变形面板提出你认为应该解决哪些问题？
讨论问题，参照任务及学生解答情况，引导学生围绕“小王的问题”得出全班共同问题。

板书内容：
一、变形面板
1.打开方法：窗口－变形或ctrl+T
2.缩放比例
3.旋转角度
4.倾斜角度
5.复制并应用
6.重置
（二）多媒体课件演示知识点，共同解决任务：
1.缩放：包含水平缩放和垂直缩放。

如单选水平缩放，对于所选对象按百分比沿水平方向缩放；如单选垂直缩放，对于所选对象按百分比沿垂直方向缩放。

如选中后方的约束复选框则所选对象按百分比宽高同时缩放。

2.旋转：对于所选对象沿中心点旋转，输入框中的数字就是旋转的角度。

旋转角度可以为负值。

旋转于倾斜为单选选项。

3.倾斜：包含水平倾斜和垂直倾斜。

如在水平倾斜位置输入数字，所选对象以中心为轴心沿水平方向倾斜；如在垂直倾斜位置输入数字，所选对象以中心为轴心沿垂直方向倾斜。

倾斜角度可以为负值。

4.复制并应用变形：单击复制并应用变形按钮，对于所选对象以中心为轴心以缩放、旋转、倾斜中的数字为值进行复制并变形
5.重置：单击重置按钮将变形面板还原。

本节重点利用变形面板进行精确控制和利用复制变形功能绘图。

【实践运用提高发展】
任务二：小王第二个任务是绘制一个五角星的图案，你能用什么方法制作出来？
小组讨论，教师引导，鼓励学生上台边操作边进行总结，学生之间相互提出建议，完善操
作过程。

要求学生总结出绘图步骤，教师给予补充，使用变形面板的复制变形按钮制作：（参考）
1.画五角星一角的对角线
2.调节中心位置
3.旋转角度
4.复制变形
5.连接顶点
6.颜色填充
学生总结出利用变形面板绘制图形重点是：中心位置和角度
鼓励学生，正确完成任务的同学被小王冠以“救命恩人”荣誉称号。

【知识拓展】
使用变形面板将任务二中的小五星摆放成中国心上五枚五角星的样子。

【归纳总结】
你学到了什么？
学生总结，教师最后做补充
一．变形面板：ctrl+t
1．缩放 2. 旋转 3. 倾斜 4. 复制变形 5. 重置
二．利用变形面板绘制图形时的关键点
三．图形实例：
【作业】
1.使用Flash8中的变形面板绘制课上实例。

2.思考题：你还能用变形面板画出什么样的图形，试着画出两个图形。

五、课后反思：
成功之处：
失败之处：
教学机智：
学生问题：
学生见解：。

合集下载

FLASH动画变形

FLASH 动画变形
备课人课题课型教学目标重点难点教法设计教具准备教学过程王庆华
FLASH 动画变形
新授
变形的特征
本课题计划课时
1
掌握变形内插动画的制作
边讲边练,以学生动手实践为主多媒体第 1 课时
导入:变形内插动画是指先在一帧上绘制一个图形,然后在另一帧上改变这个图形或者绘制另外一个图形, Flash 经计算会在中间的帧中赋予新的值或者图形, 由此创作出动画. 在时间轴上,变形内插动画的关键帧也有一个实心的圆点,中间内插的帧有一个黑色的箭头,与运动内插动画不同的是过渡帧的影格为淡绿色. 一,几何变形 [例 2-3-1] 圆形变成矩形的动画. 操作步骤: 1.单击"修改(M)"菜单中的"影片(M)"命令(或按 Ctrl+M 键) ,在出现的"影片属性"对话框中,设定动画的大小为 340px×50px. 3.单击时间轴的第 1 影格. 4.选择椭圆工具,在调色板里选择黑白圆形渐变色,在工作区画一个圆. 5.单击时间轴的第 10 影格处,单击"插入(I)"菜单中的"空白关键帧(B)"命令(或按 F7 键),插入一个空白帧. 6.选择矩形工具,用黑白圆形渐变色,在工作区画一个正方形;(为了使正方形和圆在同一直线上,可以单击洋葱皮按钮中最左边的按钮,会显示第 1 帧的图象). 7.单击第 1 影格,单击"修改(M)"菜单中的"帧数(A)"命令,打开"帧数"对话框, 在"变化"框中选择"图形" ,如图 2-26 所示.这时可以看见时间轴的第 1 帧到第 10 帧间产生一条黑色箭头线.如图 2-27 所示.作品完成. 8.单击"控制(C)"菜单中的"播放(P)"命令(或按 Enter 键),观看效果. 二,文字变形 [例 2-3-2] 一个字母变成另一个字母的动画. 操作步骤: 1.单击"修改(M)"菜单中的"影片(M)"命令(或按 Ctrl+M 键) ,在出现的"影片属性"对话框中,设定动画的大小为 150px×100px,背景为白色. 2.单击时间轴的第 1 影格. 3.选择文字输入工具,选择 Impact 字体,选择 72 大小,选择黑色. 4.在工作区输入字母"F" . 5.用箭头工具选中字母"F" ,然后单击"修改(M)"菜单中的"分解组件(K)"命令(或按 Ctrl+B 键),打散字母,可以看到字母变成灰色网,如图 2-28 所示.这是很关键的一步,目的是将文字转换成图形,这样才可以变形. 6.单击时间轴的第 10 影格,单击"插入(I)"菜单中的"空白关键帧(B)"命令(或按 F7 键)插入一空白帧. 7.字母"F"消失,单击洋葱皮按钮中最左边的按钮,可以看见灰色的"F"字母显示出来了. 8.用文字输入工具在底板上继续输入"L" ,覆盖在字母"F"上,单击"修改(M)" 菜单中的"分解组件(K)"命令(或按 Ctrl+B 键)打散字母. 9.用同样方法,分别在第 20,30,40 影格处输入字母"A" "H" "S" ,并单击"修改 (M)"菜单中的"分解组件(K)"命令(或按 Ctrl+B 键),打散这些字母. 10.单击第 1 影格的实心圆点,单击"修改(M)"菜单中的"帧数(A)"命令,打开"帧数"对话框,在"变化"框中选择"图形" ,如图 2-21 所示.这时可以看见时间轴的第 1 影格到第 10 影格间产生一条箭头线. 11.用同样方法,在第 10 影格,第 20 影格和第 30 影格,在"变化"框中选择 "图形" .这时看见的时间轴显示如图 2-29 所示,作品完成. 12.单击"控制(C)"菜单中的"播放(P)"命令(或按 Enter 键),观看效果.

3．“变形”面板_边做边学——Flash CS6动漫制作案例教程_[共2页]

第3章标志制作CHAPTER 3 673．“变形”面板
选择“窗口 > 变形”命令，弹出“变形”面板，如图3-133所示。

“宽度”和“高度”选项：用于设置图形的宽度和高度。

“约束”选项：用于约束“宽度”和“高度”选项，使图形能够成比例地变形。

“旋转”选项：用于设置图形的角度。

“倾斜”选项：用于设置图形的水平倾斜或垂直倾斜。

“重置选区和变形”按钮
：用于复制图形并将变形设置应用于图形。

“取消变形”按钮
：用于将图形属性恢复到初始状态。

“变形”面板中的设置不同，所产生的效果也各不相同。

导入光盘中本章的06素材，如图3-134
所示。

选中图形，在“变形”面板中将“宽度”选项设为50%，按Enter 键确定操作，如图3-135所示，图形的宽度被改变，效果如图3-136所示。

图3-133 图3-134 图3-135 图3-136 选中图形，在“变形”面板中单击“约束”按钮
，将“缩放宽度”选项设为50%，“缩放高度”选项也随之变为50%，按Enter 键确定操作，如图3-137所示，图形的宽度和高度成比例地缩小，效果如图3-138所示。

选中图形，在“变形”面板中单击“约束”按钮，将旋转角度设为50°，按Enter 键确定操作，如图3-139所示，图形被旋转，效果如图3-140所示。

图3-137 图3-138 图3-139 图3-140。

Flash教案

江华瑶族自治县职业中专学校2013年上期Flash理论课教案模块一任课教师：***任教科目： Flash 任教专业（年级）：计算机（职一）任教班级： 1213班主要内容： Flash CS3 动画绘制总课时: 8课时 (2月27--3月29）课题一：Flash CS3 入门课时：2 教学目标：1、了解Flash CS3 软件2、熟悉Flash CS3的操作界面3、认识Flash CS3工具栏的工具教学重点与难点：1.熟悉Flash CS3的操作界面2.认识Flash CS3工具栏的工具教学内容：1、Flash CS3软件简介2、Flash CS3 工作环境教学过程：一、组织教学二、导入同学们喜欢看动画片，喜欢看电视、喜欢看网上的搞笑视频。

可以说我们在电视上、手机上、网络中我们都可以看到动画的身影。

动画片是用什么软件制作出来的呢？这个学期我们就一起来学习制作动画的软件——Flash CS3。

三、讲授新课（一）Flash 介绍Flash是一个非常优秀的矢量动画制作软件，网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果，所以被广泛应用于网页动画的设计中，成为当前网页动画设计最为流行的软件之一。

Flash的功能强大，应用领域也越来越广泛。

Flash在动画设计、网络横幅广告、网站制作、游戏制作、电子贺卡、手机彩信、多媒体课件、电影特效等领域有较为广泛的应用。

（二）操作界面Flash CS3的操作界面由以下几部分组成：菜单栏、主工具栏、工具箱、时间轴、场景和舞台、属性面板以及浮动面板。

Flash CS3的菜单栏依次分为：“文件”菜单、“编辑”菜单、“视图”菜单、“插入”菜单、“修改”菜单、“文本”菜单、“命令”菜单、“控制”菜单、“调试”菜单、“窗口”菜单及“帮助”菜单。

为方便使用，Flash CS3将一些常用命令以按钮的形式组织在一起，置于操作界面的上方。

主工具栏依次分为：“新建”按钮、“打开”按钮、“保存”按钮、“打印”按钮、“剪切”按钮、“复制”按钮、“粘贴”按钮、“撤消”按钮、“重做”按钮、“对齐对象”按钮、“平滑”按钮、“伸直”按钮、“旋转与倾斜”按钮、“缩放”按钮以及“对齐”按钮。

flash变形动画教学方案

2、展示flash动画；
3、这样的动画用前面学过的运动渐变动画的方法能制作吗，显然，不能；
4、下面让我们一起来学习另一种新的动画类型—形状渐变动画。
1、欣赏前面学习的运动渐变动画；
2、欣赏教师展示的另外几个动画；
3、分析比较两种动画；
4、观看平台上的动画，查找动画中那些部分属于形状渐变动画。
通过情景导入激发学生的学习热情，平抛出思考问题让学生带着问题去体验。
（5）将文字分离为图形；
（6）设置形状渐变动画。
教学难点
（1）绘制图形并填充色；
（2）绘制形状渐变动画。
教学资源
本节课将在网络教室中进行。全方位使用多媒体课件进行教学。并将学生所需资源放在公共邮箱中供学生下载。
教学策略
授课过程中，坚持以学生为主体的教育观念，以学生自主探究、交流合作学习为具体实施方法，从而提高学生审美能力、信息能力、思维能力、分析能力、表达评价能力，达到培养学生互助协作、交流学习、克服自我封闭、树立良好心理的教育目的。
评价方法
课上展示学生作品，由学生进行评价，教师对学生作品的闪光点及不足适当评价。
学时（分）
一课时
教学过程
进程
教师活动
学生活动
设计意图
课前准备
1、将所需要素材发送到公共邮箱；
2、将做好的flash动画发送到公共邮箱。
对前面学过的flash动画的制作方法进行回顾
为后面学习形状渐变动画做准备。
情景导入
1、同学们在上课时学习了逐帧动画和运动渐变动画的制作。逐帧动画需要一帧帧制作，运动渐变动画的对象必须是一个组合体或从“库”面板中拖出的对象。那么现在请大家欣赏下面几个动画，看看它们是如何制作出来的；
学会将对象分离的方法，特别是将文字分离的方法；

[设计] 《Flash变形动画》

[设计] 《Flash变形动画》《Flash变形动画》教学设计一、教材分析Flash是针对多媒体互动网页而开发的动画设计软。

Flash 动画在网页制作中普遍应用及其独特的风格能够充分调动学生的兴趣。

特别是在制作自己的主页时，为了突出个性，增加网页的表现力和交互性，他们自然会将网页中的动画看成必不可少的内容和表现手法。

这节以字母变形动画制作实例为主，采用“任务驱动法”组织知识要点，“任务”由易到难，易教易学，能使学生在学习过程中充满成功的喜悦，又能举一翻三，触类旁通，有利用培养和调动学生学习的积极性和创造性。

二、教学目标1、知识与技能理解形状渐变动画的原理，学会制作形状渐变动画2、过程与方法在创作过程中培养学生的创新能力，培养学生触类旁通、举一反三的自主探究学习的能力，以及相互合作的协作精神。

3、情感态度与价值观发展学生敢于创新的科学精神，促进学生审美能力、信息能力、思维能力、分析能力、表达评价能力的提高；培养学生合作互助、互相交流学习的大公无私心态和心理。

三、重难点：重点：形状渐变动画的制作方法难点：利用所学的知识创作有主题的动画四、学情分析学生对Flash动画充满兴趣，通过前面的学习已有了一定的基础。

初中二年级的学生已有一定的逻辑思维能力，对有兴趣的事物有强烈自主探究的欲望，渴望展示自我、渴望得到肯定。

五、教学策略授过程中，坚持以学生为主体的教育观念，以学生自主探究、交流合作学习为具体实施方法，从而提高学生审美能力、信息能力、思维能力、分析能力、表达评价能力，达到培养学生互助协作、交流学习、克服自我封闭、树立良好心理的教育目的。

六、教学资源本在网络教室进行，全方位的使用多媒体（网页）和网络多媒体广播系统演示和展示，增加教学的直观性，为主体参与的顺利开展提供保障。

七、教学过程1、导入新请同学们观看一个flash动画的片断，这个动画就是利用变形技术制作出来的。

本节，我们就来利用变形动画完成黑板上的任务——制作Flash变形动画。

Flash变形面板的应用教案

1．以4个同学为一组思考并回答教师提出的问题。
2．观察、领悟本质区别，并在计算机上尝试如何操作，完成后自由创作。
3.思考哪个环节出现失误。
1.设难置疑，引起思辨。
2.激发学生求知欲。
3.提供事实，建立经验
突破难点
归纳总结
展示已经完成的风车、扇子、飞镖效果，引发学生讨论，探究动画中是否使用了“复制并旋转”的方法。
教学目标
一、情感态度与价值观
1．从生活出发，利用美丽的花瓣激发学生的学习兴趣。
2．通过对花瓣规律的掌握，消除学生的畏难情绪，树立乐观的学习态度。
3．用作品评价的方式，建立学生科学的批判精神。
二、过程与方法
1．通过发现式学习了解本节课主要教学内容。
2．通过小组合作学习，让学生在相互交流的过程中，掌握如何利用“变形面板”制作有规律的物体。
3．通过探究学习，进行自我反思与总结，学会归纳所学内容，为下一节课的学习做准备。
三、知识与技能
1．学会任意变形工具的使用。
2．理解“复制并旋转”的原理。
3．运用所学知识制作花。
4．分析一些利用“变形”工具制作的动画，能够归纳使用方法。
5．能够正确判断动画中是否运用了“变形”工具。
教学重点、
难点
重点：运用“变形”面板中的“旋转”制作物体。
难点：有效利用中心点的控制创作出不同的作品。
教学资源
Lanstar教学系统、电脑、教学实例等。
教学过程
教师活动
学生活动
教学作用
导入新课
1．展示花的图片
2．引入课题：Flash变形面板的应用
欣赏图片，考虑绘制方法
1．引起学生注意
2.明确学习内容
学习新知
1．演示打开“变形”面板的常规方法，引导学生观察总结快捷方式。

高二年级信息技术 Flash基础教学奥妙的变形动画学案

奥妙的变形动画学案【课程内容分析】本节课讲授的内容是“奥妙的变形动画”，通过形状补间动画制作“奥运五环的形成到奥运文字出现”的变化。

变形动画相对于逐帧动画和动作补间动画都有一定的难度。

通过本节课的学习，同学们能达到：1.熟练使用flash软件制作变形动画；2.通过制作形状补间动画，掌握Flash基本动画制作的操作方法。

【教学目标】1、知识与技能（1）理解创建形状补间动画的基本原理；（2）掌握形状补间动画制作的一般步骤，能正确完成补间动画的制作；（3）掌握对文字等元件进行“补间动画”转换的技巧:分离操作、组合操作等。

（4）培养学生自主学习和探究学习的能力；（5）提高学生的实践操作能力、文字理解能力和创新能力。

2、过程与方法（1）通过“方变圆”等动画的制作，掌握形状补间动画的一般制作方法。

（2）通过复杂变形动画的组合，熟悉掌握形状补间动画的制作。

3、情感态度与价值观（1）激发学生对学习信息技术的兴趣，由浅入深地掌握动画制作的方法，提高制作动画和欣赏动画的水平。

（2）培养学生的观察力和想象力，能够举一反三运用所学知识制作相应的动画作品。

【重点难点】重点：（1）掌握“形状补间”动画制作的一般步骤及制作方法；（2）掌握位图矢量化、文字分离的方法。

难点：形状补间动画的特点和方法。

【知识点】1.帧的分类：在Flash中，帧有3种基本类型：普通帧、关键帧和空白关键帧。

○1普通帧：连续的普通帧在时间轴上呈浅灰色显示，并且在连续普通帧中，最后一帧的形状是一个小矩形标志。

○2关键帧：在时间轴中是一个个黑色的实心点，在动画制作中，关键帧是最重要的帧类型。

○3空白关键帧：是一种特殊的关键帧，即该关键帧的内容是空白的，它在时间轴中以空白的小圆圈表示。

2.补间动画：补间，既为“在中间”的简称，而补间动画是指，Flash只保存开始关键帧和结束关键帧的内容，而在中间的各项帧的图像则是通过计算机计算自动生成的。

形状补间动画是Flash中的一种补间类型动画。

FLASH动画之二——变形动画

FLASH动画之二——变形动画学习目标：1、学会做简单的变形动画；2、了解变形动画与运动动画的不同之处；重点：变形动画的制作；形状补间的创建难点：图形的绘制；橡皮擦工具的使用；学习流程：一、范例讲解与演示范例：制作一个球逐渐变成红五星的动画。

要求：1、两个关键帧的图形红五星、球应有立体感如下图所示。

2、动画长度为30帧。

操作指南1、新建FLASH文档。

2、作第1个关键帧（绘制作球体图形）选中椭圆工具，在属性面板中设置椭圆的属性为：无边框；填充颜色为放射状：由红色向黑色放射。

按下SHIFT的同时按下鼠标左键，在舞台上拖动鼠标，画出球体图形。

3、制作最后一个关键帧（绘制红五星）（1）、在第30帧插入空白关键帧；（2）、选择线条工具；在属性面板中设置线条为红色；（3、在舞台上按下鼠标左键，沿竖直方向拖动鼠标，画出一条沿竖直方向的直线段；（4）、选择任意变形工具，单击画出的线条，线条上出现控点。

将线条上的注册点移至线条的下端。

（5）、执行“窗口”→“变形”命令，在变形面板中进行如下设置：选择约束；旋转设为72°；最后，单击“复制并应用变形”按钮四次；得到如下图所示的图形。

（6）、单击线条工具，用线条连接每隔一个端点的两个端点得到如下图所示图形。

（7）、选择橡皮工具，在橡皮选项中选择：水笼头，这时鼠标指针变成水笼头。

用水笼头单击多余线条，将其冲去，得到红五星的轮廓。

（8）、选择填充工具，设置其属性为放射状，红色向黑色放射。

在五角星轮廓内五个区域的靠近五角星中心位置单击鼠标，分别在每个区域填充放射状颜色。

如下图所示。

（9）、再次选橡皮工具，用水笼头在图形的多余线条上单击，将多余线条冲去。

效果如下图所示。

4、作变形动画选中第1帧至第30帧之间的任意一帧，在属性面板中设置补间为形状补间。

这时，可以看到时间轴上第1帧到第30帧之间的各帧颜色变成浅绿色，同时在第1帧到第30帧之间有一条带箭头的实线相连，这说明形状补间创建成功。

实验二 flash中变形工具的使用

实验二变形工具的使用实验目的与要求：1、学会颜料桶工具、变形工具（变形面板）、钢笔、铅笔工具的使用、2、会编辑、使用渐变色绘制图形教学重点：渐变色的使用、变形面板的“复制并变形”教学难点：图形的绘制、渐变色的编辑、利用钢笔工具绘制图形实验课时：2课时实例1、绘制花朵1、用椭圆工具绘制一个无边框的椭圆2、单击舞台左边“颜色”面板上“混色器”标签，在“类型”下拉框中选“线性”填充样式，双击左边的色块设成红色，双击右边的色块，设成黄色，这样就设置出了一种红色到黄色的渐变色，如下图3、选“颜色桶工具”，从椭圆下部往上拖出红到黄的渐变色来，如图。

4、1、单击“混色器”标签2、单击“填充颜色”3、类型下拉框中选“线性”填充样式4、双击左色块，选红色。

5、双击右色块，选黄色。

1、单击“颜料桶工具”2、从底往上拖出渐变色。

5、选“任意变形工具”在椭圆上单击出现注册点，把注册点从椭圆的中部移到下部。

6、选“窗口－变形”打开“变形面板”(快捷键ctrl+T)，在旋转栏填上45度，单击“复制并运用变形”按钮7次，复制出一个花朵形。

7、用“选择工具”把花瓣全选中，再选“任意变形工具”把它缩小、并压扁一些，移动到屏幕中上方。

8、用“铅笔工具”选“平滑模式”、画一条绿色线做为花茎。

（可用“选择工具”调整花茎的位置及形状。

）选“任意变形工具”在椭圆上单击，把注册点从中部移到椭圆的下部。

度实例2、绘制草原星空下的一棵蘑菇1、新建一文档，双击图层1，改名称为“背景”2、画一个黑色边框无填充色的矩形，大小同舞台。

3、在矩形中画一条直线，用选择工具把它改成曲线，上面填充成深蓝色做为夜空，下面填充成草绿色，做为草地，如图4、下面绘制蘑菇，新建一个图层命名为“蘑菇”，选钢笔工具，在第一个点单击，再到第二个点单击并拖动拉杆，调整曲线成伞盖的上曲线后松开鼠标，再回到第一个点，单击并拖动拉杆绘制出伞盖的下曲线，如图：5、在伞盖上绘制出两条直线，用选择工具调整为曲线6、使用颜料桶工具在伞盖最左边部分单击，填充成红色。