flash教案.docx
《flash教案.docx》由会员分享，可在线阅读，更多相关《flash教案.docx（38页珍藏版）》请在冰豆网上搜索。
flash教案
Flash的基础知识
一、Flash动画制作软件可以将文字、图形、图像、动画、声音、视频集成于一体。
处理的文件格式为fla输出的格式为swfFlash是美国的Macromedia公司推出的动画设计软件，它是一种交互式动画设计工具，可以将声效、动画以及富有新意的界面融合在一起。
Flash是编辑矢量图形和创建动画的专业软件，主要应用于网页设计和多媒体创作等领域。
二、优点：
在Flash中应用矢量技术，对图形文字任意缩放，不会变形，图形质量不打折，可谓小巧灵珑。
体积小、占用内存小，下载和浏览速度都比较快因此，非常适合的在因特网上传播。
所以因特网上的广告，大多是用FLASH软件来实现。
三、动画原理：
动画就是利用人类视觉短暂停留的特性，快速播放一系列静态图像，使视觉产生动态的效果。
四、在Flash中创作内容时，需要在Flash文档文件中工作。
Flash文档的文件扩展名为.fla。
Flash文档有四个主要部分：
1、舞台是在回放过程中显示图形、视频、按钮等内容的位置。
2、时间轴用来通知Flash显示图形和其它项目元素的时间，也可以使用时间轴指定舞台上各图形的分层顺序。
位于较高图层中的图形显示在较低图层中的图形的上方。
3、库面板是Flash显示Flash文档中的媒体元素列表的位置。
4、ActionScript代码可用来向文档中的媒体元素添加交互式内容。
例如，可以添加代码以便用户在单击某按钮时显示一幅新图像，还可以使用ActionScript向应用程序添加逻辑。
逻辑使应用程序能够根据用户的操作和其它情况采取不同的工作方式。
Flash包括两个版本的ActionScript，可满足创作者的不同具体需要。
Flash包含了许多种功能，如预置的拖放用户界面组件，可以轻松地将ActionScript添加到文档的内置行为，以及可以添加到媒体对象的特殊效果。
这些功能使Flash不仅功能强大，而且易于使用。
完成Flash文档的创作后，可以使用“文件”>“发布”命令发布它。
这会创建文件的一个压缩版本，其扩展名为.swf（SWF）。
然后，就可以使用FlashPlayer在Web浏览器中播放SWF文件，或者将其作为独立的应用程序进行播放。
二、Flash的特性
1.Flash作品既可以在线播放又可以离线播放。
2.几乎所有的浏览器都支持Flash动画
3.Flash使用容易，方便简单。
4.便于制作高效、全屏、具有交互式动画效果的网页
5.具有高质量的文字和图像效果。
6.不必考虑图像的最终播放尺寸。
7.在网上传送Flash动画比传统网页动画和GIF动画都要快。
第一节工作界面
Flash8的工作界面详解
（一）
科讯网信息中心 姚蓓蓓编辑
2008年05月12日
Flash8的工作界面结构规则合理，各功能面板的位置也井井有条。
熟悉Flash8的工作界面，可以为Flash动画影片的制作打下良好的基础。
点击开始页面中“创建新项目”列表下的“Flash文档”命令，创建一个新的Flash文档。
也可以执行“文件→新建”命令，在“新建文档”面板中选择新建一个Flash文档，如下图所示。
这时Flash8的工作界面便呈现在眼前，如下图所示。
一、主工具栏
主工具栏包含动画制作过程中经常使用到的一些基础工具，如新建、打开、保存、打印、剪切、复制、粘贴、撤消、重做、贴紧至对象、平滑化、旋转、缩放及对齐对象等，如下图所示。
如果主工具栏目前不可见，可以执行“窗口→工具栏→主工具栏”命令来开启它。
二、文档选项卡ctrl+j主要是用于设置画布帧频帧频帧的播放速度常用为12S/FPS指1S中播放的帧数
二、时间轴ctrl+alt+t
时间轴位于Flash主工具栏的下方，用于显示影片长度、帧内容及影片结构等信息，如下图所示。
通过该窗口，用户可以进行不同动画的创建，设置图层属性，为影片添加声音等操作。
它是Flash进行动画编辑的基础。
常见帧有关键帧F6空白关键帧F7普通帧F5延长普通帧F5
帧falsh视频最小的单位，持续某样不动的元素，普通帧不能编辑辑帧的延续
关键帧：
用于定义动画变化，更改状态的帧在其中定义了对动画属性所做的更改或者包含了ACTIONscript代码以控制文档的某些方面flash可以在定义关键帧之间补间或自动填充帧，从而生成流畅的动画，可以对其内的对象进行修改，添加动作等
空白关键帧，不存在任意信息可添加动作代码
区别：
关键帧以空心圆点，普通帧小方格
在同一层中，在关键帧后插入关键帧是复制前一个帧上的对象，可对其编辑，普通帧是延续，空白帧是清除，
三、绘图工作区
绘图工作区通常又称作“工作编辑区”，是Flash影片制作中进行图形绘制和编辑的地方。
其中白色的矩形区域被称作“舞台”，“舞台”中包含的图形内容就是在完成的Flash影片播放时所显示的内容。
通过时间轴下方的设置按钮，可以自由设置“舞台”的大小和背景色等。
按下工作区右上角的显示比例按钮，可以快捷地对工作区的视图比例进行调整。
四、工具面板
工具面板位于绘图工作区的左边，包含了用于进行矢量图形绘制和编辑的各种操作工具，主要由绘图工具、查看工具、色彩填充和工具属性选项4大功能板块构成，如下图所示。
其它面板变形ctrl+t对齐ctrl+k行为shift+f3输出f2 项目shift+f8颜色面板ctrl+f9混合器shift+f9信息ctrl+I
文档属性ctrl+j
场景面板一个动可以多个场景，当动画包含多个场景时，将按照它们在场景面板中的先后顺序进行播放，
如果影片中有两个场影，每个场景都有10帧，则第2场景的帧数为11-20
flash中绘图工具
1、选择工具V：
选择组合对象有一个蓝色的外框，打散的图形没有。
复制对象按alt拖动，或者是ctrl+shift+V（粘贴到当前位置）
属性：
贴紧至对象：
具有自动吸附功能。
自动捕捉到两个对象的对齐坐标。
选择线条时，鼠标变成变曲时，可以把线变为弯曲的线条。
2、部分选择工具：
选择路径中的节点，可以对节点进行移动、拉伸、修改。
使用方向键进行移动节点时，每次移动10个象素。
3、椭圆工具和矩形工具：
A、属性对象绘制绘制对象群组的对象。
不选择绘制的形状，打散的形状
B、边角半径设置：
可以绘制圆角矩形
C、单击属性栏中的选择可以设置多边形和星形
可以通过星形顶点大小设置0。
00-1。
00
多边形的条数范围为3-32可以设置线条的样式，以及线条的边缘圆滑程度。
4、铅笔工具：
绘制随意的线条
模式：
A、伸直模式B、平滑模式C、墨水模式
5、钢笔工具：
绘制路径放在线条上鼠标自动变为添加锚点，放在锚点会自动变为减少锚点，
拖动控制柄可以调整路径的形状。
按住shift键可以绘制成45度角的形状结束路径双击
6、套索工具：
选取工具
属性有：
魔术棒、多边形套索工具（导入的位图必须得打散ctrl+b）
注：
魔术棒设置阈值：
1-200输入0只选择与所单击象素颜色完全相同
7、橡皮擦工具：
模式：
A、擦除填色只擦除填充色B、擦除线条：
只擦除线条C、内部填充色：
D、擦除所选择填充（先用选择工具进行选择范围）E、内部擦除
水龙头单击需要擦的填充区域或笔触断，可以快速将其擦除可以直接删除颜色相似的填充
8、刷子工具：
用于在散点图上随意绘制一些色块模式有：
A、标准模式：
B、颜料填充不会填充轮廓B、后面绘画C、颜料选择先选择颜色块D、内部绘画
9、填充变形工具：
手柄分别为改变填充色宽度、渐变半径手柄、旋转渐变色手柄、更改中心点
10、视图工具：
放大镜8--2000%ctrl++ctrl+-双击该工具缩放为100%
手形工具空格
11、墨水瓶工具填充线条色
12、颜料桶：
填充封闭的图形A、渐变线型、放射状、位置
B、模式：
封闭填充封闭小空隙
注：
绘制的线条转化为填充修改—形状---将线条转换为填充
柔化填充边缘可以把线条的周围变成羽化的效果。
制作荧光字输入文字打形ctrl+b墨水明黄色宽1删除填充区域，按住shift依次双击字母外的明黄色边缘将线条转为扩充，变为填充区域修改柔化边缘，距离5步长15
13、变形面板：
顺时针旋转90ctrl+shift+9逆时针ctrl+shift+7输入角度，定中心点单击复制并应用可以进行多次复制
排列：
顶层ctrl+shift+上箭头
上移一层ctrl+上箭头锁定ctrl+shift+alt+L
必须是组合的对象
组合对象ctrl+g分散对象ctrl+b
设置文档属性ctrl+j显示网格ctrl+'
显示标尺ctrl+alt+shift+r
编辑网格ctrl+alt+g辅助线：
ctrl+;
合并对象：
对象不能为散点图
联合：
把两个对象合为一个对象。
交集：
保留两个对象相交的部分
打孔：
可以删除所选对象的某些部分由所选对象与排在所选对象前面的另一个所选对象决定保留的是不重叠的部分
裁切：
根据某个对象的形状裁切另外一个对象（保留前面或最上面对象定义的裁切区域形状）使用修改----合并对象
注：
使用椭圆等工具绘制时选中对象绘制
动画
1、时间轴面板ctrl+alt+t
2、时间轴组成部分：
图层（新建图层、隐藏图层、锁定图层、轮廓显示图层、删除图层、添加引导层）帧（播放头、关键帧（帧上显示黑色小圆点）、普通帧、空白关键帧（空心的小圆点）、）帧频（网页适合12FPS）、
绘图纸功能：
1）绘图纸外观：
同时显示多帧的内容（洋葱皮功能）拖动外观标记可以设置显示的帧数
2）绘图纸外观轮廓：
显示各帧内容的轮廓线、填充消失
3）编辑多个帧：
可以同时编辑多个帧
4）修改绘图纸标记
3、帧的类型及标记
普通帧：
flash动画最小的单位，持续某样不动的元素，不能对其中的内容进行编辑，延长普通帧f5
关键帧：
用于定义动画变化，更改状态的帧，可对其进行编辑可以添加动作。
插入关键帧F6
空白关键帧：
不存在信息的帧，可以对其添加动作F7
标记：
帧上有红色小红旗：
表明帧名称
帧上有绿色的双杠：
帧注释
帧上有小a：
对帧添加动作代码
逐帧动画
常见的动画元素：
1、矢量图2、位图3、文字4、影片剪辑5、按钮6、声音7、形状8、散点图
2、逐帧动画的几种方法
A、用导入静态的图片建立动画B、绘制矢量动画C、文字逐帧动画D、指令逐帧动画E、导入序列图像
形变动画（形状补间动画）
概念：
可以实现两个形状之间颜色、形状、大小、位置的相互变化
使用图形元件、文字必须得打散（ctrl+b）
注：
写的文字多按两次ctrl+b
1、添加形状补间后，时间帧面板变为淡绿色，线是实线
2、缓动：
在1到-100之间动画运动的速度从慢到快，朝运动结束的方向加速度补间在1到100之间运动速度从快到慢，朝运动结束的方向做减慢运动
3、混合选项：
角形：
创建的动画中间形状会保留明显的角与直线
分布式：
创建的动画中间形状比较平滑和不规则
4、使用形状提示：
作用：
在起始与结束的位置添加参考点。
添加的方法：
修改--形状--添加形状提示ctrl+shift+h最多可以添加26
添加一个后，按住ctrl点击形状提示，会自动墙加。
右击可以删除
注：
形状提示要在边缘才起作用。
开始的形状提示为黄色的背景，结束为绿色的背景。
形状提示必须在边缘才能起作用吸附功能
例：
字母的变换旋转的三棱锥数字变化
动作补间动画
可以设置元件的大小、位置、颜色、透明度、旋转等各种效果可以是元件或者成组的对象
1、在一个关键帧放一个元件，然后在另一个关键帧上改变元件的大小、透明度、位置等，在两者之间创建动画称为补间动画。
2、元素：
影片剪辑、图形元件、按钮、文字不能是散点图
3、外观淡紫色的背景色实线的箭头
形变动画与动作补间动画
区别之处动作补间动画形状补间动画
在时间轴上表现淡紫色淡绿色
元素影片剪辑图形元件按钮、文字
按钮文字位图形状打散
效果实现一个元件的大小实现二个形状
位置、颜色、透明等之间的变化
变化或者是一形状的大小位置颜色变化
缓动-1----100做加速补间
1）“简略”选项
在“0”边有个滑动拉杆按钮
，单击后高低拉动滑杆或填入具体的数值，补间动作动画效果会以下面的设置作出相应的变更：
在1到-100的负值之间，动画运动的速度从慢到快，朝运动收场的方向加速补间。
在1到100的正值之间，动画运动的速度从快到慢，朝运动收场的方向减慢补间。
默认情况下，补间帧之间的变更速率是不变的。
（2）“旋转”选项
有四个选择，选择“无”（默认设置）阻挠元件旋转；选择“主动”可以使元件在需要最小动作的方向上旋转对象一次；选择“顺时针”（CW）或“逆时针”（CCW），并在后面输入数字，可使元件在运动时顺时针或逆时针旋转相应的圈数。
（3）“调剂到路径”
将补间元素的基线调剂到运动路径，此项功效首要用于指示线运动，我们在下一节中要谈到此功效。
（4）“同步”复选框
使图形元件实例的动画和主光阴轴同步。
（5）“对齐”选项
可以根据其注册点将补间元素附加到运动路径，此项功效首要也用于指示线运动
引导层动画
将一个或多个层链接到一个运动引导，使一个或多个对象沿一条路径动画的动画形式被称为引导层动画
方法“必须得有一个引导层和被引导层，创建引导层，在普通图层上单击时间轴面板上的添加运动引导层，引导层是用来指示元件运行路径的，可以是用钢笔，铅笔，线条，椭圆工具圆（不封闭）、画笔工具绘制出的线条
被引导层可以是影片剪辑，图形元件、按钮、文字，但不是散点图动画形式一般是动作补间
向[被引导层添加元件注意，被引导线的对象起点和端点必须和引导线的两个端点对齐
2、使用引导层的技巧
A、属性栏中的调整到路径对象的基线就会调整到运行路径B、引导层的内容是看不到C、对齐对象，可以对象附着于引导线对象的中心会自动吸附到路径端点上D、线不能太过陡峭E、解除引导层，右击—取消即可G、引导层是圆必须擦除一小部分H、引导线允许重叠，但得圆润
实例1、星星字
遮罩动画
1．遮罩动画的概念
（1）什么是遮罩
“遮罩”，顾名思义就是遮挡住下面的对象。
遮罩就是通过遮罩图层中的图形或者文字等对象，透出下面图层中的内容。
简单地说遮罩层就像一张透明的纸，我们可以在这张纸上挖一个洞，当洞下面的物体运动运动经过洞口的时候，就产生了一个小动画。
使用遮罩，可以创造出很多特殊的效果，用户只需要在设置为遮罩图层的图层上右击，选择遮罩命令就可以了，若要取消遮罩图层的设置，同样只要在遮罩图层上右击，在弹出的快捷菜单中再次选择遮罩命令，取消其选中状态就可以了，下面显示的是遮罩图层的示意：
在Flash8.0中，“遮罩动画”也确实是通过“遮罩层”来达到有选择地显示位于其下方的“被遮罩层”中的内容的目地，在一个遮罩动画中，“遮罩层”只有一个，“被遮罩层”可以有任意个。
遮罩层和被遮罩层必须同时锁定才能显示遮罩效果，否则将不能看见遮罩效果。
（2）遮罩有什么用
在Flash8.0动画中，“遮罩”主要有2种用途，一个作用是用在整个场景或一个特定区域，使场景外的对象或特定区域外的对象不可见，另一个作用是用来遮罩住某一元件的一部分，从而实现一些特殊的效果。
1）创建遮罩
在Flash8.0中没有一个专门的按钮来创建遮罩层，遮罩层其实是由普通图层转化的。
你只要在要某个图层上单击右键，在弹出菜单中把“遮罩”前打个勾，该图层就会生成遮罩层，“层图标”就会从普通层图标变为遮罩层图标，系统会自动把遮罩层下面的一层关联为“被遮罩层”,在缩进的同时图标变为，如果你想关联更多层被遮罩，只要把这些层拖到被遮罩层下面就行了，如图3-5-1所示。
图3-5-1多层遮罩动画
（2）构成遮罩和被遮罩层的元素
遮罩层中的图形对象在播放时是看不到的，遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充”。
被遮罩层中的对象只能透过遮罩层中的对象被看到。
在被遮罩层，可以使用按钮，影片剪辑，图形，位图，文字，线条。
（3）遮罩中可以使用的动画形式
可以在遮罩层、被遮罩层中分别或同时使用形状补间动画、动作补间动画、引导线动画等动画手段，从而使遮罩动画变成一个可以施展无限想象力的创作空间。
应用遮罩时的技巧遮罩层的基本原理是：
能够透过该图层中的对象看到“被遮罩层”中的对象及其属性（包括它们的变形效果），但是遮罩层中的对象中的许多属性如渐变色、透明度、颜色和线条样式等却是被忽略的。
比如，我们不能通过遮罩层的渐变色来实现被遮罩层的渐变色变化。
要在场景中显示遮罩效果，可以锁定遮罩层和被遮罩层。
可以用“AS”动作语句建立遮罩，但这种情况下只能有一个“被遮罩层”，同时，不能设置_alpha属性。
不能用一个遮罩层试图遮蔽另一个遮罩层。
遮罩可以应用在gif动画上。
在制作过程中，遮罩层经常挡住下层的元件，影响视线，无法编辑，可以按下遮罩层时间轴面板的显示图层轮廓按钮
，使之变成
，使遮罩层只显示边框形状，在种情况下，你还可以拖动边框调整遮罩图形的外形和位置。
在被遮罩层中不能放置动态文本。
实例：
红星闪闪
时间轴特效
插入—时间轴特效，就可以看到特效的效果
编辑和删除特效：
修改—时间轴特效—编辑和删除
元件与实例
1、元件symbol是构成动画最基本的元素，一般包括三类元件
图形元件、按钮元件、影片剪辑（MC）
2、把图形转换为元件选择---修改—转换为元件F8
新建元件—ctrl+f8插入—元件—新建元件
建立的元件一般都在库都保存ctrl+l或者是窗口—库
3、实例是元件在舞台上（场景中）的表现形式，在场景中可以更改实例的颜色、方向、大小、宽高、透明度等
4、几种特殊的元件和实例
A、外部导入的元件位图默认导入时是成组的元素颜色透明度等等都不能改变，必须转换为元件
B、声音导入到舞台什么也没有，在库中被定义为元件
C、视频它实际上一个封装了的动画序列
D、文字默认为组合的形状，可以更改文字内容、字体、字号颜色、打散后成散点图
元件与实例
元件有图形、影片剪辑mc、按钮
元件是指在flash中创建且保存在库中的图形,按钮或影片剪辑,可以自始至终在影片或其他影片中重复使用,是flash动画中最基本的元素;
影片剪辑元件——可以理解为电影中的小电影,可以完全独立于主场景时间轴并且可以重复播放.
按钮元件——实际上是一个只有4帧的影片剪辑,但它的时间轴不能播放,只是根据鼠标指针的动作做出简单的响应,并转到相应的帧.通过给舞台上的按钮实例添加动作语句而实现flash影片强大的交互性.
图形元件——是可以重复使用的静态图像,或连接到主影片时间轴上的可重复播放的动画片段.图形元件与影片的时间轴同步运行
2.相同点:
几种元件的相同点是都可以重复使用,且当需要对重复使用的元素进行修改时,只需编辑元件,而不必对所有该元件的实例一一进行修改,flash会根据修改的内容对所有该元件的实例进行更新.
3.区别及应用中需注意的问题:
1）影片剪辑元件,按钮元件和图形元件最主要的差别在于,影片剪辑元件和按钮元件的实例上都可以加入动作语句,图形元件的实例上则不能;
影片剪辑里的关键帧上可以加入动作语句,按钮元件和图形元件则不能.
2）影片剪辑元件和按钮元件中都可以加入声音,图形元件则不能.
3）影片剪辑元件的播放不受场景时间线长度的制约,它有元件自身独立的时间线;按钮元件独特的4帧时间线并不自动播放,而只是响应鼠标事件;图形元件的播放完全受制于场景时间线;
4）影片剪辑元件在场景中敲回车测试时看不到实际播放效果,只能在各自的编辑环境中观看效果,而图形元件在场景中即可适时观看,可以实现所见即所得的效果.
5）三种元件在舞台上的实例都可以在属性面板中相互改变其行为,也可以相互交换实例.
6）影片剪辑中可以勘套另一个影片剪辑,图形元件中也可以勘套另一个图形元件,但是按钮元件中不能勘套另一个按钮元件;三种元件可以相互勘套Flash作品的播放保护
实例：
由元件构成相应的动画
实例更改颜色：
单击属性面板---颜色--亮度、高级、alpha透明度
把对象转化为元件F8新建元件ctrl+f8
5、计算机常用公用库
窗口—公用库
想把用户直接制作FALS存成公用库，把FLASH保存在D:
\ProgramFiles\Macromedia\Flash8\zh_cn\Configuration\Libraries
Falsh中导入声音和视频
声音的属性设置和编辑
引用到时间轴上的声音，往往还需要在声音【属性】面板中对它进行恰当的属性设置，才能更好地发挥声音的效果。
上面实例的制作过程中已经初步接触到一些声音属性的设置问题，下面具体讨论一下有关声音属性设置以及对声音进一步编辑的问题。
声音格式一般是mp3或者是WAV
（1）声音效果属性
在时间轴上，选择包含声音文件的第一个帧，在声音【属性】面板中，打开【效果】菜单，这里可以设置声音的效果，如图5-1-7所示。
图5-1-7声音效果设置
以下是对各种声音效果的解释：
u【无】：
不对声音文件应用效果，选择此选项将删除以前应用过的效果。
u【左声道】/【右声道】：
只在左或右声道中播放声音。
u【从左到右淡出】/【从右到左淡出】：
会将声音从一个声道切换到另一个声道。
u【淡入】：
会在声音的持续时间内逐渐增加其幅度。
u【淡出】：
会在声音的持续时间内逐渐减小其幅度。
u【自定义】：
可以使用“编辑封套”创建声音的淡入和淡出点。
（2）同步效果属性
打开【同步】菜单，这里可以设置【事件】、【开始】、【停止】和【数据流】四个同步选项，如图5-1-8所示。
图5-1-8同步属性
【事件】选项会将声音和一个事件的发生过程同步起来。
事件声音在它的起始要害帧开始显示时播放，并独立于时间轴播放完整个声音，即使SWF文件停止也继续播放。
当播放罚布的SWF文件时，事件声音混合在一起。
【开始】与【事件】选项的功能相近，但假如声音正在播放，使用【开始】选项则不会播放新的声音实例。
【停止】选项将使指定的声音静音。
【数据流】选项将同步声音，强制动画和音频流同步。
与事件声音不同，音频流随着SWF文件的停止而停止。
而且，音频流的播放时间绝对不会比帧的播放时间长。
当发布SWF文件时，音频流混合在一起。
注重：
假如你使用MP3声音作为音频流，则必须重新压缩声音，以便能够导出。
可以将声音导出为MP3文件，所用的压缩设置与导入它时的设置相同。
（3）重复和循环属性
通过【同步】弹出菜单还可以设置【同步】选项中的【重复】和【循环】属性。
为【重复】输入一个值，以
升级会员 