Flash动画制作教案文档格式.docx
《Flash动画制作教案文档格式.docx》由会员分享,可在线阅读,更多相关《Flash动画制作教案文档格式.docx(80页珍藏版)》请在冰豆网上搜索。
1.1初识Flash
1.什么是Flash?
Flash是一种创作工具,设计人员和开发人员可使用它来创建演示文稿、应用程序和其他允许用户交互的内容。
Flash可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。
2.Flash的历史与发展
FutureSplashAnimator(1995)-Flash的前身,由简单的工具和时间线组成
MacromediaFlash1(1996-11)-Macromedia给FutureSplashAnimator更名后为Flash的第一个版本
MacromediaFlash2(1997-6)-引入库的概念
MacromediaFlash3(1998-5-31)影片剪辑,Javascript插件,透明度和独立播放器
MacromediaFlash4(1999-6-15)变量,文本输入框,增强的Actionscript,流媒体MP3
MacromediaFlash5(2000-8-24)-Javascript,智能剪辑,HTML文本格式
MacromediaFlashMX(2002-3-15)-Unicode,组件,XML,流媒体视频编码
MacromediaFlashMX2004(2003-9-10)-文本抗锯齿,Actionscript2.0,增强的流媒体视频,行为MacromediaFlashMX2004Pro(2003-9-10)-包括所有FlashMX2004的特性,加上WebServices,ActionScript2.0的面向对象编程,媒体播放组件
MacromediaFlash8(2005-9-13)
MacromediaFlash8Pro(2005-9-13)增强为移动设备开发的功能,方便创建FlashWeb,增强的网络视频.
2005年12月5日,Macromedia被Adobe公司以34亿美元的天价收购,其旗下的网页三剑客也归属到Adobe旗下。
AdobeFlashCS3(2007-12-14)Adobe公司收购Macromedia公司后,首次推出的版本,最新的as3.0编程语言替换原来的as2.0编程语言。
AdobeFlashCS4(2008-12)
AdobeFlashCS5(2010-3)
AdobeFlashCS6是目前Flash的最新版本
3.Flash动画的特点
●文件数据量小
●适用范围广
●图像质量高
●交互性强
●下载速度快
1.2Flash应用领域
娱乐短片、片头、广告、导航条、小游戏、产品展示等。
1.3Flash动画原理
1.动画原理
Flash动画说到底就是“遮罩+补间动画+逐帧动画”与元件(主要是影片剪辑)的混合物,通过这些元素的不同组合,从而可以创建千变万化的效果。
实际上就是把几幅静止的图快速连续地播放,肉眼所看到的图像在大脑中暂时停留1/12秒。
这就是视觉暂留原理,也是动画片会动的原因。
提示:
电影拍摄和播放速率都是每秒24帧,即一秒钟要播放24幅画面。
2.Flash动画的制作流程:
FLASH动画的整个制作过程一般分为三个阶段,即前期、中期、后期:
一、前期
1.编写剧本
2.撰写导演阐述
3.人物造型和背景风格设定
4.制作文字和画面分镜头台本
5.先期音乐和先期对白录制
6.动作和摄影的风格试验
二、中期
1.导演讲解分镜头
2.动作设计和动画的制作
3.背景绘制
4.校对检查
5.全片镜头和特效的制作
三、后期
1.素材剪辑
2.音乐、对白和音效的制作
3.双片鉴定
4.混录
5.多格式输出
1.4Flash工作环境
1、舞台
就是工作区,最主要的可编辑区域。
在这里可以直接绘图,或者导入外部图形文件进行安排编辑,再把各个独立的帧合成在一起,以生成电影作品。
2、时间轴窗口
用它可以调整电影的播放速度,并把不同的图形作品放在不同图层的相应帧里,以安排电影内容播放的顺序。
3、绘图工具栏
放置了可供图形和文本编辑的各种工具,用这些工具可以绘图,选取,喷涂,修改以及编排文字,还有些工具可以改变查看工作区的方式。
在选择了某一工具时,其所对应的修改器(Modifier)也会在工具条下面的位置出现,修改器的作用是改变相应工具对图形处理的效果。
4、标准工具栏
列出了大部分最常用的文件操作,打印,剪贴板,撤消和重做,修改器以及控制舞台放大比例的图标和选项,便于进行更为快捷的操作。
5、图库窗口
用以存放可以重复使用的称为符号的元素。
符号的类型包括有图片(Graphics),按钮(Button)和电影片断(MovieClip)。
其调用的快捷键为Ctrl-L。
6、控制器面板
控制电影的播放操作的工具集合,一般不大常用,处于隐藏状态。
1.5Flash的安装与卸载
首先向学生作自我介绍,然后介绍Flash课程性质、目标、考核方法以及学习方法。
结合生活,提示学生从生活,学习,娱乐的三个方面罗列flash的应用。
形成文明的言谈举止,养成良好的行为习惯。
课堂小结
通过学习,使学生能了解Flash的工作环境,了解Flash的发展过程、动画的制作原理及流程等,并掌握Flash的安装与卸载。
作业
1、FlashCS4特点。
2、Flash的工作界面,
实训:
Flash的安装与卸载
教学反思
通过一星期学习,学生对FlashCS4的界面、工作环境、动画的制作原理有了一定的认识,并掌握了Flash的应用领域,为进一步的学习做好了准备。
第2讲基本操作和设置
基本操作和设置
使学生通过本次课的学习,能够熟悉并掌握以下知识点:
1、Flash文档的基本操作
2、设置工作参数
Flash文档的基本操作、设置工作参数
设置工作参数
通过上次课对Flash相关知识的讲解,学生对Flash软件已经有了初步的了解,接下来让我们对Flash文档的基本操作及参数的设置进行学习。
基本操作和设置:
一、Flash文件的基本操作
1、文件的创建
1)、依次点击“文件”菜单------“新建”命令,打开“新建文档”对话框,在“常规”选项卡中选择“Flash文件”,单击“确定”。
如图所示:
2)、启动Flash软件后,在弹出的“欢迎屏幕”中新建栏里单击“Flash文件,也可新建Flash文件。
如果要隐藏“欢迎屏幕”,在启动软件后单击左下角的
,将其勾选;
如要再次让其显示,可依次点击“编辑”菜单------“首选项”,选“常规”,在“启动时”里选“欢迎屏幕”。
如图:
2、动画的保存与发布:
1)、保存动画:
依次———输入文件名,即可当前正在制作的影片保存到磁盘上。
注意保存的是Flash的源文件,其扩展名为.fla
。
2)、动画的发布:
依次点击“文件”菜单——“发布设置”——“发布”即可。
注意发布后的文件扩展名为名为.swf,发布后的文件可用IE等打开。
3、文件的关闭
二、设置工作参数
1、常规
依次点击“编辑”菜单------“首选项”,选“常规”。
2、绘画选项卡
依次点击“编辑”菜单------“首选项”,选“绘图”。
3、设置标尺、辅助线和网格
设置标尺、辅助线:
操作步骤如下:
1)新建一个空白文档,执行“视图/标尺”命令,或按“Ctrl+Alt+Shift+R”快捷键,即可在场景左侧和上方显示标尺。
2)执行“视图/辅助线/显示辅助线”命令,或按“Ctrl+;
”快捷键,使辅助线呈可显示状态,然后在场景上方的标尺中按住左键向场景中拖动,即可制作出场景中的辅助。
3)用同样的方法可以拖动出其他水平和垂直辅助线,然后通过鼠标对辅助线的位置进行调整即可。
提示:
如果不需要某条辅助线,只需用鼠标将其拖动到场景外即可清除。
另外,用户还可通过执行“视图/辅助线/编辑辅助线”命令,或按“Ctrl+Alt+Shift+G”快捷键,在打开的“辅助线”对话框中可对辅助线的颜色进行设置,并可对辅助线进行锁定、对齐等操作。
设置网格:
新建一个空白文档,执行“视图/网格/显示网格”命令,或按“Ctrl+’”快捷键,即可在场景中显示网格。
若要对当前的网格状态进行更改,可执行“视图/网格/显示网格”命令,或按“Ctrl+Alt+G”快捷键,打开网格对话框进行相应编辑,如图
4、设置影片属性
启动Flash并新建一个空白文档,此时界面右侧的“属性”面板如图,其中“550x400像素”代表场景的大小,背景色预览框中的白色代表当前场景的背景颜色。
在文档的“属性”面板中可根据需要设置文档的属性。
学生跟着老师的演示进行练习操作。
注意flash的两种不同格式的文件,源文件和播放文件分别的打开方式
学生练习老师绘画选项卡、标尺、网格,教师辅导。
本次讲解了文档的基本操作及其参数的设置。
理论:
文档的基本操作方法
1、设置文档属性
2、设置标尺和网格
通过本次课的讲解学生掌握了文档的基本操作并能对其常用参数进行设置。
第3讲基本图形的绘制
(一)
第2周
绘图工具
掌握绘图基础知识;
掌握选择工具的使用;
掌握椭圆工具和矩形工具的使用;
掌握颜料桶工具和墨水瓶工具的使用。
选择工具的使用
复习巩固
通过提问的方式复习文档属性的修改方法及参数的设置。
导入新课
打开绘制好的flash的图像,让学生欣赏,说明Flash有一个功能强大的绘图工具,可以绘制出完美的图形。
它使用灵活、简单易用,在大多数情况下都可以满足使用者的要求。
讲授新课(边操作边演示边讲解)
补充知识:
1、矢量图形和位图图像
矢量图形——是由计算机根据矢量数据计算后生成的,它用包含颜色和位置属性的直线或曲线来描述对象。
矢量图是由点构成的,其特点是:
占用的存储空间非常小,且矢量图无论放大多少倍都不会出现马赛克。
位图图像——亦称点阵图像或绘制图像,是由称作像素的单个点组成的。
这些点可以进行不同的排列和染色以构成图样。
当放大位图时,可以看见赖以构成整个图像的无数单个方块。
2、线条和填充图形
3、绘制模式
(1)合并绘制模式
当你所绘制的线条穿过别的线条或图形时,它会象刀一样把其他的线条或图形切割成不同的部分。
同时,线条本身也会被其他线条和图形分成若干部分。
(2)对象绘制模式
注意:
选择用【对象绘制】模式创建的图形时,Flash会在图形上添加矩形边框。
使用【选择】工具移动对象,只需单击边框然后拖曳图形到舞台上的任意位置即可。
一、选取工具
1、选择工具
主要功能是选择对象,对对象进行变形等。
对象被选中后,选中部分会填充小的亮点。
基本操作有:
选取单一对象;
选取多个对象;
选取填充区和轮廓钱;
选取连续线条;
选取对象的某一区域;
取消选择对象;
移动对象;
修改形状;
复制对象等。
注意:
1)按住“Shift”键,再用鼠标依次单击选取的对象可以选取多个对象。
2)按住“Ctrl”键不放,选中要复制的线条,拖动鼠标到要放置复制图形的位置即可。
2、部分选取工具
主要用于调整线条上的节点,改变线条的形状。
部分选取工具没有选项。
删除节点;
移动节点;
角点转换为曲线点;
调节曲率
3、套索工具
主要作用也是选择对象。
与选择工具不同的是,套索工具可以用来选取任何形状范围的对象,而选择工具只能拖出矩形的选取范围,因此它的功能更强一些。
二、绘图工具
1、椭圆工具
所画出的椭圆分为两部分:
轮廓线与填充色块。
通过设置笔触颜色和填充色,能画出实心椭圆,空心椭圆和实心无边框椭圆。
椭圆工具选项栏中只有“对象绘制”和“贴紧至对象”两个按钮。
绘制椭圆的方法:
1)单击绘图工具箱中的
按钮。
2)单击工具箱中“颜色”栏中的
在弹出的“颜色”面板中选择绘制椭圆边框的笔触颜色(也可以选中
按钮,设为无轮廓色)。
3)单击工具箱中“颜色”栏中的
在弹出的“颜色”面板中选择绘制椭圆边框的填充颜色(也可以选中
按钮,设为无填充色)。
4)将鼠标移至场景中,当指针变为“十”时,按住鼠标左键拖动,即可绘制也椭圆。
在绘制出椭圆后,也可利用“属性”面板对椭圆的大小、在场景中的位置、边框线的颜色、线型样式、粗细有填充色等进行具体设置。
当移动场景中的椭圆或圆时,“属性”面板中X、Y的值也会自动改变。
同样,在“属性”面板中对椭圆进行设置后,场景中的图形也将出现相应的变化。
其属性面板如图所示:
2、矩形工具
矩形工具是一个工具组,包括矩形工具和多角星形工具,通过单击右下角的黑色三角进行切换。
矩形工具与椭圆工具用法相似,注意矩形圆角的设置。
使用多角星形工具可以绘制出不少于三个边的等边多边形或星形。
注意选项的设置。
矩形工具的属性面板如左图:
星形或多边形的设置对话框如右图:
三、修饰图形工具
1、墨水瓶工具
墨水瓶工具用于更改线条的颜色、线宽和样式等属性,线条的颜色可以使用纯色、渐变色以及位图图像,
2、颜料桶工具
与墨水瓶工具相对应,颜料桶工具的功能是更改填充区域的颜色。
它可以填充封闭区域或不完全封闭区域,填充时可以使用纯色、渐变色以及位图图像。
分别打开一幅矢量图形和位图图像进行放大观看,让学生观察结果
画两条线条,和两个形状来演示合并绘制模式下图形之间的相互影响
教师在屏幕上绘制几个图形,进行演示选择对象的方法。
填充区和线条。
请学生观察对象变形时光标的变化
分别设置选项中不同的属性设置演示填充有缝隙的图形
绘制椭圆时按“Shift”键可以绘制圆。
讲完如何绘制矩形或多角星形后,要求学生绘制正方形或正多角星形(提示学生其绘制方法跟绘制圆是一样的)
本次课主要介绍了flash绘图基础,基本绘图工具的使用和编辑工具的使用。
要注意的是,选择某种工具时,可以对它的属性进行设置。
布置作业
矩形工具、椭圆工具、墨水瓶工具和颜料桶工具的作用及使用方法。
绘图工具使用
本次课对Flash绘图工具进行了讲解,并做了相应的实例进行训练操作。
从学生所做的实训做业来说掌握得还不错,只是对工具使用不够熟练。
在今后的教学过程中有待加强和提高。
第4讲基本图形的绘制
(二)
掌握线条工具、钢笔工具等的使用;
掌握任意变形工具和吸管工具的使用。
钢笔工具和任意变形工具的使用。
讲授演示法,任务驱动学习法和协作学习法。
通过引导提问的方式复习上次所学的“选择工具、椭圆工具、矩形工具、颜料桶工具和墨水瓶工具的使用方法,引也这次的其他绘图工具及修饰图形工具的使用。
一、绘图工具
1、线条工具
线条工具的使用方法就是在舞台中确认一个起点后按下鼠标,然后拖动鼠标到结束点松开鼠标就可以了。
2、钢笔工具
钢笔工具的主要功能有画直线、画曲线、曲线点转换为角点、添加节点、删除节点。
1)钢笔工具绘制直线
方法:
在工具栏中单击
,在属性面板中设置笔触和填充属性。
在舞台上单击以确定每条线段长度的起始点,再到下一个位置单击,按住Shift键进行单击可以将线条限制为倾斜45度的倍数。
继续单击以创建其他直线段。
2)钢笔工具绘制曲线
在舞台上单击并按住左键不放进行拖一点距离,然后松开鼠标左键,再到下一点单击并按住左键不放进行拖一点距离,然后松开鼠标左键,这样得到的线段为曲线段。
直线段、曲线段如图所示:
开放路径与闭合路径:
3)分别讲解:
什么叫“直角点、曲线点、锚点”?
如何添加、减少锚点及转换锚点?
什么叫“控制线、控制点”?
什么情况下才会出现控制线?
实例:
绘制“桃心”。
3、铅笔工具
铅笔工具的选项栏中除“对象绘制”按钮外还有一个“铅笔模式”按钮,单击此按钮弹出三种绘图模式:
伸直、平滑、墨水。
4、刷子工具
刷子工具就像画刷一样可以在舞台中绘制不同颜色的图形,也可以为各刷子工具的选项栏有五个选项:
“对象绘制”种图形对象着色。
刷子的颜色由填充色设置。
、“刷子模式”、“刷子大小”、“刷子形状”和“锁定填充”。
5、橡皮擦工具
橡皮擦工具就像日常生活中使用的橡皮擦一样,用来擦除图形的线条和填充区。
橡皮擦工具的选项栏有三个选项:
“橡皮擦模式”,“橡皮擦形状”和“水龙头”。
二、修饰图形工具
1、吸管工具
吸管工具用于拾取填充或线条的颜色值,选择吸管工具后,鼠标图标变成一个吸管,用吸管单击对象的任意位置,可获得此位置的颜色值及其它属性。
2、任意变形工具
使用任意变形工具可以对图形做出各种各样的变形,制作各种Flash特效。
选择任意变形工具后,在选项栏中有四个选项按钮。
自动变形工具一共可以做出五种变形处理:
旋转、倾斜、缩放、扭曲和封套。
其中旋转、倾斜、缩放对所有的对象都有效,而扭曲和封套只对形状对象有效,对组对象、符号和位图都不起作用。
三、查看工具
1、手形工具
2、缩放工具
综合实例:
1、绘制曲线2、嘴的轮廓3、眼镜4、雨中伞
教师演示,注意线条工具在属性面板里的选项设置。
要求学生学会编辑锚点。
本次主要介绍了flash绘图基础,基本绘图工具的使用和编辑工具的使用。
钢笔工具和任意变形工具的使用方法。
本次课对Flash绘图工具进行了讲解,并做了相应的实例训练。
从学生所做的实训作业来说掌握得还不错,只是对工具使用不够熟练。
第5讲调整对象
第3周
编辑图形
使学生会合理的使用:
对齐、分布、匹配大小、间隔、相对于舞台等命令;
让学生巧秒应用切割、融合、组合、叠放顺序的更改;
会应用变形面板、缩放和旋转对话框。
分布和相对于舞台;
怎么样去解决和巧秒的去应用粘图现象;
用变形面板、缩放和旋转对话框调节调整图形对象。
分布面板上的各个按钮的操作原理;
怎么样的巧秒的去就用粘图来进行图象的切割改变图象叠放顺序;
变形面板中各个按钮的作用
复习旧课
指出上周实训中出现的问题。
强调使用钢笔工具时,一定要配合部分选择工具和选择工具使用,才能绘制出较好的图形对象。
复习一下,矩形工具,填充色的应用。
展示几个绘图实例,要完成这些实例,必须掌握FLASH中有些工具使用的技巧,这样才能增加动画设计的美感。
讲述新课〔讲授法演示法〕
调整对象
1、排列对象
单击菜单中“窗口”|“对齐”命令,出现“对齐”面板。
对齐;
分布;
匹配;
间隔
2、形状的切割融合组合叠放顺序的更改
1)形状的切割
Flash中将使用绘图工具绘制的图形称为形状。
Flash8新增了“对象绘制”按钮,在创建对象时如果选中“对象绘制”按钮,将创建独立的对象,与其他对象互不影响。
相反,如果在绘制图形时没有选取“对象绘制”按扭,则对象之间将会产生影响,对象能够被切割或融合。
举例:
直线分割椭圆矩形打孔
2)形状的融合
融合是将两个形状连在一起,此功能可创建绘图工具无法绘制的形状。
使用时要注意,进行融合的形状的颜色要相同,没有边框,并且不是独立的对象(即在绘制对象时没有按下“对象绘制”按钮)。
3)组合对象
组合是将多个对象当作一个整体进行处理,可以更方便地对对象进行移动、变形等操作,还可以防止因为重叠而产生的切割和融合。
在编辑组合时,其中的每个对象均保持各自的属性以及与其它对象的关系。
•创建组合Ctrl+G
•编辑组合,注意组合编辑环境
4)对象的叠放顺序单击菜单中“修改”|“排列”命令
Flash中,组合对象或实例等独立对象在叠放时,有上下顺序之分,上面的对象可以覆盖下面的对象。