项目三  Flash CS5文本工具

 

• 项目导读

前面学生已经学习了Flash CS5的基础知识、基本操作及简单绘图等内容，在本项目中将学习Flash CS5文本工具的具体使用方法。任何优秀的作品都离不开文字内容，利用文字内容可以更加直接地表达作品的主题，因此学习文本工具的用法是至关重要的。Flash CS5中滤镜可以帮助用户绘制更加丰富多彩的图像效果。将文本工具和滤镜配合使用，则可以达到更加完美地文字效果，因此读者应熟练掌握文本工具和滤镜的使用方法及技巧。

 

• 项目学习目标

学会使用Flash CS3文本工具输入文字

熟练掌握文本工具相关属性的设置和编辑

熟练运用Flash滤镜

 

• 项目重点

文本的编辑

滤镜的使用

 

• 项目难点

滤镜的使用

渐变色应用

各类文字效果的制作

• 项目内容

文本工具

滤镜

 

 

 

 

 

 

 

任务一  文本工具

l.主要内容

使用文本工具

设置文本属性

编辑文本

 

• 使用文本工具

文本工具主要用于输入和设置动画中的文字信息。

Flash CS5中主要使用3种类型的文本：静态文本、动态文本和输入文本。所有的文本字段都支持Unicode。

（1）静态文本：用于显示影片中不作任何变化的文字。文本内容在运行时不会发生改变，静态文本可以创建超级链接，并且选择目标窗口。

（2）动态文本：用于显示影片中会被更新的文字。该内容可以来自于即时数据源、动态更新的文本，如体育得分、股票报价或天气报告。

（3）输入文本：用于在运行时由用户输入文本，它可用于任何需要用户输入的时候，如输入密码或者回答问题等。如下图

    ②  双击图层名前的按钮，弹出图层属性对话框，在名称标签后的文本框中输入新的图层明，单击确定即可。

• 图层的属性

1. 可编辑状态：单击对应图层名即可切换的可编辑状态。

2. 显示、隐藏图层：单击对应图层的按钮即可切换图层的显示、隐藏状态。

3. 锁定、解锁图层：单击对应图层的按钮即可切换图层的锁定、解锁状态。

4．轮廓显示图层：单击对应图层的按钮即可切换图层的轮廓显示状态。

 

• 实例——小球移动、弹跳

 

 

6.  知识补充：快捷键

Ctrl+z:撤消

F7：插入空白关键帧

Ctrl+c：复制

Ctrl+v：粘贴（默认是粘贴画布的中心）

Ctrl+shift+v：原位置粘贴

 

任务二   元件的创建

l.  主要内容

元件概述和类型

创建图形元件

创建影片剪辑元件

创建按钮元件

• 元件概述和类型

    在Flash中，元件包括以下三种类型：

1. 图形元件

图形元件可以包含文字内容和图像内容，它有自己独立的场景和时间轴，常常用于静态的图形或简单的动画中。图形元件与影片的时间轴同步运行，不能带有音频效果和交互效果，主要用于静态图像的重复使用以及用于制作运动渐变动画。

2. 影片剪辑元件

影片剪辑元件其实就是一个独立的动画片段，它们的时间轴独立于主时间轴，可以在一个影片剪辑元件中添加各种元件以创建嵌套的动画效果。与图形元件不同的是，影片剪辑元件可以带有音频效果和交互效果。

3. 按钮元件

按钮元件用于创建动画的交互控制按钮，支持鼠标“弹起”、“指针经过”、“按下”和“点击”4种状态；支持音频效果和交互效果，能与图形元件和影片剪辑元件嵌套使用，功能十分强大。

• 创建图形元件

    在Flash中，创建图形元件的方法大致有以下方法：

1 、选择“ 插入” →“ 新建元件” 命令或者按【Ctrl+F8】 键，打开“ 创建新元件” 对话框，在“ 名称” 文本框中输入元件的名称，在“ 行为” 栏中选择“ 图形” 选项。单击按钮打开图形元件编辑窗口，中间的+ 形为舞台的中心点，可直接在舞台上绘制对象，操作完成后单击时间轴上的
变形实例

　　1)选中要改变属性的实例；

　　2)使用变形工具
    （1）打开需引用的动画文件（例如“画柱展开”文件）。

    （2）执行“窗口”→“库”命令，打开“库”面板。选择库面板中“画柱展开”动画。

    （3）回到正在编辑的动画文件，选择“画柱展开”库面板中的“symbol5”图形元件，将其拖动到待编辑动画的场景中 。

 

 

 

 

 

 

 

任务四   场景与图片素材的使用

l.  主要内容 

场景的创建

场景的编辑

图片素材的使用

• 场景的创建与编辑 

1. 创建场景

在制作动画的过程中，有时需要创建其它场景作为背景。创建新的场景的方法主要有以下两种：

     （1）选择“窗口”→“其它面板”→“场景”命令，打开“场景”面板，单击“添加场景”按钮，即可新建一个场景，如图所示。

       （2）选择“插入”→“场景”命令即可插入新的场景，如图所示。

2. 场景的编辑

       （1）删除场景 ：选择“窗口”→“其它面板”→“场景”命令，打开“场景”面板，选中要删除的场景，再单击“场景”面板中的“删除场景”按钮将其删除。

       （2）更改场景名称：在“场景”面板中双击场景名称，然后输入新的名称即可。

       （3）复制场景：选中要复制的场景，然后单击“场景”面板中的“直接复制场景”按钮。 

       （4）更改场景在文档中的播放顺序：在“场景”面板中将场景拖到不同的位置进行排列即可 。

• 导入图像素材

1. 导入位图和矢量图

1. Flash支持的图像格式

         如果计算机操作系统种安装了Quick Time 4或更高版本，就能导入位图 。

1. 导入图像

       （1）将位图与矢量图导入到舞台。选择“文件”→“导入”→“导入到舞台”命令或按【Ctr+R】键，则把图像导入到舞台，同时也保存到库中。

       （2）将位图与矢量图导入到库。选择“文件”→“导入”→“导入到库”命令，则把图像直接导入到库，舞台不存在图像。如果舞台上要显示图像，在“库”面板中把导入的图像拖动到舞台。

       （3）在Flash中还可以使用剪贴板将位图导入到舞台。具体过程如下：

       从另一个图像编辑程序中将位图复制到剪贴板。大多数程序都支持【Ctrl+C】 键。

       返回到Flash 中，确定存在没有被锁定的层可以粘贴复制位图。

       通过从菜单中选择“ 编辑” →“ 粘贴” 命令或按【Ctrl+V】 键将位图粘贴到舞台上。 

2. 将位图转换为矢量图

       在Flash CS5中，为了减小Flash文件的存储容量，可以将已导入位图转换为矢量图。

       分离位图会将图像中的像素分散到离散的区域中，可以分别选中这些区域并进行修改。

       具体操作为：选择“修改”→“位图”→“转换位图为矢量图”命令，打开“转换位图为矢量图”对话框 如图所示。

       “转换位图为矢量图”对话框中各项功能如下：

       （1）颜色阈值：输入一个介于1～500之间的值。当两个像素进行比较后，如果它们在RGB颜色值上的差异低于该颜色阈值，则两个像素被认为是颜色相同。如果增大了该阈值，则意味着降低了颜色的数量。

       （2）最小区域：输入一个介于1～1000像素之间的值，用于设置在指定像素颜色时要考虑的周围像素的数量。

       （3）曲线拟合：单击右侧箭头的按钮，从弹出菜单中选择一个选项（像素、非常紧密、紧密、一般、平滑、非常平滑），用于确定绘制的轮廓的平滑程度。

       （4）角阈值：单击右侧箭头的按钮，从弹出菜单中选择一个选项（较多转角、一般、较少转角），以确定是保留锐边还是进行平滑处理。

       要创建最接近原始位图的矢量图形，设置以下的值：

       “颜色阈值”：10。

       “最小区域”：1像素。

       “曲线拟合”：像素。

       “角阈值”：较多转角。

• 应用举例——中秋节贺卡

       利用已学知识，制作一张 “中秋节贺卡”，熟练掌握层和帧的操作方法，动画最终效果如图：

       1.新建一Flash文档，设置舞台大小为“500*400”，将图层1重命名为“背景”。

       2.选择“工具”面板中的“矩形”工具，在“背景”图层中中绘制一个500 * 300大小的无边框矩形。打开“混色器”面板，设置图中第1个滑块颜色为#EDCA3D，第2个为#0202FD，将矩形水平、垂直居中对齐，使用填充变形工具改变填充效果。 

       3.新建图层2并重命名为“边框”，在“边框”图层中绘制2个500*50大小的无边框、填充为黑色的矩形。分别将2个将矩形垂直方向顶部对齐底部对齐，将2个矩形水平方向居中对齐 。

       4.新建图层3并重命名为“星星”，重复绘出多个顶点数值、大小、颜色深浅不一的星形。 

       5.新建图层4并重命名为“月亮”，选择铅笔工具绘出月亮的轮廓，再次采用将月亮分为上下两部分。

     6.将月亮上半部分设置为放射状填充，打开“混色器”面板，设置图中第1个滑块颜色为#FFFF00，第2个为#A6A7D9。选择填充变形工具改变填充效果。将月亮下半部分填充为纯色#FFFFCC。

       7.按Ctrl+F8键打开“新建元件”对话框，在对话框中将“元件1”重命名为“人物”，选中图形单选按钮，新建一个名为“人物”的图形元件（有关元件的详细操作将会下一章节详细介绍）。

       8.按Ctrl+R键打开“导入”对话框，选中需导入的图片“人物.jpg”，将其导入到编辑区，（为方便辨别图片中的白色部分，可以将背景设置为黑色）按Ctrl+B键将图片打散，使用“套索”工具的“魔术棒”选中白色背景，将其删除。

       9.回到场景1，新建图层5并重命名为“人物”，将元件“人物”托至其合适的位置，分别在“人物”图层第2、3、4、5帧处按F6插入关键帧，并微调第2~5帧中元件角度。

       10.新建图层6并重命名为“文字”，选择工具箱中的文本工具，在舞台中输入“中秋节快乐”，设置其字体为“方正舒体”，字体大小为“50”，字体颜色为黄色。

       11.分别在图层“背景”、“边框”、“星星”、“月亮”、“人物”的第5帧处按F5插入普通帧。

       12.按Ctrl+Enter键测试动画效果。

 

 

• 项目小结  

本项目主要讲解Flash中动画制作的一些基础知识，如时间轴、帧、图层、元件、场景等各部分的功能，重点介绍帧的类型、操作方法，包括帧的插入、选择和编辑；图层的操作方便包括创建、选择、编辑、重命名以及如何设置图层的状态；元件的类型和创建方法等。。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

项目五  Flash CS5简单动画制作

• 项目导读

    本项目将要学习Flash CS5在制作简单动画方面的有关知识。逐帧动画和补间动画是两种基本动画。熟练掌握它们的制作方法，是后面复杂动画以及综合动画制作成功的关键。同时，本项目将介绍复习Flash CS5动画的制作流程和输出方法。

 

• 项目学习目标

了解动画的基本类型

熟练掌握逐帧动画的制作方法

熟练掌握形状补间动画的制作方法

熟练掌握动画补间动画的制作方法

 

• 项目重点

逐帧动画的制作

形状补间动画的制作

 

• 项目难点

动画补间动画的制作

 

• 项目内容

动画的制作原理

逐帧动画

形状补间动画

动作补间动画

动画实例

 

 

 

 

 

 

任务一    动画的基本类型之——逐帧动画

• 主要内容

动画制作基本原理

动画制作流程

逐帧动画的制作

逐帧动画实例

• 动画制作基础

1. 动画的基本原理：

（1）视觉暂留现象

物体在人眼前经过时在人眼视网膜上形成像，当物体消失时，它的像并不会立即消失而是要停留一段时间。

（2）计算机动画形成原理

利用人的视觉暂留现象，用连续的静态图片（相邻图片之间有稍微不同）按一定的速度运行起来，就形成了动画。

2. FlashCS5中的三种动画

（1）逐帧动画：创建每帧动画的内容，然后逐帧播放

（2）形状动画：指两个图形对象的变换，其变化效果是由Flash控制的，其动画效果是从一个图形转换为另一个图形。

（3）动作动画：指同一个对象不同状态的变化，其变化效果是由Flash控制的，常用于制作同一对象的位移、尺寸缩放、旋转、颜色渐变等效果。

3. 动画制作流程

⑴ 打开新影片文件并安排场景；

⑵ 插入动画元件（帧、图层等）；

⑶ 设定动画效果并测试动画；

⑷ 使用 文件/保存 命令保存扩展名为 .fla 的 Flash 动画文件；

⑸ 输出影片.swf

4. 制作动画的注意事项：

（1）如果一幅动画中有两个或两个以上的不同类的对象同时运动，要把这些对象分别放在不同的图层上，使之各自独立，互不干扰。

    （2）制作动画时，最好把一个动作单独放置在一个图层中，等这个图层制作好后，再制作另一个图层。

      

• 逐帧动画的制作

1. 逐帧动画

逐帧动画由一系列的关键帧组成，它是通过修改每一关键帧的内容而产生动画 。一般逐帧动画适用于较复杂的、要求每帧图像都有变化的动画。即在舞台上一帧一帧地绘制或修改图像，通过时间轴的连续播放而形成动画。

2. 制作步骤：

1. 单击层名称，使之成为当前层，选择层中的某一关键帧作为动画的起点。
2. 创建图形，可以使用绘图工具直接绘图，也可以从剪板板粘贴图象或导入图象。
3. 单击右边的下一帧，鼠标右键点击→在弹出菜单中选择插入关键帧命令或按F6键
4. 修改舞台上的内容
5. 重复步骤4、5，完成所有关键帧。

（如果我们担心有些帧之间图形的位置间隔不太恰当，可以打开显示模式，来查看各帧的相对效果）

• 绘图纸显示模式

1. 绘图纸

通常情况下，Flash CS5一次只显示动画序列中的一个帧。如果用户需要定位和编辑多个帧或调节帧之间图形的位置间隔，可以使用绘图纸显示模式，来查看多个帧各帧的相对效果。在绘图纸显示模式下时间轴中的各帧像隔着一层透明绘图一样重叠显示。

 

2. 绘图纸功能

1. 单击“绘图纸外观”按钮，在绘图纸起始标记和结束标记之间的所有帧被重叠显示
2. 单击“绘图纸外观轮廓”按钮，标记之间的帧显示为轮廓
3. 单击“编辑多个帧”按钮，可以编辑绘图纸标记之间的所有帧
4. 要更改一绘图纸标记的位置，将指针拖到一个新的位置

单击“修改绘图纸标记”按钮，修改绘图纸外观标记的显示

• 实例——草原上奔跑的豹子

本实例利用Flash CS3制作逐帧动画， 实例最后平面效果如图所示（动画效果见本实例的源文件）。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

任务二   动画制作之——形状补间动画

• 主要内容

补间动画的定义

补间动画的分类

补间动画的制作流程

补间动画实例

 

• 补间动画

1. 补间动画原理

补间动画又被成为渐变动画，是创建随时间移动或更改的动画的一种有效方法，在动画生成时，只需在时间轴中设置动画开始关键帧和动画结束关键帧，中间的过渡帧由Flash自动补充计算出来。

2. 补间动画分类

补间动画分两种：形状补间动画和动作补间动画。

       形状补间动画：主要实现二个形状之间的变化，或一个形状的大小、位置、颜色等的变化。产生形状补间动画的关键帧之间用淡绿色背景的黑色箭头表示。   

       动作补间动画：主要实现一个元件的大小、位置、颜色、透明度等的变化等。产生动作补间动画的关键帧之间用淡紫色背景的黑色箭头表示。 

• 形状补间动画的制作

　 使用形状补间动画可以制作一个形状随着时间变成另一个形状的形变效果。

形状补间动画制作步骤

1. 选择要制作动画的层；在动画开始播放的地方创建或选择一个关键帧
2. 创建或放置图形对象或分离的组、位图、实例或文本块
3. 在同一层上再创建一个关键帧，并选择该关键帧
4. 选择在前一个关键帧中放置的图形执行以下操作之一

1. 修改插图的形状、颜色或位置。
2. 删除该插图，然后在第二个关键帧中放入新的图形或分离的组、位图、实例或文本块。

　5.　在时间轴上选择第1个关键帧，从“属性”面板中的“补间”弹出菜单中选择“形状”

　7.　要调整渐变过渡帧的变化速度。可以拖动“扩大值”旁边的箭头或输入一个值．

1. 要使动画开始很慢越接近动画末尾时越快，则可以拖动滑杆向上移动或输入一个负数值，范围为-1至-100
2. 要使动画开始很快越接近动画末尾时越慢，则可以拖动滑杆向下移动或输入一个正数值，范围为1至100

8. 可以选择混合类型的一个选项。

1. 分布式：选择该项在创建动画时所产生的中间形状将平滑而不规则
2. 角形：选择该项在创建动画时将在中间形状中保留明显的角和直线

6.   注意：

• 变形对象必须在一个图层上，否则不能形成补间动画。
• 要对组合体、实例、文本、位图图象应用补间形状动画，必须首先将这些元素打散。

• 控点的运用

　控点的作用：在补间形状动画的起始和结束帧中设置控点以便对变形过程进行人为的控制。

　设置控点方法：

1. 选择变形动画序列中的第一个关键帧，执行【修改】→【变形】→【添加形状提示】命令，则在变形对象的正中央有一个红色小圈，内部标有字母
2. 将变形提示移动到要标记的点。按照同样的方法添加和设置其他的变形提示。
3. 选择下一个关键帧，用鼠标按住控点，拖动变形提示到标记的位置。

6. 注意：

• 设置控点时一定要排列好各控点的位置。在原始图形和要补间的图形中控点的顺序应该一致。
• 控点编号从a到z最多可以设置27个控点。
• 确保形状提示是符合逻辑的。例如，如果在一个三角形中使用三个形状提示，它们的顺序不能在第一个关键帧中是 abc，而在第二个中是 acb。
• 如果按逆时针顺序从形状的左上角开始放置形状提示，它们的工作效果最好。
• 要删除控点可以用鼠标右键点击控点，在弹出的菜单中选择命令

• 综合实例

例1：美女变脸

例2：色彩变化的彩球

     颜色渐变动画其制作方法与形状补间动画类似。

例3：矩形大变身

    在舞台中画二个矩形，让它们同时变形，一个加形状提示，一个不加形状提示，看看这二个变形有什么不同。

6. 记住三句口决

1、 一个对象一层

2、 一般一个对象要转换为元件

3、 在形状动画中不要建立元件，对象要打散,   形变的对象只能是普通的图形对象，如不是普通图形则必须首先按Ctrl+B分离。

任务三   动画制作之——动作补间动画      

• 主要内容

动作补间动画的定义

动作补间动画的制作流程

动作补间动画实例（元件的五种变化：移动、缩放、旋转、颜色、透明度）

 

• 动作补间动画

动作补间动画：用于对同一实例、组合体和文字的位置、大小、旋转、倾斜、颜色等属性产生渐变，生成一系列动作的动画效果。

• 动作补间动画创建步骤：

1. 单击层名使之成为当前层，选择层中的一个空白关键帧作为动画的起点。
2. 创建补间动画的第一个帧，执行以下操作之一：

1. 创建一个图形对象并转换为元件
2. 在舞台中创建一个实例、组或文本块
3. 将元件的实例从“库”面板中拖出

　3. 在动画要结束的地方创建第二个关键帧，然后选择结束帧

　4. 更改结束帧中的实例、组或文本块,执行以下操作之一：

1. 将项目移动到新的位置
2. 修改项目的大小、旋转或倾斜
3. 修改项目的颜色（仅限实例或文本）

使用默认的电影属性，创建一个新文件。

• 绘制球体图形

选取绘图工具中的椭圆工具，设置笔触颜色为无，填充颜色为蓝黑渐变色，按住Shift键在舞台左上角绘制一个无边框的正圆。

 

• 绘制五边形图形

(1)选中第20帧，击右键，单击插入空白关键帧在第20帧处插入空白关键帧。

(2)选择多角星形工具，如图：

 

 

 

(3)在舞台右下角，绘制一无边框红黑渐变色的五边形。如图：

 

 

 

(4)创建关键帧的动作回到第一帧，单击属性打开“属性”面板，在补间动画中选择形状。如图1-4:

 

 

 

• 预览动画

执行Ctrl+回车, 预览动画效果。

• 保存动画效果。

 

 

• 思考与拓展：

1、如何修改文档，使球体变成五角星之后再逐渐变为球体。

2、制作文字变形效果，数字5变成9（提示：文字制作变形效果必须将文字转换为图形，使用修改菜单中的分离命令）

1. 制作一模拟计算机安装软件时显示装载进程的动画，画面是一个红色的条带从左向右延伸。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

任务五   动作补间动画实例——转动的风车  

• 主要内容

变形面板的使用

组合对象

选择工具的使用

部分选取工具的使用

动作补间中使用旋转

 

学习任务：制作一个只有4个叶片的风车绕风车中心点旋转的动画。

操作步骤：

• 新建文件，设置背景属性为淡粉色。
• 创建叶片符号

１、【插入】→【新建元件】

２、元件名称命名为“叶片”，行为选取“图形”，单击确定，进入元件编辑状态。

3、选择矩形工具，将设置笔触颜色为无填充色，填充颜色为绿黑渐变色。

4、在符号区中绘制矩形。

                  

5、选择“部分选取工具”，选中矩形后，拖动矩形左下角顶点至矩形右下角顶点处，使左下角两个顶点重合，矩形变成三角形。

 

 

6、选择“选择工具”，移动鼠标指针到三角形的上边线处，鼠标变成箭头下跟圆弧线时，按住鼠标左键向上拖动，使之成为弧形。

                    

7、使用“部分选取工具”，选中变形后的三角形，通过拖动该图形底部的控制点将上图调整为如下图所示的扇形。

8、拖动叶片符号，使扇形的顶点与符号编辑工作区的中心点“+”字重合，建立符号中心点。

• 创建风车符号

1、建立名为“风车”的图形符号，进入符号编辑工作区。

2、使用Ctrl+L组合键打开库面板。弹出如图所示的窗口，从中选取叶片符号，并拖动符号到编辑工作区。如图所示

 

 

 

3、拖动扇形叶片符号使其顶点与风车符号中心点重合。

4、执行【窗口】→【设计面板】→【变形】命令，打开变形面板。

1. 选择旋转，在其后输入90度。如图

 

 

 

6、单击右下角的“复制并应用转换”按纽，复制叶片，绘制出风车图形，如图

 

 

7、执行【编辑】→【全选】命令，将叶片全部选中，然后执行【修改】→【组合】命令，将风车组合为一个整体。

• 制作旋转动画

1、单击场景1，回到工作区中，将风车符号拖到舞台上。

2、使用任意变形工具，调节风车符号的大小。

3、选择第10帧，按F6插入关键帧。

4、回到第一帧，单击属性打开“属性”面板，在补间框中选择“动作”。在旋转下拉列表中选择顺时针。

• 预览动画

执行Ctrl+回车, 预览动画效果。

• 保存动画效果。

 

• 思考与拓展

利作本课所学知识制作一个旋转的六角形雪花动画，你会吗？

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

项目六  制作特殊动画

 

• 项目导读

       学习Flash不能局限于前面所讲的简单动画的制作方法，本项目将介绍Flash中特殊动画的制作方法，主要包括引导动画、遮罩动画和残影动画的制作。从制作原理上来说，它们都是由第5章所讲的3种基本动画演变而来的。但是这三种动画都需要由至少两个图层共同构成，因此制作方法相对基本动画而言较复杂。使用引导动画可以使对象沿设置的路径运动。使用遮罩动画可以制作不同的画面显示效果。制作残影动画时，主要应用到图层的创建、移动和复制等操作，对其中每一个图层的制作方法也与制作3种基本动画的方式相同。

 

• 项目学习目标
• 掌握引导动画的制作方法

  掌握遮罩动画的制作方法

  掌握残影动画的制作方法

 

• 项目重点
• 引导动画的制作方法

  遮罩动画的制作方法

 

• 项目难点

引导层的应用

  遮罩层的设置

 

• 项目内容
• 制作引导动画

  制作遮罩动画

  残影动画

 

 

 

 

 

 

 

任务一   制作引导动画

• 主要内容

引导动画的制作原理

引导动画制作的一般步骤

多层引导动画的制作

 

• 引导动画的制作原理

       一个最基本“引导动画”由两个图层组成，上面一层是“引导层”，它的图层图标为，下面一层是“被引导层”，图标为，同普通图层一样。引导层是用来指示元件运行路径的，所以“引导层”中的内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制出的线段。而“被引导层”中的对象是跟着引导线走的，可以使用影片剪辑、图形元件、按钮、文字等，但不能应用形状。

• 引导线、引导层的概念

1、引导层

引导线必须制作在引导层中，而需要使用引导线作为运动轨迹线的物体所在层必须在引导层的下方，一个引导层可以为多个图层提供运动轨迹。同时在一个引导层中可以有多条运动轨迹。

图6-1

 

2、引导线

引导线就是轨迹或辅助线的作用。它让物体沿着引导线路径运行,运动的对象其关键帧必须完全吸附在轨迹上（即物体运动的轨迹，一般使用钢笔工具来制作）

图6-2

6. 注意：思考引导线的颜色和线条的粗细是否影响引导效果？在运动引导层中的线条在实际导出成SWF文件时是不否可见？

 

• 创建引导路径动画的方法

1、创建引导层和被引导层

一个最基本“引导路径动画”由二个图层组成，上面一层是“引导层”，它的图层图标为，下面一层是“被引导层”，图标同普通图层一样。在普通图层上点击时间轴面板的“添加引导层”按钮，该层的上面就会添加一个引导层，同时该普通层缩进成为“被引导层”，如图所示。

 

2、引导层和被引导层中的对象

引导层是用来指示元件运行路径的，所以“引导层”中的内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制出的线段。而“被引导层”中的对象是跟着引导线走的，可以使用影片剪辑、图形元件、按钮、文字等，但不能应用形状。由于引导线是一种运动轨迹，不难想象，“被引导”层中最常用的动画形式是动作补间动画，当播放动画时，一个或数个元件将沿着运动路径移动。

3、向被引导层中添加元件

“引导动画”最基本的操作就是使一个运动动画“附着”在“引导线”上。所以操作时特别得注意“引导线”的两端，被引导的对象起始、终点的2个“中心点”一定要对准“引导线”的2个端头。

• 应用引导路径动画的技巧

1、 “被引导层”中的对象在被引导运动时，还可作更细致的设置，比如运动方向，把【属性】面板上的【路径调整】前打上勾，对象的基线就会调整到运动路径。而如果在【对齐】前打勾，元件的注册点就会与运动路径对齐。

2、  引导层中的内容在播放时是看不见的，利用这一特点，可以单独定义一个不含“被引导层”的“引导层”，该引导层中可以放置一些文字说明、元件位置参考等，此时，引导层的图标为 。

3、  在做引导路径动画时，按下工具栏上的【对齐对象】功能按钮，可以使“对象附着于引导线”的操作更容易成功。

4、  过于陡峭的引导线可能使引导动画失败，而平滑圆润的线段有利于引导动画成功制作。

5、  被引导对象的中心对齐场景中的十字星，也有助于引导动画的成功。

6、  向被引导层中放入元件时，在动画开始和结束的关键帧上，一定要让元件的注册点对准线段的开始和结束的端点，否则无法引导，如果元件为不规则形，可以按下工具栏上的任意变形工具，调整注册点。

7、  如果想解除引导，可以把被引导层拖离“引导层”，或在图层区的引导层上单击右键，在弹出的菜单上选择【属性】，在对话框中选择“正常”作为图层类型。

8、  如果想让对象作圆周运动，可以在“引导层”画个圆形线条，再用橡皮擦去一小段，使圆形线段出现2个端点，再把对象的起始、终点分别对准端点即可。

9、  引导线允许重叠，比如螺旋状引导线，但在重叠处的线段必需保持圆润，让Flash能辨认出线段走向，否则会使引导失败。

 

6. 注意：

①引导层一旦建立完成后应将其锁定

②对运动对象定位时最好打开“帖紧至对象”工具，这样当吸附正确时中心点会放大。

 

• 多层引导动画的制作

       多层引导动画实际就是利用一个引导层同时引导多个被引导层中的对象。

       在制作引导动画时，系统一般只对引导层下的一个图层建立链接关系，如果要使引导层能够引导多个图层，可通过拖移图层到引导层下方或更改图层属性的方法添加需要被引导的图层即可。

• 综合实例

实例1：小球的无规则运动

实例2：飞舞的蝴蝶

实例3：飘雪

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

任务二  制作遮罩动画

• 主要内容
  •  遮罩动画的制作原理

    遮罩动画制作的一般步骤

    多层遮罩动画的制作

 

• 遮罩动画的制作原理

       遮罩层是一个特殊的图层，能够透过该图层中的对象看到“被遮罩层”中的对象及其属性（包括它们的变形效果），但是遮罩层中的对象中的许多属性如渐变色、透明度、颜色和线条样式等却是被忽略的。

       在Flash中没有一个专门的按钮来创建遮罩层，遮罩层其实是由普通图层转化的。只要在某个图层上单击右键，在弹出菜单中选择“遮罩层”，使命令的左边出现一个小勾，该图层就会生成遮罩层，“层图标”就会从普通层图标变为遮罩层图标，系统会自动把遮罩层下面的一层关联为“被遮罩层”。

• 遮罩动画的概念

1、什么是遮罩

　　遮罩动画是Flash中的一个很重要的动画类型，很多效果丰富的动画都是通过遮罩动画来完成的。在Flash的图层中有一个遮罩图层类型，为了得到特殊的显示效果，可以在遮罩层上创建一个任意形状的“视窗”，遮罩层下方的对象可以通过该“视窗”显示出来，而“视窗”之外的对象将不会显示。

2、遮罩有什么用

　　 在Flash动画中，“遮罩”主要有2种用途，一个作用是用在整个场景或一个特定区域，使场景外的对象或特定区域外的对象不可见，另一个作用是用来遮罩住某一元件的一部分，从而实现一些特殊的效果。

• 创建遮罩的方法
  1. 创建遮罩

　　 在Flash中没有一个专门的按钮来创建遮罩层，遮罩层其实是由普通图层转化的。你只要在某个图层上单击右键，在弹出菜单中选择【遮罩层】，使命令的左边出现一个小勾，该图层就会生成遮罩层，“层图标”就会从普通层图标 变为遮罩层图标 ，系统会自动把遮罩层下面的一层关联为“被遮罩层”，在缩进的同时图标变为 ，如果你想关联更多层被遮罩，只要把这些层拖到被遮罩层下面就行了，如图所示。

 

2. 构成遮罩和被遮罩层的元素

　　 遮罩层中的图形对象在播放时是看不到的，遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充”。

　　 被遮罩层中的对象只能透过遮罩层中的对象被看到。在被遮罩层，可以使用按钮，影片剪辑，图形，位图，文字，线条。

3. 遮罩中可以使用的动画形式

　　 可以在遮罩层、被遮罩层中分别或同时使用形状补间动画、动作补间动画、引导线动画等动画手段，从而使遮罩动画变成一个可以施展无限想象力的创作空间。

4. 应用遮罩时的技巧

 遮罩层的基本原理是：能够透过该图层中的对象看到“被遮罩层”中的对象及其属性（包括它们的变形效果），但是遮罩层中的对象中的许多属性如渐变色、透明度、颜色和线条样式等却是被忽略的。比如，我们不能通过遮罩层的渐变色来实现被遮罩层的渐变色变化。

1. 要在场景中显示遮罩效果，可以锁定遮罩层和被遮罩层。
2. 可以用“Actions”动作语句建立遮罩，但这种情况下只能有一个“被遮罩层”，同时，不能设置_Alpha属性。
3. 不能用一个遮罩层试图遮蔽另一个遮罩层。
4. 遮罩可以应用在gif动画上。
5. 在制作过程中，遮罩层经常挡住下层的元件，影响视线，无法编辑，可以按下遮罩层时间轴面板的显示图层轮廓按钮 ，使之变成 ，使遮罩层只显示边框形状，在种情况下，你还可以拖动边框调整遮罩图形的外形和位置。
6. 在被遮罩层中不能放置动态文本。

• 多层遮罩动画的制作

       多层遮罩动画实际就是利用一个遮罩层同时遮罩多个被遮罩层的遮罩动画。

       一般在制作遮罩动画时，系统只对遮罩层下的一个图层建立遮罩关系，如果要使遮罩层能够遮罩多个图层，可通过拖移图层到遮罩层下方或更改图层属性的方法添加需要被遮罩的图层。在Flash CS3中为遮罩层添加多个被遮罩层的方法主要有以下两种：

       如果需要被遮罩的图层位于遮罩层上方，可以选取该图层，将其拖移至遮罩层下方。

       如果需要添加的图层位于遮罩层下方，双击该图层上的图标，在打开的“图层属性”对话框中选中单选按钮即可

或许你读了上面的描述，还有点模糊，那么，通过一些范例，相信你会感受到遮罩动画的神奇！

• 综合实例——图片切换

  制作一个“图片切换”动画，练习遮罩动画的制作方法。

 

学生实例练习

实例1：探照灯效果

实例2：放大镜效果

实例3：万花筒

实例4：MTV字幕效果

实例5：百叶窗效果

实例6：地球转动

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

任务三  引导层动画实例

• 主要内容

让对象沿路径运动

引导层的使用

导入图片作为背景

 

操作步骤:

• 新建文件

选择【文件】-【新建】命令新建一个动画文件。

• 导入背景图片

1、【文件】→【导入】→【导入到舞台】,导入一张花朵图片做为背景，调整图片大小、

位置，使之与舞台大小一致。并在图层1第70帧处单击F5插入帧。

 

三、制作蝴蝶飞的影片剪辑符号

1、按快捷键Ctrl+F8创建一个名为“蝴蝶飞””的影片剪辑元件。

2、执行【文件】→【导入】→【导入到舞台】命令,导入蝴蝶图片。

 

 

选用任意变形工具，蝴蝶图片四周出现8 个小方框，把鼠标放在右下的小方框上，待鼠标变为一个圆形箭头，鼠标轻轻向左一拖，把蝴蝶转个方向，如图

 

4、移动蝴蝶，使蝴蝶的头部正好在舞台的正中央，右键点时间轴上的第3帧，插入关键帧。

5、用任意变形工具，把蝴蝶压扁。

 

四、制作蝴蝶沿路径飞的运动动画

1、回到场景一，单击“时间轴”面板中的插入图层按钮 新增一层并改名为“蝴蝶”

2、按Ctrl+L快捷键，打开库面板。将蝴蝶元件拖入到舞台中，然后在“蝴蝶”图层中右键单击第70帧，选择插入关键帧（或按F6插入关键帧），

3、添加运动引导层

（1）、建立引导层，选中“蝴蝶”图层，选择【插入】-【运动引导线】命令，或者直接单击图层面板左下角第2个图标添加“引导层”按钮。

2、单击引导层，在引导层中用铅笔绘制出一条运动线，注意要将“工具”面板下面的图标改为平滑。如图4-5。

 

五、使蝴蝶沿路线运动

1. 为确保蝴蝶的头部是朝向运动路径的，在“蝴蝶”图层中选取第1帧，拖动蝴蝶到路径起点位置，注意这时候“对齐对象”按钮必须处于打开状态，蝴蝶移动为路径起点时会自动吸附到起点处，如下左图，同样单击“蝴蝶”图层第70帧，拖动蝴蝶到路径终点并吸附到终点上。如下右图

 

 

 2、第1帧和第70帧之间创建“动作”动画，单击第1帧，打开属性面板，设置“补间”为[动作]，勾选[缩放]、[调整到路径]、[同步]、[对齐]。

 3、画制作完成。按“Ctrl+Enter”测试动画，由于引导层在动画输出时是不可见的，所以只看到一蝴蝶在飞。

4、测试影片，保存动画。

 

思考与拓展

1、再添加一只飞舞的蝴蝶，你会吗？

2、如果要让蝴蝶在花朵上停留一会儿，你将如何修改此文档？

 

 

 

 

 

 

 

 

任务四  遮罩层动画实例——画轴打开

• 主要内容

导入图片

遮罩的应用

 

操作步骤

一、新建空白文档

1、打开Flash,创建一空白文档，设置舞台尺寸。

单击“属性”面板上【大小】右边的“控件按钮”，弹出设置【文档属性】对话框，最上面【尺寸】是用来设定【舞台】大小尺寸的，输入宽度的值：300 px（像素）；高度的值不变：500 px（像素），其他项保持不变，单击【确定】。如图

 

 

 

二、导入背景图片

打开【文件】菜单→【导入】→【导入到舞台】，打开导入对话框找到要导入的文件，单击【打开】，把一画导入到舞台，调整图片的最佳位置及大小。重命名此图层为“画”。如图。

 

 

 

三、制作画轴元件

 1、 执行【插入】菜单→创建新元件命令，名称输入“画轴”，行为选择“图形”，单击【确定】按钮，进入元件编辑窗口，单击矩形工具，笔触颜色选择无色，打开“混合器面板”，颜色样式框选择“线性”渐变，在下面的渐变工具栏中、中间设置白色，左右设置为褐黄色。利用矩形工具，在工作区中拖运鼠标，形成中间发亮的画轴。

2、 单击“场景1”标签，回到场景，插入一新图层，命名为“遮罩”，利用矩形工具画一比背景画略宽的矩形，在此层60帧插入“关键帧”，调整第一帧，矩形大小高50像素，并置于画的顶端，单击第一帧，在“属性”面板中，补间动作设置为“形状”，右击此层名称栏，在快捷单中执行“遮罩层”命令。如图

 

 

 

 

3、插入上画轴

单击“插入图层”按钮，重命名为“上画轴”，然后，打开库面板，把“画轴”元件拖到画卷的顶端，调整位置大小。单击此画轴，复制此画轴（Ctrl+c键），锁定此图层。

四、制作下画轴动画

插入新图层，并重命名为“下画轴”，按【Ctrl】+【Shift】+【V】对上画轴进行原位置粘贴，然后利用光标键或鼠标拖动把此画轴移动到上画轴的下方。

单击第60帧，插入“关键帧”，并把此帧画轴拖动到画卷下方，再单击第一帧，打开“属性”面板，在补间栏选择“动作”。即可创下画轴从上到下的运动。如图

 

 

 

五、测试影片。

 

（Ctrl+回车键）。看画轴画卷展开是否协调，注意调整遮罩矩形的位置大小，直至达到满意效果。然后保存文档。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

任务五  遮罩层动画实例二——电影片尾字幕

• 主要内容

导入图片作为背景

调整图片Alpha值

遮罩的应用

为动画加入背景音乐

 

制作一个效果动画。（要求：自选一幅合适的图片作背景动画，字幕由下向上运动最后消失，并选择合适的音乐片段给片尾加背景音乐）

 

操作步骤：

一、新建文件

1、创建一个背景为白色、宽为400像索、高为300像素的Flash文档。如图9-1

 

 

二、插入背景图形

1、执行【文件】 → 【导入】 → 【导入到舞台】命令或使用快捷键（Ctrl+R键），将外部图片导入到舞台中。调整图片大小，使之与舞台大小一致，作为背景图片、如果所选图片色彩较深的，可以先将其转换成符号，调整其Alpha值，使背景变淡。

2、在120帧处单击F5键插入相同的帧，将该层的名称改为“背景”。锁定“背景”图层。如图

 

三、制作文字动画

1、 单击插入图层按扭，添加新层，并将其命名为“字幕”。

2、在“字幕”层的第一帧中，选择文字工具，设置字体，字号，字色，输入字幕内容，并将文字块置于如图所示的位置（舞台下方）。

3、在“字幕“图层的第120帧上按F6键，插入关键帧，并将文字块移动到下图所示的位置（舞台上方）。

4、在第一帧处创建运动补间动画。如图

 

四、设置遮罩效果

1、单击时间线上的添加图层按扭，添加图层并命名为“遮罩文字”。

2、在“遮罩文字”图层第1帧，选择矩形工具绘制一个无边框有填充颜色的矩形，

如图9-4

 

 

3、在“遮罩文字”图层上单击鼠标右键，在弹出的快键菜单中，选择“遮罩层”命令。

五、加入背景音乐

先准备好背景音乐

1、新添加一层，并命名为“音乐”。

2、选择“音乐”层的第一帧，按ctrl+R 键，打开[导入]对话框，在指定位置选择相应的声音文件。

3、打开属性面板，在面板的“声音”下拉列表中选择你要使用的声音文件。如图

 

 

 

六、 测试动画通过后，根据需要保存文件。

 

思考与拓展

1. 通过测试动画，还有那些不尽人意的地方，如何修改？
2. 参考基础知识部分，试着设置动画的暂停和声音的停止。

 

 

 

 

 

• 项目小结

       本项目介绍了Flash CS3中特殊动画的制作方法，主要包括引导动画、遮罩动画和残影动画的制作。从制作原理上来说，它们都是由第5章所讲的3种基本动画演变而来的。但是这三种动画都需要由至少两个图层共同构成，因此制作方法相对基本动画而言较复杂。使用引导动画可以使对象沿设置的路径运动。使用遮罩动画可以制作不同的画面显示效果。制作残影动画时，主要应用到图层的创建、移动和复制等操作，对其中每一个图层的制作方法也与制作3种基本动画的方式相同。

 

 

 

 

项目七   声音设置

 

• 项目导读

  音效和音乐，对于任何一个FLASH动画都是非常重要的，几乎所有出色的动画，其所挑选的音乐都是精选的，甚至有很多的FLASH的音效都是由专门人士特意制作的，可见一个FLASH的好坏有一大部分因素涉及到音乐挑选的好坏。在FLASH中，不论是对声音文件的编辑和声音输出的压缩都提高了，而对声音的编辑更成为FLASH动画制作不可缺少的一个重要组成部分。

 

• 项目学习目标

  熟悉Flash支持的音频文件

  熟练掌握为动画添加声音的方法

  独立完成制作出完整的Flash动画作品

 

• 项目重点

  Flash支持的音频文件

  导入和编辑声音

  压缩并导出声音

 

• 项目难点

   声音的应用

 

• 项目内容

添加声音

编辑声音

压缩与输出声音

 

 

 

 

 

 

 

任务一   添 加 声 音

• 主要内容

Flash支持的音频文件

在动画中添加声音

 

在制作动画时，常需要为故事动画添加声音，为MTV和动态按钮添加音乐等。声音有传递信息的作用，为Flash动画添加恰当的声音，可以使Flash作品更加完整。下面将介绍在Flash动画中添加声音的方法。

• Flash支持的音频文件

  Flash的声音分为事件声音和音频流两种。如果要把声音文件加入到Flash中，可以先将声音文件导入到当前文档的库。Flash可以导入的声音文件格式很多，一般情况下，在Flash中可以直接导入MP3格式和WAV格式的声音文件。

1. MP3格式

  MP3格式体积小、传输方便、音质较好。虽然采用MP3格式压缩音乐时对文件有一定的损坏，但由于其编码技术成熟，音质还是比较接近CD的水平。同样长度的音乐文件，用MP3格式存储比用WAV格式储存的体积小十分之一。现在的Flash音乐大都采用MP3格式。

2. WAV格式

  WAV格式是PC标准声音格式。WAV格式的声音直接保存声音数据，没有对其进行压缩，因此音质非常好。Windows系统音乐都使用WAV格式。但是因为其数据没有进行压缩，所以体积相当庞大，占用的空间也就随之变大，不过由于其音质很好，一些Flash动画的特殊音效也常常使用WAV格式。

3. Flash中控制音频的主要方法:

1. 让声音独立于时间轴循环播放
2. 为动画配音乐
3. 为按钮添加某种声音
4. 设置声音渐入渐出等效果
5. 通过动作控制音效的回放
   • 在动画中添加声音

  在Flash动画中为了使人物或对象更加生动有趣，可以为其添加声音，以增强Flash作品对欣赏者的吸引。

1. 导入声音操作步骤：

1. 选择“文件”→“导入”→“导入到库”。
2. 在“导入”对话框中，定位并打开所需的声音文件
3. Flash将音频文件存放在元件库中。打开库，按下播放按钮可以试听。

6. 注意: 1)在库中的声音文件有上下两个波形，表示此声音文件为双声道文件。如果只显示一个波形，则表示文件为单声道的声音

　　　2)如果在导入mp3声音文件时显示“读取文件时出现问题，一个或多个文件没有导入”,可以将该文件使用音频转换软件重新压缩或转换为wav文件后再导入。

  Flash本身没有制作音频的功能，一般情况下，用户可以先用其他音频编辑工具录制一段音频文件，再将其导入到Flash文件中。将声音导入到库中后，即可为按钮和帧添加声音。

【练习7-1】:

　1) 打开素材文件7-1源文件.fla；

　2) 导入声音music.mp3；

　3) 打开库测试声音；

　4) 插入新层；在新层第1关键添加声音。

2. 为按钮添加音效

  在制作交互动画时，常常会使用到按钮元件。在Flash中，可以为按钮的每种状态添加声音，从而制作出生动的动画效果。

为按钮添加声音的操作步骤：

• 使用“文件”→“导入”命令，导入要附加到按钮上的声音文件。
• 从库面板或舞台上选择按钮，单击右键，从弹出的快捷菜单中选择“编辑”命令，进入按钮的编辑状态

•