《Fireworks 案例训练》.docVIP

Fireworks 案例训练 目 录 实例1：立体感文字的制作效果 2 实例2：笔触特效 5 实例3：自动形状属性面板的应用 9 实例4：制作精美网页效果图 15 实例5：笔触与选区实现残破照片边缘特效 22 实例6：蝴蝶翻飞巧写书法字 26 实例7：制作旧照片效果 30 实例8：制作照片连续滚动效果 34 实例9：Banner广告动画 40 实例1：立体感文字的制作效果 (实例说明 本例将利用【阴影和光晕】|【发光】和【斜角和浮雕】|【凸起浮雕】两种“效果”,制作一个富有立体感的文字效果，用它可以做网站的站标或图片的水印等等。最终效果如图1.9所示。 (学习目标 通过本例学习，应能掌握【阴影和光晕】|【发光】和【斜角和浮雕】|【凸起浮雕】两种“效果”的应用。 (操作步骤 启动Fireworks MX 8.0软件，新建一个Fireworks 文档。选择【文件】|【新建】命令，打开“新建文档”对话框，将“宽度”设置为300像素，“高度”设置为100像素，“分辨率”为72像素/英寸，画面颜色为“白色”，如图1.1所示 图1.1所示 （2）选择【文本工具】，打开【属性】面板，设置字体为:华文新魏，字号为:50，颜色为:红色，如图1.2所示。 图1.2所示 （3）在文档编辑窗口中输入文字“网页设计”，如图1.3所示。 图1.3所示 （4）选择“指针”工具，选中文字，在【属性】面板点击“效果”后面的，选择【滤镜】|【阴影和光晕】|【发光】命令，如图1.4所示。 图1.4所示 （5）打开【发光】滤镜面板，如图1.5所示，设置各参数，然后在空白处单击一下鼠标。文字效果如图1.6所示。 图1.5所示 图1.6所示 　 （6）选择【滤镜】|【斜角和浮雕】|【凸起浮雕】命令，如图1.7所示。 图1.7所示 （7）在【凸起浮雕】面板中如图1.8设置各参数，最终效果如图1.9所示。 图1.8所示 　 图1.9所示 实例2：笔触特效 (实例说明 本例将利用【笔触选项…】, 【高级…】中【选项】、【形状】、 【敏感度】三个选项卡，进行“编辑笔触”，制作一个文字的笔触特效，最终效果如图2.10所示。 (学习目标 通过本例学习，应能掌握文字添加描边、高级笔触特殊效果的应用。 (操作步骤 （1）启动Fireworks MX 8.0软件，新建一个Fireworks 文档。选择【文件】|【新建】命令，打开“新建文档”对话框，将“宽度”设置为450像素，“高度”设置为300像素，“分辨率”为72像素/英寸，画面颜色为“白色”，如图2.1所示。 图2.1所示 （2）在工具面板中选择【文本】工具，输入“desk”（可以人任意输入）。如图2.2所示。 图2.2所示 （3）在【文本属性】面板中更改文字字型、颜色和字体大小，字体为：Arial Black，颜色为：白色，字体大小为： 50，其他属性设置如图2.3所示。 图2.3所示 （4）在【属性】面板中为文字添加描边效果。笔触颜色为：#3399FF，钩选【在笔角上方填充】选项，如图2.4所示。 （5）单击图2.4下方的【笔触选项…】按钮，选择描边种类为：水彩，笔触名称为：加粗，将笔尖边缘柔化拉到最顶端，尖端大小设为：72，纹理总量为：0%，如图2.5所示。 图2.4所示 图2.5所示 （6）再点击图2.5 的【高级…】按钮，出现【编辑笔触】对话框，如图2.6所示。在【选项】选项卡中，墨量为：100%，、间距为：0%，流动速率为：0，勾选【建立】选项，纹理和边缘纹理全为：0，边缘效果也为：无。笔尖为：10，笔尖间距为：97%，变量为：阴影，虚线为：无。 图2.6所示 （7）在【形状】选项卡中，大小为：72，边缘为：100，方向为：2，角度为：336，如图2.7所示。 图2.7所示 （8）在【敏感度】选项卡中，在【笔触属性】中选择【角度】，再在【影响因素】项目中，把速度改为：100，如图2.8所示。同理，再把【离散】项目中的垂直改为：100，随机改为：7，其他都为：0，如图2.9所示。 图2.8所示 图2.9所示 （9）点击【确定】按钮，退出【编辑笔触】对话框，最终效果如图2.10所示。 图2.10所示 实例3：自动形状属性面板的应用 (实例说明 本例将利用Fireworks 8 新增的【自动形状属性】面板对【自动形状】对象进行自由、精确的控制。通过【自动形状属性】面板上的数值控制，可以轻松的作出很多奇妙的效果，如图3.1所示，是通过对【圆角矩形自动形状】对象的调整