信息技能基础第五章

1、第5章 多媒体制作软件Flash MX 2004 初识Flash 动画制作基础 动画制作方法 导出和发布信息技能基础-电子工业出版社一、初识Flash 用户界面菜单栏标准工具栏控制器工具栏工具箱场景和舞台时间轴窗口面板信息技能基础-电子工业出版社信息技能基础-电子工业出版社主工具栏的显示和隐藏：窗口/工具栏/主工具栏 各种面板均可通过“窗口”菜单中的相关命令打开 信息技能基础-电子工业出版社一、初识Flash2. 绘图工具箱工具设置了绘图与选取的主要工具查看包括控制视图移动的手掌工具和控制视图缩放的放大镜工具颜色包括外框笔迹色工具和填充色工具选项使用不同工具的设置选项信息技能基础-电子工业出版

2、社一、初识Flash 选择工具（Selection Tool）、部分选取工具（Subselection Tool）和套索工具（Lasso Tool） 选择工具 选取和移动对象、修正对象轮廓、旋转或缩放对象部分选取工具 对曲线、圆形、矩形等图形对象的外形进行编辑调整。若图形对象是组件，必须先解散套索工具 使用圈选方式来选取对象，它可以圈出不规则形状信息技能基础-电子工业出版社选择工具的操作 选择对象 单击对象的轮廓线单击对象的内部区域选择多个对象：Shift键 + 单击拖放鼠标拉出矩形，矩形内的对象即被选中移动对象 先选对象，再拖动（鼠标指针带4箭头）改变对象的形状在不选中对象的情况下，用鼠标拖

3、放轮廓线或无轮廓线的内部区域 （鼠标指针带圆弧）信息技能基础-电子工业出版社一、初识Flash 线条工具（Line Tool）和铅笔工具（Pencil Tool） 用于在工作区中绘制线条。线条工具 只能画直线 按住Shift键，拖放鼠标可以绘制垂直、水平直线或45斜线。铅笔工具 画直线或曲线 所画线条包括：Straighten（平直）、Smooth（平滑）、Ink（墨水）三种模式 按住鼠标拖曳，指针轨迹就是绘制的图形。信息技能基础-电子工业出版社一、初识Flash 钢笔工具（Pen Tool） 可以绘制连续线条与贝塞尔曲线，且绘制后还可以配合精选工具来加以修改。绘制直线使用钢笔工具在绘图区域单

4、击第一点，单击第二点时，在两点之间就会出现连线。当鼠标指针位于已有的某节点附近时，在笔侧会出现小圆圈，此时按下鼠标，折线就会封闭。绘制贝塞尔曲线拖曳鼠标，绘制贝塞尔曲线。信息技能基础-电子工业出版社一、初识Flash 椭圆工具（Oval Tools）和矩形工具（Rectangle Tools） 绘制椭圆或矩形。配合Shift键，可绘制圆或正方形。 刷子工具（Brush Tool） 填充工作区中任意区域的颜色 它与铅笔工具不同，刷子工具画出的是填充区，而铅笔工具则是线条。信息技能基础-电子工业出版社一、初识Flash 任意变形工具（Free Transform Tool） 可对选定对象进行缩放、

5、旋转、扭曲等缩放：8个控制点处，鼠标指针为双箭头旋转：4个角上，鼠标指针为圆弧箭头扭曲：4条边上，鼠标指针为平行双箭头移动：对象上，鼠标指针为4箭头 填充变形工具（Gradient Tool） 改变图形对象中的渐进色的方向、深度和中心位置等信息技能基础-电子工业出版社一、初识Flash 墨水瓶工具（Ink Bottle Tool）和颜料桶工具（Paint Bucket Tool）墨水瓶工具 更改线条的颜色和样式颜料桶工具 更改填充区域的颜色。包括：缺口大小（Gap Size）和锁定填充（Lock Fill）两个选项缺口大小 决定如何处理未完全封闭的轮廓锁定填充 决定Flash填充渐变的方式信息

6、技能基础-电子工业出版社一、初识Flash 滴管工具（Eyedropper Tool） 从工作区中拾取已经存在的颜色及样式属性，并将其应用于别的对象中操作：按下滴管工具，单击源色块，再单击目标色块信息技能基础-电子工业出版社一、初识Flash 橡皮擦工具（Eraser Tool） 完整或部分地擦除线条、填充及形状选项栏：擦除模式（Eraser Mode）、水龙头（Faucet）和橡皮擦形状（Eraser Shape）擦除模式选项用于选择擦除图画区域的方式，包括：Erase Normal（普通，擦除线条和填充）、Erase Fills（擦除填充）、Erase Lines（擦除线条）、Erase

7、Selected Fills（擦除所选区域）和Erase Inside（擦除内部）水龙头选项可以快速擦除线条或填充颜色。选择水龙头后，在工作区中单击要擦除的线条或填充区域（选择的区域或封闭区域）。橡皮擦形状选项 用于设置橡皮擦的外形信息技能基础-电子工业出版社一、初识Flash 手形工具（Hand Tool） 用于移动工作区使其便于编辑，其功能相当于移动滚动条。选择该工具后，使用鼠标在工作区中拖动页面即可调整。 缩放工具（Zoom Tool） 用于调整工作区的显示比例。信息技能基础-电子工业出版社文本工具单击文本工具，即可输入文字。说明：在文本输入过程中，回车表示换行操作。按Esc键结束。设置

8、文字格式：【属性】面板修改文字内容：用选择工具双击文字，光标就会出现一、初识Flash信息技能基础-电子工业出版社打散文字转化为矢量图 1、使用选择工具选中文字以后，执行【修改】/【分离】，原来的单个文本框会拆成n（该值等于文字和字母的总数）个文本框。 2、选中n个文本框，再一次执行【修改】/【分离】，所有的文字和字母将会转化为矢量图对象，显示为暗网格外观。 注意：转化为矢量图对象以后，就和绘制的图形一样了，不能再使用文本工具修改文字。信息技能基础-电子工业出版社二、动画制作基础 动画的类型 帧、图层和场景 符号和实例 动画制作流程信息技能基础-电子工业出版社Flash动画制作类型 逐帧动画

9、补间动画自动完成中间帧的插入，是使用最多的动画制作方式 时间轴特效选择对象，插入/时间轴特效信息技能基础-电子工业出版社动画的构成元素 帧图层场景 帧图层场景信息技能基础-电子工业出版社帧关键帧指一段动画中处于起始、结束等关键位置的帧；在时间轴上，以圆点表示 静止帧关键帧之间的普通帧 中间过渡帧指过渡动画中两个关键帧之间的帧，带箭头直线；颜色由过渡类型决定，形状补间动画为浅绿色，动作补间动画为浅紫色 信息技能基础-电子工业出版社帧的操作 创建帧创建关键帧：选择帧，按F6键创建静止帧：选择帧，按F5键复制帧 右击源帧，“复制帧”右击目标帧，“粘贴帧” 清除关键帧右击帧，“清除关键帧”信息技能基础

10、-电子工业出版社图层的操作 创建图层 单击时间轴面板左下角的“插入图层”按钮调整图层顺序 上面图层会遮住下面图层；可在时间轴面板上拖曳图层名改变顺序删除图层 右击图层名，选择“删除图层”命令 信息技能基础-电子工业出版社场景场景相当于舞台剧中的一幕各个场景彼此独立一个Flash文件可以由若干个场景组成场景的操作窗口/设计面板/场景可添加、删除场景信息技能基础-电子工业出版社符号 是一个整体(不能删除一部分)（如：文本）三类符号图形：可以是静态图形，也可以是受主时间轴控制的动画（相当于.gif）按钮：指可以通过鼠标点击（或滑过、移离等）完成一定交互功能的符号影片剪辑：指可以独立于主时间轴的动画片

11、段制作符号：插入/新建元件编辑符号：窗口/库，在库面板中双击符号符号用于动作补间动画形状转变为符号：右击，“转换为元件”信息技能基础-电子工业出版社形状不是一个整体(能删除一部分)（如：椭圆）制作形状：直接在场景舞台上制作编辑形状：直接在场景舞台上编辑形状用于形状补间动画符号转变为形状：修改/分离信息技能基础-电子工业出版社三、动画制作 时间轴特效动画 逐帧动画 动作补间动画 形状补间动画信息技能基础-电子工业出版社时间轴特效动画包括淡入、飞入、模糊、旋转以及复制等注意：应用太多可能影响动画的播放速度 信息技能基础-电子工业出版社例1：用时间轴特效制作文本开合动画主工具栏新建按钮修改/文档，5

12、50300像素（px）写文字“时间轴特效中的展开”右击文本，时间轴特效/效果/展开，选择“两者皆是”单选项（即文本先展开后压缩） ，确定。按Ctrl + Enter，观看播放效果关闭播放窗文件/保存信息技能基础-电子工业出版社例2：用逐帧动画制作打字动画主工具栏“新建”按钮单击时间轴第1帧，输入“欢迎进入 Flash 世界”在时间轴的7、14、21、28、30、32、34、36、41、50帧创建关键帧选文本工具，重新编辑各关键帧的内容：单击第1帧，保留“欢”字，删除其余文字，并在“迎”字所在位置输入一下划线（即按Shift+_）单击第7帧，保留“欢 迎”，删除其余文字，并在“进”字所在位置输入

13、一下划线（即按Shift+_）参照上述步骤，编辑14、21、28、30、32、34、36、41各关键帧播放 信息技能基础-电子工业出版社动作补间动画 可以是位移、缩放、旋转、扭曲变形，还可以是颜色的渐变（只适用于符号的实例）、淡入淡出等限制条件对象只能是一个整体对象，如文字、符号的实例或组合体被操作对象只能在同一层上信息技能基础-电子工业出版社动作补间动画的制作过程创建一个新图层，单击起始帧，插入一个空白关键帧制作画面内容单击结束帧位置，插入关键帧，编辑画面内容在两关键帧之间的帧上右击，选择“创建补间动画”命令；或在属性面板中单击“补间”，选择“动作”可在属性面板“补间”下面新弹出的“旋转”等

14、选项中进行设置Ctrl+Enter，观看播放效果注意：首尾帧间有黑色实线箭头表示，若出现虚线则表示有问题信息技能基础-电子工业出版社例3：制作时钟指针旋转动画主工具栏“新建”按钮单击第1帧，单击椭圆工具，设置笔触颜色和填充色为蓝色。画圆。单击矩形工具右下角的小三角，选择“多角星形工具”，单击属性面板中的“选项”按钮，选择样式“多边形”，“边数”3，确定。设置笔触颜色和填充色为红色。在圆以外绘制一个小等边三角形。单击部分选取工具，拖放小三角形的顶点，将它改为指针式的长三角形。信息技能基础-电子工业出版社单击选择工具，将三角形指针拖至圆的上中部。将起始帧中的对象转换为元件：选中时钟，右击，“转换为

15、元件”，选择“图形”选项，确定。单击第30帧，按F6创建关键帧。右击两关键帧间任一帧，“创建补间动画”。在属性面板“旋转”选项中选择“顺时针”，在其右侧的文本框中输入1(表示旋转圈数)。Ctrl + Enter，观看播放效果。信息技能基础-电子工业出版社例4：制作小猴翻滚的动画 该动画包括直线运动和旋转运动（滚动），旋转运动由Scroll符号实现。操作步骤如下：主工具栏“新建”按钮插入/新建元件，输入符号名Scroll，“影片剪辑”，确定。文件/导入/导入到舞台，打开“小猴.jpg”文件。单击任意变形工具，调整小猴大小。单击第30帧，按F6键创建关键帧。右击两关键帧间任一帧，“创建补间动画”。

16、在属性面板“旋转”中选择“顺时针”，3次。信息技能基础-电子工业出版社单击时间轴面板上的场景1返回场景编辑舞台单击第1帧，窗口/库，打开库面板。将库面板中的Scroll符号拖至舞台左端单击第35帧，按F6创建关键帧。将舞台中的小猴拖至右端右击两关键帧间任一帧，“创建补间动画”。Ctrl + Enter，观看播放效果。文件/保存文件/导出/导出影片，保存swf文件。信息技能基础-电子工业出版社例5：制作花朵飘落的动画要求：每朵花由5个花瓣组成，从不同的位置按相同的轨迹落下本例包括3个符号：花瓣、花朵、花朵飘落由于花朵落下的时间有先后，因此场景中应包括多层，且各层起始帧不同花朵飘落的动画用路径动画

17、制作路径动画由路径层和对象层（标准层）组成，路径层必须在对象层上面信息技能基础-电子工业出版社操作步骤如下： 主工具栏“新建”按钮制作花瓣符号Petal：插入/新建元件,输入符号名Petal，“图形”，确定。单击椭圆工具，绘制一个椭圆，删除椭圆边框线。将鼠标移到椭圆下边中心位置，当鼠标变为带圆弧的箭头时，拖动鼠标制作花瓣。单击花瓣将其选中，单击填充色工具，选择花瓣颜色。 信息技能基础-电子工业出版社制作花朵符号Flower：插入/新建元件，输入符号名Flower，“图形”，确定。将库面板中的Petal符号拖至舞台，并使花瓣中的“+”与舞台中的“+”重叠。单击任意变形工具，单击舞台中的花瓣，拖动

18、花瓣中的小圆与舞台中的十字重叠。窗口/设计面板/变形，打开“变形”面板。单击第1帧，在“变形”面板的“旋转”选项中输入72(360/5)，然后连按4次“复制并应用变形”按钮，花朵制作完成。信息技能基础-电子工业出版社制作花朵飘落符号Flying：插入/新建元件，输入符号名Flying，“影片剪辑”，确定。单击时间轴面板“添加运动引导层”按钮单击铅笔工具，选项中选择“平滑”。单击引导层的第1帧，在舞台中绘制花朵飘落的轨迹。单击引导层的第40帧，按F5键创建普通帧。路径制作完成。单击图层1的第1帧，将库面板中的Flower符号拖到曲线的上端，花的中心点与曲线重叠。若花朵太大，可使用“变形”面板将其

19、调到合适大小。单击图层1的第40帧，按F6键创建关键帧，将花朵拖至曲线的下端，花的中心点与曲线重叠。将鼠标移至图层1的两关键帧间，右击，选择“创建补间动画”命令。信息技能基础-电子工业出版社单击时间轴面板的场景1返回场景编辑舞台编辑场景的第一层：单击时间轴的第1帧将库面板中的Flying符号拖至舞台上端，在属性面板的“颜色”选项中选择“色调”、“亮度”等选项，然后设置颜色。重复上一步骤，添加若干花朵。单击第50帧，按F5键，创建一个普通帧。信息技能基础-电子工业出版社编辑场景的第二层：“插入图层”单击时间轴的第7帧，按F6键创建关键帧。将库面板中的Flying符号拖至舞台上端，在属性面板的“颜

20、色”选项中设置颜色。重复上一步骤，添加若干花朵。单击第50帧，按F5键，创建一个普通帧。编辑场景的第三层：“插入图层”单击时间轴的第14帧，按F6键创建关键帧。将库面板中的Flying符号拖至舞台上端，在属性面板的“颜色”选项中设置颜色。重复上一步骤，添加若干花朵。单击第50帧，按F5键，创建一个普通帧。 Ctrl + Enter，观看播放效果。信息技能基础-电子工业出版社注意：一般情况下，Flash的符号中心点都是在物件中央，改变中心点位置的方法是：先单击工具箱中的任意变形工具，然后单击需改变中心点的对象，拖动其中的小圆圈（中心点）到合适的位置。信息技能基础-电子工业出版社形状补间动画 主要

21、是形状的改变，也可以是位置、尺寸和颜色的变化。限制条件对象是形状如果对象是文字、符号或组合体时，必须先通过“修改/分离”命令将它们打散，使之变成形状（分离的可编辑图形）。注意：判定形状的方法是：鼠标单击所选择的对象时，对象会被栅格覆盖。信息技能基础-电子工业出版社形状补间动画的制作过程创建一个新图层，单击起始帧,插入一个空白关键帧制作画面内容，若内容为非形状,必须使用“修改/分离”命令将对象转换为形状,一次不行可执行多次。单击结束帧位置，插入关键帧，编辑制作形状。单击起始帧，在属性面板中“补间”选择“形状”。控制/测试电影（Ctrl + Enter），观看播放效果。“文件/保存”或“文件/导出

22、/导出影片”，保存扩展名为.fla或.swf的文件。注意：首尾帧间有黑色实线箭头表示，若出现虚线则表示有问题。信息技能基础-电子工业出版社例6：制作由圆渐变为矩形的动画 主工具栏“新建”按钮单击第1帧，单击椭圆工具并选择填充色，按住Shift键，在舞台中绘制圆。右击第30帧，“插入空白关键帧”单击矩形工具并选择填充色，在舞台中绘制矩形。单击第1帧，在属性面板中“补间”选“形状”。Ctrl + Enter，观看播放效果。信息技能基础-电子工业出版社例7：制作由圆渐变为一行字的动画 主工具栏“新建”按钮单击第1帧，单击椭圆工具并选择填充色，在舞台中绘制一个椭圆。右击第30帧，“插入空白关键帧”。单击文本工具，在属性面板中选择字体