Flash动画制作-教案 下载本文

Flash教案

第一单元 绘制矢量图 第一节 Flash基本操作 一、教学目标 知识与技能:

学生能够学会FLASH最基础的一些操作。 过程与方法:

培养学生从日常生活、学习中发现或归纳出新知识的能力。 情感态度与价值观:

让学生理解FLASH对日常生活和学习的作用,激发对FLASH强烈的求知欲。 二、教学的重点和难点: 重点:FLASH的认识。 难点:FLASH中的快捷方式。

三、教学准备:教师机1台、学生机若干、多媒体演示与控制系统、课件、FLASH 四、教学方法:讲授法 演示法 实践操作法 五、教学安排:1课时 六、教学过程:

(一)介绍 矢量图 点阵图 1.矢量图

计算机中显示的图形一般可以分为两大类——矢量图和位图。

矢量图[vector],也叫做向量图,是根据几何特性来绘制图形,通过多个对象的组合生成的,对其中的每一个对象的纪录方式,都是以数学函数来实现的。它使用直线和曲线来描述图形,这些图形的元素是一些点、线、矩形、多边形、圆和弧线等,它们都是通过数学公式计算获得的。矢量图只能靠软件生成,文件占用内在空间较小。矢量图实际上是纪录了元素形状及颜色的算法,当你打开一幅矢量图的时候,软件对图形相对应的函数进行运算,将运算结果显示给你看。所以它和显示画面的大小是无关的。

它的特点是放大后图像不会失真,和分辨率无关,文件占用空间较小,可以自由无限制的重新组合。适用于图形设计、文字设计和一些标志设计、版式设计等。这就是矢量图和位图的最大区别。 2.点阵图

位图[bitmap],也叫做点阵图,删格图象,像素图,简单的说,就是最小单位由象素构成的图,缩放会失真。构成位图的最小单位是象素,位图就是由象素阵列的排列来实现其显示效果的,每个象素有自己的颜色信息,在对位图图像进行编辑操作的时候,可操作的对象是每个象素,我们可以改变图像的色相、饱和度、明度,从而改变图像的显示效果。举个例子来说,位图图像就好比在巨大的沙盘上画好的画,当你从远处看的时候,画面细腻多彩,但是当你靠的非常近的时候,你就能看到组成画面的每粒沙子以及每个沙粒单纯的不可变化颜色。

分别打开下面两个图形,进行放大的操作,查看它们的不同之处。

请同学欣赏一个动画作品(真心英雄.swf) (二)关于FLASH

FLASH是一款优秀的矢量动画编辑软件,主要用于网页动画制作和多媒体制作,是目前世界上使用最多的网页动画制作软件之一,功能十分强大。 1.如何打开和关闭FLASH窗口

(1)打开方式

<1> Macromedia Flash 程序

<2>有快捷方式,就可以直接双击打开 <3>有工程文件直接双击打开 (2)窗口元素介绍

FLASH窗口由标题栏,菜单栏、时间轴、舞台、工具箱、及各种面板等组成。 2.如何选取工具箱中的工具

方法1:绘图区 选取à线条工具按钮(从灰色变成白色) 方法2:线条工具快捷键(按钮从灰色变成白色) 演示:第4页“试一试”。 3.如何调整舞台的比例

①单击舞台右上方“比例”下拉框;②在下拉选项中选择适合的比例。 4.如何展开和折叠面板

展开:属性按钮从右三角形变成下三角形 折叠:属性按钮从下三角形变成右三角形 5.如何保存编辑过的文件

一是:文档文件(或称为工程文件)(*.fla) 二是:影片文件(不能再修改的)(*.swf)

6.如何使用FLASH中的快捷键(在使用中掌握)

箭头工具【V】 部分选取工具【A】 线条工具【N】 套索工具【L】 钢笔工具【P】 文本工具【T】 椭圆工具【O】 矩形工具【R】 铅笔工具【Y】 画笔工具【B】 任意变形工具【Q】 填充变形工具【F】 墨水瓶工具【S】 颜料桶工具【K】 滴管工具【I】 橡皮擦工具【E】 手形工具【H】 缩放工具【Z】,【M】

7、课堂作业

1.打开FLASH 软件,新建一个文件。 2.用工具箱里面的工具随便画一些内容。

3.再分别用导出影片与保存工程文件两种方式进行保存,比较两种文件的区别。 七、教学反思:

本节内容主要以认识FLASH、基本操作为主。如果将演示和操作穿插进行,课堂过程就显得太零碎了。故采用先讲解演示,后实践操作的方法。这样学生可以通过课堂练习当堂巩固,效果最好。

第二节 绘制和编辑线条图形 一、教学目标 知识与技能:

学生能够学会用FLASH几何图形工具绘制几何图形的操作。 过程与方法:

培养学生从用多种方法绘制线条图形的能力。 情感态度与价值观:

培养学生的个性审美观,培养学生体验探究问题和学习的乐趣。 二、教学的重点和难点:

重点:线条工具的使用; 难点:钢笔工具的使用

三、教学准备:教师机1台、学生机若干、多媒体演示与控制系统、课件、FLASH 四、教学方法:讲授法 演示法 实践操作法 五、教学安排:1课时 六、教学过程: (一)引言 回忆上节内容。

绘制和编辑线条图形是Flash的绘图基础,掌握了这两种基本操作,就能灵活自如地绘制出美丽的线条图形。

(二)讲授新课

1.使用“线条工具”绘制图形

将鼠标指针移到直线的端点处,当指针右下角变成直角状时,就能够改变直线的方向和长短。将鼠标指针移到直线中的任意处,当指针右下角变为弧线状拖动鼠标就能将直线变成曲线。当指针变成弧线状,同时按住Ctrl又会产生不一样的效果。

实例:用直线工具绘制两条直线,再变化成一条鱼。 练习:绘制第9页的“试一试”(绘制眼睛)

要画出标准直线,可以在绘制直线的同时按住[Shift]键。 2.使用“铅笔工具”绘制图形

用“线条工具”只能绘制出直线,而用“铅笔工具”可以绘制任意形状的线条。 实例:用铅笔工具绘制一只鸭子。注意体会不同模式的区别。 练习:绘制第11页的试一试(绘制苹果) 3.设置线条属性

现在我们就来实践一下,练习画一片树叶。

打开FLASH软件,系统会自动建立一个FLASH文档,在这里我们不改变文档的属性,直接使用其默认值。

步骤:①利用“线条工具”画一条直线 à 用“线条工具”绘制一个直线 à 用“箭头工具”将直线拉成曲线 à 将“笔触颜色”设为深绿色 à 用“箭头工具”将这条直线也拉成曲线,用这条线连接曲线的两端点,连接两端。 ②一片树叶的基本形状已经出来,现在我们画叶脉,在两端点间画直线,然后拉成曲线,再画旁边的细小叶脉,可以全用直线,也可以略加弯曲,这样,一片简单的树叶就画好了。 (1)编辑和修改树叶

撤销”命令撤销前面一步的操作,也可以用“箭头工具”单击你想要删除的直线,这条直线变成网点状,说明它已经被选取,你可以对它进行各种修改。à 如果在画树叶的时候出现错误,比如说,画出的叶脉不是你所希望的样子,你可以执行“编辑

要移动它,就按住鼠标拖动,要删除它,就直接按DEL键。按住SHIFT键连续单击线条,可以同时选取多个对象。如果要选取全部的线条,是否得按住SHIFT键挨个点击呢?不需要,我们用黑色箭头工具拉出一个选取框来,就可以将其全部选中了。

说明:在一条直线上双击,也可以将和这条直线相连并且颜色、粗细、样式相同的整个线条范围全部选取。

(2)给树叶上色

接下来我们要给这片树叶填上颜色。在工具箱中看到这个“颜色”选项了吗? 单击“填充颜色”按钮,会出现一个调色板,同时光标变成吸管状。

说明:你除了可以选择调色板中的颜色外,还可以点选屏幕上任何地方吸取你所需要的颜色。 如果你觉得调色板的颜色太少不够选,单击一下调色板右上角的“颜色选择器”按钮 ,会弹出一个“颜色”对话框,其中有一些基本的颜色选项。另外,在右侧有一个颜色区域,可以移动箭头或者调整参数,选取你喜欢的颜色。单击“添加到自定义颜色”按钮,这个色块就被你收藏起来了。下一次要使用时,打开这个“颜

色”面板,在自定义色中可以方便的选取你中意的颜色。

好了,现在我们在调色板里选取绿色,单击工具箱里“颜料桶工具”,在画好的叶子上单击一下,看看什么效果。只有一小块颜色?原来,这个颜料桶只能在一个封闭的空间里填色。取消刚刚的填色,现在我们用“橡皮工具”将线条擦出一个缺口,再看效果。

好,我们还是一块一块的填上颜色吧。至此,一个树叶图形就绘制好了。 (3)“颜料桶工具”选项

单击“颜料桶工具”后,在工具箱下边的“选项”里有四个选项,可以根据自己的需要来确定,大家可以自己试一下。

说明:“颜料桶工具”是对某一区域进行单色、渐变色或位图进行填充,注意不能作用于线条。 选择“颜料桶工具”后,在“工具箱”下边的“选项”中单击“空隙大小”按钮,会弹出四个选项。其中,“不封闭空隙”表示要填充的区域必须在完全封闭的状态下才能进行填充;另外三个选项,“封闭小空隙”、“封闭中等空隙”、“封闭大空隙”主要是根据缺口的大小进行填充。在Flash中,即使中大缺口,值也是很小的,所以要对大的不封闭区域填充颜色,一般用画笔。 4.使用“画笔工具/刷子工具”绘制图形

使用“画笔工具”绘制的图形从外观看像是线条,其实是一个填充区域,没有外框线。因此,只对画笔的大小和画笔的形状进行调整就可以制作一些特殊的效果。 演示操作一些特殊效果。

说明:单击“画笔工具”后会出现画笔模式和锁定填充按钮。

画笔填充模式有五个选项。“标准绘画模式”、“颜料填充模式”、“后面绘画模式”、“颜料选择模式”、“内部绘画模式”。见图1—21。

“标准绘画模式”表示不管是线条还是填色范围,只要是画笔经过的地方,都变成了画笔的颜色;“颜料填充模式”表示画笔所绘制的图形只影响填充区域,不遮盖原图形的线条;“后面绘画模式”表示画笔所绘制的图形不遮盖原图形,只显示在舞台的空白区;“颜料选择模式”表示选择区域范围后,再使用画笔在选中的区域里绘画;“内部绘画模式”表示在绘画时,画笔的起点在图形轮廓线以内(外),此时画笔只作用于图形轮廓线以内(外)。

锁定填充模式表示的是画笔只按锁定前的模式进行填充。 (三)课堂作业

打开FLASH 软件,新建一个文件 在画布中,画一片树叶,并上色。

可以利用图1—20的线条和不同的画笔模式操作,感受不同的绘制效果。 再分别用导出影片与保存工程文件两种方式进行保存 上交至教师机中你所在的班级文件夹中。 七、教学反思:

本节内容主要学习利用铅笔工具、画笔工具、线条工具绘制图形的方法。将演示和操作穿插进行,有序安排课堂过程。故我采用讲练结合,与实践操作相结合的方法。这样学生可以通过课堂练习当堂巩固,效果最好。

第三节 绘制和编辑几何图形

一、教学目标 知识与技能:

1.学会使用“椭圆工具”“柜形工具”,“钢笔工具”绘制几何图形。 2.学会对已绘制的几何图形编辑颜色。 过程与方法: