8教程121.docx
《8教程121.docx》由会员分享，可在线阅读，更多相关《8教程121.docx（28页珍藏版）》请在冰点文库上搜索。
8教程121
FLASH8教程
编制：
宫开利
蚌埠学院
第一章Flash8概述
教程目标：
了解Flash动画的基本原理，初步认识Flash8的工作界面，掌握一些Flash8的基本概念
1.1、Flash发展史
Flash是美国的MACROMEDIA公司于1999年6月推出的优秀网页动画设计软件。
它是一种交互式动画设计工具，用它可以将音乐，声效，动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果，自从1999年5月Macromedia公司发布了Flash4，一道闪电照亮了整个网络界，并逐渐形成了一些有一定影响力的Flash技术交流团体。
目前已先后发布过flash5、flashmx、flash2004（2003年）、flash8（2005年），随着版本的升高，软件的功能不仅越来越强，而且编辑界面、面板布局更加合理，从而使动画制作更加方便。
Flash制作的动画，其文件短小，播放效果好，交互功能强，易学易用，被广泛应用于网络动画，广告制作，教学课件，互动游戏等方面。
1.2、Flash动画原理
一、帧和关键帧
首先让我们了解原始动画原理,你可能看到过幻灯片吧,就是这个原理,就是把每一张画按每秒24帧的速度放出,就能看到连续的动画.，也就是FLASH中的逐帧动画．同样电影也是这样的原理．19世纪20年代，英国科学家发现了人眼的“视觉暂留”现象（物体被移动后其形象在人眼视网膜上还可有约1秒的停留），揭示了连续分解的动作在快速闪现时产生活动影像的原理。
Flash中的动画也是由帧构成：
这些帧分为普通帧和关键帧（关键帧上有黑点标记），制作变化的图像时总是在关键帧里制作，普通帧只是延继它前面的关键中的画面，默认播放速度为每秒12帧。
操作实例：
旋转的五角星。
二、flash动画的三种形式：
Flash中的动画可分为三种形式
补间动画：
从一个关键帧的画面逐渐过渡到另一个关键帧的画面中。
（旋转的五角星）这种动画用的最多，画面的大、小过渡；透明过渡；从一个位置到另一个位置的过渡等。
如上图，在第1帧上舞台外画个小五角星并转换成元件（补间动画两个关键帧中的图必须转换成元件），在第25帧插个关键帧（上图带黑点的帧）放大五角星并放在舞台中央，拖动指针（上图时间轴上红色的指针）移动时，可看到1到24帧都是小五角星，而到25帧变成了大五角星，如果我们设置1-25帧的补间动画，并旋转一周，则放映时效果是：
五角星从舞台外旋转着移动到舞台中央并放大，时间大约2秒钟。
帧帧动画：
由一个一个的关键帧构成精美的动画。
（实例：
小花长大了）
形状动画：
由前一个关键帧中的一种形状的填充图形逐渐变到后一个关键帧的另一种形状的填充图形。
（实例：
雄鸟变孔雀）
三、flash的图层
Flash动画中的一个画面一般由若干个层上的画面构成，这样才能制作出动感 丰富、效果特殊的动画。
新建文件只有一层，在制作动画时，根据需要可加入并组织多个层。
层的数目仅受计算机内存限制，增加层不影响文件的大小。
一般一个动画对象要单独占用一层。
而把那些不动的对象都放在背景层，上面的图层所画的物体会遮住下面层的内容（见嫦娥奔月）
对图层可添加、命名、移动、删除。
还可做引导层（让移动对象按上一层所画线路移动，见蝶舞、封面1），（上一层画有物体的地方象窗口一样能显示下一层的内容，见遮罩层镂空文字）
七、元件
在Flash动画中，把反复要用到的图形、动画及用于人机交互的按钮做成元件并存放到库中，做动画时只要把需要的元件从库中施出放到舞台的画面中即可。
放到舞台上的元件称为实例。
做过渡动画时必需把对象转化为元件后才行。
元件分电影元件、图形元件、按钮元件。
我们将在以后介绍。
（蓝天白云下的马儿跑）
1.3、怎样学好flash
首先要喜欢flash动画，兴趣是最好的老师，其次要选一本好的教材书，一般老师编写的书更容易看的懂，所选书要和自己掌握flash的程度相和谐，才学的当然买入门级的，稍掌握一些基础后就要多看实例、多做实例，有很多《flash操作实例》的书，买这样的书最好带光盘。
学的差不多就要看一些高级的，例如课件制作、flashmtv、flash与asp等，要经常分析人家的作品（源程序），看人家是怎么做的，从而启发自己的创作灵感,一些网站有很多源程序的flash文件例如：
实例1、Flash8的安装启动
教学目标：
在网络信息时代，要学会用网络工具来获取知识，本例将说明怎样从网上获得flash8软件，安装启动它。
初识Flash8的工作界面，熟练掌握工具箱中各种画图工具的名称。
1、在或XX的搜索引擎查找该软件并下载
2、解压后在安装文件夹中找到安装文件（一般是setup.exe）双击按屏幕提示安装
3、单击“开始-程序-Macromedia-MacromediaFlash8”（实际操作是：
单击“开始”，分别指向“程序”、“Macromedia”、再单击“MacromediaFlash8”，以后为方便我们都写成上面形式）
4、启动Flash8后，首先映入我们眼帘的是操作的“开始”页面。
页面中列出了一些常用的任务，左边是打开最近用过的项目，中间是创建各种类型的新项目、右边是从模板创建各种动画文件。
单击【创建新项目】下的【Flash文档】，这样就创建了一个新的动画文件。
5、
Flash的工作界面由几个主要部分组成，最上方的是“主菜单栏”；执行【窗口】|【工具栏】|【主工具栏】命令，可在“主菜单栏”下方打开“主工具栏”；“主工具栏”的下方是“文档选项卡”，用于切换打开的当前文档；“时间轴”和“舞台”位于工作界面的中心位置；左边是功能强大的“工具箱”，用于创建和修改矢量图形内容；当鼠标指向工具箱中不同的作图工具时，鼠标指针下方会显示出该工具的名称，如图所示。
6、多个“面板”围绕在“舞台”的下面和右面，包括常用的【属性】和【帮助】面板，还有【设计面板】和【开发面板】，每个面板的左上方都有个黑色的三角形，单击可展开或合拢面板。
第二章 绘图工具的使用
实例2：
旋转的五角星
教学目标：
“星形工具”是flash2004以后版本才有的工具，在本例中要用到选择工具、矩形工具、任意变形工具。
会保存文件。
1、单击工具栏上的“新建”按钮，新建一个文件，
2、鼠标指向工具箱中的“矩形工具”并按住，在显示的下一栏工具中选“多边形工具”
3、单击屏幕下方的“属性面板”中的“选项”按钮，在出现的“工具设置”对话框中选“星形”并单击“确定”按钮。
4、
在舞台左上方拖出一个小一点的五角星，如图。
5、选中五角星，右击选“转换为元件”，在对话框中选“图形”，元件名称为“五星形”单击确定。
6、在图层1的第10帧右击，选“插入关键帧”，单击“工具箱”中的“选择工具”，把五角星移动到舞台中央，单击“工具箱”中的任意工具把五角星放大。
7、选中图层1的第1帧，在属性面板中设置如下：
补间栏选“动画”，旋转栏选“顺时”旋转1周。
8、选菜单“文件-保存”，在另存为对话框中把文件存放到E盘，文件名为“02宫开利-1”，意思为2号同学宫开利的第1次作业。
附：
选择工具、任意变形工具、矩形工具的使用。
实例3：
树叶
实例3：
操作：
用“线条工具”及“选择工具”画一个树叶
教学目标：
本实例要用到“线条工具”，“选择工具”、“颜料桶工具”。
1、用“线条工具”在埸景中画一条直线，
2、单击“选择工具”，在没选中直线的状态下指向直线，当鼠标变成一条弧线时，按住鼠标左键拖动可把直线变成曲线!
3、再拖一条直线，仿上把它变成叶茎的形状，在没选中曲线的状态下拖动曲线的两头，把该曲线移动到第一个曲线上（拖动直线中间可把直线变曲，拖动线的两头可移动线。
）
4、仿上画出树叶的所有线条，用颜料桶工具把树叶填充成绿色。
说明：
如果在画树叶的时候出现错误，比如说，画出的叶脉不是你所希望的样子，你可以执行【编辑】|【撤销】命令（快捷键为Ctrl+Z），撤销前面一步的操作，也可以选择下面更简单的方法：
用【箭头工具】单击想要删除的直线，被单击后的直线呈现网点状，说明它已经处于被选择状态，此时，你将可以对它进行各种修改了
附：
线条工具、颜料桶工具的使用
实例4、画一只小蚂蚁，身体用椭圆工具画并填充黑色，触须和腿用线条工具。
教学目标：
学会椭圆工具的使用，会用放大镜工具，会用不同比例显示埸景。
1、新建一个文件，选菜单“视图—贴紧－编辑贴紧方式”，把几个贴紧选项去除。
用直线工具画触须，
2、用椭圆工具画几个椭圆（不带边框）再连在一起分别表示蚂蚁的头，身子、尾巴。
3、画两个白色的椭圆（不带边框）作为蚂蚁的眼。
4、单击放大镜工具，在蚂蚁的白眼球上单击以放大眼球。
5、在白眼球中画两个黑色的椭圆做为眼珠，
6、单击时间轴右上方的显示比例的下拉框选“显示帧”还原显示。
7、
用直线工具画蚂蚁的脚。
8、保存文件在自己的文件夹中。
说明：
选菜单“窗口—工具栏—主工具栏”可调出常用工具栏，从而用撤消工具方便绘图。
绘制蚂蚁身躯时，可先在旁边拖出大小合适的椭圆，再接到蚂蚁上做成身躯。
附：
椭圆工具、缩放工具的使用。
实例5、绘制花朵
教学目标：
学会渐变色的使用，会用变形面板的“复制并变形”，
1、用椭圆工具绘制一个无边框的椭圆
2、单击舞台左边“颜色”面板上“混色器”标签，在“类型”下拉框中选“线性”填充样式，双击左边的色块设成红色，双击右边的色块，设成黄色，这样就设置出了一种红色到黄色的渐变色，如下图
3、选“颜色桶工具”，从椭圆下部往上拖出红到黄的渐变色来，如图。
4、选“任意变形工具”在椭圆上单击出现注册点，把注册点从椭圆的中部移到下部。
5、
选“窗口－变形”打开“变形面板”（快捷键ctrl+T），在旋转栏填上45度，单击“复制并运用变形”按钮7次，复制出一个花朵形。
6、用“选择工具”把花瓣全选中，再选“任意变形工具”把它缩小、并压扁一些，移动到屏幕中上方。
7、用“铅笔工具”选“平滑模式”、画一条绿色线做为花茎。
（可用“选择工具”调整花茎的位置及形状。
）
实例6夜空中的明月
教学目标：
能够增加一种渐变色及减少一种渐变色，会用线性渐变及圆形渐变，会用填充变形工具。
能增加一个或减少一个图层，会对图层命名。
一、
1、新建一个文件，双击图层1，输入“夜空”把图层1命名为“夜空”。
2、在混色器面板上，选“线性”渐变色
3、双击左边的笔头，选深兰色，双击右边的笔头，选浅蓝色。
4、用矩形工具，在埸景中画出一个深蓝到浅蓝色的矩形。
5、
单击“填充变形工具”，在矩形上单击。
用显示比例25%显示埸景，可看到渐变角度的调节点，渐变大小的调节点及渐变中心的调节点
6、旋转渐变角度调节点，改成从上到下的渐变。
也可以调节渐变位置。
7、单击“插入图层”按钮，增加一个图层2，双击图层2，把它改名为月亮。
8、在“月亮”层中画一个圆形：
，在混色器的填充类型中选“放射线”渐变，第一个笔头，白色，第二个笔头，白色，在上面单击增加一个笔头，白色，Alpha值选25%，填充到圆形上做为月亮。
说明：
1、在Flash动画中用渐变色可做出各种精美的效果来，当然这要增大文件的字节数。
2、笔头最多可添加到8个，施动笔头向下，可删除笔头。
3、线性渐变是不同色彩从左到右的渐变，颜色默认为从黑色到白色。
放射性渐变是不同色彩从里到外的圆形渐变。
渐变色调节点有5个，如下图。
练习：
用渐变色画出如下图形
操作实例：
风景画
操作实例：
画出上面的风景画：
1选菜单“文件/新建”新建一个文件
2在图层面板上双击图层名称，将当前名称改为“背景”
3绘制一个矩形做为背景，用深蓝到白色的线型渐增填充
4用油料桶工具在矩形上单击，并使用“转换填充”旋转渐变方向为垂直方面。
5在图层面板上单击“+”按钮插入一个新层，双击它命名为“绿色”
6单击“绿色”层，在这一层上用线条或铅笔工具逐层（先画后面一个，再画前面两个）画出起伏的绿色草地，填充渐变色，完成后删除轮廓线。
7再创建一个层，命名为“太阳”
8在这一层上用椭圆工具绘制一个无轮廓的圆做为太阳，用圆形渐增填充如图：
9在图层面板上新建一个层，命名为“云朵”
10在这一层上用铅笔工具绘出云朵的形状，然后用线型渐增填充，再用“转换填充”旋转渐变的角度。
练习：
月夜
技巧：
背景用线型渐增，从深蓝到白色，月亮使用圆形渐增，从浅蓝到白色。
海鸥和渔船用线条或铅笔工具绘制后用橡皮工具将轮廓擦除。
制作月芽型
实例7、绘制灯笼
教学目标：
进一步熟悉渐变色的使用，能在面板中精确调整绘制图形的大小、颜色等。
1、新建一个文档，在属性面板中设置舞台背景为蓝色，大小为200×150
2、绘制一个无框椭圆，大小65×40，用白色到红色的放射性渐变色填充，做为灯笼的主体。
3、选菜单“窗口－对齐”打开“对齐”面板，在选中椭圆的状态下设置如下，这样所画的对象就会在舞台正中央。
4、画一个无框矩形做为灯笼的上下边，大小30×10，打开【混色器】面板，设置深黄色到浅黄色的【线性】渐变填充。
左、中、右三个填充色块的颜色值分别为：
#FF9900、#FFFF00、#FFCC00。
（在旁边画矩形，再移到灯笼上）
5、复制这个矩形，分别放在灯笼的上下方，再画一个小的矩形，长宽为7×10像素，作为灯笼上面的提手。
6、最后用【线条工具】，在灯笼的下面画几条黄色线条做灯笼穗，一个漂亮的灯笼就画好了。
说明：
利用渐变色可以绘出非常精致的图画，但文件会加大。
实例8中国扇（变形面板的使用）
1、新建一个文件，画一个黑色轮廓白色填充的矩形
2、用指针工具双击矩形，在面板中设置宽：
160，高10，X：
300，Y：
200,在空白处单击取消对矩形的选择。
3、关闭时间轴窗口，显示比例选“显示帧”
4、点“任意变形”工具，把旋转中心移到矩形的左端（要移准！
）
5、按Ctrl+T调出变形面板，输入旋转角度—4度，单击“拷贝并应用变形”按钮，复制若干个做出整个扇面。
6、用颜料桶给起始扇片和终止扇片填上红色。
7、 使用多个矩形拼合绘制出扇坠：
（1）画一个圆角矩形：
单击矩形工具，在选项区中单击，在对话框中输入：
半径为10，红色
（2）选“视图—贴紧”，把钩去掉，画若干个长条矩形在一起，（3）选中这些矩形，移它到扇面下。
8、用棣书、红色、37号字输入“家和万事兴”。
实例9，用部分选取工具和钢笔工具画苹果
部分选取工具就是我们平常叫惯的白色箭头工具。
用部分选取工具选中需要调整的曲线，会出现一些节点，在节点的两端会出现调节手柄。
将手柄进行各种方向拖动，可以调整出你需要的形状来。
如果拖动一个手柄时连带改变了另一手柄的方向，那么你请按住ALT键，这样你就可以安心进行调整了。
1、用这种方法来画苹果等物是非常容易的。
先画一条直线调整为弧线，如图
2、用部分选取工具调整
2、调整好以后，再画一条直线连接，继续上面的方法，看，一个苹果的外形很快就画好了，可以用红到白的放射性渐变色填充苹果。
（十四）渐变色的使用
在Flash动画中用渐变色可做出各种精美的效果来，当然这要增大文件的字节数。
渐变色有两种：
一、线型渐增：
以线型过渡方式形成从一种颜色到另一种颜色的渐变，在缺省情况下线型渐增在对象上填充时只能从左到右，使用颜料桶工具可改变填充的方向
二、圆形渐增：
从圆心点向外辐射过渡的渐变。
填充面板上的渐变色的操作步骤：
1、选菜单“窗口/面板/填充面板”（也可点状态栏上的第一个按钮）
2、单击“基本色”栏后的下拉按钮，选“线型渐增”
3、缺省情况下计算机所选的渐变色是从黑色到白色，在渐变条上单击笔形标记（被选中的标记呈黑色），在右侧的色块上单击选择所需的颜色即可改变当前笔形标记所指示的颜色。
4、在渐变条上单击可增色一个笔形标记，从而在标记处增加一种颜色（最多8种）
5、要删除一个标记只要把它拖到下面框外即可。
6、用椭圆或矩形工具画图即得到一个渐变色填充的图形。
7、选颜料桶工具，在矩形上拖动可改变渐色方向
8、选颜料桶工具，再选工具栏最下边的“转换填充”按钮，在矩形上单击，在图形上出现三个调节点，通过它们可改变渐增填充和位图填充的大小、位置和角度。
实例10，七星瓢虫
1、首先使用椭圆工具画一个正圆。
打开混色器，将填充样式设为放射状，颜色为左红右黑。
如图：
2、以此色填充刚刚画好的正圆。
选择颜料桶上边的填充变形工具，单击刚刚填充的颜色，会出现一个带有三个手柄的环形边框。
我们用鼠标分别按住上边的手柄里推外拉、上下左右的进行调整，如图
3、新增一层，在此层画上互相垂直的线条，分出瓢虫的头部和身体的左右部分。
上面的横线为两条靠得很近的直线，上边的直线为黑色，ALPHA为85%左右，下边的直线的颜色为白色，ALPHA为55%左右。
竖线的颜色为黑色，ALPHA为30%左右。
如图所示：
4、新增一层，用椭圆工具画上黑色斑点，如图
5、新增一层，在上半部分画一椭圆表现光亮部分。
其填充样式为线性，颜色设置左边为浅灰色，ALPHA为100%，右边色块为深灰色，ALPHA为零，如图：
这样填充的目的，可以使上层的颜色与下层的颜色很好的融合在一块。
同样，我们要使用填充变形工具。
线性渐变上显示的与径向渐变圆环外框不同，为两条平行的直线，其中一条上有方形和圆形的手柄，方形手柄缩放渐变色，圆形手柄改变渐变色方向。
和径向渐变一样拖动中心点调节渐变色的中心位置。
我们用鼠标按住它的中心点，向下移动一点，使上面浅灰色部分显示较多。
如图：
6、然后，再新增一层，画出触角，一个漂亮的图标就画好了。
升级会员 