第三章Flash的操作

1、第三章 Flash的操作 一、Flash的特点及操作界面的介绍 二、绘图工具栏的使用 三、实例操作 四、动作脚本应用基础 一、Flash的特点及操作界面的介绍 1、Flash动画的特点： （1）文件的数据量小； （2）交互式动画； （3）矢量图形。 2、操作界面简介： （1）菜单栏； （2）主工具栏； （3）编辑栏； （4）绘图工具栏； （5）场景与舞台； （6）时间轴； （7）功能面板。 3、基本的文件操作： （1）创建新文档：例：运动的圆球。 （2）文件的保存 格式包括：*.fla、*.swf、*.exe。 二、工具栏的使用 1、椭圆工具的使用； 2、矩形工具的使用； 3、颜料桶工具的使用

2、； 4、缩放工具的使用； 5、文本工具的使用。 （1）文字的编辑处理； （2）文字的打散效果：举例：数字变形。 第一部分：基本动画 例例1 1：小球的运动：小球的运动 技术关键：关键帧、补间。技术关键：关键帧、补间。 1、单击第1帧，在工具栏中选中圆形工具，利用圆 形工具绘制圆； 2、单击第24帧，右击插入关键帧，用移动工具将圆 移动位置； 3、单击第1帧，在“属性”面板中将“补间”设置 为“形状”；（一定要保证第1帧和24帧之间出现 的是黑色的实心箭头） 4、按enter键看运行效果，按ctrl+enter键看导出 效果； 5、文件另存为（格式为*.fla，源程序格式，可继 续进行编辑） 文

3、件导出导出影片。（格式为*.swf，观看 模式，不能继续编辑） 注意要点：注意要点： 一定要保证第1帧中圆的位置和第24帧中圆的位置不 在同一点。 延伸练习：延伸练习： 变换色彩小球的运动（颜料桶工具的使用） 例例2 2：形状的变化（小球变矩形）：形状的变化（小球变矩形） 1、单击第1帧，在工具栏中选中圆形工具，利用圆形 工具绘制圆； 2、单击第24帧，右击插入关键帧，按delete键将圆删 除，用矩形工具绘制矩形； 3、 单击第1帧，在“属性”面板中将“补间”设置为 “形状”。 4、按enter看效果，文件另存为。 注意要点：注意要点： 一定要保证一个关键帧下面只能有一个对象。 例例3 3：

4、小球先运动一段距离，再渐变为矩形：小球先运动一段距离，再渐变为矩形 1、单击第1帧，在工具栏中选中圆形工具，利用圆形工具绘 制圆； 2、单击第24帧，右击插入关键帧，用移动工具将圆移动位置； 3、单击第1帧，在“属性”面板中将“补间”设置为“形 状”； 4、单击第48帧，右击插入关键帧，按delete键将圆删除，用 矩形工具绘制矩形； 5、 单击第24帧，在“属性”面板将“补间”设置为“形 状”。 例例4 4：导入图片的运动：导入图片的运动 1、单击第1帧，文件导入导入到舞台，导入选 好的图片； 2、利用工具栏中的缩放工具，对图片大小进行调整 （注意舞台大小）； 3、单击24帧，右击插入关键帧

5、，用移动工具改变图片 的位置； 4、单击第1帧，在“属性”面板中将“补间”设置为 “动作”； 5、按enter键观看效果，文件另存为。 延伸练习：延伸练习： 制作旋转运动的图片（补间选择为动作后，可对下面 的参数进行设置） 例例5 5：文字的变形：文字的变形 1、单击第1帧，选中文字工具，在舞台上写“1”，按 ctrl+B将文字打散； 2、单击24帧，右击插入关键帧，按delete键删除“1”， 选中文字工具，在舞台上写“2”，按ctrl+B将文字 打散； 3、单击第1帧，属性补间形状。 注意要点：注意要点： 如果为多个文字，应按两次ctrl+B。 延伸练习：延伸练习： “陕西”变“宝鸡”效果

6、 文字变感叹号（刷子工具的使用） 例例6 6：逐帧动画效果（圆的闪烁）：逐帧动画效果（圆的闪烁） 1、单击第1帧，利用工具栏中的圆形工具绘制圆，将 填充色设置为红色； 2、单击第3帧，将填充色设置为黄色，利用颜料桶工 具进行填充； 3、如需要，可多次重复第2步； 4、按ctrl+enter观看效果。 延伸练习：延伸练习： 闪烁的星星（星星的绘制：单击矩形工具右下方的 小三角，选中多边星形工具，单击属性面板中的 “选项”，在样式中选择“星形”） 奔跑的小人，飞翔的蝴蝶 例例7 7：小球在图片上的运动：小球在图片上的运动（两个图层的运动）（两个图层的运动） 1、导入背景：文件导入导入到库，选 中合

7、适的背景图片，窗口库调用图片，窗 口对齐调整图片的大小，同时双击“图层 1”，改名为“背景”； 2、单击“插入图层”按钮，添加图层2，双击 图层2，改名为“小球运动”。单击第1帧，绘 制圆，单击第24帧，右击插入关键帧，移动圆， 单击第1帧，属性补间形状； 3、单击“背景”层的24帧，右击插入帧； 4、按enter键观看效果。 例例8 8：两个小球的反向运动：两个小球的反向运动 1、双击“图层1”，改名为“红球的运动”，制作红球 的运动效果，制作步骤如例1； 2、单击“插入图层”按钮，添加图层2，双击图层2， 改名为“黄球的运动”，在图层2上同样如例1的操 作； 3、按enter观看效果。 注

8、意要点：注意要点： 一个对象一个图层。 一定要给每个图层命名。 延伸练习：延伸练习： 两个小球在图片上的运动。 文字和圆同时在图片上的运动。 例例9 9：霓虹闪烁效果的制作：霓虹闪烁效果的制作 关键技术：关键技术： 两个图层分别做逐帧动画。 虚线矩形框的绘制步骤：首先选择矩形工具，将填充 色设置为 ，然后在属性面板中对“笔触高度” 和“线条类型”进行设置，即可绘制虚线框。 元件：是指在文档中可以重复使用的元素。 包括三类： 图形元件、按钮元件、视频剪辑元件。 元件一般从窗口库中调出。 帧和关键帧 帧：只是保证该图层上的对象显示，但不能做运动； 关键帧：创作运动的基本要素，如果对象要运动，必 须

9、插入关键帧。 例例1010：引导线运动（圆按固定路线运动）：引导线运动（圆按固定路线运动） 1、单击图层面板上的“添加引导线运动”按钮，给图 层1添加运动引导线； 2、单击引导线第一帧，选择铅笔工具，在舞台上绘制 一条连续的线路，锁定引导线图层； 3、单击图层1第一帧，选中工具栏上的圆，在舞台上 绘制圆，选中圆上的线条，按delete键删除，右击 圆，在弹出的菜单中选择“转化为元件”，用移动 工具移动圆心至线条的起点。 4、右击引导线图层上第24帧，在弹出的菜单中选择插 入帧，右击图层1第24帧，在弹出的菜单中选择插入 关键帧，用移动工具将圆移至线条的终点。 5、单击图层1第一帧，属性补间动画

10、，同时应 选中下面的“调整到路径”、“同步”、“对齐”选 框。 6、按enter观看效果。 注意要点：注意要点： 1、一定要添加运动引导线，绘制好线条后锁定图层； 2、一定要是开放的、连续的路径； 3、引导线上不做补间； 4、运动对象一定要转化为元件； 5、切记运动对象的中心要和线条的起点、终点对齐； 6、要选中补间下的三个选框。 例例1111：添加背景的小球运动：添加背景的小球运动 关键步骤： 1、将图层1改名为“背景”，从外部导入图片； 2、“插入图层”，新建图层2，并改名为“小球”， 选中“小球”层，“添加引导线运动”，给小球添 加运动引导线。 3、其余操作同例10。 注意要点：注意要点

11、： 给谁做引导运动，引导层一定要在该运动对象所在 层的上方。 例例1212：飞机按照一定路线运行：飞机按照一定路线运行 1、添加引导线； 2、文件导入导入到库，窗口库，将导入 的飞机图片按住鼠标左键拖放至舞台，右击图片 转化为元件，拖放至线条的起点； 3、利用旋转工具调整飞机的飞行方向； 4、右击引导线图层上第24帧，在弹出的菜单中选择插 入帧，右击图层1第24帧，在弹出的菜单中选择插入 关键帧，用移动工具将飞机移至线条的终点。 5、单击图层1第一帧，属性补间动画，同时 应选中下面的“调整到路径”、“同步”、“对齐” 选框。 6、按enter观看效果。 例例1313：小球做圆形运动：小球做圆形

12、运动 要点 绘制路径绘制路径：选择圆，将填充色设置为无，在舞台上 绘制椭圆，用橡皮擦工具擦除一个缺口，使路径成 为一个开放路径。 其余步骤同上。 例例1414：小球追着大球跑：小球追着大球跑 1、双击图层1，改名为“小球”，单击“添加引导线 运动”按钮，再依次单击“插入图层”按钮，“添 加引导线运动”按钮，将新插的图层2双击改名为 “大球”； 2、单击“小球”的引导线图层第一帧，选择圆，将填 充色设置为无，在舞台上绘制圆。右击引导线第一 帧，复制帧； 3、右击“大球”引导线第一帧，粘贴帧； 4、锁定并隐藏“大球”引导线，单击“小球”引导线 第一帧，用橡皮擦擦一缺口，操作步骤同例10第3、 4、

13、5、6步，确保小球运行正常； 5、隐藏“小球”图层及引导线，显示“大球”引导线， 用橡皮擦在不同位置擦一缺口，操作步骤如上，确 保大球运行正常； 6、显示所有图层，按enter键观看效果。 注意要点：注意要点： 1、为了保证两个球按照同一路径移动，一定要复制 引导线上的第一帧； 2、一个运动一个引导线； 3、完成一个后锁定并隐藏。 4、擦拭缺口的时候应确保两次不是擦得同一处。 例例1515：遮罩层运动（图片的逐步显示）：遮罩层运动（图片的逐步显示） 1、文件导入导入到舞台，导入图片； 2、单击“插入图层”按钮，插入图层2，双击改名为 “遮罩”，单击“遮罩”层第一帧，绘制矩形，用 缩放工具缩小；

14、 3、单击“遮罩”层第24帧，用缩放工具将矩形放大， 覆盖整张图片，右击图片层24帧，插入帧； 4、单击“遮罩”层第一帧，属性补间形状； 5、右击“遮罩”层，选择“遮罩”； 6、按enter键观看效果。 注意要点：注意要点： 1、谁动谁不做补间； 2、遮住的就是显示的。 3、设置“遮罩”后图层是锁定状态，不能解 锁，否则效果消失； 4、图片出现的形状和速度是由遮罩层决定的， 与图片本身层没有关系。 例例1616：文字逐字出现：文字逐字出现 1、用文字工具书写文字，调整字间距； 2、新建图层2，单击第一帧，选择工具圆，绘制 圆形，单击24帧，利用缩放工具将圆放大，覆 盖整个文字，单击第一帧，属性

15、补间 形状，同时右击文字层第24帧，插入帧； 3、右击图层2，选择“遮罩”； 4、按enter键观看效果。 例例1717：添加背景的文字出现：添加背景的文字出现 1、将“图层1”改名为“背景”，导入图片； 2、新建“图层2”改名为“文字”，输入文字； 3、新建“图层3”改名为“遮罩”，操作步骤同 例16第2步，第3步。 例例1818：聚光灯效果：聚光灯效果 1、双击“图层1”改名为“背景”，导入合适图片，在 24帧处右击插入帧； 2、新建“图层2”改名为“文字1”，输入文字，设置文 字颜色为红色，右击第一帧，选择“复制帧” ，在 24帧处右击插入帧； 3、新建“图层3”改名为“文字2”，右击第

16、一帧，选择 “粘贴帧”，并将文字颜色改为黄色，在24帧处右 击插入帧； 4、新建“图层4”改名为“遮罩”，单击第一帧，利用 工具圆绘制圆形，且圆覆盖文字层中第一个文字， 在24帧处右击插入关键帧，用移动工具将圆移动至 最后一个文字，单击第一帧，属性补间形 状； 5、右击“遮罩”层，选择“遮罩”； 6、按enter观看效果。 例例1919：渐现与渐隐字幕：渐现与渐隐字幕 1、新建文件，单击图层1第一帧，文件导 入导入到舞台，导入背景图片； 2、打开混色器面板，选择“线性”渐变类型， 设置4个颜色的渐变指针，最左和最右渐变指 针的Alpha设置为0%； 3、新建图层2，单击第一帧绘制一个矩形，将

17、笔触颜色设置为“无”，用油漆桶将渐变色 填充其中，并利用旋转工具旋转填充的渐变 色； 4、新建图层3，单击第一帧，利用文字工具输 入文字，并移动至舞台的下方，右击24帧， 插入关键帧，用移动工具将文字移动至舞台 的上方，单击第一帧，创建补间动作； 5、右击图层1第24帧，插入帧； 6、右击图层2第24帧，插入帧； 7、将图层3设置为当前图层，右击选择“遮罩 层”； 8、按ctrl+enter键观看效果。 例例2020：时间轴特效：时间轴特效爆炸效果爆炸效果 1、文件导入导入到舞台，导入图片； 2、选中图片，右击转换为元件； 3、插入时间轴特效效果分离，对 弹出对话框中的参数进行设置； 基本概念

18、基本概念场景、元件、库场景、元件、库 （一）场景的应用 功能：主要是针对不同的背景所设置，可以完 成不同背景动画之间的连接； 使用：插入场景； 切换方法：时间轴紧挨上方的编辑场景； 注意：每一个单独场景的操作和基本动画一样。 场景应用的基本步骤：场景应用的基本步骤： 1、在场景1中编辑想要的运动效果； 2、插入场景，插入场景2，同时切换至场景2，在 场景2中完成想要的运动效果； 3、可根据需要，利用“编辑场景”按钮对场景1和场 景2进行切换； 4、调整场景次序：窗口其他面板场景 5、按enter看当前场景，按ctrl+enter看整体效果。 2、元件和库 元件：是指在文档中可以重复使用的元素。

19、 包括三类： 图形元件、按钮元件、影片剪辑元件。 元件一般从“窗口库” 中调出。 元件的应用元件的应用 1、创建元件：插入新建元件。 2、编辑元件：双击元件，可进行编辑。 3、调用其它影片中的元件：同时打开两个源程 序，可将文件1库中的内容直接拖放至文件2 的场景中。 例例2121：元件的应用（一）：元件的应用（一）按钮的制作按钮的制作 1、插入新建元件按钮，分别对四帧右击插入 关键帧，同时对对象进行设置，一定要保证图层1的 四帧都为关键帧； 2、可根据需要，在每一帧下设置不同的对象； 3、可在场景和元件之间进行切换，双击元件可进入元 件编辑窗口； 4、观看按钮效果要将按钮拖放至场景中并按 c

20、trl+enter键观看。 例例2222：元件的应用（二）：元件的应用（二）影片剪辑影片剪辑 1、插入新建元件影片剪辑； 2、影片剪辑中运动效果的制作和舞台中一样，包括三 个要素：起始关键帧，结束关键帧，补间； 3、切换至场景中，新建一图层，选中图层第一帧，从 库中将元件拖放至场景。 例例2323：声音素材的插入：声音素材的插入 1、文件导入导入到舞台，选择音频素材； （注意：flash中主要mp3，wav格式声音） 2、在时间轴面板单击图层1第一帧，在属性面板中的 “声音”项下拉列表中选择导入的音频； 3、单击“效果”选项，根据不同要求设置不同效果； 4、单击“同步”选项，在列表中根据需要进

21、行选择。 事件：此项的控制播放方式是当动画运行到引入声 音的帧时，声音将被打开，并且不受时间轴的限制 继续播放，直到单个声音播放完毕或是按照用户在 “循环”中设定的循环播放次数反复播放。 数据流：可以根据动画播放的周期控制声音的播放， 即当动画开始时声音引入并播放，当动画结束时声 音也随之终止。 “同步”选项 例例2424：给按钮添加音乐：给按钮添加音乐 1、插入新建元件按钮，在图层1上制作按钮效 果； 2、文件导入导入到库，导入选好的按钮音乐； 3、新建图层2，在“指针经过”中插入关键帧，选中该 帧，在属性面板选择声音，注意应将注意应将“同步同步”中设置中设置 为为“事件事件”，切换至舞台看

22、效果； 四、动作脚本应用基础 （一）动作脚本的基本语法规则 1、区分大小写 2、点语法 3、大括号 4、分号 5、圆括号 6、关键字 2、点语法 点（.）用于表明与对象或影片剪辑相关联 的属性或方法。它用于表识影片剪辑、变量、 函数或对象的目标路径。点语法表达式以对象 或影片剪辑的名称开始，后面跟着一个点，最 后以要指定的元素结束。 例:ballMC.play（）； 播放ballMC； （二）动画用到的动作语言 一主时间轴的控制 1、on（） 事件处理函数，指定触发动作的鼠标事件 或按键事件。 用法：on（） 2、stop（）停止当前正在播放的SWF文件。 3、play（）使动画从当前帧开始播

23、放。 4、gotoAndplay（跳动并播放）语句 基本用法：gotoAndplay（scene,frame） 参数：scene：指定播放头要转到的场景的名称； frame：表示播放头将转到的帧编号的数字 gotoAndplay函数是将播放头转到场景中指 定的帧并从该帧开始播放。 5、gotoAndstop（）其作用是跳到场景中指定的 帧并暂停播放。 二声音的控制 1、Sound.attachSound（） 基本用法：my_sound.attachSound（”idname”） 参数idname是库中导出声音的标识符，该 标识符位于链接属性对话框。 Sound.attachSound（）是将i

24、dname参数 中指定的声音附加到指定的Sound对象。 2、 Sound.start（） 基本用法： my_sound.start（secondOffset,loop） 参数：secondOffset：一个可选参数，用于从某 个特定点开始播放声音。 loop：一个可选参数，用于指定声音连续 播放的次数。 3、 Sound.stop（） 基本用法：my_sound.stop（”idname”） 参数idname是一个可选参数，用于指定要 停止播放的某个特定声音， idname参数必须置 于引号（“”）之中。 注：如果未指明参数，则停止当前播放的所有 声音，否则只停止在idname参数中指定的声

25、音。 4、 Sound.setVolume（） 基本用法： my_sound.setVolume（volume） 参数volume是一个从0到100之间的数字， 表示声音级别，100为最大音量，而0为没有音 量，默认设置为100。 Sound.setVolume（）函数的作用是设置 Sound对象的音量。 _root.s1. setVolume(level); 例：控制声音 1、首先给声音重命名，文件导入导入到库， 右击声音，选择“链接”，在弹出的对话框中“链接” 选项选择第一和第三选框,并给标识符命名； 2、新建图层，在第一帧输入： s1=new Sound(); s1.attachSoun

26、d(aa); s1.stop(); 3、导入“播放”和“暂停”两个按钮，到音乐层，然 后分别在播放按钮中输入： on (press) s1.start(); on (press) s1.stop(); 标识符名称 影片剪辑的控制 1.With（）语句的基本用法（）语句的基本用法 with（object） statement（s）； object：动作脚本对象或影片剪辑的实例名； Statement（s）：具体的一个动作； 如：on (press) stop(); with (this.ring) stop(); 2.设置设置with语句的语句的对象。可利用对象。可利用“插入目标路插入目标路 径

27、径”按钮来帮忙。按钮来帮忙。 相对路径：指目标相对于当前对象的位置。 标识符this代表了当前对象或影片剪辑实例。 在脚本执行时，this引用包含该脚本的影片剪 辑实例。 绝对路径：指目标相对于主时间轴的位置。 标识符_root代表了指向主时间轴的引用。如 果影片有多个级别，则影片主时间轴位于包 含正在执行脚本的级别上。 放映时命令 1.退出按钮 on (press) fscommand(quit,true); 2.全屏语句 fscommand(fullscreen,true); 例：给作品添加密码例：给作品添加密码 1、单击第一帧，选择文本工具，在属性面板中选择 “动态文本”，输入文字“请输

28、入密码”，同时给 动态文本中添加实例命名，如info。然后选择“输 入文本”，绘制一个矩形框，用来输入密码，同时 给输入文本命名为mima。最后导入一个“确定”按 钮。注意这些都在在一帧输入，而且是同一个图层。 2、单击第一帧，打开“动作”面板，输入： stop(); var times=3; 3、单击“确定”按钮，打开“动作”面板，输入： on (press) if(mima.text=123) gotoAndPlay(2); else times=times-1; info.text=口令错误,还有+times+次机会; if(times=0) gotoAndPlay(28); 4、后面的

29、效果仅添加stop(); 例：文字的书写效果例：文字的书写效果 1.在第一帧输入一个文字，并将其打散； 2.在第二帧插入关键帧； 3.选择“橡皮”工具； 4.按照相反的笔画顺序将字逐渐擦去，每擦掉一点就在下一帧插 入关键帧。继续擦，直到把所有字全部擦完； 5.选中所有帧，在选中帧上单击右键，选择“翻转帧”。 注意：1.做多个字的方法和上面一样，需要注意的是应该从最 后一个字做起； 2.如果要使做出的效果更圆滑、更细腻，每一帧擦掉字的 部分就小一些。 五、组件与行为五、组件与行为 组件 1.认识组件 组件是一种带有参数的影片剪辑，它可以 帮助用户在不编写ActionScript的情况下，方 便而

30、快速地在Flash中添加所需的界面元素。 用户界面（UI）组件，视频组件，数据组 件和管理器。 2.2.常用常用UIUI组件应用组件应用 UI组件用于设置用户界面，并实现大部分的 交互式操作，因此在制作交互式动画方面，UI组 件应用最广，也是最常用的组件类别。 按钮组件Button 复选框组件CheckBox 单选按钮组件RadioButton 下拉列表组件ComboBox 文本区域组件TextArea 进程栏组件ProgressBar 例：问卷表设计例：问卷表设计 1.利用文本输入工具输入标题和选项，并选择对 齐； 2.新建图层2，打开“组件”面板，分别在姓名 右侧拖放“TextInput”组件，命名为“name” ；在评价右侧拖放“ComboBox”组件，命名为 “pingjia”；在了解渠道右侧拖放三个 “RadioButton”组件；在订阅产品信息右侧拖 放“CheckBox”组件，命名为“tongyi”；在建 议下方拖放“TextArea”组件，命名为“word” ；选择“Button”组件到舞台下方。 3.选择舞台上“ComboBox”组件，在