网页教学网
 当前位置: 网页教学网 >> 网页制作 >> Fireworks制作技术 >> Fireworks绘制精致打印机图标
[ HTML ] [ FW ] [ DW ] [ FP ] [ JS ] [ XML ] [ CSS ] [ 图象 ] [ FLASH ] [ .NET ] [ ASP ] [ JSP ] [ PHP ] [ 数据 ] [ 系统 ] [ 安全 ] [ 素材 ] [ 建站 ] [ 主机 ] [ 入门 ] [ 技巧 ]

Fireworks绘制精致打印机图标

http://www.webjx.com  更新日期:2007-10-03 02:05  出处:网页教学网  作者:心灵捕手

  Fireworks并不仅仅是网页设计制作工具,还可以绘制出很多精致的矢量风格作品。虽然我所在的UI部门就我一个人在用Fireworks了,但我会一直坚持在Fireworks的阵营的。

  由于工作的原因,前一段时间我开始了图标的设计,从此也喜欢上了做图标。今天用这个Fireworks的图标绘制教程和大家交流一下。

Fireworks绘制精致打印机图标

先简单说一下思路:我们在画一个东西之前,可以先观察这个物体的结构。比如这个打印机,机体的形状就是一个圆柱的1/4,而这个部分也就是打印机最基本的部分。所以我们先画这个基本的部分,再具体的操作其他细节!

1、用钢笔画出打印机的外壳,加上线形渐变。(也可先画一个矩形,然后再变形)

Fireworks绘制精致打印机图标

2、用钢笔画出打印机的侧面,选择黑色的线性渐变。

Fireworks绘制精致打印机图标

3、复制第一步的外壳,并调节节点到适当大小,再改变渐变色。

Fireworks绘制精致打印机图标

4、复制上一步,并调节节点到适当大小,再改变渐变色(灰色)。

Fireworks绘制精致打印机图标

5、画两个矩形,一个小的用纯黑色,用来做送纸口;大的用灰色渐变用来做送纸口的托盘,然后再复制一个并加深颜色,向左移动两个像素。

Fireworks绘制精致打印机图标

6、用上一步同样的方法,做出打印机出纸口。

Fireworks绘制精致打印机图标

7、画两个矩形,变形使之有些卷曲的感觉;在接近入口和出口的地方加渐变。

Fireworks绘制精致打印机图标

8、画一个黑色的矩形,变形并使之处于最底层。

Fireworks绘制精致打印机图标

9、用钢笔画条曲线,并加模糊处理,放在打印机的接缝处;再画两个放射渐变的圆做按钮。

Fireworks绘制精致打印机图标

10、最后写上字,摆在打印机正面就完成了

Fireworks绘制精致打印机图标

关键词:fireworks,打印机
推荐给好友】【关闭】【收藏本文
最新五条评论
查看全部评论
评论总数 0
您的评论
用户名: 新注册) 密 码: 匿名:
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为