专题：FireWorks+Flash.pptVIP

中国矿业大学网络中心 中国矿业大学网络中心 网页设计基础 网络中心：王大阜 Tel Mail:wdf@cumt.edu.cn * 网页设计基础 专题：FireWorks + Flash FireWorks Flash 8 SwishMax 4.0 * 网页设计基础 1.1FireWorks概述 矢量图 使用称为“矢量”的线条和曲线（包括颜色和位置信息）呈现图形。 编辑矢量图形时，修改的是描述其形状的线条和曲线的属性，而不是像素点，所以矢量图放大后仍然保持清晰。 位图图像: 由像素点描述图像，图像是由每个像素点的位置和颜色值决定的。 放大位图图像时，会变得模糊，变成马赛克状 * 网页设计基础 1.1FireWorks概述 Fireworks界面 * 网页设计基础 1.1FireWorks概述 Fireworks界面 工具箱 有些按钮右下角有箭头，点击按钮不松手， 可以看到很多子选项 选择： 实心箭头：全部选定工具 选中整个对象，四周出现“缩放点” 空心箭头：部分选定工具 选中某对象的路径，四周出现“控制点” 如何选中多个对象？ 按住Shift键使用实心箭头，选中多个对象 * 网页设计基础 1.1FireWorks概述 Fireworks界面 属性面板 画布的属性 某个图形对象的属性（实心指针） 画布大小和对象尺寸吻合 修改画布大小，注意基准点 X,Y是对象的坐标，画布左上角顶点坐标是（0,0） 滤镜效果很多，如发光、浮雕、模糊、投影等 * 网页设计基础 1.2FireWorks操作 Fireworks文件操作 新建文档 适用于制作网页效果图和其他平面效果图的时候 操作：“文件”-“新建” 打开文件 Fireworks可以打开Photoshop格式(psd)的图片或gif、jpg等图片 操作：“文件”-“新建” OR 鼠标拖拽图片文件到Fireworks界面的任意区域，但不能拖动到工作区中，那就相当于导入文件 导入文件 适用情形：要在一张图片上插入其他的图片 操作：“文件”-“导入” 保存文件 “文件”-“保存”，保存的是png格式文件，保留了图片的原始信息，方便今后修改，与PhotoShop类似 导出文件 “文件”-“图像预览” -设置相关属性-“导出” * 网页设计基础 1.2FireWorks操作 Fireworks图形处理操作 Fireworks操作分为两类： 编辑图片素材（如裁剪图片、去掉照片的背景颜色） 自己绘制图形（如网页效果图，大多数操作都是绘制操作） 编辑图片素材： 改变图片大小、裁剪 “先选择，后操作“，选择，即创建选区，工具有： 矩形选取框，椭圆选取框，套索，多边形套索，魔术棒 * 网页设计基础 1.2.1 编辑位图 选区操作： 创建选区，“边缘”选项，有三种 “实边”：选取框严格按照鼠标操作产生区域 “消除锯齿”：防止出现锯齿 “羽化”：柔滑选区边缘（边缘模糊） 选区操作： 删除：Delete键 复制：Ctrl+C,Ctrl+V 移动：实心选定工具，移动选取，原选取变成”空洞“ 反向选取：鼠标右击-”修改选取框”-“反选” 取消选取框：ESC键 绘制多个选区，可按住Shift键 矩形选取框，操作时，按住Shift键可绘制正方形，如再按住Alt键，会从中心点绘制 椭圆选取框，同上 * 网页设计基础 1.2.2 矢量位图 绘制矢量图形 矢量图形基本构成 笔触颜色、粗细、样式 填充颜色 笔触 填充 * 网页设计基础 1.2.2 矢量位图 绘制矢量图形 矢量图形种类 直线 矩形 正方形（按键与选取操作一致） 椭圆形 圆形（按键与选取操作一致） 多边形 自由形状 很多 圆角矩形 缩放点 控制点，按住Alt键拖拽变成直角 * 网页设计基础 1.2.2 矢量位图 绘制矢量图形 填充颜色 实心（纯颜色） 渐变（两种或两种以上颜色的过渡，通常选择”线性“选项） 图案 渐变结束颜色 渐变开始颜色 渐变开始透明度 渐变结束透明度 渐变中间颜色 渐变引导线 可平移引导线 可旋转、伸缩引导线 * 网页设计基础 1.2.2 矢量位图 编辑文字 安装字体 Windows自带的字体目录：C:\Windows\Fonts，但一般不具有艺术效果，需下载字体，字体文件扩展名为ttf。下载后，复制到字体目录，重启FireWorks即可使用。 字体操作 字体、大小、颜色、字间距、描边（笔触） 投影 倒影字 选中文字对象，按住ALT键拖动复制，为倒影使用 先垂直翻转[修改-变形-垂直翻转] 后线性渐变色填充字体） 笔触 滤镜-投影 字间距 * 网页设计基础 1.2.3 蒙版 蒙版 蒙版作用是显示图像的某些区域或使图像由模糊到清晰进行过渡的技术，