您现在的位置: 圆点视线 >> 教程 >> 图形图像 >> Fireworks >> 文章正文
[组图]Fireworks Dreamweaver综合使用:启动Fireworks编辑一张图片         
Fireworks Dreamweaver综合使用:启动Fireworks编辑一张图片
作者:spikal  文章来源:fwcn.com  点击数:  更新时间:2005-1-10 9:08:10 
 页面功能:【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口 【字体:
启动Fireworks编辑一张图片

通过刚才的设置你将可以在使用Dreamweaver编辑页面时体会跨产品的综合能力。你将会直接用Fireworks编辑那张Featured Destination图片并看见它在Dreamweaver里自动更新。

在Dreamweaver里启动Fireworks编辑图片

Featured Destination已经使用Fireworks设计、压缩、输出,并且就放在页面上右面的单元格中。如果你想知道更多关于将Fireworks文件输入到Dreamweaver的知识,请在Dreamweaver或Fireworks的帮助文档中查看一起使用Dreamweaver和Fireworks(Using Dreamweaver and Fireworks Together)。

接下来,你需要启动Fireworks对Featured Destination的标题字做一些修改。
  1. 在Dreamweaver中,单击选中位于Travel Detail页面右面的Featured Destination图片。
  2. 如果属性工具条(Property inspector)没有打开,选择Window->Properties打开它。你需要点击属性工具条右下角的小三角使得扩展部分变得可见。


    属性工具条用一个小图标来表示被选择的图片是来源于Fireworks。顶部的Src文本框中显示的是目前在页面中的GIF图片的确切的名字,而底部的Fireworks Src文本框显示的是源文件(PNG)。 虽然Dreamweaver仅包含Featured Destination图片的GIF版本,但是它依然与PNG格式的原始文件有所关联,因为这张图片被保存在Dreamweaver创建的站点之中。在下一步你将会看到这种关联是多么的重要。
  3. 点击属性工具条上的Edit按钮来启动Fireworks4.0。
Fireworks启动后会自动出现一个特殊的编辑窗口。窗口上方的图标显示你正在编辑Featured Destination图片的PNG版本,并且是从Dreamweaver中启动的。

不论何时你从Dreamweaver中启动Fireworks来编辑图片,Fireworks都会自动寻找当前图片的PNG格式源文件。如果Fireworks找不到源文件(例如,源文件被存放在Dreamweaver创建的网站之外),那么就会显示一条信息询问你是否需要指定一个文件来打开。较好的习惯是,一直将PNG格式的源文件存放在Dreamweaver创建的网站之中,那样就能被Fireworks在启动和编辑图片时找到。

在Fireworks中编辑图片

现在你要准备用Fireworks的工具来编辑Featured Destination。你将需要改变图片顶部标题文字的颜色,并为它添加阴影的效果。
  1. 在Fireworks中,如果需要,选择Window->Tools使工具条显示出来。
  2. 在工具条中,选择Pointer Tool,并且单击选中“Featured Destination”的文字。


  3. 在工具条中,点击填充色叫出调色版,并且把填充色改为深蓝色。


    这样,Featured Destination文字的填充色就改变了,接下来要为文字添加阴影效果。
  4. 确定“Featured Destination”的文字依然处于被选中的状态。如果需要,选择Window->Effect显示出Effect面版。
  5. 在Effect面版的菜单中选择Shadow and Glow->Drop Shadow。按照希望的效果调整Drop Shadow的参数,完成后点击其他地方关闭对话框。
    我们使用以下的设置:


  6. 当你完成后,点击编辑窗口上方的Done按钮将你所做的修改保存并回到Dreamweaver中。
 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 文章录入:apoints    责任编辑:apoints  【字体:
 
  • 上一篇文章:

  •  
  • 下一篇文章:
  • 最新文章
    相关文章
    Fireworks绘制精致打印机图标
    详解Fireworks丰富的笔触设置面板
    DIY树叶笔触画一棵树
    Fireworks教程:教你打造可爱卡通QQ表情
    Fireworks教程:利用“建立控点法”绘制炫彩
    从FW的色彩面板看设计软件的色彩管理
    从Fireworks看设计软件的色彩使用方式
    Fireworks 创建残破纹理特效文字
    详解Fireworks MX 2004丰富的图像导出功能
    Fireworks制作极光字体效果
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    发表评论:
     姓  名: 评 分: 1分 2分 3分 4分 5分
     评论内容: ·严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
    ·用户需对自己在使用本网服务过程中的行为承担法律责任
    ·本站管理员有权保留或删除评论内容。
    ·评论内容只代表机友个人观点,与本网站立场无关。
     
    最 新 推 荐
     
    百度主题推广
    最 新 热 门