Flash动画整本教案.docx
《Flash动画整本教案.docx》由会员分享,可在线阅读,更多相关《Flash动画整本教案.docx(54页珍藏版)》请在课桌文档上搜索。
1、第1讲Flash概述教学时间第1周计划课时1课时+实训1课时序号课程内容初识Flash教学目标1、确定课程目标、讲述学习内容、教给学习方法。2、熟悉FlaShCS4的界面。3、熟悉FlaSh的工作环境,3、熟悉FIaSh动画的制作原理教学重点培养学生对于本课程以及本专业的热爱;了解什么是flash,熟悉flash工作界面。教学难点掌握动画原理以及FlaSh动画的制作原理。教学方法讲授演示法,任务驱动学习法和协作学习法教学资源多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材等。教学过程备注导入:教师给学生演示经典动画和教材中部分的案例动画由此引入课题。讲述新课(讲授法、演示法)F
2、IaSh课程介绍:1、课程性质2、课程目标和课程内容首先向学生作3、考核方法自我介绍,然学期总成绩=平时成绩20%+作业成绩10%+半期成绩30%+期末测试40%后介绍Flash课程性质、目4、学习方法标、考核方法(1)小组学习法以及学习方(2)任务驱动法(3)互帮互补法(4)课堂勤记笔记、勤操作(5)课外勤练习、勤看书1. 1初识Flash1 .什么是FlaSh?FIaSh是一种创作工具,设计人员和开发人员可使用它来创建演示文稿、应用程法。序和其他允许用户交互的内容。Flash可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。2. FIaSh的历史与发展Futu
3、reSplashAnimator(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,
4、智能剪辑,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)增强为移动设备开发的功能,方便
5、创建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的 应用。 图
6、像质量高 交互性强 下载速度快1. 2Flash应用领域娱乐短片、片头、广告、导航条、小游戏、产品展示等。1.3FlaSh动画原理1 .动画原理FlaSh动画说到底就是“遮罩+补间动画+逐帧动画”与元件(主要是影片剪辑)的混合物,通过这些元素的不同组合,从而可以创建千变万化的效果。实际上就是把几幅静止的图快速连续地播放,肉眼所看到的图像在大脑中暂时停留1/12秒。这就是视觉暂留原理,也是动画片会动的原因。提示:电影拍摄和播放速率都是每秒24帧,即一秒钟要播放24幅画面。2. FlaSh动画的制作流程:FLASH动画的整个制作过程一般分为三个阶段,即前期、中期、后期:一、前期1 .编写剧本2 .
7、撰写导演阐述3 .人物造型和背景风格设定形成文明的言谈举止,养成 良好的行为习 惯。4 .制作文字和画面分镜头台本5 .先期音乐和先期对白录制6 .动作和摄影的风格试验二、中期1 .导演讲解分镜头2 .动作设计和动画的制作3 .背景绘制4 .校对检查5 .全片镜头和特效的制作三、后期L素材剪辑6 .音乐、对白和音效的制作7 .双片鉴定8 .混录9 .多格式输出1.4 Flash工作环境1、舞台就是工作区,最主要的可编辑区域。在这里可以直接绘图,或者导入外部图形文件进行安排编辑,再把各个独立的帧合成在一起,以生成电影作品。2、时间轴窗口用它可以调整电影的播放速度,并把不同的图形作品放在不同图层的
8、相应帧里,以安排电影内容播放的顺序。3、绘图工具栏放置了可供图形和文本编辑的各种工具,用这些工具可以绘图,选取,喷涂,修改以及编排文字,还有些工具可以改变查看工作区的方式。在选择了某一工具时,其所对应的修改器(MOdifier)也会在工具条下面的位置出现,修改器的作用是改变相应工具对图形处理的效果。4、标准工具栏列出了大部分最常用的文件操作,打印,剪贴板,撤消和重做,修改器以及控制舞台放大比例的图标和选项,便于进行更为快捷的操作。5、图库窗口用以存放可以重复使用的称为符号的元素。符号的类型包括有图片(GraPhics),按钮(BUtton)和电影片断(MOVieClip)。其调用的快捷键为Ct
9、rI-L。6、控制器面板控制电影的播放操作的工具集合,一般不大常用,处于隐藏状态。1.5 Flash的安装与卸载课堂小结通过学习,使学生能了解FIaSh的工作环境,了解FIaSh的发展过程、动画的制作原理及流程等,并掌握FIaSh的安装与卸载。作业1、FlashCS4特点。2、FIaSh的工作界面,实训:FIaSh的安装与卸载教学反思通过一星期学习,学生对FIaShCS4的界面、工作环境、动画的制作原理有了一定的认识,并掌握了FIaSh的应用领域,为进一步的学习做好了准备。第2讲基本操作和设置教学时间第1周计划课时1课时+实训1课时序号课程内容基本操作和设置教学目标使学生通过本次课的学习,能够
10、熟悉并掌握以下知识点:1、FlaSh文档的基本操作2、设置工作参数教学重点FIaSh文档的基本操作、设置工作参数教学难点设置工作参数教学方法讲授演示法,任务驱动学习法和协作学习法教学资源多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材等。教学过程导入:通过上次课对FlaSh相关知识的讲解,学生对FIaSh软件已经有了初步的了解,接下来让我们对FIaSh文档的基本操作及参数的设置进行学习。讲述新课(讲授法、演示法)基本操作和设置:一、FIaSh文件的基本操作1、文件的创建1)、依次点击“文件”菜单“新建”命令,打开“新建文档”对话框,在“常规”选项卡中选择“Flash文件”,单击
11、“确定”。如图所示:苜法参数型常规I嘉时iS-Flash文件O学生跟着老师的演示进行 练习操作。2)、启动FlaSh软件后,在弹出的“欢迎屏幕”中新建栏里单击“Flash文件,也可新建提示:如果要隐藏“欢迎屏幕”,在启动软件后单击左下角的不再显示,将其勾选;如要再次让其显示,可依次点击“编辑”菜单“首选项”,选“常规”,在“启动时”里选“欢迎屏幕如图:2、动画的保存与发布:1)、保存动画:依次输入文件名,即可当前正在制,注意保存的是FIaSh的源文件,其扩展名为.12)、动画的发布:依次点击“文件”菜单一一“发布设置”-扩展名为名为.swf,发布后的文件可用IE等3、文件的关闭二、设置工作参数
12、1、常规依次点击“编辑”菜单“首选项”,2、绘画选项卡作的影片保存到磁盘上。?lao一-“发布”即可。注意发布后的文件-打开。选“常规”。如图:编辑”菜单“首选项”,选“绘注意flash的两种不同格式徭依次点击“辘矗,明awF图”。如图:称eSS我蠹看工施:二磔神佩Klm3、设置标/自断蟠髓雅,邈期阿尺、辅助线J和网格,H示上出却!鼬明对朝IfB谣膜网设置标尺、娘杷蜩BMSW辅助民:C个空白文档胸:、用P)wCtrl+Alt+Sh方显示标尺。2)执行“视图/辅助线/显示辅助线”命令,可显示状态,然后在场景上方的标尺中按住左的辅助。3)用同样的方法可以拖动出其他水平和垂置进行调整即可。提示:如果
13、不需要某条辅助线,只需用鼠材用户还可通过执行“视图/辅助线/编辑辅助多快捷键,在打开的“辅助线”对话框中可对布进行锁定、对齐等操作。设置网格:苜运参数的文件,源文件和播放文件分别的打开方式类别绘图京投禁噫%一汨金工具:显示网笔?RS电最宵格式显示其心点时鲤_显示楙就标(U)髓文皆学连喇LAI文件r入#平谷曲城(M):If制热):TWWJf纸:-_-|点击郴1度(A):一般:IK台的工具:,自动设景堂彬臣执行“视图/标尺”命令,或按ift+R”快捷键,即可在场景左侧和上或按“Ctrl+;”快捷键,使辅助线呈二键向场景中拖动,即可制作出场景中T辅助线,然后通过鼠标对辅助线的位;将其拖动到场景外即可
14、清除。另外,Iw命令,或按“Ctrl+Alt+Shift+G”1助线的颜色进行设置,并可对辅助线学生练习老师绘画选项卡、标尺、网格,教师辅导。网格ll新建一个空白文档,执行“视颜色:里/显示网格(G)在对象上方显示贴紧至网格T10像素I10像素贴紧精确度:一般取消程存默认值图/网格/显示网格”命令,或按“Ctrl+”快捷键,即可在场景中显示网格。提示:若要对当前的网格状态进行更改,可执行“视图/网格/显示网格”命令,或按Ctrl+lt+Gw快捷键,打开图4、设置影片属性操作步骤如下:启动FIaSh并新建一个空白文档,F文档1未命名-1网格对话框进行相应编辑,如此时界面右侧的“属性”面板如图,其
15、中“550X400像素”代表场景的大小,背景色预览框中的白色代表当前场景的背景颜色。SZ发窄篇放器:FlashPlayer10脚本:ActionScript3.0在文档的“属性”面板中可根据需要设置文档的属性。类:II/现费文件:默认文件I编辑IAIR设置FPS:褊&Q大小:550X400像素编辑1舞台:II课堂小结本次讲解了文档的基本操作及其参数的设置。作业理论:文档的基本操作方法实训1:1、设置文档属性2、设置标尺和网格教学反思通过本次课的讲解学生掌握了文档的基本操作并能对其常用参数进行设置。第3讲基本图形的绘制(一)教学时间第2周计划课时1课时+实训1课时序号课程内容绘图工具教学目标掌握
16、绘图基础知识;掌握选择工具的使用;掌握椭圆工具和矩形工具的使用;掌握颜料桶工具和墨水瓶工具的使用。教学重点掌握选择工具的使用;掌握桶圆工具和矩形工具的使用;掌握颜料桶工具和墨水瓶工具的使用。教学难点选择工具的使用教学方法讲授演示法,任务驱动学习法和协作学习法教学资源多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材等。教学过程备注复习巩固通过提问的方式复习文档属性的修改方法及参数的设置。导入新课打开绘制好的flash的图像,让学生欣赏,说明FIaSh有一个功能强大的绘图工具,可以绘制出完美的图形。它使用灵活、简单易用,在大多数情况下都可以满足使用者的要求。讲授新课(边操作边演示边
17、讲解)补充知识:1、矢量图形和位图图像矢量图形一一是由计算机根据矢量数据计算后生成的,它用包含颜色和位置属性的直线或曲线来描述对象。矢量图是由点构成的,其特点是:占用的存储空间非常小,且矢量图无论放大多少倍都不会出现马赛克。位图图像一一亦称点阵图像或绘制图像,是由称作像素的单个点组成的。这些点可以进行不同的排列和染色以构成图样。当放大位图时,可以看见赖以构成整个图像的无数单个方块。2、线条和填充图形3、绘制模式(1)合并绘制模式分别打开一幅矢量图形和位图图像进行放大观看,让学生观察结果教学过程备注当你所绘制的线条穿过别的线条或图形时,它会象刀一样把其他的线条或图画两条线条,形切割成不同的部分。
18、同时,线条本身也会被其他线条和图形分成若干部分。和两个形状来(2)对象绘制模式演示合并绘制注意:选择用【对象绘制】模式创建的图形时,FlaSh会在图形上添加矩形边框。模式下图形之使用【选择】工具移动对象,只需单击边框然后拖曳图形到舞台上的任意位置即可。一、选取工具1、选择工具、:间的相互影响主要功能是选择对象,对对象进行变形等。对象被选中后,选中部分会填充小的亮点。教师在屏幕上基本操作有:选取单一对象;选取多个对象;选取填充区和轮廓钱;选取连续绘制几个图线条;选取对象的某一区域;取消选择对象;移动对象;修改形状;复制对象等。形,进行演示注意:1)按住“Shift”键,再用鼠标依次单击选取的对象
19、可以选取多个对象。2)按住“Ctrl”键不放,选中要复制的线条,拖动鼠标到要放置复制图形的位置即可。选择对象的方法。注意:填充区和线条。2、部分选取工具SV主要用于调整线条上的节点,改变线条的形状。部分选取工具没有选项。请学生观察对象变形时光标基本操作有:删除节点;移动节点;角点转换为曲线点;调节曲率3、套索工具P主要作用也是选择对象。与选择工具不同的是,套索工具可以用来选取任何形状范围的对象,而选择工具只能拖出矩形的选取范围,因此它的功能更强一些。的变化二、绘图工具1、椭圆工具工所画出的椭圆分为两部分:轮廓线与填充色块。通过设置笔触颜色和填充色,能画出实心椭圆,空心椭圆和实心无边框椭圆。椭圆
20、工具选项栏中只有“对象绘制”和“贴紧至对象”两个按钮。绘制椭圆的方法:D单击绘图工具箱中的Q按钮。2)单击工具箱中“颜色”栏中的,在弹出的“颜色”面板中选择绘制椭圆边框的笔触颜色(也可以选中I0按钮,设为无轮廓色)。3)单击工具箱中“颜色”栏中的劣口,在弹出的“颜色”面板中选择绘制CD椭圆边框的填充颜色(也可以选中回按钮,设为无填充色)。分别设置选项4)将鼠标移至场景中,当指针变为“十”时,按住鼠标左键拖动,即可绘制中不同的属性也椭圆。如图所示:设置演示填充有缝隙的图形提示:在绘制出椭圆后,也可利用“属性”面板对椭圆的大小、在场景中的位置、边框线的颜色、线型样式、粗细有填充色等进行具体设置。当
21、移动场景中的椭圆或圆时,“属性”面板中X、Y的值也会自动改变。同样,在“属性”面板中对椭圆进行设置后,场景中的图形也将出现相应的变化。其属性面板如图所示:2、矩形工具口矩形工具是一个工具组,包括矩形工具和多角星形工具,通过单击右下角的黑色三角进行切换。矩形工具与椭圆工具用法相似,注意矩形圆角的设置。使用多角星形工具可以绘制出不少于三个边的等边多边形或星形。注意选项的设置。矩形工具的属性面板如左图:星形或多边形的设置对话框如右图:三、修饰图形工具1、墨水瓶工具墨水瓶工具用于更改线条的颜色、线宽和样式等属性,线条的颜色可以使用纯色、渐变色以及位图图像,2、颜料桶工具与墨水瓶工具相对应,颜料桶工具的
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Flash 动画 教案

链接地址:https://www.desk33.com/p-284514.html