flashcs6教程4

《flashcs6教程4》由会员分享，可在线阅读，更多相关《flashcs6教程4（36页珍藏版）》请在装配图网上搜索。

1、下面以制作反季节特价销售衣服为例，介绍如何制作服装广告，具体操作如下。首先将需要的服装图片导入“库”面板中，具体操作步骤如下。步骤1 新建“特价服饰.fla”文件，并在“属性”面板中调整其参数，如图4-1所示。步骤2 在菜单栏中选择“文件”|“导入”|“导入到库”命令，如图4-2所示。图4-1 新建“特价服饰.fla”文件图4-2 选择“导入到舞台”命令步骤3 弹出“导入到库”对话框，选择要使用的图片，再单击“打开”按钮，如图4-3所示。图4-3 “导入到库”对话框对于导入到“库”中的位图图片，用户可以先对其进行修改，再将其应用到舞台中，具体操作步骤如下。步骤1 选中“库”中的位图图片并右击，

2、从弹出的快捷菜单中选择“属性”命令，如图4-4所示。步骤2 打开“位图属性”对话框，根据具体需要进行设置，再单击“确定”按钮，如图4-5所示。步骤3 从“库”面板中拖动图片1到舞台中，如图4-8所示。步骤4 在舞台中单击图片，然后根据文档大小在“属性”面板中调整图片大小，并设置X、Y坐标为0，效果如图4-9所示。图4-4 选择“属性”命令 图4-5 “位图属性”对话框步骤5 在“时间轴”面板中右击第8帧，从弹出的快捷菜单中选择“插入关键帧”命令，如图4-10所示。图4-8 将图片1插入到舞台中图4-9 设置图片属性步骤6 单击第8帧中的图形，然后在“属性”面板中单击“交换”按钮，如图4-11所

3、示。图4-10 选择“插入关键帧”命令图4-12 “交换位图”对话框图4-11 单击“交换”按钮图4-13 每8帧处插入关键帧步骤7 弹出“交换位图”对话框，选择要交换的图片，再单击“确定”按钮，如图4-12所示。步骤8 使用类似方法，每8帧插入关键帧，并交换图片，这时的时间轴如图4-13所示。步骤9 在图层1中单击第1帧，然后按Ctrl+T组合键打开“变形”面板，选中“倾斜”单选按钮，接着设置垂直倾斜角度为180，效果如图4-14所示。使用该方法，旋转其他图片。图4-14 “变形”面板下面为广告添加打折宣传，具体操作步骤如下。步骤1 新建图层2单击工具箱中的“文本工具”图标，然后在“属性”面

4、板中设置文字方向为“垂直”，如图4-15所示。步骤2 在舞台中添加如图4-16所示的文本。步骤3 选中文本，接着在“属性”面板中调整文本大小和字体样式，如图4-17所示。步骤4 选中文本，按Ctrl+B组合键打散文本，效果如图4-18所示。图4-15 设置文本工具图4-16 添加文本步骤5 向上移动“反”字符，向下移动“销”字符，然后选中“反季大促销”字符，按Ctrl+K组合键打开“对齐”面板，单击“垂直平均间隔”图标，使字符等间距，如图4-19所示。图4-17 调整文本大小和字体样式图4-18 查看文本分离效果图4-20 为文本设置不同颜色图4-19 调整文本间距步骤6 使用类似方法调整“预

5、购从速”，再为“反季大促销”设置5种不同的颜色，效果如图4-20所示。步骤7 在图层2中的第8帧插入关键帧，接着选中该帧上的所有文本并右击，从弹出的快捷菜单中选择“转换为元件”命令，如图4-21所示。步骤8 弹出“转换为元件”对话框，输入元件名称，并设置类型为“图形”，再单击“确定”按钮，如图4-22所示。步骤9 单击元件实例，接着在“属性”面板中的“色彩效果”子面板中，设置样式为“Alpha”且Alpha值为0，隐藏文字，如图4-23所示。步骤10 在图层2中第18帧中间右击，从弹出的快捷菜单中选择“创建传统补间”命令，如图4-24所示。图4-21 选择“转换为元件”命令图4-22 “转换为

6、元件”对话框图4-23 设置Alpha值图4-24 选择“创建传统补间”命令图4-26 绘制矩形图4-25 选择“删除帧”命令步骤11 在图层2中选中940帧并右击，从弹出的快捷菜单中选择“删除帧”命令，如图4-25所示。步骤12 新建图层3，然后在第8帧插入关键帧，接着使用矩形工具在舞台中绘制一个不带边框的紫色矩形，如图4-26所示。步骤13 复制该矩形，然后调整新矩形的颜色为粉红色，如图4-27所示。步骤14 使用选择工具调整粉红色矩形的位置，使其位于第一个矩形上方略向下，如图4-28所示。步骤15 使用文本工具添加“反季促销”文本，如图4-29所示。步骤16 新建图层4，然后在第8帧插入

7、关键帧，接着使用文本工具绘制文本框并输入“7.5”，如图4-30所示。图4-27 复制矩形图4-28 调整矩形位置图4-30 编辑图层4图4-29 输入文本步骤17 使用任意变形工具调整“7.5”，使其向右倾斜，效果如图4-31所示。步骤18 在“7.5”文本右下角添加“折”文本，如图4-32所示。步骤19 在图层4中的第16帧插入关键帧，然后调整衣服的折扣数值，如图4-33所示。步骤20 使用类似方法，为其他几款衣服调整折扣值。图4-31 使用任意变形工具倾斜文本图4-32 输入“折”文本图4-33 调整折扣数值在Flash中，用户可以给同一个文本对象同时应用多个滤镜，也可以删除应用的滤镜效

8、果。滤镜主要有“投影”、“模糊”、“发光”、“斜角”、“渐变发光”、“渐变斜角”和“调整颜色”等几种类型，下面将分别对滤镜的各种类型进行详细介绍。投影滤镜可以模拟对象表面的投影效果。投影滤镜的“属性”面板如图4-34所示。其中，各参数的含义如下。l 模糊X：设置投影的宽度。l 模糊Y：设置投影的高度。l 强度：设置阴影暗度。数值越大，阴影就越暗。l 品质：选择投影的质量级别。单击右侧的下拉按钮，在弹出的下拉列表中包括三个选项，如图4-35所示。一般默认为“低”选项。l 角度：设置阴影的角度，用户可以直接在文本框中输入数值。l 距离：设置阴影与对象之间的距离。l 挖空：挖空(从视觉上隐藏)源对象

9、，并在挖空图像上只显示投影。l 内阴影：在对象边界内应用阴影。l 隐藏对象：隐藏对象，只显示对象的阴影。图4-34 投影滤镜的“属性”面板图4-35 设置滤镜品质l 颜色：单击右侧的颜色块，可以打开调色板，设置阴影的颜色，如图4-36所示。图4-36 查看投影滤镜的颜色图4-37 模糊滤镜的“属性”面板模糊滤镜可以柔化对象的边缘和细节，将模糊滤镜应用于对象，可以使该对象看起来像是位于其他对象的后面，或者使对象看起来好像是运动的。模糊滤镜的“属性”面板如图4-37所示，各参数的含义分别如下。其中，各参数的含义如下。l 模糊X：设置模糊的宽度。l 模糊Y：设置模糊的高度。l 品质：设置模糊的级别，

10、设置为“高”则近似于高斯模糊；设置为“低”可以实现最佳的回放性能。使用发光滤镜，可以为对象的整个边缘应用颜色。发光滤镜的“属性”面板如图4-38所示，各参数的含义如下。图4-38 发光滤镜的“属性”面板其中，各参数的含义如下。l 模糊X：设置发光的宽度。l 模糊Y：设置发光的高度。l 强度：设置发光的清晰度。l 品质：设置发光的质量级别，设置为“低”可以实现最佳的回放性能。l 颜色：打开调色板，设置发光颜色。l 挖空：挖空(从视觉上隐藏)源对象，并在挖空图像上显示出发光效果。l 内发光：在对象边界内应用发光。应用斜角滤镜实际上就是向对象应用加亮效果，使其看起来凸出于背景表面。应用斜角滤镜可以创

11、建内斜角、外斜角或者完全斜角。斜角滤镜的“属性”面板如图4-39所示，各参数的含义分别如下。图4-39 斜角滤镜的“属性”面板其中，各参数的含义如下。l 模糊X：设置斜角的宽度。l 模糊Y：设置斜角的高度。l 强度：设置斜角的不透明度，而不影响其宽度。l 品质：设置斜角的质量级别。l 阴影：设置斜角的阴影颜色。l 加亮显示：设置加亮颜色。l 角度：拖动角度盘或直接输入数值，更改斜边投下的阴影角度。l 距离：输入一个数值以定义斜角的宽度。l 挖空：挖空(从视觉上隐藏)源对象，并在挖空图像上只显示出斜角。l 类型：设置要应用到对象的斜角类型。单击右侧的下拉按钮，在弹出的下拉列表中包括“内侧”、“外

12、侧”和“全部”三个选项，如图4-40所示。应用渐变发光滤镜，可以在发光表面产生带渐变颜色的发光效果。渐变发光要求选择一种颜色作为渐变开始的颜色，该颜色的Alpha值为0。用户无法改变渐变色的渐变程度，但可以改变渐变色的颜色。渐变发光滤镜的“属性”面板如图4-41所示，各参数的含义分别如下。图4-40 设置斜角滤镜颜色和类型后的效果图4-41 渐变发光滤镜的“属性”面板图4-42 设置渐变发光滤镜的渐变参数l 模糊X：设置渐变发光的宽度。l 模糊Y：设置渐变发光的高度。l 强度：设置渐变发光的不透明度，不影响宽度。l 品质：设置渐变发光的质量级别。l 角度：更改渐变发光投下的阴影角度。l 距离：

13、设置阴影与对象之间的距离。l 挖空：挖空(从视觉上隐藏)源对象，并在挖空图像上只显示渐变发光。l 类型：选择要应用到对象的渐变斜角类型，包括“内侧”、“外侧”和“全部”三种类型。l 渐变：指定渐变发光的渐变颜色。单击该按钮，将弹出渐变条，如图4-42所示。图4-43 渐变斜角滤镜的“属性”面板l 模糊X：设置渐变斜角的宽度。l 模糊Y：设置渐变斜角的高度。l 强度：输入一个数值用以改变渐变斜角的平滑度，而不影响斜角宽度。l 品质：设置渐变斜角的质量级别。l 角度：设置光源的角度。l 距离：设置阴影与对象之间的距离。l 挖空：挖空(从视觉上隐藏)源对象，并在挖空图像上只显示渐变斜角。l 类型：选

14、择要应用到对象的渐变斜角类型，包括“内侧”、“外侧”和“全部”三种类型。应用渐变斜角滤镜可以产生一种凸起效果，使对象看起来好像从背景上凸起，并且斜角表面有渐变颜色。渐变斜角要求渐变的中间有一种颜色，并且该颜色的Alpha值为0。渐变斜角滤镜的“属性”面板如图4-43所示，各参数的含义分别如下。l 亮度：调整对象的亮度。l 对比度：调整图像的加亮、阴影及中调。l 饱和度：调整颜色的强度。l 色相：调整颜色的深浅。使用调整颜色滤镜，可以调整对象的亮度、对比度、色相和饱和度。调整颜色滤镜的“属性”面板如图4-44所示，各参数的含义分别如下。图4-44 调整颜色滤镜的“属性”面板为某个对象应用滤镜效果

15、的操作步骤如下。步骤1 在“库”面板中右击“标题”元件，从弹出的快捷菜单中选择“编辑”命令，如图4-45所示。步骤2 进入元件编辑窗格，选择要应用滤镜效果的文本，接着在“属性”面板中展开“滤镜”子面板，再单击“添加滤镜”图标，如图4-46所示。图4-45 选择“编辑”命令图4-46 单击“添加滤镜”图标步骤3 从弹出的菜单中选择要使用的滤镜效果，这里选择“投影”命令，如图4-47所示。步骤4 应用投影后的文本效果如图4-48所示。图4-48 查看应用投影后的效果图4-47 选择“投影”命令步骤7 弹出“将预设另存为”对话框，在“预设名称”文本框中输入滤镜名称后，单击“确定”按钮即可保存滤镜效果

16、，如图4-51所示。步骤5 更改“投影”滤镜的参数，得到如图4-49所示的效果。步骤6 滤镜效果设置完毕后，若要保存预设滤镜，可以在“滤镜”面板中单击“预设”图标，从弹出的下拉列表中选择“另存为”命令，如图4-50所示。图4-49 调整滤镜参数图4-50 单击“预设”图标图4-51 “将预设另存为”对话框步骤8 再次单击“预设”图标，在弹出的下拉列表中即可看到刚刚保存的“标题投影”滤镜效果，如图4-52所示。选择该选项，即可应用该预设滤镜。图4-52 查看保存的滤镜效果步骤9 如果要重命名保存的预设滤镜，可以单击“预设”图标，从弹出的下拉列表中选择“重命名”命令，如图4-53所示。图4-53

17、选择“重命名”命令步骤10 弹出“重命名预设”对话框，在列表框中显示出了当前预设滤镜的名称，如图4-54所示。步骤11 双击要重命名的预设滤镜，以高亮显示滤镜名称，即可重命名该预设滤镜，如图4-55所示。再单击“重命名”按钮即可保存新名称。步骤12 如果想要删除某个已经保存的预设滤镜，可以单击“预设”图标，从弹出的下拉列表中选择“删除”命令，如图4-56所示。步骤13 弹出“删除预设”对话框，选择要删除的预设滤镜，单击“删除”按钮，如图4-57所示。步骤14 如果要删除应用到某个对象上的滤镜效果，可以先选中应用滤镜效果的对象，然后在“属性”面板的“滤镜”子面板下，选择要删除的滤镜效果，如图4-

18、58所示。步骤15 单击“滤镜”面板中的“删除”图标 即可将该滤镜删除，如图4-59所示。步骤16 如果想要暂时关闭某个滤镜效果，而不希望将该滤镜删除，则可以使用滤镜的启用和禁用功能。方法是选中需要禁用的滤镜，再单击“滤镜”选项卡下的“启用或禁用滤镜”图标，如图4-61所示。图4-54 “重命名预设”对话框图4-55 输入滤镜效果新名称图4-56 选择“删除”命令图4-57 “删除预设”对话框图4-58 选择要删除的滤镜效果步骤17 此时，“投影”滤镜就被禁用了，其名称以斜体显示，并在名称的右侧显示一个红色的禁用标记，如图4-62所示。图4-59 单击“删除”图标图4-61 单击“用和禁用滤镜

19、”图标图4-62 查看禁用滤镜后的效果图4-63 启用滤镜步骤18 如果想要再次启用该滤镜效果，只要选择禁用的滤镜，再单击“启用和禁用滤镜”图标即可，如图4-63所示。步骤19 这样，禁用的滤镜就又重新被启用了，舞台上的文本也恢复了，如图4-64所示。图4-64 查看启用滤镜后的效果步骤20 如果想要同时禁用所有的滤镜，需要单击“添加滤镜”图标，在弹出的下拉列表中选择“禁用全部”命令，如图4-65所示。步骤21 此时，“滤镜”子面板的所有滤镜就一次性被全部禁用了，如果想要重新全部启用所有的滤镜，只要再次单击“添加滤镜”图标，在弹出的下拉列表中选择“启用全部”命令即可，如图4-66所示。步骤22

20、 如果对设置的滤镜效果不满意，可以将其恢复到Flash默认的参数。方法是在“滤镜”子面板中选择要设置的滤镜选项，再单击“重置滤镜”图标 即可，如图4-67所示。图4-65 选择“禁用全部”命令图4-66 选择“启用全部”命令图4-67 重置滤镜动画制作完成之后，最好先对动画进行优化，然后再发布。因为影片文件越大，动画的下载和回放时间也就变长。这个时间如果过长，会让使用者在不断的等待中失去耐心。因此对动画进行优化，尽可能地减少动画的文件大小是非常有必要的。优化动画可以通过以下几种方法来实现。首先，可以从总体上对Flash动画进行优化，这些优化方法几乎对每个动画都适用，主要包含以下方面。l 对于多

21、次使用的元素或动画过程，应尽量转换为元件（图形元件或影片剪辑元件），因为重复使用元件并不会使文件增大。l 尽可能使用补间动画，补间动画中的过渡帧是通过系统计算得到的，数据量相对于逐帧动画而言要小得多。l 若要导入声音，应尽可能使用数据量小的声音格式，如MP3格式。l 导入的图片最好是JPG或GIF格式。l 尽量避免对位图元素进行动画处理，一般将其作为背景或者静态元素。l 不要在同一帧放置过多的元件，这样会增加Flash处理文件的时间。从总体上对Flash动画做了优化后，还可以从细节上对动画进行优化，例如优化动画中的元素和线条。l 尽量将元素组合。l 将在整个过程中都变化的元素与不变化的元素分放

22、在不同的层上，以便加速Flash动画的处理过程。l 使用“修改”|“形状”|“优化”命令，如图4-68所示，这样能最大程度地减少用于描述形状的分隔线的数量。l 限制特殊线条类型的数量，例如虚线、点状线等。尽量使用实线，因为它所占体积较小。另外，由“铅笔工具”生成的线条比使用“刷子工具”生成的线条体积小。图4-68 选择“优化”命令除了元素和线条外，如果适当地注意文本和字体，也可以起到优化动画的作用。l 不要应用太多字体和样式。l 尽可能使用Flash内定的字体。尽量少使用嵌入字体，嵌入字体会增加文件的大小。l 无特殊需要不要将字体打散成图形。优化好动画作品后，下面就可以测试并发布作品了。丰富的

23、颜色可以大大增强动画的表现力，但是在使用颜色的时候注意几个小事项，可以使制作出来的动画文件变得更小。l 尽量少使用渐变色，使用渐变填充比使用纯色填充占用空间大。l 尽量少使用Alpha透明度，因为它会放慢动画的回放速度。除了上面介绍的四个方面外，恰当地使用脚本，不但可以起到优化动画的作用，对于动画制作者来说制作动画的过程也会简单得多。如果要在本地计算机上测试动画，只需要打开要测试的Flash文件，然后按Ctrl+Enter组合键即可。通过测试可以查看制作的Flash文件效果，然后对不满意的地方进行调整修改，从而达到预想效果。图4-69 选择“下载设置”命令动画在网络上的播放效果和在本地计算机上

24、的播放效果是有差异的。因为在网络上，动画会受到网络速度等因素的影响。下面介绍如何测试动画在网络上的播放效果，具体操作步骤如下。步骤1 首先打开要测试的动画，然后按Ctrl+Enter组合键打开该动画的测试界面，在窗口中选择“视图”|“下载设置”命令，在弹出的子菜单中不仅可以选择Flash中提供的网络速度，还可以自定义网络速度，如图4-69所示。这样，就可以模拟Flash动画在不同网络速度下的播放效果。步骤2 当需要自定义下载速度时，可以在SWF文件播放窗口中选择“视图”|“下载设置”|“自定义”命令，弹出“自定义下载设置”对话框，在其中自定义下载速度，如图4-70所示。图4-70 “自定义下载

25、设置”对话框步骤3 在SWF文件播放窗口中选择“视图”|“带宽设置”命令，可以显示带宽的显示图，如图4-71所示。步骤4 此时在舞台的上方将出现一个数据流图表，通过图表右侧的窗格可以查看各帧数据的下载情况，此时选择任意一帧，播放将停止，可以从左边窗格中查看该帧的详细信息。步骤5 如果要查看哪个帧传输的时间比较多，可以在窗口中选择“视图”|“帧数图表”命令，如图4-72所示。图4-71 选择“带宽设置”命令图4-72 选择“帧数图表”命令步骤6 在SWF文件播放窗口中选择“视图”|“模拟下载”命令，可以打开或隐藏带宽显示图下方的SWF文件，如图4-73所示。步骤7 如果隐藏了SWF文件，将会开始

26、加载隐藏的文件，并在左侧窗格中显示加载进度，如图4-74所示。步骤8 测试完成后，关闭测试窗口，返回Flash窗口。图4-73 选择“模拟下载”命令图4-74 查看隐藏SWF文件后的效果动画测试满意后，接下来就可以发布作品了，具体操作步骤如下。步骤1 在菜单栏中选择“文件”|“发布设置”命令，打开“发布设置”对话框，在此设置Flash影片参数，再单击“配置文件选项”图标，如图4-75所示。步骤2 在弹出的菜单中选择“创建配置文件”命令，如图4-76所示。步骤3 弹出“创建新配置文件”对话框，在“配置文件名称”文本框中输入新配置文件名称，再单击“确定”按钮，如图4-77所示。步骤4 若要复制配置

27、文件，可以在“配置文件选项”菜单中选择“直接复制配置文件”命令，然后在弹出的“直接复制配置文件”对话框中输入复制的配置文件的名称，再单击“确定”按钮即可，如图4-78所示。图4-75 “发布设置”对话框图4-76 选择“创建配置文件”命令图4-77 “创建新配置文件”对话框图4-78 “直接复制配置文件”对话框步骤5 若要修改配置文件名称，可以在“配置文件选项”菜单中选择“重命名配置文件”命令，接着在弹出的“配置文件属性”对话框中输入新名称，再单击“确定”按钮，如图4-79所示。图4-79 “配置文件属性”对话框图4-80 单击“确定”按钮图4-81 “导出配置文件”对话框步骤7 若要导出配置文件，可以在“配置文件选项”菜单中选择“导出配置文件”命令，弹出“导出配置文件”对话框，选择配置文件保存位置，并在“文件名”文本框中输入新的文件名称，最后单击“保存”按钮，如图4-81所示。步骤8 设置完毕之后，单击“发布”按钮，发布作品，再单击“确定”按钮保存设置。步骤6 若要删除配置文件，可以在“配置文件选项”菜单中选择“删除配置文件”命令，接着在弹出的对话框中单击“确定”按钮即可，如图4-80所示。