软件开发培训班 >> 创意设计 >> Fireworks


FW4中文帮助--教程(1)

　　教程概述

　　本教程让你直接领略 Fireworks 4 的多才多艺。通过本教程，你将会发现 Fireworks如何以简单易用的方式将多种不同功能统一起来，而且，Fireworks提供更提供了一些特性以自动完成例如创建网络对象，整个网页以及文字和特效图象的高难任务。

　　　学什么

　　通过本教程，在不到两小时里你将会完成设计网页的一个典型Fireworks开发工作流程。该流程将包括以下任务：
创建矢量图形和文字
输入及编辑位图图象
在文件中排列对象
创建JavaScript按钮
向按钮添加链接
使用历史面板
创建简单的和分离的 rollovers 图象变换
输出 HTML

　　　你应该掌握的基础

　　整个教程专为Fireworks新手设计，你至少应掌握Fireworks 基础课程中的基础技巧，这个交互课程提供的以下主题的动手操作：
简介 Fireworks
创建动画
建立切片
用拖放行为建立rollovers 图象变换
创建弹出式菜单
重复任务自动化操作
　　要参加基础课程，选择help> Lessons, 并从列表里选择。请放心你将会在轻松掌握课程中的概念，然后进入教程。

　　观察完成的页面

　　观察完成的页面

　　注意，在开始教程前，仔细观察这个完成的页面，这应是你完成项目后输出的html页面应该达到的效果。
1 在你安装 Fireworks 4 程序的文件夹, 打开 Tutorial\Complete文件夹
2 选择Final.htm 在浏览器中打开
在本教程，你将会为一家叫指南针的冒险旅行社完成一个半成品网页，你将会向按钮栏添加链接，并指向到构成指南针网站的另两个网页。
3 移动你的指针掠过网页顶部的按钮栏，你将会发现有rollover图象变换效果—指针掠过按钮时，按钮如何变化
同样请注意分离的图象变换效果—指针掠过按钮时，一个大的图形如何变化。
4 点击旅行日志按钮来测试链接，然后使用浏览器的后退按钮回到Final.htm页面。
5 当你观察完毕之后，你可以关闭页面，也可以让它开着在使用教程时作为参考。
　　注意： 你的 Tutorial 也包含着生成这些页面的Fireworks文件。要看该文件，请打开 Fireworks 4\Tutorial \Complete\Final.png.

　　打打开Start文件

　　你已经参加了基础课程并浏览了Final.htm，并做好了开始本项目的准备。
　　1、在Fireworks中,选择File > Open. 找到 Fireworks 4 程序文件夹，并打开Tutorial\Start\Start.png.

　　Fireworks 文件是以png为后缀名，当你完成一个Fireworks 文件，你可以以不同格式输出。
　　2、 选择File > 保存为 MyFile.png. 在start文件夹保存 MyFile.png

通过制作文件的备份，你保存了你的工作的结果同时也方便了别人以后使用这个教程。

　　注意：完成教程时，你有可能觉得undo（还原一个操作）会很有用，Fireworks根据你在系统参数里设置的undo水平值可以还原很多步操作。要使用 undo, 选择 Edit > Undo.
　　当你进行操作时，请记得经常存盘。

　　添加矢量图形

　　添加矢量图形

　　　加入矢量图形

　　矢量图形是几何形状的数学名称，而位图用一格格不同颜色的像素来定义图形。两种图形各有长处，比如：矢量图形更容易编辑，位图则有更多复杂的颜色变化更适合艺术作品，比如照片。
　　许多程序要么提供编辑矢量图形的工具，要么提供位图编辑工具。Fireworks让你可以同时编辑两种图形，Fireworks默认以矢量方式打开文件，你可以使用矢量模式来快速转化为按钮。

　　　创建矢量图形
　　
　　 你可以用工具面板来创建矢量图形，工具面板同时提供了矢量工具和位图工具，以及一些功能随图形模式改变的工具，
1 选择 View > Guides（辅助线） 请确认选中Show Guides（显示辅助线） 以及 Snap to Guides （辅助线吸附）如果没有请选中。
注意：默认为绿色的辅助线，可以帮助你在画布上排列对象。
2 如果层面板不可见，选择 Window > 层, 或者按文件窗口底部的层按钮
你将会在后面的教程里学到层的优势和更多知识。现在，你只需要层面板提供组织一系列对象的方法。选择按钮层，会在文件中你放置 将你创建的按钮都放在同一个层里，也就是按钮层。
3 如果工具面板没有显示，选择 Window > Tools. 在工具面板里，选则矩形工具。把十子字指针放在下面说明的单元的左上角，然后拖到单元的对角，这样矩形自动吸附到排列导线上。


　　　增加渐变填色

　　　增加渐变填色

　　 有些创新的格调让你的矢量图形看上去更象更象按钮，首先，你可以加入渐变颜色，再加上效果。渐变颜色显示了两种颜色间细致的变化。你可以给你的矢量图形加入线形渐变。
1 如果填色面板不显示，选择 Window > Fill, 并确认选中了你创建的矢量图形。在填色面板中，选择填色类型下拉菜单来选择线形渐变。
注意： 在矢量状态下，即你现在使用的状态，你可以用指针选择一个对象，选择路径（默认浅蓝色）框出所选对象的轮廓，表示该对象被选中。
2 在填色预设渐变设置下拉菜单中选择 Black, White.
3 点击Edit ，向右拖动左边色样，使渐变更暗一些。
当你在按钮上加入亮的文字时，稍暗的底色最易于辨认。

　　　应用特效

　　使用Fireworks特效，你可以文字和图象添加各种特殊效果，例如斜角和浮雕。
1 如果特效面板不显示，选择 Window > Effect, 并且确认你的矢量图形被选中。
2 在特效面板的添加特效弹出菜单里选择斜角和浮雕 > 内部斜角。
特效面板显示附加的区域。
3 在斜角边缘形状弹出菜单里，选斜坡。
4 要减少斜角的宽度，移动宽度滑钮到4，或者键入4 在宽度文本框里，并回车，
　　注意： 当你添加一个特效后，如果你打算修改他，点击特效面板上的该特效的信息按钮。