同城约会| 杂志期刊| 小说| 两性论坛| 军事电影| 两性知识| 电脑知识| 汽车| 旅游| 收藏

Fireworks 8制作精美网页效果图

来源:蓝色理想(长沙) 作者: 出处:综艺读书 2006-08-16 
关 键 词:效果  图层  设计  色彩  滤镜  
下一页 1 2 3 

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

Fireworks 8制作精美网页效果图(图一)
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 给选区填充渐变色

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

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

Fireworks 8制作精美网页效果图(图七)
图1.7 【椭圆选取框】工具的属性设置

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

Fireworks 8制作精美网页效果图(图八)
图1.8【渐变】工具的属性设置
进入讨论组讨论。
下一页 1 2 3 
收藏此文】【 】【打印】【关闭
相关图文阅读
频道图文推荐
综艺读书宗旨
相关专题
热点标签: 效果  图层  设计  色彩  滤镜  
最新技术文档
站内各频道最新更新文档
站内最新制作专题
热门关键字导读
Photoshop教 程照片处理 照片制作 PS快捷键 抠图
计 算 机 故 障XP系统修复
艺 术 与 设 计设计 流媒体 设计欣赏 边框
计 算 机 安 全ARP
站内频道文章精选
百度推荐,商机无限
搜索您感兴趣的内容
Web 全站
综艺电脑频道编辑信箱  告诉我们您想看的专题或文章

Google

友情互链 | 收藏本站 | 联系我们 | 在线留言 | 京ICP备08008424号|