-彭煜玮.PPT

网页切片示例 4．选中一切片对象，在属性检查器的“对象名称”域中可设置切片名称，也可采用系统自动设定的名称，在“链接”域中输入切片链接的URL对象，“Alt”域中输入图像的替换文本，在“切片导出设置”下拉列表框中选择切片图像的保存格式。 5．为所有切片对象设置好属性值后，选择“文件”|“导出”菜单命令，打开“导出”对话框，选择存放的文件夹并设定保存的文件名，单击“保存”按钮完成。 6．打开存放的文件夹，可以发现Fireworks 8自动生成了一批图像文件和网页文件。可用IE浏览器打开网页文件查看效果。 * 简单动画制作 动画图形可以为网站增加一种活泼生动、复杂多变的外观。在Fireworks 8中，用户可以创建包含活动的横幅广告、徽标和卡通形象的动画图形。例如，可以在徽标淡入淡出的同时让公司的吉祥物在网页上来回跳动。 在Fireworks 8中制作动画的一种方法是通过创建元件并不停地改变它们的属性来产生运动的错觉。可以对元件应用不同的设置以逐渐改变连续帧的内容，也可以让一个元件在画布上来回移动、淡入或淡出、变大或变小或者旋转。 * 简单动画制作示例 制作步骤如下： 1. 打开一张背景图片 2. 打开“帧”面板，将第1帧复制25帧，设置新帧都放在当前帧之后。 3. 在图形中加入个性化图标，并把它转化为图形元件，名称为“Pic1” 。 * 简单动画制作示例 4. 选择第1帧，从“库”面板中拖出图形元件Pic1的三个实例放在画布中，并将第二个实例旋转到一定角度。 5. 同时选中图形元件Pic1的三个实例，选择“修改”|“元件”|“补间实例”菜单项，弹出如图所示对话框。设置步骤为10，并选中“分散到帧”复选框，点击“确定”按钮后，Fireworks 8自动添加补间实例到相应帧。 6. 点击画布下方的“播放”按钮观察动画效果，并保存为文件“例9.gif”。 * 课后练习 1. 利用什么工具可以旋转对象？ 2. 滤镜菜单中的斜角方式有哪几种？浮雕方式有哪几种？ 3. “部分选取”工具有什么特别作用？ 4. 制作弹出式菜单的主要步骤是什么？ 5. 利用Fireworks制作动画时，如何调整每个帧的播放时间？ * * * 一节课讲到40page 第十三章 Fireworks 制作实例 彭煜玮 武汉大学计算机学院 2009.9 * Fireworks制作实例 我们将通过实例介绍如何利用Fireworks 制作网页图片，通过它们进一步学习Fireworks 工具和面板的灵活使用。 * 路径文字 如果希望文本不受矩形文本块的限制，可以绘制路径并将文本附加到它。文本将顺着路径的形状排列并且保持可编辑性。 将文本附加到路径后，该路径会暂时失去其笔触、填充以及效果属性。用户随后应用的任何笔触、填充和效果属性都将应用到文本，而不是路径。如果之后将文本从路径分离出来，该路径会重新获得其笔触、填充以及效果属性。 * 制作环绕文字 以下是制作环绕文字的具体步骤： 1．新建宽度为300像素，高度为200像素的文件，背景设为白色。 2．选择“工具”面板中的“文本”工具，在工作区输入文本“，字体选择“Arial Black”，字号为20像素大小，颜色为黑色，如图所示。 3．选择“工具”面板“矢量”部分的“椭圆”工具。 4．按住“Shift”键，在工作区画一个圆，并在“属性”检查器中设置新的宽度和高度值均为108。 * 制作环绕文字 5．单击“填充颜色框”图标，在颜色弹出窗口中点击“透明按钮”。 6．选中“描边”工具 ，在“描边种类”中选择“铅笔”|“1 象素柔化”。 7．按住Shift键，使用“指针”工具同时选择圆和文字。 8．打开“文本”菜单，单击“附加到路径”菜单命令，环绕文字效果如图所示。 * 制作环绕文字 9. 如果想旋转文字，选择“工具”面板中的“缩放工具”，出现圆形箭头，就可以旋转文字。 10．如果希望文本沿路径的内侧排列，选择“文本”菜单中的“倒转方向”。 11．打开另一幅图片，从其中复制徽标到圆的中心位置。 12．设置文本的颜色为#FF3300，并可根据内容尺寸重设画布大小。 13．单击“文件”菜单中的“保存”，将图像保存为例4.png。 * 蒙版效果 Fireworks 8中的蒙版能够隐藏/显示对象或图像的某些部分，可以使用蒙版技术在对象上实现许多种创意效果。 用矢量对象创建蒙版时，矢量对象的路径轮廓可用于剪贴或裁剪其它对象。当位图对象用作蒙版时，其像素的亮度或者其透明度会影响其它对象的可见性。 * 文本蒙版 文本蒙版是一种矢量蒙版。应用文本蒙版的方式与使用已有对象应用蒙版的方式一样：只需将文本用作蒙版对象即可。应用文本蒙版的常用方法是使用其路径轮廓，但也可以使用其灰度外观产生遮罩效果。 * 文字蒙盖图像效果 1．打开一