Flash动画制作全套教案.docx

PAGE

PAGE10

《UI设计基础》

教 案

任课教师：赵世勇

2019年02月

第一周Flash概述

课程内容 模块1初识Flash 教案序号 1

教学时间 第一周

计划课时

3课时+实训3课时

教学目标

1、确定课程目标、讲述学习内容、教给学习方法。2、熟悉Flashcs3的界面。

3、熟悉FLASH的工作环境,

3、熟悉Flash动画的制作原理

教学重点 培养他们对于本课程以及本专业的热爱；了解什么是flash，熟悉flash工作界面。

教学难点 掌握动画原理以及Flash动画的制作原理。

教学方法 讲授演示法，任务驱动学习法和协作学习法

教学资源 多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt等。

教学过程

导入：教师给学生演示经典动画和教材中部分的案例动画由此引入课题。讲述新课（讲授法、PPT演示）

一、Flash课程介绍1、课程性质

2、课程目标和课程内容

3、学习方法

小组学习法

任务驱动法

互帮互补法

课堂勤记笔记、勤操作

课外勤练习、勤看书

初识Flash1．什么是Flash2．Flash的历史与发展3．Flash的特点

Flash应用领域

Flash动画原理1．动画原理

2．Flash动画制作原理

备注

首先向学生作自我介绍，然后介绍Flash课程性质、目标、考核方法以及学习方法。

结合生活，提示学生从生活，学习，娱乐的三个方面罗列flash的应用。

Flash工作环境

1、舞台就是工作区，最主要的可编辑区域。在这里可以直接绘图，或者导入外部图形文件进行安排编辑，再把各个独立的帧合成在一起，以生成电影作品。

2、时间轴窗口用它可以调整电影的播放速度，并把不同的图形作品放在不同图层的相应帧里，以安排电影内容播放的顺序。

3、绘图工具栏 放置了可供图形和文本编辑的各种工具，用这些工具可以绘图，选取，喷涂，修改以及编排文字，还有些工具可以改变查看工作区的方式。在选择了某一工具时，其所对应的修改器(Modifier)也会在工具条下面的位置出现，修改器的作用是改变相应工具对图形处理的效果。

4、标准工具栏 列出了大部分最常用的文件操作，打印，剪贴板，撤消和重做，修改器以及控制舞台放大比例的图标和选项，便于进行更为快捷的操作。

5、图库窗口用以存放可以重复使用的称为符号的元素。符号的类型包括有图片(Graphics)，按钮(Button)和电影片断(MovieClip)。其调用的快捷键为Ctrl-L。

6、控制器面板控制电影的播放操作的工具集合，一般不大常用，处于隐藏状态。

讲述层的概述时，可结合前

例1：使用工具制作一个“小孩微笑头像” 期学习过的

Photoshop中层的概念，这样学生头脑中就有了印象。

思考:如何让“哭脸”变成“笑脸”？

引入层的概念，将“嘴”放在新建的图层上引入简单动画制作步骤：

a、绘制动作的开始状态与结束状态，即绘制两个关键帧，并注意两个关键帧在时间线上的位置。

请学生注意动画制作的过

b、选择所有帧，创建动画。 程，并能自己

制作上述两个

例2：小球的直线运动。

步骤1：在舞台上画出小球。

步骤2：在第20帧上插入关键帧。

步骤3：移动小球，使其开始位置与结束位置不同。步骤4：选择所有帧，创建形状渐变动画。

动画。

注意flash的

例3：小球沿规定的轨迹运行。

步骤5：在前一个动画的基础上添加引导层步骤6：在引导层上用铅笔工具画曲线。

步骤7：移动小球，使其开始位置和结束位置分别位于曲线的首尾。

两种不同格式的文件，源文件和播放文件分别的打开方式

动画的保存与发布：1、保存动画：

依次点击“文件”菜单“保存”———输入文件名，即可当前正在制 学生练习老师作的影片保存到磁盘上。 绘画选项卡、

注意保存的是Flash的源文件，其扩展名为.fla 。 标尺、网格，

2、动画的发布：

依次点击“文件”菜单——“发布设置”——“发布”即可。注意发布后的文件扩展名为名为.swf，发布后的文件可用IE等打开。

教师辅导。

设置工作参数1、常规

2、绘画选项卡

3、设置标尺和网格

4、设置影片属性

课堂小结 通过本单元的学习，使学生能了解Flash的工作环境，掌握基本的操作，了解简单动画的制作过程等，为以后的学习打下一定的基础。

作 业

教学反思

实训一：简单动画的制作

本章主要介绍了Flash的基础知识，软件的安装与启动、工作环境以及一些基本操作。各种工具及面板的熟练运用是学习Flash的关键，学生在学完本章后，需要通过不断地练习