Fireworks 8制作精美网页效果图

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

  网管联盟bitsCN@com

1．新建一个Fireworks文件。 网管下载dl.bitscn.com

2．在弹出的【新建文档】对话框中设置画布的宽度为760像素，高度为430像素，背景颜色为白色。如图1.2所示。 网管u家u.bitscn@com

  网管联盟bitsCN@com

3.选择绘图工具栏中的【选取框】工具，在【属性】面板中进行相应的设置，如图1.3所示。 网管u家u.bitscn@com

 

网管u家u.bitscn@com

4.使用【选取框】工具在画布的右侧绘制一个矩形选区，如图1.4所示。 中国网管论坛bbs.bitsCN.com

  网管论坛bbs_bitsCN_com

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

  网管bitscn_com

 

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

  网管联盟bitsCN_com

【说明】使用【渐变】工具在选区单击，得到的渐变色方向默认为水平方向，如果希望得到不同方向的渐变色，可以使用【渐变】工具在选区中拖拽填充。 网管联盟bitsCN@com

7.在Fireworks 8的新窗口中打开事先准备好的图像素材“花草.jpg”，选择绘图工具栏中的【椭圆选取框】工具，在【属性】面板中进行相应的设置，如图1.7所示。 网管u家u.bitsCN.com

 

网管下载dl.bitscn.com

8.使用【椭圆选取框】工具在图像“花草.jpg”中绘制一个正圆的选区。如图1.8所示。 网管联盟bitsCN@com

 

网管论坛bbs_bitsCN_com

0 顶一下