1 2 3 4 下一页

　　本例是一个以女性化妆品为主打产品的企业宣传网站的形象页面效果图设计。该公司一直致力于结合科技和自然的化妆品产品的研发，主打自然健康的产品理念，因此在整体的页面设计中以绿色为主要的风格，同时配以女性模特、植物和蝴蝶的素材来体现清新、自然的感觉。如图1.1所示。

　　借这个例子我们可以学习到Fireworks 8的位图工具的使用，以及如何利用素材设计网页设计稿的方法。

　　

1.1 效果图

素材如下
　　设计过程：

　　1．新建一个Fireworks文件。

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

图1.2 【新建文档】对话框

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

　　

图1.3 【选取框】工具的属性设置

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

图1.4 使用【选取框】工具绘制选区

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

　　

图1.5 【渐变】工具的属性设置

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

图1.6 给选区填充渐变色

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