Flash教案Word文档格式.docx
- 文档编号:20964796
- 上传时间:2023-01-26
- 格式:DOCX
- 页数:17
- 大小:25.25KB
Flash教案Word文档格式.docx
《Flash教案Word文档格式.docx》由会员分享,可在线阅读,更多相关《Flash教案Word文档格式.docx(17页珍藏版)》请在冰豆网上搜索。
第十二周:
利用PowerPoint制作简单的演示文稿
第十三周
修饰幻灯片的播放效果
第十四周
不同视图方式的使用
第十五周
文本框的操作,声音,影片的插入
第十六周
图形和图片对象的插入和编辑,模板的使用
第十七周
带有超级链接的演示文稿,幻灯片的背景设置及配色方案
第十八周
超级链接的使用
第十九周
综合练习
第二十周
期末考试
(一)入门教学
第一节认识FLASH
教学内容:
认识FLASH
授课时间:
总第1课时
课型:
新授课
教学目标:
1、了解什么是FLASH以及FLASH的特点;
2、舞台、时间轴、帧、属性的概念;
3、工具栏中各工具的使用;
4、图库窗口
教学重、难点:
1、时间轴窗口;
2、帧的操作;
如插入关键帧、插入空白关键帧、插入帧等;
教法、学法:
讲演辅结合
教学程序
认知操作
一.引入:
同学们上网看到过卡通动画吗?
有的同学们最喜欢FLASH动画,我们先见见一个FLASH动画例子吗(演示一个FLASH小动画)
二、讲授新课
1、什么是FLASH
Flash是美国的MACROMEDIA公司于1999年6月推出的优秀网页动画设计软件。
它是一种交互式动画设计工具,用它可以将音乐,声效,动画以及富有新意的界面融合在一起,以制作出高品质的网页动态效果。
2.FLASH的特点
a.使用矢量图形和流式播放技术。
与位图图形不同的是,矢量图形可以任意缩放尺寸而不影响图形的质量;
流式播放技术使得动画可以边播放边下载,从而缓解了网页浏览者焦急等待的情绪。
b.通过使用关键帧和图符使得所生成的动画(.swf)文件非常小,几K字节的动画文件已经可以实现许多令人心动的动画效果,用在网页设计上不仅可以使网页更加生动,而且小巧玲珑下载迅速,使得动画可以在打开网页很短的时间里就得以播放。
c.把音乐,动画,声效,交互方式融合在一起,越来越多的人已经把Flash作为网页动画设计的首选工具,并且创作出了许多令人叹为观止的动画(电影)效果。
而且在Flash4.0的版本中已经可以支持MP3的音乐格式,这使得加入音乐的动画文件也能保持小巧的'
身材'
。
d.强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画,通过ACTION和FSCOMMAND可以实现交互性,使Flash具有更大的设计自由度,另外,它与当今最流行的网页设计工具Dreamweaver配合默契,可以直接嵌入网页的任一位置,非常方便。
2.FLASH工作环境
a.舞台(Stage)
就是工作区,最主要的可编辑区域。
在这里可以直接绘图,或者导入外部图形文件进行安排编辑,再把各个独立的帧合成在一起,以生成电影作品。
b时间轴窗口(Timeline)
用它可以调整电影的播放速度,并把不同的图形作品放在不同图层的相应帧里,以安排电影内容播放的顺序。
c绘图工具栏(DrawingToolbar)
放置了可供图形和文本编辑的各种工具,用这些工具可以绘图,选取,喷涂,修改以及编排文字,还有些工具可以改变查看工作区的方式。
在选择了某一工具时,其所对应的修改器(Modifier)也会在工具条下面的位置出现,修改器的作用是改变相应工具对图形处理的效果。
d标准工具栏(StandardToolbar)
列出了大部分最常用的文件操作,打印,剪贴板,撤消和重做,修改器以及控制舞台放大比例的图标和选项,便于进行更为快捷的操作。
e图库窗口(LibraryWindow)
用以存放可以重复使用的称为符号的元素。
符号的类型包括有图片(Graphics),按钮(Button)和电影片断(MovieClip)。
其调用的快捷键为Ctrl-L。
三、演示绘图工具栏
四、学生练习
课后小结:
同学们对FLASH兴趣很浓,通过绘图工具栏,同学们画出各种各样的图形,但有的同学们还是不爱动手。
(二)flash形状动画的制作
第二节制作由圆形到方形的形状动画
制作由圆形到方形的形状动画
教学目的:
1、让学生掌握简单的形状动画(一图形向另一图形的变形动画);
2、进一步掌握关键帧、帧、空白关键帧的概念。
重、难点:
对帧的操作,补间——形状的操作。
课时:
1课时
新课
教学程序:
导入:
上节课讲了绘图工具等概念,又演示一些好的形状的动画,今天我们来自己创作一个自己的动画。
教师操作演示:
1、打开FLASH
2、点击第一帧(默认为第一帧)
3、在舞台上画一些圆;
4、在35帧上右击鼠标,点击“插入空白关键帧”。
然后在舞台上一些矩形图形。
5、在第1帧与第35帧之间的任意位置点一下;
6、点击“属性”——“补间”——“形状”
7、ctrl+Enter测试影片
学生练习
(注:
可以多增加几个空白关键帧)
好的同学很快掌握,但部分同学选的两帧较近,导致变化不明显,或有的同学点在首尾帧上,使得不能形成变形动画。
第三节制作由圆形到方形的形状动画
制作由圆形或方形到文字的形状动画
1、掌握图形与文字、文字与文字的变形动画
2、掌握文字分离的操作
文字的分离,变色等
上节课学了图形与图形的变形动画,同学们兴趣很浓,这节课再学一下图形与文字的变形动画,想同学们肯定会更感兴趣的。
2、点击第一帧
3、在舞台上画一些圆或其它图形;
再点击文本工具A,然后在舞台上输入一些文字,(如我要学动画)。
5、连续两次“修改——分离”(Ctrl+B)
学生练习(略)
这节课与上节课内容相似,只是对文字一定要先分离,才能作变形动画,有的同学没有选定文字帧,所以不能分离文字,有的同学忘记分离,而作不出变形动画。
不过总体上掌握的都较好。
(三)flash运动动画的制作
第四节:
制作一个运动的小球
1、掌握组件的概念及用法
2、“演员”在首尾帧的起始位置
图形转化为元件的方法及新建元件的方法
上节课学了图形与文字的变形动画,同学们掌握得较好,又的同学在想一图形从一位置向另一位置移动的动画怎么做呢?
这节课我们就来运动动画的制作。
操作步骤:
一.启动flash
二.按要求设定影片的属性:
宽(width)为500pixels, 高(height)为300pixels,背景(background)为浅蓝色.
三.在工作区的左侧画一个红色小球。
(第一帧)
四.按F8将红色小球转换成元件(Graphic)、命名为ball1。
五.在时间轴第20帧上单击鼠标右键选“插入关键帧”(InsertKeyframe)命令,插入关键帧。
六.点取工具箱中的移动工具,将小球拖到工作区的右侧,(如果拖动时同时按住Shift键,则小球就会平移)。
七.在时间轴上第1帧和第20帧中单击鼠标右键,选取“创建补间动画”——“运动”,就会在1和20帧之间产生了运动动画,1和20帧之间变成浅蓝色底。
八.按回车键或Enter+回车键,测试该动画,就会看到小球从工作区的左侧移到工作区的右侧。
九.保存影片。
课后小节:
通过本任务学生掌握将图形转换成组件的方法,掌握运动动画的制作方法。
注意强调产生运动动画的个体必须是组件。
这与图形动画是不同的。
第五节制作碰撞的小球
制作碰撞的小球
1、掌握层的概念及使用
2、层的命名等
层的概念及使用
上节课我们学了一物体从一位置向另一位置的运动动画,这节课我们学两物体或更多的物体的运动。
一.新建一个影片,按要求设定好影片属性。
二.点击时间轴左侧的插入层按钮或选菜单插入层命令在“图层1”上面新建一个层“图层2”.
三.在图层1名称上双击鼠标左键,将图层1改名为redball.同样将图层2改名为GreenBall.
四.在redball层的第一帧绘制一个红色小球,按F8将小球
转换为组件,命名为ball1.并将这个小球拖动到工作区的左上角。
五.在redball层的第20帧单击鼠标右键,选"
插入关键帧"
命令,在20帧插入关键帧,将红色小球拖到工作区的中央。
六.在redball层的第40帧插入关键帧,将小球拖到屏幕的左下角。
七.在redball层的第1帧到第20帧之间单击鼠标右键,选择(创建运动动画)命令。
同样在20至40帧之间创建运动动画。
八.在greenball层同样创建运动动画,注意绿色小球的起始位置可以在工作区的右上角,在20帧的位置应该是在工作区的中间,与红色小球挨着。
在40帧的位置在工作区的右下角。
课后小结
通过本任务,学生掌握图层的基本操作,包括增加图层,图层的重命名,两个图层的配合设置。
(四)形状动画与运动动画相结合的动画
第六节一小球从天而降落地后变为汉字
运动变形
1、灵活掌握运动动画与变形动画的技巧
2、元件与图形的区别
3、关键帧与空白关键帧的区别
1、关键帧与空白关键帧的区别
2、图形转化为元件的操作
我们前面学了运动动画与变形动画,这节课我们学习把二者结合起来的动画,这就是“一物体从天而降落地后变为另一物体的动画”
操作过程
1、点击图层1的第一帧;
2、用圆形工具画一小球,点击此帧,再点[插入]—[转换为元件]-[图形]-[确定];
3、移小球到屏幕顶部;
4、在30帧、31帧处插入[关键帧],在30帧处移小球到屏幕底部。
5、点击31帧,再点击[修改]——[分离]
5、在40帧处插入空白关键帧
6、点击文本工具A,在屏幕底部输入汉字“信息技术中心”,接着点击此帧,然后两次[修改]—[分离]。
7、在第1与30帧之间任意位置点一下,再点[属性]—[补间]—[动画]。
8、同样做31与40帧之间的动画为变形动画。
9、CTRL+ENTER测试
学生练习:
第七节学生创作
让学生根据前面学过的知识,发挥想象自已创作一件作品。
课时:
授课方法:
学生练习,教师指导
任务:
作升起的气球,然后在天空中爆破
(五)按一定轨迹运动的动画的制作
第八节:
小球按椭圆轨迹运动的动画
1、灵活掌握引导图层的概念、插入等操作
2、引导线的画法
重、难点:
1、引导层与被引导层的概念
2、被引导层的运动动画
大家知道卫星运动的轨迹是个椭圆,而我们前面学的动画都是直线的,今天教一招作椭圆一类的曲线动画的例子。
1.新建影片,设置影片的高度和宽度值,设定合适的背景。
2.在影片的第一帧画一个小球。
3.按F8将小球转换为图形组件,命名为Ball.
4.在图层面板中单击"
插入引导层"
按钮,添加一个引导层。
5.在引导层用铅笔工具画条椭圆线(椭圆线不密封)。
6.在引导层的第25帧上单击鼠标右键选"
InsertFrame"
或按F5插入帧。
7.在小球所在的层的第25帧上按F6插入关键帧。
8.在小球所在的第一帧上用移动工具将小球移动到引导线的起始位置。
在第25帧上将小球移动画引导线的结尾位置。
注意:
小球的中心出现较大的圆圈时说明这时小球与两个端点吸附到一起了。
9.点属性——补间——动画
10.测试影片。
11.保存影片。
学生练习。
(六)flash遮罩层的使用
第九节:
制作探照灯文字
1、遮罩层与普通层的区别。
2、灵活掌握遮罩层的概念、遮罩层产生的动画,以及被遮罩层产生的动画等操作。
1、普通层与遮罩层的概念
2、遮罩层产生的运动动画
大家在网上见过探照灯的效果吗?
一行文字,被一光圈来回扫描的效果,今天我们自己体验一下它的魅力所在。
1.新建一个文件。
2.按要求设定影片的宽度和高度:
宽度为500pixes.高度为300pixes.背景为浅蓝色。
3.在图层1的第一帧输入文字"
渭源县第一中学"
4.在图层1的第20帧按F5,将帧延长到20帧。
5.增加一个图层,命名为遮罩.
6.在遮罩的第1帧画一个园形,并选中这一个圆形,按F8将其转换为图形元件。
7.在遮罩图层的第20帧,按F6插入关键帧。
8.在遮罩图层的第20帧,将园形拖到文字的右侧。
9.在遮罩图层的第1到20帧之间单击鼠标左键,再依次点击“属性”——“补间”——“运动”。
10.在遮罩图层上单击鼠标右键,选择遮罩命令。
11.按回车键测试影片(或按Ctrl+Enter测试)。
第十节 制作遮罩字
1、会导入图片,并且把导入的图片填充到所画矩形中。
2、文字层为遮置层时分离的操作
1、遮罩层与被遮罩层的概念
上节课我们讲了探照灯的效果?
,大家一定很感兴趣,这节课我们讲一下遮罩字的效果,文字被一张图片填充循环滚动,又来体验一下它的魅力所在。
2.在影片的第一层输入文字"
赏花"
,并将字体设为隶书,加粗,文字的大小为150.
3.按Ctrl+B分离文字
4.新建一个图层,并将这个图层命名为background.且移这个图层到文字层下。
5.在background图层导入一个图像文件。
6.将这个图像文件按Ctrl+B分离,用吸管工具在这个分离后的图像上单击,此时,填充色变为这个图案,而工具则变为颜料桶工具。
7.将这个分离后的图像删除。
8.点选矩形工具,在工作区中拖出一个大小覆盖住文字的矩形(该矩形内填充的是导入的图案).
9.将矩形选中,按F8将其转换成符号.
10.在background所在的图层中,在第25帧插入关键帧,并将矩形拖至屏幕的右侧.
11.在该图层的第一帧,将矩形向左拖动
(注意:
还使该矩形能够覆盖住文字)
12.在该图层的第1至第25帧之间制作运动动画.
13.在文字所在的图层的第25帧按F5,将帧延长到25帧.
14.在文字所在的图层上单击右键,选择"遮罩"命令.
15.按按Ctrl+Enter测试影片。
(七)遮罩与引导层的组合应用
--妙笔生花
1.新建一个文件,双击层的名称,将层的名称改为"
文字"
2.单击工具栏上的"
工具,在"
字符"
面板中,设置字体为"
华文新魏"
,字的大小为200,字的颜色为红色,在画面的中央输入汉字"
妙"
,并在该层的第90帧单击鼠标左键并按F5,将文字扩展到第90帧。
3.新建一个图层,将层的名称改为"
笔画"
4.单击工具箱上的"
笔刷"
工具按钮,在工具箱下端的"
选项"
区中,选择"
笔刷形状"
为圆形,大小为较小的圆,并设置填充颜色为蓝色,在"
层的第1帧中的笔画开始处画一个圆点。
5.单击"
层的第2帧,按F6插入关键帧,继续用笔刷沿"
字笔画涂抹,要求涂抹部分应正好覆盖下面的字的笔画。
6.在"
层后面的各帧中,重复以上步骤5,依次覆盖写过的笔画部分。
7.在"
层面板中单击右键,选择"
mask"
命令,将笔画作为遮罩层,可以按Ctrl+Enter看一下效果。
8.在"
层上面插入一个新层,命名为"
毛笔"
9.在"
笔"
层的第一帧导入笔的图片。
(位置在"
网上邻居/teacher/flash/笔.jpg"
)
10.按Ctrl+M,调出修改影片属性面板,将背景变为较深的颜色。
11.选中"
层的第一帧,按Ctrl+B,将毛笔打散。
12.单击"
工具箱"
上的套索工具按钮,在工具箱下端的"
区内,单击"
魔术棒属性"
按钮,将范围值设定为200,移动鼠标到图形的白色区域,单击鼠标,选中白色区域,按Delete键将其删除。
13.在该层的第1帧按F8键,将图形转换成组件,模式为"
Graphic"
命名为"
,
14.按Ctrl+L,调出库面板,双击组件"
,进入编辑状态,调整该组件的中心点到笔尖的位置。
15.按Ctrl+M,还将背景改为白色。
16.回到场景中,在"
层的上面添加引导层,在引导层沿笔画画一些引导线。
17.在笔所在的层,结合遮罩层笔画的位置,在笔画的捌弯处,
插入关键帧,并将毛笔拖到这些弯捌弯处,吸附在引导线上。
在两个关键帧之间创建运动动画。
18.保存影片,按Ctrl+Enter测试影片。
分 析:
1.该动画由两部分组成,一个是文字渐显的动画,它运用了遮罩层的技术;
另一个是毛笔书写的动画,而其路径就是"
字的笔画。
2."
层是遮罩层,它实际上是逐帧动画。
在用笔涂抹"
字笔画时,涂抹部分要正好覆盖笔已写过的笔画。
由于笔画时粗时细,需要不断调整"
的大小,否则涂抹的部分较大,就会显示出多余的笔画,造成动画的失真。
对于涂抹错误的部分,可以用工具箱上的"
橡皮"
工具来擦除多余的部分。
3.将毛笔的图像文件导入后,为了方便操作,应选将图形中的白色背景去除,可以将画面的背景颜色临时设置为深色。
另外,毛笔是沿"
字笔画路径进行运动,所以必须将毛笔图形转换为组件。
4.要以在文字笔画的转折处增加的关键帧处,将毛笔旋转一定角度,表现用笔方向的改变,来增强书写动画的真实感。
制作滴水涟漪效果
1.新建一个影片,将影片的背景设置为深蓝色。
2.选择菜单中的"
Insert/Newsymbol"
命令,新建一图符shuiz,用铅笔工具画出一轮廓为如图所示的图形组件。
3.点击菜单"
Window/Panels/Fill"
调出填充面板,将填充类型选"
linearGradient(直线渐变"
,填充颜色选择由淡蓝色到白色的渐变。
设定好后,用该颜色填充水滴的内部区域。
4.点取工具箱中的选择工具,选中水滴的外轮廓线,按"
Delete"
键将其删除。
5.选"
命令,在出现的对话框内选择"
新建一图符bowen,用工具栏中椭圆工具画出一圆形为如图所示;
6.在第30帧处插入一关键帧,选择工具箱下部的缩放工具将该椭圆变大。
点击菜单"
window/panels/stroke"
命令,调出描边面板,将椭圆的边直径变为3.5,如图所示:
7.在第1帧和第30帧之间按Ctrl+F,调出帧面板,切换到Tweening项,选择Shape(形状)项,在第1帧和第30帧之间创建形状动画。
8.切换到Scene1,按Ctrl+L调出图库面板,从图符资料库中拉入图符:
shuiz,将其置于屏幕上部的位置。
9.在第10帧处插入一关键帧,将水滴拖到屏幕下部的位置(注意:
拖动时按住Shift键,可使其跟第一帧的水滴在一条垂直线上)。
10.在第1至第10帧之间单击鼠标右键选择"
CreateMotionTween"
命令创建运动渐变动画.
11.选择菜单命令:
"
Insert/Layer"
,新建一图层Layer2,在第10帧处插入一关键帧,从图符资料库中拉入图符:
bowen,调整其位置为如图所示:
12.在第40帧处插入一关键帧,点击菜单"
Window/Panels/Effect"
调出效果面板,选择设置该帧中符号的Alpha值为0,在第1帧和第40帧之间单击鼠标右键,选择"
create motiontween"
命令,创建运动动画。
13.选中图层2中的第10至第40帧,单击右键,选择"
copyframe"
命令,将这些帧拷贝下来。
14.在第2层上面插入新层layer3,在该层的第14帧处按F6插入关键帧,在该帧上单击右键选择"
pasteframe"
命令,将第2层中的帧粘帧到了第3层。
15.新建图层Layer4、Layer5、Layer6,重复过程11将Layer2中的帧粘帖到各层相应的帧中。
如下图所示
16.按键盘上的Ctrl+Enter组合键,即可预览动画效果。
17.保存影片:
File/saveas(文件/存储为)。
知识点:
1.新建符号:
Insert/Newsymbol。
2.调出填充面板(window/panels/fill),改变图形填充的形式。
3.调出效果面板(window/panels/effect),改变对象的Alpha(透明度)的值。
4.复制帧(copyframe),粘贴帧(pasteframe)。
1.新建一个影片,选择"
Modify/Movie"
命令,修改影片的背景。
2.选择工具箱中的文字工具,在工作区内输入四个字"
五彩文字"
,设置字的大小为90,字体为隶书。
3.选中第一帧,选择"
Modify/BreakApart"
命令,将文字打散。
4.选择工具箱中的"
FillColor"
按钮,在其中选择彩虹填充颜色。
5.按F8键,将文字变成符号,在打开的对话框内选择"
6.在第20帧按F6插入关
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Flash 教案
![提示](https://static.bdocx.com/images/bang_tan.gif)