《flashcs6教程课堂PPT》由会员分享，可在线阅读，更多相关《flashcs6教程课堂PPT（36页珍藏版）》请在金锄头文库上搜索。
1、第第4章章经典实例：制作服装广告经典实例：制作服装广告 4.14.1要点分析要点分析 4.24.2制作服装广告制作服装广告 4.2.1 4.2.1 导入服装图片导入服装图片导入服装图片导入服装图片 4.2.2 4.2.2 编辑服装图片编辑服装图片编辑服装图片编辑服装图片 4.2.3 4.2.3 设计广告文本设计广告文本设计广告文本设计广告文本 4.34.3对广告中的文本应用滤对广告中的文本应用滤镜效果镜效果 4.3.1 4.3.1 滤镜的类型滤镜的类型滤镜的类型滤镜的类型 4.3.2 4.3.2 为标题文本应用滤镜效果为标题文本应用滤镜效果为标题文本应用滤镜效果为标题文本应用滤镜效果 4.44
2、.4优化优化FlashFlash作品作品 4.54.5发布服装广告发布服装广告 4.5.1 4.5.1 测试测试测试测试FlashFlashFlashFlash作品作品作品作品 4.5.2 4.5.2 发布发布发布发布FlashFlashFlashFlash作品作品作品作品1 4.24.2制作服装广告制作服装广告下面以制作反季节特价销售衣服为例，介绍如何制作服装广告，具体操作如下。首先将需要的服装图片导入“库”面板中，具体操作步骤如下。步骤1 新建“特价服饰.fla”文件，并在“属性”面板中调整其参数，如图4-1所示。步骤2 在菜单栏中选择“文件”|“导入”|“导入到库”命令，如图4-2所示。
3、 4.2.14.2.1导入服装图片导入服装图片导入服装图片导入服装图片图4-1 新建“特价服饰.fla”文件图4-2 选择“导入到舞台”命令 4.14.1要点分析要点分析步骤3 弹出“导入到库”对话框，选择要使用的图片，再单击“打开”按钮，如图4-3所示。2图4-3 “导入到库”对话框对于导入到“库”中的位图图片，用户可以先对其进行修改，再将其应用到舞台中，具体操作步骤如下。步骤1 选中“库”中的位图图片并右击，从弹出的快捷菜单中选择“属性”命令，如图4-4所示。步骤2 打开“位图属性”对话框，根据具体需要进行设置，再单击“确定”按钮，如图4-5所示。步骤3 从“库”面板中拖动图片1到舞台中，
4、如图4-8所示。步骤4 在舞台中单击图片，然后根据文档大小在“属性”面板中调整图片大小，并设置X、Y坐标为0，效果如图4-9所示。 4.2.24.2.2编辑服装图片编辑服装图片编辑服装图片编辑服装图片3图4-4 选择“属性”命令 图4-5 “位图属性”对话框步骤5 在“时间轴”面板中右击第8帧，从弹出的快捷菜单中选择“插入关键帧”命令，如图4-10所示。图4-8 将图片1插入到舞台中图4-9 设置图片属性4步骤6 单击第8帧中的图形，然后在“属性”面板中单击“交换”按钮，如图4-11所示。图4-10 选择“插入关键帧”命令图4-12 “交换位图”对话框图4-11 单击“交换”按钮图4-13 每
5、8帧处插入关键帧步骤7 弹出“交换位图”对话框，选择要交换的图片，再单击“确定”按钮，如图4-12所示。步骤8 使用类似方法，每8帧插入关键帧，并交换图片，这时的时间轴如图4-13所示。5步骤9 在图层1中单击第1帧，然后按Ctrl+T组合键打开“变形”面板，选中“倾斜”单选按钮，接着设置垂直倾斜角度为180，效果如图4-14所示。使用该方法，旋转其他图片。图4-14 “变形”面板下面为广告添加打折宣传，具体操作步骤如下。步骤1 新建图层2单击工具箱中的“文本工具”图标 ，然后在“属性”面板中设置文字方向为“垂直”，如图4-15所示。步骤2 在舞台中添加如图4-16所示的文本。步骤3 选中文本
6、，接着在“属性”面板中调整文本大小和字体样式，如图4-17所示。步骤4 选中文本，按Ctrl+B组合键打散文本，效果如图4-18所示。 4.2.34.2.3设计广告文本设计广告文本设计广告文本设计广告文本6图4-15 设置文本工具图4-16 添加文本步骤5 向上移动“反”字符，向下移动“销”字符，然后选中“反季大促销”字符，按Ctrl+K组合键打开“对齐”面板，单击“垂直平均间隔”图标，使字符等间距，如图4-19所示。图4-17 调整文本大小和字体样式图4-18 查看文本分离效果7图4-20 为文本设置不同颜色图4-19 调整文本间距步骤6 使用类似方法调整“预购从速”，再为“反季大促销”设置
7、5种不同的颜色，效果如图4-20所示。步骤7 在图层2中的第8帧插入关键帧，接着选中该帧上的所有文本并右击，从弹出的快捷菜单中选择“转换为元件”命令，如图4-21所示。步骤8 弹出“转换为元件”对话框，输入元件名称，并设置类型为“图形”，再单击“确定”按钮，如图4-22所示。步骤9 单击元件实例，接着在“属性”面板中的“色彩效果”子面板中，设置样式为“Alpha”且Alpha值为0，隐藏文字，如图4-23所示。步骤10 在图层2中第18帧中间右击，从弹出的快捷菜单中选择“创建传统补间”命令，如图4-24所示。8图4-21 选择“转换为元件”命令图4-22 “转换为元件”对话框图4-23 设置A
8、lpha值图4-24 选择“创建传统补间”命令9图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帧插入关键帧，接着使用文本工具绘制
9、文本框并输入“7.5”，如图4-30所示。10图4-27 复制矩形图4-28 调整矩形位置图4-30 编辑图层4图4-29 输入文本步骤17 使用任意变形工具调整“7.5”，使其向右倾斜，效果如图4-31所示。步骤18 在“7.5”文本右下角添加“折”文本，如图4-32所示。11步骤19 在图层4中的第16帧插入关键帧，然后调整衣服的折扣数值，如图4-33所示。步骤20 使用类似方法，为其他几款衣服调整折扣值。图4-31 使用任意变形工具倾斜文本图4-32 输入“折”文本图4-33 调整折扣数值12 4.34.3对广告中的文本应用滤镜效果对广告中的文本应用滤镜效果在Flash中，用户可以给同一
10、个文本对象同时应用多个滤镜，也可以删除应用的滤镜效果。滤镜主要有“投影”、“模糊”、“发光”、“斜角”、“渐变发光”、“渐变斜角”和“调整颜色”等几种类型，下面将分别对滤镜的各种类型进行详细介绍。1 1投影投影投影滤镜可以模拟对象表面的投影效果。投影滤镜的“属性”面板如图4-34所示。其中，各参数的含义如下。l模糊X：设置投影的宽度。l模糊Y：设置投影的高度。l强度：设置阴影暗度。数值越大，阴影就越暗。l品质：选择投影的质量级别。单击右侧的下拉按钮，在弹出的下拉列表中包括三个选项，如图4-35所示。一般默认为“低”选项。l角度：设置阴影的角度，用户可以直接在文本框中输入数值。l距离：设置阴影与
11、对象之间的距离。l挖空：挖空(从视觉上隐藏)源对象，并在挖空图像上只显示投影。l内阴影：在对象边界内应用阴影。l隐藏对象：隐藏对象，只显示对象的阴影。 4.3.14.3.1滤镜的类型滤镜的类型滤镜的类型滤镜的类型13图4-34 投影滤镜的“属性”面板图4-35 设置滤镜品质l颜色：单击右侧的颜色块，可以打开调色板，设置阴影的颜色，如图4-36所示。图4-36 查看投影滤镜的颜色14图4-37 模糊滤镜的“属性”面板2 2模糊模糊模糊滤镜可以柔化对象的边缘和细节，将模糊滤镜应用于对象，可以使该对象看起来像是位于其他对象的后面，或者使对象看起来好像是运动的。模糊滤镜的“属性”面板如图4-37所示，
12、各参数的含义分别如下。其中，各参数的含义如下。l模糊X：设置模糊的宽度。l模糊Y：设置模糊的高度。l品质：设置模糊的级别，设置为“高”则近似于高斯模糊；设置为“低”可以实现最佳的回放性能。153 3发光发光使用发光滤镜，可以为对象的整个边缘应用颜色。发光滤镜的“属性”面板如图4-38所示，各参数的含义如下。图4-38 发光滤镜的“属性”面板其中，各参数的含义如下。l模糊X：设置发光的宽度。l模糊Y：设置发光的高度。l强度：设置发光的清晰度。l品质：设置发光的质量级别，设置为“低”可以实现最佳的回放性能。l颜色：打开调色板，设置发光颜色。l挖空：挖空(从视觉上隐藏)源对象，并在挖空图像上显示出发
13、光效果。l内发光：在对象边界内应用发光。164 4斜角斜角应用斜角滤镜实际上就是向对象应用加亮效果，使其看起来凸出于背景表面。应用斜角滤镜可以创建内斜角、外斜角或者完全斜角。斜角滤镜的“属性”面板如图4-39所示，各参数的含义分别如下。图4-39 斜角滤镜的“属性”面板其中，各参数的含义如下。l模糊X：设置斜角的宽度。l模糊Y：设置斜角的高度。l强度：设置斜角的不透明度，而不影响其宽度。l品质：设置斜角的质量级别。l阴影：设置斜角的阴影颜色。l加亮显示：设置加亮颜色。17l角度：拖动角度盘或直接输入数值，更改斜边投下的阴影角度。l距离：输入一个数值以定义斜角的宽度。l挖空：挖空(从视觉上隐藏)
14、源对象，并在挖空图像上只显示出斜角。l类型：设置要应用到对象的斜角类型。单击右侧的下拉按钮，在弹出的下拉列表中包括“内侧”、“外侧”和“全部”三个选项，如图4-40所示。5 5渐变发光渐变发光应用渐变发光滤镜，可以在发光表面产生带渐变颜色的发光效果。渐变发光要求选择一种颜色作为渐变开始的颜色，该颜色的Alpha值为0。用户无法改变渐变色的渐变程度，但可以改变渐变色的颜色。渐变发光滤镜的“属性”面板如图4-41所示，各参数的含义分别如下。图4-40 设置斜角滤镜颜色和类型后的效果图4-41 渐变发光滤镜的“属性”面板18图4-42 设置渐变发光滤镜的渐变参数l模糊X：设置渐变发光的宽度。l模糊Y
15、：设置渐变发光的高度。l强度：设置渐变发光的不透明度，不影响宽度。l品质：设置渐变发光的质量级别。l角度：更改渐变发光投下的阴影角度。l距离：设置阴影与对象之间的距离。l挖空：挖空(从视觉上隐藏)源对象，并在挖空图像上只显示渐变发光。l类型：选择要应用到对象的渐变斜角类型，包括“内侧”、“外侧”和“全部”三种类型。l渐变：指定渐变发光的渐变颜色。单击该按钮，将弹出渐变条，如图4-42所示。19图4-43 渐变斜角滤镜的“属性”面板l模糊X：设置渐变斜角的宽度。l模糊Y：设置渐变斜角的高度。l强度：输入一个数值用以改变渐变斜角的平滑度，而不影响斜角宽度。l品质：设置渐变斜角的质量级别。l角度：设
16、置光源的角度。l距离：设置阴影与对象之间的距离。l挖空：挖空(从视觉上隐藏)源对象，并在挖空图像上只显示渐变斜角。l类型：选择要应用到对象的渐变斜角类型，包括“内侧”、“外侧”和“全部”三种类型。6 6渐变斜角渐变斜角应用渐变斜角滤镜可以产生一种凸起效果，使对象看起来好像从背景上凸起，并且斜角表面有渐变颜色。渐变斜角要求渐变的中间有一种颜色，并且该颜色的Alpha值为0。渐变斜角滤镜的“属性”面板如图4-43所示，各参数的含义分别如下。20l亮度：调整对象的亮度。l对比度：调整图像的加亮、阴影及中调。l饱和度：调整颜色的强度。l色相：调整颜色的深浅。7 7调整颜色调整颜色使用调整颜色滤镜，可以
17、调整对象的亮度、对比度、色相和饱和度。调整颜色滤镜的“属性”面板如图4-44所示，各参数的含义分别如下。图4-44 调整颜色滤镜的“属性”面板为某个对象应用滤镜效果的操作步骤如下。步骤1 在“库”面板中右击“标题”元件，从弹出的快捷菜单中选择“编辑”命令，如图4-45所示。步骤2 进入元件编辑窗格，选择要应用滤镜效果的文本，接着在“属性”面板中展开“滤镜”子面板，再单击“添加滤镜”图标 ，如图4-46所示。 4.3.24.3.2为标题文本应用滤镜效果为标题文本应用滤镜效果为标题文本应用滤镜效果为标题文本应用滤镜效果21图4-45 选择“编辑”命令图4-46 单击“添加滤镜”图标步骤3 从弹出的
18、菜单中选择要使用的滤镜效果，这里选择“投影”命令，如图4-47所示。步骤4 应用投影后的文本效果如图4-48所示。图4-48 查看应用投影后的效果图4-47 选择“投影”命令22步骤7 弹出“将预设另存为”对话框，在“预设名称”文本框中输入滤镜名称后，单击“确定”按钮即可保存滤镜效果，如图4-51所示。步骤5 更改“投影”滤镜的参数，得到如图4-49所示的效果。步骤6 滤镜效果设置完毕后，若要保存预设滤镜，可以在“滤镜”面板中单击“预设”图标，从弹出的下拉列表中选择“另存为”命令，如图4-50所示。图4-49 调整滤镜参数图4-50 单击“预设”图标图4-51 “将预设另存为”对话框步骤8 再
19、次单击“预设”图标，在弹出的下拉列表中即可看到刚刚保存的“标题投影”滤镜效果，如图4-52所示。选择该选项，即可应用该预设滤镜。23图4-52 查看保存的滤镜效果步骤9 如果要重命名保存的预设滤镜，可以单击“预设”图标，从弹出的下拉列表中选择“重命名”命令，如图4-53所示。图4-53 选择“重命名”命令步骤10 弹出“重命名预设”对话框，在列表框中显示出了当前预设滤镜的名称，如图4-54所示。步骤11 双击要重命名的预设滤镜，以高亮显示滤镜名称，即可重命名该预设滤镜，如图4-55所示。再单击“重命名”按钮即可保存新名称。步骤12 如果想要删除某个已经保存的预设滤镜，可以单击“预设”图标，从弹
20、出的下拉列表中选择“删除”命令，如图4-56所示。步骤13 弹出“删除预设”对话框，选择要删除的预设滤镜，单击“删除”按钮，如图4-57所示。24步骤14 如果要删除应用到某个对象上的滤镜效果，可以先选中应用滤镜效果的对象，然后在“属性”面板的“滤镜”子面板下，选择要删除的滤镜效果，如图4-58所示。步骤15 单击“滤镜”面板中的“删除”图标 即可将该滤镜删除，如图4-59所示。步骤16 如果想要暂时关闭某个滤镜效果，而不希望将该滤镜删除，则可以使用滤镜的启用和禁用功能。方法是选中需要禁用的滤镜，再单击“滤镜”选项卡下的“启用或禁用滤镜”图标，如图4-61所示。图4-54 “重命名预设”对话框
21、图4-55 输入滤镜效果新名称图4-56 选择“删除”命令图4-57 “删除预设”对话框25图4-58 选择要删除的滤镜效果步骤17 此时，“投影”滤镜就被禁用了，其名称以斜体显示，并在名称的右侧显示一个红色的禁用标记，如图4-62所示。图4-59 单击“删除”图标图4-61 单击“用和禁用滤镜”图标图4-62 查看禁用滤镜后的效果26图4-63 启用滤镜步骤18 如果想要再次启用该滤镜效果，只要选择禁用的滤镜，再单击“启用和禁用滤镜”图标即可，如图4-63所示。步骤19 这样，禁用的滤镜就又重新被启用了，舞台上的文本也恢复了，如图4-64所示。图4-64 查看启用滤镜后的效果步骤20 如果想
22、要同时禁用所有的滤镜，需要单击“添加滤镜”图标，在弹出的下拉列表中选择“禁用全部”命令，如图4-65所示。步骤21 此时，“滤镜”子面板的所有滤镜就一次性被全部禁用了，如果想要重新全部启用所有的滤镜，只要再次单击“添加滤镜”图标，在弹出的下拉列表中选择“启用全部”命令即可，如图4-66所示。步骤22 如果对设置的滤镜效果不满意，可以将其恢复到Flash默认的参数。方法是在“滤镜”子面板中选择要设置的滤镜选项，再单击“重置滤镜”图标 即可，如图4-67所示。27图4-65 选择“禁用全部”命令图4-66 选择“启用全部”命令图4-67 重置滤镜28 4.44.4优化优化FlashFlash作品作
23、品动画制作完成之后，最好先对动画进行优化，然后再发布。因为影片文件越大，动画的下载和回放时间也就变长。这个时间如果过长，会让使用者在不断的等待中失去耐心。因此对动画进行优化，尽可能地减少动画的文件大小是非常有必要的。优化动画可以通过以下几种方法来实现。1 1总体上的优化总体上的优化首先，可以从总体上对Flash动画进行优化，这些优化方法几乎对每个动画都适用，主要包含以下方面。l对于多次使用的元素或动画过程，应尽量转换为元件（图形元件或影片剪辑元件），因为重复使用元件并不会使文件增大。l尽可能使用补间动画，补间动画中的过渡帧是通过系统计算得到的，数据量相对于逐帧动画而言要小得多。l若要导入声音，
24、应尽可能使用数据量小的声音格式，如MP3格式。l导入的图片最好是JPG或GIF格式。l尽量避免对位图元素进行动画处理，一般将其作为背景或者静态元素。l不要在同一帧放置过多的元件，这样会增加Flash处理文件的时间。2 2元素和线条元素和线条从总体上对Flash动画做了优化后，还可以从细节上对动画进行优化，例如优化动画中的元素和线条。29l尽量将元素组合。l将在整个过程中都变化的元素与不变化的元素分放在不同的层上，以便加速Flash动画的处理过程。l使用“修改”|“形状”|“优化”命令，如图4-68所示，这样能最大程度地减少用于描述形状的分隔线的数量。 l限制特殊线条类型的数量，例如虚线、点状线
25、等。尽量使用实线，因为它所占体积较小。另外，由“铅笔工具”生成的线条比使用“刷子工具”生成的线条体积小。图4-68 选择“优化”命令3 3文本和字体文本和字体除了元素和线条外，如果适当地注意文本和字体，也可以起到优化动画的作用。l不要应用太多字体和样式。30l尽可能使用Flash内定的字体。尽量少使用嵌入字体，嵌入字体会增加文件的大小。l无特殊需要不要将字体打散成图形。 4.54.5发布服装广告发布服装广告优化好动画作品后，下面就可以测试并发布作品了。4 4颜色颜色丰富的颜色可以大大增强动画的表现力，但是在使用颜色的时候注意几个小事项，可以使制作出来的动画文件变得更小。l尽量少使用渐变色，使用
26、渐变填充比使用纯色填充占用空间大。l尽量少使用Alpha透明度，因为它会放慢动画的回放速度。5 5脚本脚本除了上面介绍的四个方面外，恰当地使用脚本，不但可以起到优化动画的作用，对于动画制作者来说制作动画的过程也会简单得多。 4.5.14.5.1测试测试测试测试FlashFlash作品作品作品作品如果要在本地计算机上测试动画，只需要打开要测试的Flash文件，然后按Ctrl+Enter组合键即可。通过测试可以查看制作的Flash文件效果，然后对不满意的地方进行调整修改，从而达到预想效果。31图4-69 选择“下载设置”命令动画在网络上的播放效果和在本地计算机上的播放效果是有差异的。因为在网络上，
27、动画会受到网络速度等因素的影响。下面介绍如何测试动画在网络上的播放效果，具体操作步骤如下。步骤1 首先打开要测试的动画，然后按Ctrl+Enter组合键打开该动画的测试界面，在窗口中选择“视图”|“下载设置”命令，在弹出的子菜单中不仅可以选择Flash中提供的网络速度，还可以自定义网络速度，如图4-69所示。这样，就可以模拟Flash动画在不同网络速度下的播放效果。步骤2 当需要自定义下载速度时，可以在SWF文件播放窗口中选择“视图”|“下载设置”|“自定义”命令，弹出“自定义下载设置”对话框，在其中自定义下载速度，如图4-70所示。图4-70 “自定义下载设置”对话框步骤3 在SWF文件播放
28、窗口中选择“视图”|“带宽设置”命令，可以显示带宽的显示图，如图4-71所示。32步骤4 此时在舞台的上方将出现一个数据流图表，通过图表右侧的窗格可以查看各帧数据的下载情况，此时选择任意一帧，播放将停止，可以从左边窗格中查看该帧的详细信息。步骤5 如果要查看哪个帧传输的时间比较多，可以在窗口中选择“视图”|“帧数图表”命令，如图4-72所示。图4-71 选择“带宽设置”命令图4-72 选择“帧数图表”命令步骤6 在SWF文件播放窗口中选择“视图”|“模拟下载”命令，可以打开或隐藏带宽显示图下方的SWF文件，如图4-73所示。步骤7 如果隐藏了SWF文件，将会开始加载隐藏的文件，并在左侧窗格中显
29、示加载进度，如图4-74所示。步骤8 测试完成后，关闭测试窗口，返回Flash窗口。33图4-73 选择“模拟下载”命令图4-74 查看隐藏SWF文件后的效果动画测试满意后，接下来就可以发布作品了，具体操作步骤如下。步骤1 在菜单栏中选择“文件”|“发布设置”命令，打开“发布设置”对话框，在此设置Flash影片参数，再单击“配置文件选项”图标，如图4-75所示。步骤2 在弹出的菜单中选择“创建配置文件”命令，如图4-76所示。步骤3 弹出“创建新配置文件”对话框，在“配置文件名称”文本框中输入新配置文件名称，再单击“确定”按钮，如图4-77所示。步骤4 若要复制配置文件，可以在“配置文件选项”
30、菜单中选择“直接复制配置文件”命令，然后在弹出的“直接复制配置文件”对话框中输入复制的配置文件的名称，再单击“确定”按钮即可，如图4-78所示。 4.5.24.5.2发布发布发布发布FlashFlash作品作品作品作品34图4-75 “发布设置”对话框图4-76 选择“创建配置文件”命令图4-77 “创建新配置文件”对话框图4-78 “直接复制配置文件”对话框步骤5 若要修改配置文件名称，可以在“配置文件选项”菜单中选择“重命名配置文件”命令，接着在弹出的“配置文件属性”对话框中输入新名称，再单击“确定”按钮，如图4-79所示。35图4-79 “配置文件属性”对话框图4-80 单击“确定”按钮图4-81 “导出配置文件”对话框步骤7 若要导出配置文件，可以在“配置文件选项”菜单中选择“导出配置文件”命令，弹出“导出配置文件”对话框，选择配置文件保存位置，并在“文件名”文本框中输入新的文件名称，最后单击“保存”按钮，如图4-81所示。步骤8 设置完毕之后，单击“发布”按钮，发布作品，再单击“确定”按钮保存设置。步骤6 若要删除配置文件，可以在“配置文件选项”菜单中选择“删除配置文件”命令，接着在弹出的对话框中单击“确定”按钮即可，如图4-80所示。36
