2022年Flash动画制作全套教案【优选】_第1页
2022年Flash动画制作全套教案【优选】_第2页
2022年Flash动画制作全套教案【优选】_第3页
2022年Flash动画制作全套教案【优选】_第4页
2022年Flash动画制作全套教案【优选】_第5页
已阅读5页,还剩45页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、UI 设计基础教 案任课老师:赵世勇 2022 年 02 月1 第一周 Flash概述教案序号1 课程内容模块 1 初识 Flash 教学时间第一周方案课时 3 课时 +实训 3 课时1、确定课程目标、叙述学习内容、教给学习方法;教学目标2、熟识 Flash cs3的界面;3、熟识 FLASH的工作环境 , 3、熟识 Flash 动画的制作原理教学重点 培育他们对于本课程以及本专业的喜爱;明白什么是 flash ,熟识 flash 工作界面;教学难点 把握动画原理以及 Flash 动画的制作原理;教学方法 讲授演示法,任务驱动学习法和协作学习法教学资源 多媒体机房、投影仪、电子教学平台、视频演

2、示教程、案例源文件、素材、ppt 等;教学过程 备注导入 :老师给同学演示经典动画和教材中部分的案例动画由此引入课题;第一向同学作 叙述新课 ( 讲授法、 PPT演示 )自我介绍,然一、 Flash 课程介绍 后介绍 Flash 课程性质、目 1、课程性质 标、考核方法 2、课程目标和课程内容 以 及 学 习 方 3、学习方法 法;(1)小组学习法(2)任务驱动法(3)互帮互补法(4)课堂勤记笔记、勤操作(5)课外勤练习、勤看书1.1 初识 Flash 1什么是 Flash 2Flash 的历史与进展 3Flash 的特点结合生活,提 示 学 生 从 生 活,学习,娱 乐的三个方面1.2 Fl

3、ash应用领域排列 flash的1.3 Flash动画原理应用;1动画原理 2Flash 动画制作原理2 1.4 Flash 工作环境1、舞台 就是工作区,最主要的可编辑区域;在这里可以直接绘图,或者导入外部图形文件进行支配编辑,再把各个独立的帧合成在一起,以生成电影作品;2、时间轴窗口用它可以调整电影的播放速度,并把不同的图形作品放在不同图层的相应帧里,以支配电影内容播放的次序;3、绘图工具栏放置了可供图形和文本编辑的各种工具,用这些工具可以绘图,选取,喷涂,修改以及编排文字,仍有些工具可以转变查看工作区的方式;在挑选了某一工具时, 其所对应的修改器Modifier也会在工具条下面的位置出现

4、,修改器的作用是转变相应工具对图形处理的成效;4、标准工具栏 列出了大部分最常用的文件操作,打印,剪贴板,撤消和重做,修改器以及掌握舞台放大比例的图标和选项,便于进行更为快捷的操作;5、图库窗口用以存放可以重复使用的称为符号的元素;符号的类型包括有叙述层的概述图片 Graphics,按钮 Button和电影片断 Movie Clip;其调用的快捷键为Ctrl-L;掌握电影的播放操作的工具集合,一般不大常用,处于隐匿6、掌握器面板状态;例 1:使用工具制作一个“ 小孩微笑头像”摸索 : 如何让“ 哭脸” 变成“ 笑脸” ?时,可结合前 期 学 习 过 的 Photoshop 中 层的概念,这 样

5、同学头脑中 就有了印象;引入层的概念,将“ 嘴” 放在新建的图层上引入简洁动画制作步骤: a 、绘制动作的开头状态与终止状态,即绘制两个关键帧,并留意两个关键 帧在时间线上的位置; b 、挑选全部帧,创建动画;请同学留意动 画 制 作 的 过程,并能自己制作上述两个 例 2:小球的直线运动;动画;步骤 1:在舞台上画出小球;步骤 2:在第 20 帧上插入关键帧;步骤 3:移动小球,使其开头位置与终止位置不同;步骤 4:挑选全部帧,创建外形渐变动画;留意 flash 的3 例 3:小球沿规定的轨迹运行;步骤 5:在前一个动画的基础上添加引导层 步骤 6:在引导层上用铅笔工具画曲线;步骤 7:移动

6、小球,使其开头位置和终止位置分别位于曲线的首尾;两种不同格式 的文件,源文 件和播放文件 分别的打开方 式1.5 动画的储存与发布:1、储存动画:依次点击“ 文件” 菜单-“ 储存” 输入文件名,即可当前正在制同学练习老师 绘画选项卡、标尺、网格,老师辅导;作的影片储存到磁盘上;留意储存的是Flash 的源文件,其扩展名为.fla ;2、动画的发布:依次点击“ 文件” 菜单“ 发布设置” “ 发布” 即可;留意发布后的文件扩展名为名为.swf ,发布后的文件可用IE 等打开;1.6 设置工作参数 1、常规 2、绘画选项卡 3、设置标尺和网格 4、设置影片属性课堂小结通过本单元的学习,使同学能明

7、白Flash 的工作环境,把握基本的操作,明白简洁动画的制作过程等,为以后的学习打下肯定的基础;实训一:简洁动画的制作作业本章主要介绍了Flash 的基础学问,软件的安装与启动、工作环境教学反思以及一些基本操作;各种工具及面板的娴熟运用是学习Flash 的关键,同学在学完本章后,需要通过不断地练习来把握各种工具和面板的使用 方法;同学通过练习基本可以把握 多加练习;Flash 的基本操作,但要娴熟把握仍需第一周绘图基础教学时间 其次周 方案课时 4 课时 +实训 4 课时 序号 课程内容 模块 2:绘图工具把握绘图基础学问;把握挑选工具的使用;把握线条工具、椭圆工具、矩形工具教学目标和刷子工具

8、的使用;把握图形修饰工具和查看工具的使用教学重点 绘图工具的使用和图形修饰工具的使用教学难点 挑选工具的使用教学方法 讲授演示法,任务驱动学习法和协作学习法多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt教学资源等;教学过程 备注复习巩固 请同学回答几打开实例 ceng, 复习巩固 FLASH中最基本的概念 : 层 个问题通过提问的方式复习文档属性的修改方法导入新课分别打开一幅 矢量图形和位 图图像进行放 大观看,让学 生观看结果画两条线条,和两个外形来 演示合并绘制 模式下图形之 间的相互影响打开绘制好的flash的图像, 让同学观赏, 说明 Flash 有一个功能强

9、大的绘图工具,可以绘制出完善的图形;它使用敏捷、简洁易用,在大多数情形下都可 以满意使用者的要求;讲授新课(边操作边演示边讲解)补充学问:、矢量图形和位图图像 、线条和填充图形 、绘制模式()合并绘制模式当你所绘制的线条穿过别的线条或图形时,它会象刀一样把其他的线条或图形切割成不同的部分; 同时,线条本身也会被其他线条和图形分成如干部分;()对象绘制模式老师在屏幕上 绘 制 几 个 图 形,进行演示 挑选对象的方 法;留意:填 充区和线条;请同学观看对 象变形时间标留意:挑选用【对象绘制】模式创建的图形时,Flash 会在图形上添加矩形边框;使用【挑选】工具移动对象,只需单击边框然后拖曳图形到

10、舞台上的任意位置即 2.1 挑选工具 、挑选工具 主要功能是挑选对象,对对象进行变形等;对象被选中后,选中部分会填 充小的亮点;5 教学过程 备注基本操作有:选取单一对象;选取多个对象;选取填充区和轮廓钱;选取 的变化连续线条;选取对象的某一区域;取消挑选对象;移动对象;修改外形 2、部分选取工具 主要用于调整线条上的节点,转变线条的外形;部分选取工具没有选项;基本操作有:删除节点;移动节点;角点转换为曲线点;调剂曲率 3、套索工具 主要作用也是挑选物体;与挑选工具不同的是,套索工具可以用来选取任 何外形范畴的对象,而挑选工具只能拖出矩形的选取范畴,因此它的功能更强 一些;2.2 绘图图形工具

11、 1、线条工具老师演示,注 意线条工具的 选项设置线条工具的使用方法就是在舞台中确认一个起点后按下鼠标,然后拖动鼠 标到终止点松开鼠标就可以了;联系 PS 中钢 2、钢笔工具 笔工具的用法 钢笔工具的主要功能有画直线、画曲线、曲线点转换为角点、添加节点、删除节点;3、铅笔工具 铅笔工具的选项栏中除“ 对象绘制” 按钮外仍有一个“ 铅笔模式” 按钮,单击此按钮弹出三种绘图模式:伸直、平滑、墨水;4、椭圆工具请 学 生 摸索 : 怎样绘制五角所画出的椭圆分为两部分:轮廓线与填充色块;星?通过设置笔触颜色和填充色,能画出实心椭圆,空心椭圆和实心无边框椭 提示同学留意圆;铅笔与刷子工椭圆工具选项栏中只

12、有“ 对象绘制” 和“ 贴紧至对象” 两个按钮;具的异同处5、矩形工具矩形工具是一个工具组,包括矩形工具和多角星形工具,通过单击右下角的黑色三角进行切换;矩形工具与椭圆工具用法相像,留意矩形圆角的设置;使用多角星形工具可以绘制出不少于三个边的等边多边形;留意选项的设 请同学上台体置 验不同擦除模6、刷子工具 式刷子工具就像画刷一样可以在舞台中绘制不同颜色的图形,也可以为各刷子工具的选项栏有五个选项:“ 对象绘制” 种图形对象着色;刷子的颜色由填充色设置; 、“ 刷子模式” 、“ 刷子大小” 、“ 刷子外形” 和“ 锁定填充”;分别设置选项7、橡皮擦工具中不同的属生设置演示填充橡皮擦工具就像日常

13、生活中使用的橡皮擦一样,用来擦除图形的线条和填6 充区;教学过程备注有缝隙的图形橡皮擦工具的选项栏有三个选项:“ 橡皮擦模式” ,“ 橡皮擦外形” 和“ 水龙头”分别演示提取 2.3 修饰图形工具 四种对象属性1、墨水瓶工具 墨水瓶工具用于更换线条的颜色、线宽和样式等属性,线条的颜色可以使 用纯色、渐变色以及位图图像,2、颜料桶工具 与墨水瓶工具相对应,颜料桶工具的功能是更换填充区域的颜色;它可以填充封闭区域或不完全封闭区域,3、吸管工具填充时可以使用纯色、 渐变色以及位图图像;吸管工具用于拾取填充或线条的颜色值,挑选吸管工具后,鼠标图标变成 一个吸管,用吸管单击对象的任意位置,可获得此位置的

14、颜色值及其它属性;4、任意变形工具使用任意变形工具可以对图形做出各种各样的变形,制作各种Flash 特效;挑选任意变形工具后,在选项栏中有四个选项按钮 自动变形工具一共可以做出五种变形处理:旋转、倾斜、缩放、扭曲和封 套;其中旋转、倾斜、缩放对全部的对象都有效,而扭曲和封套只对外形对象 有效,对组对象、符号和位图都不起作用;2.4 查看工具 1、手形工具 2、缩放工具 综合实例 1、绘制曲线 2 、嘴的轮廓 3 、眼镜 4、雨中伞本周主要介绍了 flash 绘图基础,基本绘图工具的使用和编辑工具的使用;课堂小结 要留意的是,挑选某种工具时,可以对它的属性进行设置;要分清合并模式和对 象模式的区

15、分;布置作业实训二:绘图工具使用同学在学教学反思本章主要介绍了 Flash 中有关帧的基本操作及外形动画的制作,完本章后,需要通过不断地练习来把握外形动画的制作技巧;7 其次周编辑图像教学时间第三周方案课时 4 课时 +实训 4 课时序号3 课程内容模块 3:编辑图形使同学会合理的使用:对齐、分布、匹配大小、间隔、相对于舞台等命令;教学目标让同学巧秒应用切割融合 组合 叠放次序的更换;会应用变形面板、缩放和旋转对话框教学重点教学难点教学方法教学资源分布和相对于舞台; 怎么样去解决和巧秒的去应用粘图现象;用变形面板、 缩放和旋转对话框调剂调整对象或者是画图分布面板上的各个按钮的操作原理;怎么样的

16、巧秒的去就用粘图来进行图象的切割转变图象叠放次序;变形面板中各个按钮的作用 讲授演示法,任务驱动学习法和协作学习法多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt 等;教学过程备注复习旧课 指出上周实训中显现的问题;强调做文字特效时,肯定要将文字打散;复习 一下,矩形工具,填充色的应用导入新课展现几个绘图实例,要完成这些实例,必需把握 这样才能增加动画设计的美感;FLASH中有些工具使用的技巧,叙述新课 讲授法演示法3.1 调整对象 1、排列对象老师绘制几 个矩形分别演 示对齐面板中 的对齐、匹配、分布、间隔按 钮的用法;强 调“ 相对于舞 台” 按钮的用 法单击菜单中

17、“ 窗口”| “ 对齐” 命令,显现“ 对齐” 面板;对齐;分布;匹配;间隔2、外形的切割融合组合 叠放次序的更换1)外形的切割 Flash 中将使用绘图工具绘制的图形称为外形;“ 对象绘制” 按钮,在创建 对象时假如选中“ 对象绘制” 按钮,将创建独立的对象,与其他对象互不影响;相反,假如在绘制图形时没有选取“ 对象绘制”按扭,就对象之间将会产生影响,对象能够被切割或融合;绘制对象的作用其实可以懂得为一种最简洁的“ 组” ,应当是介于打散图形 与组之间的状态,这个“ 组” 与真正的组的不同点在于它可以像打散图形一样直接进行修改;举 例说明: 直线 分 割 椭 圆 矩形打孔8 教学过程 备注以

18、一个椭圆和一个矩形融合举例:直线分割椭圆, 矩形打孔举例说明使用“ 缩2)外形的融合 融合是将两个外形连在一起,此功能可创建绘图工具无法绘制的外形;使用 时要留意,进行融合的外形的颜色要相同,没有边框,并且不是独立的对象(即 在绘制对象时没有按下“ 对象绘制” 按钮);3)组合对象 组合是将多个对象当作一个整体进行处理,可以更便利地对对象进行移动、变形等操作,仍可以防止由于重叠而产生的切割和融合;在编辑组合时,其中的每个对象均保持各自的属性以及与其它对象的关系;创建组合 Ctrl+G 编辑组合,留意组合编辑环境放和旋转” 面 板缩放对象只 能将选中的图 形对象按宽和 高的比例整体 放大或缩小,

19、不能只对水平 方向或垂直方 向分别放大、缩小;4)对象的叠放次序单击菜单中“ 修改”| “ 排列” 命令Flash 中,组合对象或实例等独立对象在叠放时,有上下次序之分,上面的对象可以掩盖下面的对象;对象的上下次序与创建时的次序有关,后创建的对象在先创建的对象上面;绘图工具创建的非独立的外形没有上下次序之分,不能进行叠放次序调整;例 1 风景画例 2 镜面字3.2 变形面板、缩放和旋转对话框1、变形面板单击菜单中“ 窗口”| “ 变形” 命令,可打开“ 变形” 面板;比例缩放调剂旋转角度调剂:扭曲角度调剂 4.2.2 缩放和旋转对话框9 选定对象后,单击菜单中教学过程|“ 缩放和旋转” 命令,

20、显现“ 缩备注“ 修改”| “ 变形”放和旋转” 对话框2、翻转对象和对象的扩展与柔化1)翻转对象单击菜单中“ 修改”| “ 变形” 命令,弹出下一级子菜单;2)对象的扩展与柔化选中填充外形,单击菜单中“ 修改”| “ 外形”| “ 扩展填充” 柔化对象的边缘选中外形,单击菜单中“ 修改”| “ 外形”| “ 柔化填充边缘” 命令例 3 制作一朵七色花 例 4 制作一个暂停按钮 3.3 混色器和填充变形工具 1、混色器 1)、笔触颜色 2)、填充颜色 3)、黑白颜色和交换颜色 4)、颜色值 5)、渐色面板和亮度 6)、 Alpha 7)、预览框 8)、颜色类型:无;纯色;线性;放射状;位图 2

21、、调整渐变成效 1)填充变形工具:更换渐变中心;转变渐变填充的宽度;旋转渐变填充;转变 填充半径;2)溢出 溢出 Flash 8 的一个新增功能,当我们更换渐变中心或缩小渐变宽度时,会使图 形的一部分或全部超出渐变的掌握范畴3)锁定填充在颜料桶工具和刷子工具的帮助选项里,有一个“ 锁定填充” 的按钮,它的作用是锁定渐变填充的区域;假如不锁定, 颜料桶填充颜色将在被分开的区域分别产生渐变;锁定后,就在整个区域产生渐变;例:制作带阴影的小球10 教学过程 备注如何对 Flash 中的对象、图形进行编辑,以及图像导入等基本操课堂小结作;精确、快速的进行图形的编辑和导入工作,在实践中为日后的动画供应栩

22、栩如生的素材;布置作业教学反思实训三:编辑工具使用本章主要介绍了 Flash 中有关帧的基本操作及外形动画的制作,同学在学完本章后,需要通过不断地练习来把握外形动画的制作技巧;11 第三周文字教学时间 第三周 方案课时 3 课时 +实训 3 课时 序号 4 课程内容 模块 4:文本工具把握混色器的使用方法;把握渐变色的调整方法;把握静态文本的输入方法;把握教学目标FLASH制作中几种常见静态字体成效的制作教学重点 混色器各个参数工具设置;静态文本的输入方法;教学难点 巧秒的应用渐变色画图;各类文字成效的制作教学方法 讲授演示法,任务驱动学习法和协作学习法教学资源 多媒体机房、投影仪、电子教学平

23、台、视频演示教程、案例源文件、素材、ppt 等;教学过程 备注复习旧课 对做的好的同分析上周同学上机操作显现问题,展现同学的作品, 提示图形的不同模式下不同 学要夸奖的表现形式导入新课老师播放几个文本特效的Flash 影片弹性小球2,由此引入课题;问题的提出:如何制作文本特效?叙述新课(边演示操作边讲解)介绍一下关于颜色的内容 : 色的调配是动画中重要组成部分,Flash 为颜色的使用、生成及修改供应了多种方法;在 Windows中全部的颜色都是用红 Red 、绿Green 、蓝 Blue 三种基本颜色混合而成的, 所以这种颜色系统又称为RGB三基色系统, 它的每一种基本颜色用两位十六进制数表

24、示, 因此用 RGB三基色表示的颜色用 6 位十六进制数表示;12 教学过程 备注4.1 文本的输入 1、静态文本的输入 1 )、Flash 中文本的类型:静态文本,动态文本,输入文本 2 )、静态文本输入、编辑与修改;提示同学留意 线条转化为填 充后,笔触和 填充选项的变 化 4.2 常用的字效:1、晕光字效 留意设置变化 中心关键的技术要求:1)、设置好影片背景和尺寸大小并输入文字;2)、将文字选中并将其打散为离散图形;3)、在选中离散文字的前提下,将文字图形进行柔化边缘填充;4)、在边缘柔化了的文字图象中,将内部填充色删除即可;2、空心字关键的技术要求:1)、设置影片尺寸大小和背景颜色;

25、2)、输入文字;3)、将文字打散;4)、用墨水瓶工具对打散的文字图形进行描边;5)、最终将文字的内部填充色删除即可;3、立体字文本需进行两次分离(Ctrl+B )13 教学过程 备注关键技术要求:1)、设置影片尺寸大小并输入文字;2)、依据制作空心字步骤做出空心字成效;3)、将空心字复制并粘贴到相同位置;4)、将复制的空心字往右平移2-4 个像素并向上平移2-4 个像素,初步造成叠影;5)、将看不到的线条删除,并将文字的各对角相连;6)、同理删除被遮掉的线条,即完成立体字;4、双色(多色)字关键技术要求:1)、制作此类文字成效,只要将文字打散成离散的图形;2)、然后用选取工具选取其中部分,再对

26、选中部分进行颜色填充;3 3)、选取次数可以随便定;请同学摸索此 5、彩虹字 例 制 作 的 关 键;提示:阴影实 际上就是原图关键技术要求:1)、将输入的文字打散;2)、对第一种情形来讲,只要文字的填充色直接通过混色器进行编辑即可;副 本 填 充 灰 色,然后进行 自由变形3)、对其次种情形,需要用到油漆桶工具,在选中文字图形并设置好油漆桶 的颜色值(渐变色)后,点击被选文字,然后使用颜色填充变形工具将颜色的变 化方向转变即可;综合实例:雪花字、图案字、镜面字、风景字14 课堂小结教学过程备注滴管工具是负责转变线条的颜色,分别是把线条分别成了图形,文字的成效很大就是应用几层文字不同状态的叠加

27、成效布置作业实训四:文本工具使用及文本特效本章主要介绍了 Flash 中有关文字文本动画的制作, 同学在学完本章后,教学反思 需要通过不断地练习来把握文字文本动画的制作技巧;15 第三周元件、实例教学时间第三周方案课时2 课时+实训 2 课时序号5 课程内容模块 5:元件和实例ppt 等;把握元件和图形之间进行转换和设置实例的方法教学目标并能敏捷把握库面板的使用等基本操作教学重点元件和图形之间进行转换和设置实例的方法教学难点元件和图形之间进行转换和设置实例的方法教学方法讲授演示法,任务驱动学习法和协作学习法教学资源多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、教学过程备注复

28、习旧课1、图层区:一个场景可以由如干层组成,一般来说,不同的对象放在不同的层上,以便于修改 , 也防止相互干扰;2、文字编辑(打散 :Ctrl+B )、吸管工具(用Alt+Print键截屏取色)、渐变变形工具、笔触线形(点状) 、橡皮擦模式 擦除填色 ;导入新课老师播放情人节贺卡的的Flash 影片弹性小球2,由此引入课题;问题的提出:如何利用元件绘图?叙述新课元件:在 Flash 中将需要重复显现的图像、动画、按钮制作成元件,元件存放在元件库中; 元件只需创建一次, 然后即可在整个文档或其他文档中重复使用;实例:实例是将元件应用到舞台上或嵌套在另一个元件内的元件副本;将一个元件从元件库中拖到

29、工作区中即创建了该元件的一个实例,一个元件可以创建多个实例;实例保持元件的基本特点,但可以设置不同的颜色、大小和功能;当 修改元件时,它的全部实例都会随之更新;库:在 Flash 中库是用来存放当前文档中的全部元件以及导入的图形、音频、视频等动画元素;5.1 库面板的操作 在 Flash 中使用库来储备和组织创建元件以及导入的文件,包括位图图形、声音文件和视频剪辑;库是通过库面板来进行治理;通过库面板,可以调用库中 的资源,也可以对库中的资源进行查看、新建、删除、编辑、归类等操作;打开库面板方法:16 .教学过程备注打开 Flash 自带公用库 : 挑选 窗口 其它面板 公共库 .打开当前库:

30、挑选窗口 库 库面板构成: 菜单:点击可打开库面板的命令 菜单,进行各项有关操作 播放停止按钮:用于播放或停 止播放电影元件 排序按钮:转变元件的排列次序 显示切换按钮: 以大图框 / 小图框 方式显示 新建元件按钮:单击建立新元 件 文件夹按钮:单击可创建文件夹 属性按钮:单击打开所选项的属 性面板 删除按钮:单击删除选中的项目5.2 创建图形元件 图形元件主要用于静态图像的重复使用以及用于制作运动渐变动画;一. 将场景中的元素转换成图形元件 1. 挑选要变为元件的元素,可挑选一个或多个 2. 挑选菜单“ 修改” “ 转换为元件” 或按 F8 键 3. 在名称栏中输入元件名称,在行为栏中挑选

31、“ 图形” 4. 单击 确定 按钮 二. 创建新的图形元件1.挑选菜单“ 插入” “ 新建元件” 或按Ctrl+F8 键或单击“ 库” 面板左下角的“ 新建元件” 按钮2.在名称栏中输入元件名称,在行为栏中挑选“ 图形” 后,单击 确定 ;3.在舞台中创建元件内容4.单击舞台上方的“ 后退” 按钮或场景名称返回到场景编辑模式5.3 创建影片剪辑元件影片剪辑元件主要用于制作需要重复使用的动画片段;一. 创建新的影片剪辑元件操作步骤:1.挑选菜单“ 插入” “ 新建元件” 或按Ctrl+F8 键或单击“ 库” 面板左下角的“ 新建元件” 按钮2.在名称栏中输入元件名称,在行为栏中挑选“ 影片剪辑”

32、 后,单击 确定17 教学过程 备注 ;3.在舞台中制作影片剪辑的动画内容或场景名称返回到场景编辑模式4.单击舞台上方的“ 后退” 按钮二. 将舞台上的动画转换为影片剪辑操作步骤:1.挑选帧Shift键,点击时间轴左边要转换为影片剪.挑选某些层的全部帧:按住辑的各层;.挑选多个连续的帧:单击某帧,再按住 Shift 键并单击其它帧2. 拷贝帧:右键单击选定的帧,从弹出菜单中挑选“ 复制帧” 或挑选“ 编辑” “ 时间轴” “ 复制帧”3. 新建元件:挑选“ 插入” “ 新建元件” ;在对话框中给元件命名;挑选“ 影片剪辑” 后单击“ 确定”4. 在时间轴上右键单击第 1 层上的第 1 帧,在弹

33、出的菜单中挑选“ 粘贴帧”5. 单击舞台上方的“ 后退” 按钮 5.4 实例的创建与修改 一. 创建实例或场景名称返回到场景编辑模式;在创建元件之后, 用户就可以使用元件创建实例,电影中的全部地方都可以使 用元件实例,包括在其他元件的内部创建实例步骤:1)选中时间轴的层2)挑选窗口库或按Ctrl+L键打开库面板3)将元件拖到舞台上 二. 转变实例的属性每个实例可以有自己的属性,属性独立于元件;可以修改单个实例颜色、亮 度、透亮度;可以对实例进行缩放、旋转、扭曲;转变实体的类型和动画的播放模式;这些操作不会影响元件和其它实例;1. 转变实例的颜色和透亮度:选中要转变属性的实例,打开属性检查器的颜

34、色下拉菜单挑选以下选项:.亮度:调整图象的相对亮度和暗度,100%为白色, -100%为黑色; 0 为默认值;. 色调:为实例着色,可以直接挑选颜色,可以使用滴管工具,也可以直 接输入红、绿、蓝颜色值,使用滑杆可设置色调百分比.Alpha :调整实例的透亮度,设置为0 就实例完全不行见,100%就表示完全可见;高级:同时设置红、绿、蓝颜色值与透亮度参数三变形实例18 教学过程 备注1 选中要转变属性的实例;2 使用变形工具;变形面板或修改菜单中的变形命令对实例进行缩放、扭曲、旋转等操作;四. 分别实例假如想对实例作较大程度的修改而不影响实例所属的元件以及其他实例,就可执行此操作;即切断实例和符

35、号之间的链接;方法:1)挑选舞台上的实例2)挑选修改 分别或按 Ctrl+B 键5.5 元件的编辑与修改在 Flash 中对元件可以依据需要随时编辑修改已制作的元件;假如修改元件,就全部该元件的实例都将更新;方法:1. 打开元件的编辑编辑窗口,可采纳以下方式. 在当前位置直接编辑:双击舞台上的元件实例;. 在新窗口编辑元件:选中舞台上的元件,右键单击后挑选“ 在新窗口编辑” 2. 修改元件3. 退出元件编辑窗口;可采纳以下方式. 单击位于舞台顶上方左端的后退按钮. 单击位于舞台顶端左面的场景名. 假如是在新窗口编辑元件,单击右上角的关闭框关闭新窗口对元件进行修改后将转变场景上全部引用该元件的实

36、例的属性;5.6 导入外部资源在 Flash 中可以将外部对象导入到当前库中,也可以将其他Flash 文档中的库资源导入到当前的Flash 文档并使用一. 导入外部对象在 Flash 中可以导入其他应用程序中创建的插图;量图形和位图也可以导入视频与声音;方法:可以导入多种文件格式的矢1. 执行“ 文件” “ 导入” “ 导入库” 或“ 导入到舞台” 2. 挑选要导入的文件,单击“ 打开” 按钮完成对象的导入3. 打开库面板,将导入的资源拖入工作区,并进行变形、重新着色和修改等操作;二. 在不同的 Flash 文件中复制库资源在 Flash 文档之间可以拷贝库资源,从而可以将在其它Flash 文

37、档中创建的元件复制到当前文档中并使用;方法一:通过拷贝和粘贴来拷贝库资源:1. 在源文档的舞台上挑选资源19 2.教学过程备注挑选“ 编辑” “ 复制” 3.将目标文档作为活动文档4.将指针放在舞台上.挑选“ 编辑”“ 粘贴到中心位置” ,以将资源粘贴到可见工作区的中心位置;.挑选“ 编辑”“ 粘贴到当前位置” ,将资源放置在与源文档中相同的位置中;方法二:通过拖动来复制库资源:1. 在 Flash 中打开源文档,并打开库面板2. 打开目标文档,在源文档的“ 库” 面板中挑选资源;3. 将资源拖入目标文档的“ 库” 面板中;方法三:打开源库来复制库资源:1. 挑选“ 文件” “ 导入”“ 打开

38、外部库” ;2. 在“ 作为库打开” 对话框中挑选源文档,然后单击“ 打开” ;3. 将资源从源文档库拖到舞台上或拖入目标文档的库中;例: 情人节贺卡1. 创建元件,实现元件与图形之间的转换课堂小结 2. 创建实例,并对实例进行设置3. 库面板的使用布置作业教学反思实训五:制作元件和实例本章主要介绍了 Flash 中有关元件和实例的制作,同学在学完本章后,需要通过不断地练习来把握元件和实例的制作技巧;20 第四周逐帧动画教学时间课程内容教学目标教学重点 教学难点 教学方法 教学资源第四周方案课时 3 课时 +实训 4 课时序号6 模块 6:制作简洁动画 - 逐帧动画和外形补间动画把握逐帧动画的

39、制作技巧;明白什么时候适合使用逐帧动画;把握制作变形动画的基本操作;能够利用添加变形提示点使动画成效更加美观;逐帧动画和外形动画的制作外形动画的制作讲授演示法,任务驱动学习法和协作学习法多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt 等;教学过程备注复习旧课总结上周实训中遇到的问题;强调钢笔的工具的用法导入新课展现第一周的讲到的过的简洁动画实例“ 笑脸变哭脸”问题的提出: 1什么叫动画?2. 动画的类型 . 叙述新课 5.1 动画制作基础 1、动画的基本原理:(1)视觉暂留现象,引入简洁动画制作;物体在人眼前经过时在人眼视网膜上形成像,当物体消逝时,它的像并不会 立刻

40、消逝而是要停留一段时间;(2)运算机动画形成原理 利用人的视觉暂留现象,用连续的静态图片(相邻图片之间有略微不同)按 肯定的速度运行起来,就形成了动画;2、帧的基本概念:(1)帧是组成动画的基本单位,每一帧即一个画面,为基础的帧动画;Flash 动画是以时间线(2)动画的播放速度(帧频)按帧 / 每秒运算,记作 fps ;(3)Flash cs 默认的动画播放速度是每秒 24 帧, fps 速度的设置范畴0.01fps120fps;21 教学过程 备注3、在 Flash 中的帧有这样几种类型:(1)关键帧:动画中发生转变的画面也即关键画面我们称之为关键帧;当创建逐帧动画时,每个帧都是关键帧;

41、在补间动画中, 可以在动画的重要位置定义关键帧,Flash会创建关键帧之间的帧内容;补间动画的插补帧显示为浅蓝色或浅绿色,并会在关键帧之间绘制一个箭头;关键帧用实心圆表示;(3)一般帧:一般帧是连续前面相邻关键帧画面的时间,一样;(4)空白关键帧:它的内容与紧邻的前关键帧画面没有内容的关键帧;用空心圆就表示该帧为空白的关键帧;(5)补间帧(插补帧) :在补间动画中, Flash 会创建关键帧之间的帧内容,这些帧称为插补帧,显 示为浅蓝色或浅绿色,并会在关键帧之间绘制一个箭头;如下列图浅蓝色显示动 画补间的补间帧,如下列图浅绿色显示外形补间的补间帧;如图 5-1 4、帧的基本操作 常用的帧操作有

42、:创建帧、挑选帧、复制帧、粘贴帧、剪切帧、删除帧、反 转帧;5、Flash 动画类型 Flash 中可以制作三种动画:(1)逐帧动画创建每帧动画的内容,然后逐帧播放(2)外形渐变动画指两个图形对象的变换,其变化成效是由 其动画成效是从一个图形转换为另一个图形Flash 掌握的,(3)移动渐变动画指同一个对象不同状态的变化,其变化成效是由 Flash 掌握的,常用于制作对象的位移、尺寸缩放、旋转、颜色渐变等成效6、动画制作流程 打开新影片文件并支配场景; 插入动画元件(帧、图层等); 设定动画成效并测试动画; 使用 文件 / 储存命令储存扩展名为 .fla 的 Flash 动画文件; 输出影片

43、.swf 7、制作动画的留意事项:(1)假如一幅动画中有两个或两个以上的不同类的对象同时运动,要把这些 对象分别放在不同的图层上,使之各自独立,互不干扰;(2)制作动画时, 最好把一个动作单独放置在一个图层中,等这个图层制 作好后,再制作另一个图层;5.2 逐帧动画的制作22 教学过程 备注逐帧动画:在舞台上一帧一帧地绘制或修改图像,连续播放形成动画;制作步骤:1. 单击层名称,使之成为当前层,挑选层中的某一关键帧作为动画的起点;2. 创建图形,可以使用绘图工具直接绘图,也可以从剪板板粘贴图象或导入图象;3. 单击右边的下一帧,鼠标右键点击在弹出菜单中挑选插入关键帧命令或按 F6 键4. 修改

44、舞台上的内容5. 重复步骤 4、5,完成全部关键帧;(假如我们担忧有些帧之间图形的位置间隔不太恰当,可以打开灯箱显示模式,来查看各帧的相对成效,)5.3 绘图纸显示模式通常情形下, Flash 一次只显示动画序列中的一个帧;假如用户需要定位和编辑多个帧或调剂帧之间图形的位置间隔,可以使用绘图纸显示模式,来查看多个帧各帧的相对成效; 在绘图纸显示模式下时间轴中的各帧像隔着一层透亮绘图一样重叠显示;绘图纸功能的使用:1. 单击“ 绘图纸外观” 按钮,在绘图纸起始标记和终止标记之间的全部帧被重叠显示2. 单击“ 绘图纸外观轮廓” 按钮,标记之间的帧显示为轮廓3. 单击“ 编辑多个帧” 按钮,可以编辑

45、绘图纸标记之间的全部帧4. 要更换一绘图纸标记的位置,将指针拖到一个新的位置5. 单击“ 修改绘图纸标记” 按钮,修改绘图纸外观标记的显示5.4 外形补间动画的制作使用外形补间动画可以制作一个外形随着时间变成另一个外形的形变成效;23 教学过程 备注一外形补间动画制作步骤1. 挑选要制作动画的层;在动画开头播放的地方创建或挑选一个关键帧2. 创建或放置图形对象或分别的组、位图、实例或文本块3. 在同一层上再创建一个关键帧,并挑选该关键帧4. 挑选在前一个关键帧中放置的图形执行以下操作之一. 修改插图的外形、颜色或位置;. 删除该插图,然后在其次个关键帧中放入新的图形或分别的组、位图、实例或文本

46、块;5. 在时间轴上挑选第1 个关键帧, 从“ 属性” 面板中的“ 补间” 弹出菜单中挑选“ 外形”7. 要调整渐变过渡帧的变化速度;可以拖动“ 扩大值” 旁边的箭头或输入一个值. 要使动画开头很慢越接近动画末尾时越快,就可以拖动滑杆向上移动或输入一个负数值,范畴为-1 至-100 . 要使动画开头很快越接近动画末尾时越慢,就可以拖动滑杆向下移动或输入一个正数值,范畴为 1 至 100 7. 可以挑选混合类型的一个选项;. 分布式:挑选该项在创建动画时所产生的中间外形将平滑而不规章. 角形:挑选该项在创建动画时将在中间外形中保留明显的角和直线留意:. 变形对象必需在一个图层上,否就不能形成补间

47、动画;. 要对组合体、实例、文本、位图图象应用补间外形动画,必需第一将这些元素打散;二. 控点的运用控点的作用: 在补间外形动画的起始和终止帧中设置控点以便对变形过程进行人为的掌握;设置控点方法:1. 挑选变形动画序列中的第一个关键帧,执行【修改】【变形】【添加外形提示】命令,就在变形对象的正中心有一个红色小圈,内部标有字母2. 将变形提示移动到要标记的点;依据同样的方法添加和设置其他的变形提示;3. 挑选下一个关键帧,用鼠标按住控点,拖动变形提示到标记的位置;留意:. 设置控点时肯定要排列好各控点的位置;在原始图形和要补间的图形中24 教学过程 备注 控点的次序应当一样;.控点编号从a 到

48、z 最多可以设置27. 控点; acb ;.确保外形提示是符合规律的;例如,假如在一个三角形中使用三个外形.提示,它们的次序不能在第一个关键帧中是 abc ,而在其次个中是假如按逆时针次序从外形的左上角开头放置外形提示,它们的工作成效最好;. 要删除控点可以用鼠标右键点击控点,在弹出的菜单中挑选命令实例 1:数字变化 实例 2:波浪 实例 3:画矩形 实例 4:氯水漂白 1. 把握逐帧动画、外形补间动画的制作方法;课堂小结 2. 使同学能够敏捷使用设置动画的基本方法并制作简洁动画;3. 留意外形补间动画提示点的设置方法布置作业教学反思实训六:制作逐帧动画 实训七:制作外形补间动画本章主要介绍了

49、逐帧动画的制作,同学在学完本章后,需要通过不断地 练习来把握逐帧动画的制作技巧;25 第五周两种补间动画教学时间第五周方案课时 3 课时 +实训 4 课时序号7 课程内容模块 6:制作简洁动画制作动作补间动画ppt 等;教学目标把握制作动作补间动画的过程教学重点把握动作补间动画的制作要点教学难点动作补间的动画的综合应用;时间帧延后的成效教学方法讲授演示法,任务驱动学习法和协作学习法教学资源多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、教学过程备注复习旧课 记住三句口决:1、 一个对象一层 2、 一般一个对象要转换为元件 3、 在外形动画中不要建立元件,对象要打散形变的对象只

50、能是一般的图形对象,如不是一般图形就必需第一按Ctrl+B分别;导入新课 老师播放几个 Flash 影片,由此引入课题;问题的提出:如何制作移动动画?叙述新课 5.5 动作补间动画的制作 动作补间动画:用于对实例、组合体和文字的位置、大小、旋转、倾斜、颜色 属性等产生渐变;动作补间动画创建步骤:1. 单击层名使之成为当前层,挑选层中的一个空白关键帧作为动画的起点;2. 创建补间动画的第一个帧,执行以下操作之一:创建一个图形对象并转换为元件 . 在舞台中创建一个实例、组或文本块 . 将元件的实例从“ 库” 面板中拖出 3. 在动画要终止的地方创建其次个关键帧,然后挑选终止帧 4. 更换终止帧中的

51、实例、组或文本块 , 执行以下操作之一:. 将项目移动到新的位置 . 修改项目的大小、旋转或倾斜 . 修改项目的颜色(仅限实例或文本) 5. 右键单击补间帧范畴内的任何帧,从弹出的菜单中挑选创建补间动画;或从属性面板的“ 补间” 弹出菜单中挑选“ 动作” 6. 假如修改了项目的大小,勾选“ 缩放” 选项26 教学过程 备注7. 假如要调整补间帧之间的变化速率可以拖动“ 简易” 框右边的箭头或输入 一个值如要加速设置值为-1 至 -100 ;如要减速设置值为 1 到 100 8. 如要旋转对象,从“ 旋转” 菜单中挑选一个选项:. 挑选“ 无” 不旋转 . 挑选“ 自动” 可以在需要最少动画的方

52、向上旋转对象一次 . 挑选“ 顺时针” 或“ 逆时针” 按指定的方向旋转对象,输入一个数值指 定要旋转的次数注:移动渐变动画首尾帧间有淡蓝色背景,并有黑色箭头表示,如显现虚线表示 渐变过程有问题;元件的五种变化:移动、缩放、旋转、颜色、透亮度 实例 1:跳动的小球 实例 2:碰撞的小球 实例 3:转动的风车 实例 4:水滴实例 5:卷轴动画 1. 逐帧动画、动作补间动画、外形补间动画和场景动画的设计方法;课堂小结布置作业2. 使同学能够敏捷使用设置动画的基本方法并制作简洁动画;实训八:制作移动补动画实训九:简洁动画的综合训练本章主要介绍了补间动画的制作,同学在学完本章后,需要通过不断地 教学反

53、思 练习来把握补间动画的制作技巧;27 第六周引导动画教学时间 课程内容教学目标教学重点 教学难点 教学方法 教学资源第六周方案课时 3 课时 +实训 4 课时序号8 模块 7:制作高级动画 - 引导动画1、要求同学把握各类曲线运动的制作技巧,把握引导线、引导层的概念及作用;2、能依据运动的需求,画出运动轨迹线,即引导线;运动引导层的创建,动画关键帧的设置;做引导层时的几个留意点;讲授演示法,任务驱动学习法和协作学习法多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt 等;教学过程备注复习旧课总结上周实训中的问题,比较两种补间动画的制作步骤和先决条件;留意和图层结合完成特

54、效;导入新课 我们已经知道在以前所涉及的移动动画过程都是两点始终线,不存在曲线 运动,这对设计者来讲是不够的,我们需要更丰富的移动动画,这就引出我们这一章节所要讲的FLASH中的功能层之一-引导线层;我们可以比较一下面三幅动画:1、用逐帧技术 2 、用移动补间 3、用引导线技术这通过观看我们可以发觉用引导线做出的动画,它的运动路径可以是一条曲线,样,动画也就随之而丰富起来;摸索:以上动画能直接用移动补间来完成吗?自己动手试一试用移动补间做该动 画成效,然后比较用几个关键帧来完成最相像? 老师供应素材 通过试验我们发觉:依据以前所学,除非使用逐帧动画,否就无法完成该动画效 果,那么,有没有其它方

55、法?引导线功能层 叙述新课 一、引导线、引导层的概念 1、引导层:引导线必需制作在引导层中,而需要使用引导线作为运动轨迹线的物体所在层必需在引导层的下方,一个引导层可以为多个图层供应运动轨迹;同时在一个引导层中可以有多条运动轨迹;2、引导线:引导线就是轨迹或帮助线的作用;它让物体沿着引导线路径运行 ,28 教学过程一般使用钢笔备注运动的对象其关键帧必需完全吸附在轨迹上(即物体运动的轨迹,工具来制作)留意:摸索引导线的颜色和线条的粗细是否影响引导成效?在运动引导层中的线 条在实际导出成 SWF文件时是不否可见?二、创建引导路径动画的方法 1、创建引导层和被引导层 一个最基本“ 引导路径动画” 由

56、二个图层组成,上面一层是“ 引导层”,它的图层图标为,下面一层是“ 被引导层”,图标同一般图层一样;在一般图层上点击时间轴面板的“ 添加引导层” 按钮,该层的上面就会添加一个引导层,同时 该一般层缩进成为“ 被引导层”,如下列图;2、引导层和被引导层中的对象引导层是用来指示元件运行路径的,所以“ 引导层” 中的内容可以是用钢 笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制出的线段;而“ 被引导层” 中的对象是跟着引导线走的,可以使用影片剪辑、 图形元件、 按钮、 文字等,但不能应用外形;由于引导线是一种运动轨迹,不难想象,“ 被引导” 层中最常用的动画形式是动作补间动画,移动;3、向被引导

57、层中添加元件当播放动画时, 一个或数个元件将沿着运动路径“ 引导动画” 最基本的操作就是使一个运动动画“ 附着” 在“ 引导线” 上;所以操作时特殊得留意“ 引导线” 的两端,被引导的对象起始、终点的 2 个“ 中 心点” 肯定要对准“ 引导线” 的 2 个端头;三、应用引导路径动画的技巧1、“ 被引导层”中的对象在被引导运动时,仍可作更细致的设置,比如运动方向,把【属性】面板上的【路径调整】前打上勾,对象的基线就会调整到运动路径;而假如在【对齐】前打勾,元件的注册点就会与运动路径对齐;2、引导层中的内容在播放时是看不见的,利用这一特点,可以单独定义一个不 含“ 被引导层” 的“ 引导层”,该

58、引导层中可以放置一些文字说明、元件位置参29 考等,此时,引导层的图标为教学过程备注;3、在做引导路径动画时,按下工具栏上的【对齐对象】功能按钮,可以使“ 对 象附着于引导线” 的操作更简洁胜利;4、过于陡峭的引导线可能使引导动画失败,而平滑圆润的线段有利于引导动画 胜利制作;5、被引导对象的中心对齐场景中的十字星,也有助于引导动画的胜利;6、向被引导层中放入元件时,在动画开头和终止的关键帧上,肯定要让元件的 注册点对准线段的开头和终止的端点,否就无法引导,假如元件为不规章形,可 以按下工具栏上的任意变形工具,调整注册点;7、假如想解除引导,可以把被引导层拖离“ 引导层”,或在图层区的引导层上

59、单击右键,在弹出的菜单上挑选【属性】,在对话框中挑选“ 正常” 作为图层类型;8、假如想让对象作圆周运动,可以在“ 引导层” 画个圆形线条,再用橡皮擦去一小段,使圆形线段显现 2 个端点,再把对象的起始、终点分别对准端点即可;9、引导线答应重叠,比如螺旋状引导线,但在重叠处的线段必需保持圆润,让Flash 能辨认出线段走向,否就会使引导失败;留意 :引导层一旦建立完成后应将其锁定对运动对象定位时最好打开“ 帖紧至对象” 工具,放大;实例 1:小球的无规章运动 实例 2:飘舞的蝴蝶 实例 3:飘雪综合实例:寒梅傲雪课堂小结布置作业引导层动画的概念 引导层动画的制作方法实训十:制作引导动画这样当吸

60、附正确时中心点会本章主要介绍了 Flash 中有关引导层动画的制作,同学在学完本章后,教学反思需要通过不断地练习来把握引导层动画的制作技巧;30 第七周遮罩动画教学时间第七周方案课时 3 课时 +实训 4 课时序号9 课程内容模块 7:制作高级动画遮罩动画ppt 等;1、把握遮罩的基本原理;教学目标2、运用遮罩制作简洁的场景动画教学重点遮罩层和被遮罩层教学难点多层遮罩动画教学方法讲授演示法,任务驱动学习法和协作学习法教学资源多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、教学过程备注复习旧课 制作引导动画的留意事项:引导路径中不能显现中断现象、交叉、和重叠现 象;引导路径转折

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论