模块四 Flash动画制作 任务一 Flash基本操作和简单效果制作 任务二 逐帧动画、运动渐变动画、形状补间动画、遮罩效果制作

Presentation on theme: "模块四 Flash动画制作 任务一 Flash基本操作和简单效果制作 任务二 逐帧动画、运动渐变动画、形状补间动画、遮罩效果制作"— Presentation transcript:

1 模块四 Flash动画制作 任务一 Flash基本操作和简单效果制作 任务二 逐帧动画、运动渐变动画、形状补间动画、遮罩效果制作
任务三 企业宣传动画制作 任务四 商品推广动画制作

2 任务一 Flash基本操作和简单效果制作 教学设计
教学目标： 认识Flash软件的功能和基本操作； 了解库、元件、场景、帧、时间轴等概念； 初步理解Flash动画制作的基本方法；

3 教学重点：初步理解Flash动画制作的基本方法
教学难点：库、元件、场景、帧、时间轴等概念 教学方法：教、学、做一体；任务驱动 课时：2节课

4 教学内容 Flash软件界面和基本操作。 元件、库、场景、时间轴、帧、关键帧的概念。 外部对象的导入和基本对象的画法。 简单动作动画制作。
文件的保存和影片的导出。 插入网页

5 课程引入 网页的组成元素：文本、表格、图片、图表、动画等。
动画为什么会动？将连续播放一系列基于时间顺序的静态画面，视觉形成连续变化的动态画面效果。 二维动画和三维动画；逐帧动画和补间（关键帧）动画。 动画作用：美观直观；宣传和展示；吸引浏览者。宣传企业文化、展示和推广商品。 动画类型：GIF、 Flash等 图片、图形、文本、视频、音效、交互等元素集成，形成动画效果。 动画是作者思想的形象表达和知识与智慧的结晶，美的展现和享受。

6 赏析网页中FLASH元素 大型门户网站网易 电子商务网站天猫 企业网站意尔康：

7 FLASH软件功能 FLASH 软件是一个功能强大、简单易学的动画制作工具。
主要制作补间动画，即一个运作完成只需要开始和结束二个画面，中间过程由电脑自动处理生成。

8

9 互动：FLASH动画的迷人之处还在于我们可以通过单击按钮、选择菜单来控制动画播放，甚至可以制作成小游戏。
网络上，可边下载边播放。

10 FLASH 软件界面 菜单栏、常用工具栏、绘图工具栏（放置了各种绘图及编辑工具）、图层区、时间轴（可以设置动画的播放状况）、面板（可以用来进行各种设置）等。

11

12 文档属性设置及元件、库、场景、时间轴 文档：新建；画布尺寸、背景色等 元件（演员）：图片、文字等。元件放置库里，使用时将其拖放到场景。 库（后台）：存放元件。 场景（舞台）：动画表现的场所。 时间轴（剧本）：包括层编辑区和时间线，编辑动画流动的工作台，加工动画的流水线。按时间组织帧的播放次序，其中每一格为一帧，即一画面。

13 要制作一个动画，就好比是在导演一出戏，需要找好演员（制作好元件），置于后台（放在库里），然后演员走上舞台（把元件放在场景上），让演员照着剧本演出（在时间轴上）设置开始、结束时的状态，生成动画。
简单动画制作步骤：新建文件、制作动画、输出作品、保存文件

14 演示1：制作“简单的手机广告”动画 外部素材导入到库。
设置关键帧，设置关键帧补间动画。关键帧，补间动画动画变换的关键点，逐帧动画的每一帧都是关键帧。

15 测试动画，以确保 Flash 可以正常播放。 [控制] 菜单/[测试影片]。
导出动画，选择[文件]/[导出影片]。 FLASH源文件和FLASH影片的扩展名分别为fla和swf。 插入网页。

16 演示2：制作“图片+文字效果手机广告”动画
层像透明胶片一样，可以一层层地向上叠加。可以将不同对象放置在不同层，在各自层活动。在层上绘制和编辑对象，而不会影响其他层上的对象。 对象的位置变换 对象的大小变换 对象的透明程度

17 依上例动手做一个简单动画 文字效果 自绘图形

18 课后小结 初步认识动画、FLASH软件。 了解FLASH的基本操作和简单动画制作步骤 能制作简单的动画

19 这是我们后续课讲授的内容，请同学们做好预习
逐帧动画 运动渐变动画 形状补间动画 遮罩效果制作

20 任务二 逐帧动画、形状补间动画、运动渐变动画、遮罩效果制作

21 利用铅笔与直线工具、椭圆与矩形工具、钢笔工具、墨水瓶工具等工具绘制简单图形。

22 制作元件 管理库

23 逐帧动画 在舞台上一帧一帧地绘制或修改图像，连续播放形成动画。
创建元件/放置于舞台形成实例/每一帧都是关键帧/设置实例在每一帧的属性（位置、大小、颜色等）

24 形状补间动画 使用形状补间动画可以制作一个形状随着时间变成另一个形状的形变效果。
。。。/在时间轴上选择第1个关键帧，从[属性]面板中的“补间”弹出菜单中选择“形状”/调整/。。。

25 动作补间动画 动作补间动画：用于对实例、组合体和文字的位置、大小、旋转、倾斜、颜色属性等产生渐变。

26 遮罩动画 使用遮罩可以创建聚光灯效果，用户使用遮罩创建一个小孔，通过这个小孔可以让浏览者看到遮罩下面的内容。用来遮盖的对象可以是填充的形状、文本对象、图形符号或电影剪辑的实例。用户可以将多个层组合在一起，放置在一个遮罩下面，以创建更为复杂的效果。

27 要创建遮罩，必须将用来遮盖的对象放置在层上。该对象将显示被遮罩对应位置的内容，其他区域则全部被隐藏，每个遮罩只能包含一个项目，要创建动态效果，可以使用动画移动遮罩。如果用作遮盖的是填充形状，则可以使用形状渐变动画；如果用作遮盖的是文本对象、图形实例或电影剪辑，则可以使用移动动画。使用电影剪辑实例作为遮盖时，还可以让遮盖对象沿着路径移动。

28 创建遮罩步骤： 选择或创建一个普通层，其中包含要通过遮罩的小孔来显示的内容。 选中该普通层，单击插入→层命令， 在遮罩层上绘制一个填充形状、放入文字或创建一个符号的实例。对于遮罩上的位图图象、过渡颜色和线条样式等，Flash都将忽略.遮罩上的任何填充区域都将是完全透明的，而其他非填充区域都将是不透明的 使用鼠标右健单击上面一层的层名，从菜单中选择“遮罩层”，Flash将锁定遮罩层和被遮罩的普通层

29

30 任务三 企业宣传动画制作

31

32

33 依例制作 文字效果 图片效果

34 任务四 商品推广动画制作

35

36 依例制作 文字效果 图片效果 逐帧动画、形状补间动画、运动渐变动画、遮罩效果等效果综合应用。