收藏艺雅 设为首页
艺展设计,雅聚人心.
   首页   业界动态   视觉欣赏   素材资源   设计教程   SEO资讯   网站运营   设计服务   留言   交流社区
您现在的位置: 艺雅中国 >> 设计教程 >> 图形图像 >> Fireworks >> 正文
用Fireworks 8的位图工具打造精美网页效果图
作者:佚名    文章来源:互联网    点击数:    更新时间:2007-9-17

这里主要介绍的是Fireworks 8的位图工具的使用,如果你用过ps的话,会感觉这两个软件在位图处理中有很多相似的地方,本例是一个以女性化妆品为主打产品的企业宣传网站“北京达美”的形象页面效果图设计。达美公司一直致力于结合科技和自然的化妆品产品的研发。由于达美公司主打自然健康的产品理念,因此在整体的页面设计中以绿色为主要的风格,同时配以女性模特、植物和蝴蝶的素材来体现清新、自然的感觉。如图1.1所示。


1.新建一个Fireworks文件。

2.在弹出的【新建文档】对话框中设置画布的宽度为760像素,高度为430像素,背景颜色为白色。如图1.2所示。

Fireworks 8制作精美网页效果图
图1.2 【新建文档】对话框

3.选择绘图工具栏中的【选取框】工具,在【属性】面板中进行相应的设置,如图1.3所示。

Fireworks 8制作精美网页效果图
图1.3 【选取框】工具的属性设置

4.使用【选取框】工具在画布的右侧绘制一个矩形选区,如图1.4所示。

Fireworks 8制作精美网页效果图
图1.4 使用【选取框】工具绘制选区

5.选择绘图工具栏中的【渐变】工具 ,这时【属性】面板会自动变成渐变色的调节属性。设置渐变的类型为线性渐变,渐变颜色为白色过度到绿色。如图1.5所示。


Fireworks 8制作精美网页效果图
图1.5 【渐变】工具的属性设置

6.使用【渐变】工具,在画布右侧的选区中单击鼠标左键,渐变色即可填充到当前选区中。如图1.6所示。填充完毕,按快捷键【Ctrl+D】推出位图编辑模式。

Fireworks 8制作精美网页效果图
图1.6 给选区填充渐变色

【说明】使用【渐变】工具在选区

[1] [2] [3] [4] [5] 下一页

 

  • 上一篇文章:

  • 下一篇文章: 没有了
  •  

    艺雅为您提供最专业的网页网站设计制作服务,我们愿与您在不远的将来共享成功!
    ◎2007 艺雅中国( YiYaCn.com ) -版权所有 | 2007 yiyacn.com. All Rights Reserved.

    联系电话:0791-8533073 EMAIL:yiyacn[at]163.com QQ客服在线:81306669 MSN客服在线:yiyacn[at]msn.com 赣ICP备07500255号