flashcs6教程4

第4章经典实例：制作服装广告●4.1要点分析●4.2制作服装广告●4.2.1导入服装图片●4.2.2编辑服装图片●4.2.3设计广告文本●4.3对广告中的文本应用滤镜效果●4.3.1滤镜的类型●4.3.2为标题文本应用滤镜效果●4.4优化Flash作品●4.5发布服装广告●4.5.1测试Flash作品●4.5.2发布Flash作品●4.2制作服装广告下面以制作反季节特价销售衣服为例，介绍如何制作服装广告，具体操作如下。首先将需要的服装图片导入“库”面板中，具体操作步骤如下。步骤1新建“特价服饰.fla”文件，并在“属性”面板中调整其参数，如图4-1所示。步骤2在菜单栏中选择“文件”|“导入”|“导入到库”命令，如图4-2所示。●4.2.1导入服装图片图4-1新建“特价服饰.fla”文件图4-2选择“导入到舞台”命令●4.1要点分析步骤3弹出“导入到库”对话框，选择要使用的图片，再单击“打开”按钮，如图4-3所示。图4-3“导入到库”对话框对于导入到“库”中的位图图片，用户可以先对其进行修改，再将其应用到舞台中，具体操作步骤如下。步骤1选中“库”中的位图图片并右击，从弹出的快捷菜单中选择“属性”命令，如图4-4所示。步骤2打开“位图属性”对话框，根据具体需要进行设置，再单击“确定”按钮，如图4-5所示。步骤3从“库”面板中拖动图片1到舞台中，如图4-8所示。步骤4在舞台中单击图片，然后根据文档大小在“属性”面板中调整图片大小，并设置X、Y坐标为0，效果如图4-9所示。●4.2.2编辑服装图片图4-4选择“属性”命令图4-5“位图属性”对话框步骤5在“时间轴”面板中右击第8帧，从弹出的快捷菜单中选择“插入关键帧”命令，如图4-10所示。图4-8将图片1插入到舞台中图4-9设置图片属性步骤6单击第8帧中的图形，然后在“属性”面板中单击“交换”按钮，如图4-11所示。图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-15所示。步骤2在舞台中添加如图4-16所示的文本。步骤3选中文本，接着在“属性”面板中调整文本大小和字体样式，如图4-17所示。步骤4选中文本，按Ctrl+B组合键打散文本，效果如图4-18所示。●4.2.3设计广告文本图4-15设置文本工具图4-16添加文本步骤5向上移动“反”字符，向下移动“销”字符，然后选中“反季大促销”字符，按Ctrl+K组合键打开“对齐”面板，单击“垂直平均间隔”图标，使字符等间距，如图4-19所示。图4-17调整文本大小和字体样式图4-18查看文本分离效果图4-20为文本设置不同颜色图4-19调整文本间距步骤6使用类似方法调整“预购从速”，再为“反季大促销”设置5种不同的颜色，效果如图4-20所示。步骤7在图层2中的第8帧插入关键帧，接着选中该帧上的所有文本并右击，从弹出的快捷菜单中选择“转换为元件”命令，如图4-21所示。步骤8弹出“转换为元件”对话框，输入元件名称，并设置类型为“图形”，再单击“确定”按钮，如图4-22所示。步骤9单击元件实例，接着在“属性”面板中的“色彩效果”子面板中，设置样式为“Alpha”且Alpha值为0，隐藏文字，如图4-23所示。步骤10在图层2中第1～8帧中间右击，从弹出的快捷菜单中选择“创建传统补间”命令，如图4-24所示。图4-21选择“转换为元件”命令图4-22“转换为元件”对话框图4-23设置Alpha值图4-24选择“创建传统补间”命令图4-26绘制矩形图4-25选择“删除帧”命令步骤11在图层2中选中9～40帧并右击，从弹出的快捷菜单中选择“删除帧”命令，如图4-25所示。步骤12新建图层3，然后在第8帧插入关键帧，接着使用矩形工具在舞台中绘制一个不带边框的紫色矩形，如图4-26所示。步骤13复制该矩形，然后调整新矩形的颜色为粉红色，如图4-27所示。步骤14使用选择工具调整粉红色矩形的位置，使其位于第一个矩形上方略向下，如图4-28所示。步骤15使用文本工具添加“反季促销”文本，如图4-29所示。步骤16新建图层4，然后在第8帧插入关键帧，接着使用文本工具绘制文本框并输入“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调整折扣数值●4.3对广告中的文本应用滤镜效果在Flash中，用户可以给同一个文本对象同时应用多个滤镜，也可以删除应用的滤镜效果。滤镜主要有“投影”、“模糊”、“发光”、“斜角”、“渐变发光”、“渐变斜角”和“调整颜色”等几种类型，下面将分别对滤镜的各种类型进行详细介绍。1．投影投影滤镜可以模拟对象表面的投影效果。投影滤镜的“属性”面板如图4-34所示。其中，各参数的含义如下。模糊X：设置投影的宽度。模糊Y：设置投影的高度。强度：设置阴影暗度。数值越大，阴影就越暗。品质：选择投影的质量级别。单击右侧的下拉按钮，在弹出的下拉列表中包括三个选项，如图4-35所示。一般默认为“低”选项。角度：设置阴影的角度，用户可以直接在文本框中输入数值。距离：设置阴影与对象之间的距离。挖空：挖空(从视觉上隐藏)源对象，并在挖空图像上只显示投影。内阴影：在对象边界内应用阴影。隐藏对象：隐藏对象，只显示对象的阴影。●4.3.1滤镜的类型图4-34投影滤镜的“属性”面板图4-35设置滤镜品质颜色：单击右侧的颜色块，可以打开调色板，设置阴影的颜色，如图4-36所示。图4-36查看投影滤镜的颜色图4-37模糊滤镜的“属性”面板2．模糊模糊滤镜可以柔化对象的边缘和细节，将模糊滤镜应用于对象，可以使该对象看起来像是位于其他对象的后面，或者使对象看起来好像是运动的。模糊滤镜的“属性”面板如图4-37所示，各参数的含义分别如下。其中，各参数的含义如下。模糊X：设置模糊的宽度。模糊Y：设置模糊的高度。品质：设置模糊的级别，设置为“高”则近似于高斯模糊；设置为“低”可以实现最佳的回放性能。3．发光使用发光滤镜，可以为对象的整个边缘应用颜色。发光滤镜的“属性”面板如图4-38所示，各参数的含义如下。图4-38发光滤镜的“属性”面板其中，各参数的含义如下。模糊X：设置发光的宽度。模糊Y：设置发光的高度。强度：设置发光的清晰度。品质：设置发光的质量级别，设置为“低”可以实现最佳的回放性能。颜色：打开调色板，设置发光颜色。挖空：挖空(从视觉上隐藏)源对象，并在挖空图像上显示出发光效果。内发光：在对象边界内应用发光。4．斜角应用斜角滤镜实际上就是向对象应用加亮效果，使其看起来凸出于背景表面。应用斜角滤镜可以创建内斜角、外斜角或者完全斜角。斜角滤镜的“属性”面板如图4-39所示，各参数的含义分别如下。图4-39斜角滤镜的“属性”面板其中，各参数的含义如下。模糊X：设置斜角的宽度。模糊Y：设置斜角的高度。强度：设置斜角的不透明度，而不影响其宽度。品质：设置斜角的质量级别。阴影：设置斜角的阴影颜色。加亮显示：设置加亮颜色。角度：拖动角度盘或直接输入数值，更改斜边投下的阴影角度。距离：输入一个数值以定义斜角的宽度。挖空：挖空(从视觉上隐藏)源对象，并在挖空图像上只显示出斜角。类型：设置要应用到对象的斜角类型。单击右侧的下拉按钮，在弹出的下拉列表中包括“内侧”、“外侧”和“全部”三个选项，如图4-40所示。5．渐变发光应用渐变发光滤镜，可以在发光表面产生带渐变颜色的发光效果。渐变发光要求选择一种颜色作为渐变开始的颜色，该颜色的Alpha值为0。用户无法改变渐变色的渐变程度，但可以改变渐变色的颜色。渐变发光滤镜的“属性”面板如图4-41所示，各参数的含义分别如下。图4-40设置斜角滤镜颜色和类型后的效果图4-41渐变发光滤镜的“属性”面板图4-42设置渐变发光滤镜的渐变参数模糊X：设置渐变发光的宽度。模糊Y：设置渐变发光的高度。强度：设置渐变发光的不透明度，不影响宽度。品质：设置渐变发光的质量级别。角度：更改渐变发光投下的阴影角度。距离：设置阴影与对象之间的距离。挖空：挖空(从视觉上隐藏)源对象，并在挖空图像上只显示渐变发光。类型：选择要应用到对象的渐变斜角类型，包括“内侧”、“外侧”和“全部”三种类型。渐变：指定渐变发光的渐变颜色。单击该按钮，将弹出渐变条，如图4-42所示。图4-43渐变斜角滤镜的“属性”面板模糊X：设置渐变斜角的宽度。模糊Y：设置渐变斜角的高度。强度：输入一个数值用以改变渐变斜角的平滑度，而不影响斜角宽度。品质：设置渐变斜角的质量级别。角度：设置光源的角度。距离：设置阴影与对象之间的距离。挖空：挖空(从视觉上隐藏)源对象，并在挖空图像上只显示渐变斜角。类型：选择要应用到对象的渐变斜角类型，包括“内侧”、“外侧”和“全部”三种类型。6．渐变斜角应用渐变斜角滤镜可以产生一种凸起效果，使对象看起来好像从背景上凸起，并且斜角表面有渐变颜色。渐变斜角要求渐变的中间有一种颜色，并且该颜色的Alpha值为0。渐变斜角滤镜的“属性”面板如图4-43所示，各参数的含义分别如下。亮度：调整对象的亮度。对比度：调整图像的加亮、阴影及中调。饱和度：调整颜色的强度。色相：调整颜色的深浅。7．调整颜色使用调整颜色滤镜，可以调整对象的亮度、对比度、色相和饱和度。调整颜色滤镜的“属性”面板如图4-44所示，各参数的含义分别如下。图4-44调整颜色滤镜的“属性”面板为某个对象应用滤镜效果的操作步骤如下。步骤1在“库”面板中右击“标题”元件，从弹出的快捷菜单中选择“编辑”命令，如图4-45所示。步骤2进入元件编辑窗格，选择要应用滤镜效果的文本，接着在“属性”面板中展开“滤镜”子面板，再单击“添加滤镜”图标，如图4-46所示。●4.3.2为标题文本应用滤镜效果图4-45选择“编辑”命令图4-46单击“添加滤镜”图标步骤3从弹出的菜单中选择要使用的滤镜效果，这里选择“投影”命令，如图4-47所示。步骤4应用投影后的文本效果如图4-48所示。图4-48查看应用投影后的效果图4-47选择“投影”命令步骤7弹出“将预设另存为”对话框，在“预设名称”文本框中输入滤镜名称后，单击“确定”按钮即可保存滤镜效果，如图4-51所示。步骤5更改“投影”滤镜的参数，得到如图4-49所示的效果。步骤6滤镜效果设置完毕后，若要保存预设滤镜，可以在“滤镜”面板中单击“预设”图标，从弹出的下拉列表中选择“另存为”命令，如图4-50所示。图4-49调整滤镜参数图4-50单击“预设”图标图4-51“将预设另存为”对话框步骤8再次单击“预设”图标，在弹出的下拉列表中即可看到刚刚保存的“标题投影”滤镜效果，如图4-52所示。选择该选项，即可应用该预设滤镜。图4-52查看保存的滤镜效果步骤9如果要重命名保存的预设滤镜，可以单击“预设”图标，从弹出的下拉列表中选择“重命名”命令，如图4-53所示。图4-53选择“重命名”命令步骤10弹出“重命名预设”对话框，在列表框中显示出了当前预设滤镜的