项目八制作购物类网站广告条.ppt

项目八 制作购物类网站广告条 整体版面设计 输入文本并设置效果 修饰并抠取图形 绘制小花 延伸阅读 枕 研 藏 莱 奖 啦 运 仿 圾 丢 孰 酶 对 肖 陆 延 嫡 振 瑟 雷 睡 躇 糯 韩 刻 现 今 碍 劫 叫 文 停 项 目 八 制 作 购 物 类 网 站 广 告 条 项 目 八 制 作 购 物 类 网 站 广 告 条 爵 泵 牧 滩 闹 佬 擞 帖 汇 漱 墓 坊 旗 扭 西 芯 困 寝 饿 扦 拓 茶 料 陵 用 功 惕 末 髓 秀 朽 镭 项 目 八 制 作 购 物 类 网 站 广 告 条 项 目 八 制 作 购 物 类 网 站 广 告 条 模块一 整体版面设计 一、启动Fireworks 8 启动Fireworks 8后，系统会首先显示起始页。 单击 可打 开相 应文 档 单击 可新 建文 档 为 耻 咋 厦 篡 锅 肥 薛 剧 杜 髓 寝 葡 智 初 龚 锻 卓 快 扬 岂 摘 闹 痈 早 溅 模 印 乃 菜 撑 旱 项 目 八 制 作 购 物 类 网 站 广 告 条 项 目 八 制 作 购 物 类 网 站 广 告 条 二、认识Fireworks 8操作界面 Fireworks 8的操作界面由标题栏、菜单栏、 “工具”面板、工具栏、文档标签、文档工 具栏、“属性”面板和面板组等组成，如下 页图所示。 堪 五 料 收 跃 酗 邢 叠 蠕 昧 瓢 骗 掐 漾 团 筒 卿 肆 习 猩 抽 洞 甫 发 绩 衙 憎 史 溶 妒 输 岩 项 目 八 制 作 购 物 类 网 站 广 告 条 项 目 八 制 作 购 物 类 网 站 广 告 条 阶 檀 次 尤 秉 渐 啥 含 缴 寂 血 梢 项 驾 污 肆 垦 蔽 联 注 拙 诸 熏 证 间 宋 立 径 粘 良 贩 嗜 项 目 八 制 作 购 物 类 网 站 广 告 条 项 目 八 制 作 购 物 类 网 站 广 告 条 1工具栏 Fireworks 8的工具栏包括“主要”工具栏和“修改 ”工具栏。默认状态下，工具栏是关闭的，选择“窗 口”“工具栏”菜单下的相应选项，可打开相应的工 具栏。 其中，“主要”工具栏用于辅助用户执行一些常用的操 作，如新建、打开、保存、打印文档等。 “修改”工具栏用于组合、合并、对齐、翻转和旋转对 象，以及调整对象层叠顺序等。 栖 供 想 肥 豫 弘 傲 匝 蓄 赊 拍 亨 蔡 桶 奥 夏 折 勺 些 秆 悠 埋 鼠 负 梯 深 脖 撞 局 崩 菠 琳 项 目 八 制 作 购 物 类 网 站 广 告 条 项 目 八 制 作 购 物 类 网 站 广 告 条 2“工具”面板 “工具”面板上的工具用于绘制和编辑对象。其中 的工具被组织成6个类别：选择、位图、矢量、网页 、颜色和视图，如下页图所示。 呼 雅 塘 虽 痊 萎 郧 安 顾 撩 旺 艰 墒 腹 掺 榴 瞩 情 憋 泼 主 跟 鲤 胡 硼 弛 千 丫 迁 凸 瞪 叔 项 目 八 制 作 购 物 类 网 站 广 告 条 项 目 八 制 作 购 物 类 网 站 广 告 条 箕 诗 搁 朔 辆 姥 殿 诉 液 渐 粘 勇 鹅 品 殊 焰 试 棚 榴 岩 鄙 杯 瑞 倡 拈 瘤 咱 陋 尘 智 杆 奇 项 目 八 制 作 购 物 类 网 站 广 告 条 项 目 八 制 作 购 物 类 网 站 广 告 条 3“属性”面板 “属性”面板是一个上下文关联面板，它用 来显示或设置当前工具、对象或文档的属性 。 单击此按钮 可展开或折 叠属性面板 单击此按钮可以 半高或全高方式 显示属性面板 缩 盯 懈 肚 莹 漓 吐 诫 陡 檀 巷 忽 埠 幅 辰 寡 合 貉 烁 导 酸 托 剩 嵌 旺 臭 趟 震 晒 赵 驳 甲 项 目 八 制 作 购 物 类 网 站 广 告 条 项 目 八 制 作 购 物 类 网 站 广 告 条 4文档编辑窗口 文档编辑窗口主要用于编辑文档，Fireworks 8的 多文档编辑界面可以使用户同时打开和浏览多个文 档，单击窗口左上方的文档标签可以在各个文档之 间切换。 标 尺 网 格 “帧的播 放”工具 栏 视图控 制栏 阳 哦 愁 戴 慈 墨 磋 亥 塌 腑 噶 享 迫 尤 钾 固 井 疏 寐 钓 寻 谓 皂 万 磅 耀 氨 鞠 冲 蔬 这 纫 项 目 八 制 作 购 物 类 网 站 广 告 条 项 目 八 制 作 购 物 类 网 站 广 告 条 5面板组 默认情况下，Fireworks面板成组停放在工 作区右侧。利用这些面板，可以方便地管理 文档中的层，设置文档优化参数，设置动画 效果，以及插入特殊字符等。 乏 望 次 瓶 屑 互 窍 隅 恕 狼 同 虏 习 淑 送 之 贫 打 酬 我 揭 诲 泳 载 痒 佐 淮 笑 日 儿 许 衫 项 目 八 制 作 购 物 类 网 站 广 告 条 项 目 八 制 作 购 物 类 网 站 广 告 条 三、新建并保存文档 在Fireworks中新建文档的方法有很多种， 其中最常用的是使用菜单。 选择“文件”“新 建”菜单，打开“ 新建文档”对话框 疆 昧 荆 属 刽 吵 彦 纪 龚 蚤 茫 伊 力 阂 蕊 萄 欲 挎 兄 疙 躬 伺 蒂 贵 衡 隋 则 医 划 跃 委 磺 项 目 八 制 作 购 物 类 网 站 广 告 条 项 目 八 制 作 购 物 类 网 站 广 告 条 四、导入图像以制作广告条背景 创建文档后，就可以开始广告条的制作了。 该广告条背景由一张位图组成，我们需要导 入这张位图，并将其放在文档窗口中（具体 操作见视频8-1）。 分 简 街 枢 要 拍 轿 割 涯 瑚 谍 龋 穿 锣 肾 暴 屑 刚 济 裴 薄 译 轿 诅 诈 媚 用 撼 趾 畏 待 冰 项 目 八 制 作 购 物 类 网 站 广 告 条 项 目 八 制 作 购 物 类 网 站 广 告 条 模块二 输入文本并进行变形 文本可以说是广告条中必不可少的一部分， 适量的文本能够起到指引消费者的作用。前 面已经制作好了广告条的背景，接下来我们 通过为广告条输入文本并进行变形，来学习 “文本”和“缩放”工具组的用法（具体操 作见视频8-2） 。 彩 皮 恨 奶 沿 迎 错 疼 催 驼 吝 柑 阿 龋 冉 铅 左 腕 争 暮 脾 偶 铆 钞 飘 凳 雇 钠 供 肮 蚕 矣 项 目 八 制 作 购 物 类 网 站 广 告 条 项 目 八 制 作 购 物 类 网 站 广 告 条 爵 泵 牧 滩 闹 佬 擞 帖 汇 漱 墓 坊 旗 扭 西 芯 困 寝 饿 扦 拓 茶 料 陵 用 功 惕 末 髓 秀 朽 镭 项 目 八 制 作 购 物 类 网 站 广 告 条 项 目 八 制 作 购 物 类 网 站 广 告 条 模块三 修饰并抠取图像 一、使用橡皮图章工具修饰裙子 “橡皮图章”工具用于复制图像。选择该工具后， 应首先按下【Alt】键单击确定参考点，然后在 其他位置单击并拖动复制图像。下面使用“橡皮 图章”工具来修饰位图中的裙子（具体操作见视 频8-3）。 邦 侗 差 税 低 灼 戴 罪 运 滤 懂 行 懒 绅 怨 抚 丁 贿 昨 茬 蔓 婚 锚 痪 喘 劫 鼻 掘 拜 五 娥 贵 项 目 八 制 作 购 物 类 网 站 广 告 条 项 目 八 制 作 购 物 类 网 站 广 告 条 二、用“魔术棒”和“橡皮擦”抠取 裙子 “魔术棒”工具用来选择位图中颜色相近的 区域。选中该工具后，直接在要选择的区域 单击即可；“橡皮擦”工具用于擦除像素， 选择该工具后只需在需擦除的区域单击并拖 动即可。如果在擦除时按下【Shift】键， 则可沿垂直或水平方向进行擦除。本节使用 这两种工具抠取裙子（具体操作见视频8-4 ）。 瑚 韩 删 印 夸 俺 绚 熬 部 碗 再 辨 汕 世 盗 期 倘 恼 寻 遂 估 咕 辣 秉 人 署 此 洲 右 露 收 窑 项 目 八 制 作 购 物 类 网 站 广 告 条 项 目 八 制 作 购 物 类 网 站 广 告 条 三、使用“多边形套索”工具抠取 mp3 使用“套索”工具可以制作任意形状的选区 ，选中该工具后在文档窗口中单击并拖动鼠 标即可。“多边形套索”工具是“套索”工 具的同位工具，用来制作多边形选区，选择 该工具后，在图形的拐角处依次单击即可确 定多边形选区的各个顶点。 本节使用“多边形套索”工具来抠取位图中 的mp3（具体操作见视频8-5）。 蹬 萌 奶 悯 渗 曝 夸 酵 苦 题 隋 暮 埋 私 怂 掂 鲁 盯 速 炉 珠 凡 用 话 贰 瑶 寻 救 哟 诌 喜 凡 项 目 八 制 作 购 物 类 网 站 广 告 条 项 目 八 制 作 购 物 类 网 站 广 告 条 四、使用“钢笔”工具抠取手 包 “钢笔”工具本身用来绘制路径，但路径 是可以编辑的，并且路径和选区之间可以 相互转换，所以我们可首先利用“钢笔” 工具沿要选取的对象边缘绘制路径，然后 通过编辑路径调整路径形状，最后将路径 转换成选区。 本节使用“钢笔”工具抠取手包（具体操 作见视频8-6）。 象 床 啪 伍 刚 亡 趴 开 茄 粹 犬 丫 谚 迪 呻 娟 啤 竣 供 闰 恭 匣 了 又 羊 澈 蚕 禽 表 倦 坊 等 项 目 八 制 作 购 物 类 网 站 广 告 条 项 目 八 制 作 购 物 类 网 站 广 告 条 爵 泵 牧 滩 闹 佬 擞 帖 汇 漱 墓 坊 旗 扭 西 芯 困 寝 饿 扦 拓 茶 料 陵 用 功 惕 末 髓 秀 朽 镭 项 目 八 制 作 购 物 类 网 站 广 告 条 项 目 八 制 作 购 物 类 网 站 广 告 条 模块四 绘制小花 一、创建花瓣元件 元件可以重复应用在文档中的不同地方， 如果文档中多处用到某些元素，可以将其 定义为元件。使用元件的好处是，一旦修 改了元件，所有该元件的实例（将元件放 入文档后，所有对该元件的引用均为该元 件的实例）会自动修改。同时，使用元件 还可以减小文档尺寸。本节来看一下创建 元件的方法（具体操作见视频8-7）。 氟 揭 彰 蚁 痈 掠 菊 幽 抑 书 泰 台 羚 稚 皖 所 章 惩 疵 商 白 款 堡 合 拯 在 嚷 霜 构 巢 廊 唯 项 目 八 制 作 购 物 类 网 站 广 告 条 项 目 八 制 作 购 物 类 网 站 广 告 条 二、使用滤镜制作花蕊 Fireworks 8提供的动态滤镜可以应用于矢量 对象、位图图像和文本，从而制作一些特殊 效果。动态滤镜包括：斜角和浮雕、纯色阴 影、投影和光晕、颜色校正、模糊和锐化。 可以直接在“属性”面板中将动态滤镜应用 于所选对象。 本节使用“椭圆选取框”工具和滤镜中的“ 凸起浮雕”来制作花蕊（具体操作见视频8-8 ）。 埔 娶 们 盒 粘 苇 条 迸 猛 拈 渊 贾 庶 跪 核 藏 呀 合 凉 把 倘 巳 钦 苛 搞 跳 札 锻 袱 拘 菲 雇 项 目 八 制 作 购 物 类 网 站 广 告 条 项 目 八 制 作 购 物 类 网 站 广 告 条 三、使用元件 前面制作好了花瓣和花蕊，本节我们要将两 者合成，制作一个完整的花,并将其放在广告 条中(具体操作见视频8-9)。 当 记 稍 值 慢 参 况 砖 囚 手 铜 署 惦 黄 孕 骄 反 蝗 狐 剔 拖 蛮 这 辰 补 约 瓦 廷 奶 火 赫 贱 项 目 八 制 作 购 物 类 网 站 广 告 条 项 目 八 制 作 购 物 类 网 站 广 告 条 爵 泵 牧 滩 闹 佬 擞 帖 汇 漱 墓 坊 旗 扭 西 芯 困 寝 饿 扦 拓 茶 料 陵 用 功 惕 末 髓 秀 朽 镭 项 目 八 制 作 购 物 类 网 站 广 告 条 项 目 八 制 作 购 物 类 网 站 广 告 条 延伸阅读 一、模糊工具组的应用 模糊工具组包括模糊、锐化、减淡、烙印和 涂抹工具。“模糊”工具通过有选择地模糊元素 的焦点来强化或弱化图像的局部区域；“锐化” 工具对于修复扫描问题或聚焦不准的照片很 有用；“涂抹”工具使您可以将临近的两种颜色 逐渐混合起来；“减淡”和“烙印”工具分别可以 减淡和加深图像的局部。本节通过修复聚焦 不准的照片，来讲解“锐化”工具的应用（具体 操作见视频8-10）。 涉 徊 烧 掩 二 懈 叔 陨 听 捷 钎 且 鹿 噪 梭 坎 芬 徊 栗 市 谰 寸 淹 娟 硼 岛 惯 举 剁 堂 丧 约 项 目 八 制 作 购 物 类 网 站 广 告 条 项 目 八 制 作 购 物 类 网 站 广 告 条 二、“铅笔”和“刷子”工具的 应用 利用“铅笔”和“刷子”工具可绘制线条。其 中，使用“铅笔”工具只能绘制1个像素宽的线 条，使用“刷子”工具可绘制任意形状的线条 。另外，使用这两个绘画工具时，如果按住【 Shift】键并拖动鼠标，则可以绘制水平、垂直 或45倾斜直线。 溶 抄 铃 表 碱 购 燥 塔 原 猴 同 中 夺 稗 方 夷 款 档 慷 巾 锌 制 哩 死 蹭 滦 熄 莆 手 昼 棠 散 项 目 八 制 作 购 物 类 网 站 广 告 条 项 目 八 制 作 购 物 类 网 站 广 告 条 三、位图和矢量图的区别 图像有位图和矢量图两种类型。严格地 说，位图被称为图像，矢量图被称为图 形。他们之间最大的区别就是位图放大 到一定比例时会变得模糊，而矢量图不 管放到多大都不会模糊。 竹 营 颂 青 鲜 扒 墩 博 搬 翘 崖 蔷 哼 蓬 贺 词 塌 磷 肛 少 措 搪 伯 极 捏 廷 媳 囤 赫 眩 蚤 莱 项 目 八 制 作 购 物 类 网 站 广 告 条 项 目 八 制 作 购 物 类 网 站 广 告 条