Flash动画整本教案.docx

第1讲Flash概述教学时间第1周计划课时1课时+实训1课时序号课程内容初识Flash教学目标1、确定课程目标、讲述学习内容、教给学习方法。2、熟悉FlaShCS4的界面。3、熟悉FlaSh的工作环境，3、熟悉FIaSh动画的制作原理教学重点培养学生对于本课程以及本专业的热爱；了解什么是flash,熟悉flash工作界面。教学难点掌握动画原理以及FlaSh动画的制作原理。教学方法讲授演示法，任务驱动学习法和协作学习法教学资源多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材等。教学过程备注导入：教师给学生演示经典动画和教材中部分的案例动画由此引入课题。讲述新课(讲授法、演示法)FIaSh课程介绍：1、课程性质2、课程目标和课程内容首先向学生作3、考核方法自我介绍，然学期总成绩=平时成绩20%+作业成绩10%+半期成绩30%+期末测试40%后介绍Flash课程性质、目4、学习方法标、考核方法(1)小组学习法以及学习方(2)任务驱动法(3)互帮互补法(4)课堂勤记笔记、勤操作(5)课外勤练习、勤看书1. 1初识Flash1 .什么是FlaSh?FIaSh是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程法。序和其他允许用户交互的内容。Flash可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。2. FIaSh的历史与发展FutureSplashAnimator(1995)-FIaSh的前身，由简单的工具和时间线，组成MacromediaFlash1(1996-11)-MaCroinedia给FUtUreSPIaShAnimatOr更名后为FIaSh的第一个版本MacromediaFlash2(1997-6)-引入库的概念MacromediaFlash3(1998-5-31)影片剪辑，Javascript插件，透明度和独立播放器MacromediaFlash4(1999-6-15)变量，文本输入框，增强的ACtionSCriPt,流媒体MP3MacromediaFlash5(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公司收购MaCrOlnedia公司后，首次推出的版本，最新的as3.0编程语言替换原来的as2.0编程语言。AdobeFlashCS4(2008-12)AdobeFlashCS5(2010-3)AdobeFlashCS6是目前FIaSh的最新版本3. FIaSh动画的特点 文件数据量小 适用范围广结合生活，提 示学生从生 活，学习，娱 乐的三个方面 罗列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.素材剪辑6 .音乐、对白和音效的制作7 .双片鉴定8 .混录9 .多格式输出1.4 Flash工作环境1、舞台就是工作区，最主要的可编辑区域。在这里可以直接绘图，或者导入外部图形文件进行安排编辑，再把各个独立的帧合成在一起，以生成电影作品。2、时间轴窗口用它可以调整电影的播放速度，并把不同的图形作品放在不同图层的相应帧里，以安排电影内容播放的顺序。3、绘图工具栏放置了可供图形和文本编辑的各种工具，用这些工具可以绘图，选取，喷涂，修改以及编排文字，还有些工具可以改变查看工作区的方式。在选择了某一工具时，其所对应的修改器(MOdifier)也会在工具条下面的位置出现，修改器的作用是改变相应工具对图形处理的效果。4、标准工具栏列出了大部分最常用的文件操作，打印，剪贴板，撤消和重做，修改器以及控制舞台放大比例的图标和选项，便于进行更为快捷的操作。5、图库窗口用以存放可以重复使用的称为符号的元素。符号的类型包括有图片(GraPhics),按钮(BUtton)和电影片断(MOVieClip)。其调用的快捷键为CtrI-L。6、控制器面板控制电影的播放操作的工具集合，一般不大常用，处于隐藏状态。1.5 Flash的安装与卸载课堂小结通过学习，使学生能了解FIaSh的工作环境，了解FIaSh的发展过程、动画的制作原理及流程等，并掌握FIaSh的安装与卸载。作业1、FlashCS4特点。2、FIaSh的工作界面，实训：FIaSh的安装与卸载教学反思通过一星期学习，学生对FIaShCS4的界面、工作环境、动画的制作原理有了一定的认识，并掌握了FIaSh的应用领域，为进一步的学习做好了准备。第2讲基本操作和设置教学时间第1周计划课时1课时+实训1课时序号课程内容基本操作和设置教学目标使学生通过本次课的学习，能够熟悉并掌握以下知识点：1、FlaSh文档的基本操作2、设置工作参数教学重点FIaSh文档的基本操作、设置工作参数教学难点设置工作参数教学方法讲授演示法，任务驱动学习法和协作学习法教学资源多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材等。教学过程导入：通过上次课对FlaSh相关知识的讲解，学生对FIaSh软件已经有了初步的了解，接下来让我们对FIaSh文档的基本操作及参数的设置进行学习。讲述新课（讲授法、演示法）基本操作和设置：一、FIaSh文件的基本操作1、文件的创建1）、依次点击“文件”菜单“新建”命令，打开“新建文档”对话框，在“常规”选项卡中选择“Flash文件”，单击“确定”。如图所示:苜法参数型常规I嘉时i¾S-Flash文件O学生跟着老 师的演示进行 练习操作。2）、启动FlaSh软件后，在弹出的“欢迎屏幕”中新建栏里单击“Flash文件，也可新建提示：如果要隐藏“欢迎屏幕”，在启动软件后单击左下角的不再显示，将其勾选；如要再次让其显示，可依次点击“编辑”菜单“首选项”，选“常规”，在“启动时”里选“欢迎屏幕如图：2、动画的保存与发布:1)、保存动画：依次输入文件名，即可当前正在制，注意保存的是FIaSh的源文件，其扩展名为.12)、动画的发布：依次点击“文件”菜单一一“发布设置”-扩展名为名为.swf,发布后的文件可用IE等3、文件的关闭二、设置工作参数1、常规依次点击“编辑”菜单“首选项”，2、绘画选项卡作的影片保存到磁盘上。?lao一-“发布”即可。注意发布后的文件-打开。选“常规”。如图：编辑”菜单“首选项”，选“绘注意flash的两种不同格式徭依次点击“辘矗,明awF图”。如图：称eSS我蠹看工施:二磔神佩Klm3、设置标/自断蟠髓邈期阿尺、辅助线J和网格，H示上出却!鼬明对朝IfB谣膜网设置标尺、娘杷蜩BMSW辅助民：<噩操作步骤品S如下：B弱!够S1)新建一Elg二fiW*>"C个空白文档胸:、用P)'wCtrl+Alt+Sh方显示标尺。2)执行“视图/辅助线/显示辅助线”命令,可显示状态，然后在场景上方的标尺中按住左的辅助。3)用同样的方法可以拖动出其他水平和垂置进行调整即可。提示：如果不需要某条辅助线，只需用鼠材用户还可通过执行“视图/辅助线/编辑辅助多快捷键，在打开的“辅助线”对话框中可对布进行锁定、对齐等操作。设置网格：苜运参数的文件，源文件和播放文件分别的打开方式类别绘图京投禁噫%一汨金工具：显示网笔?RS电最宵格式显示其心点时鲤_显示楙就标(U)髓文皆学连喇®LAI文件r入#平谷曲城(M)：If制热)：TWWJf纸：-_-|点击郴1度（八）:一般:IK台的工具：，自动设景堂彬臣执行“视图/标尺”命令，或按ift+R”快捷键,即可在场景左侧和上或按“Ctrl+；”快捷键，使辅助线呈二键向场景中拖动，即可制作出场景中T辅助线，然后通过鼠标对辅助线的位；将其拖动到场景外即可清除。另外，Iw命令，或按“Ctrl+Alt+Shift+G”1助线的颜色进行设置，并可对辅助线学生练习老师绘画选项卡、标尺、网格，教师辅导。网格l"l新建一个空白文档，执行“视颜色：里/显示网格(G)在对象上方显示贴紧至网格T10像素I10像素贴紧精确度：一般取消程存默认值图/网格/显示网格”命令，或按“Ctrl+'”快捷键，即可在场景中显示网格。提示：若要对当前的网格状态进行更改，可执行“视图/网格/显示网格”命令，或按"Ctrl+lt+Gw快捷键，打开图4、设置影片属性操作步骤如下：启动FIaSh并新建一个空白文档，F文档1未命名-1网格对话框进行相应编辑，如此时界面右侧的“属性”面板如图，其中“550X400像素”代表场景的大小，背景色预览框中的白色代表当前场景的背景颜色。SZ发窄篇放器：FlashPlayer10脚本：ActionScript3.0在文档的“属性”面板中可根据需要设置文档的属性。类：II/现费文件：默认文件I编辑IAIR设置三FPS:褊&Q大小：550X400像素编辑1舞台：II课堂