Fireworks绘制精致打印机图标(1)
Fireworks并不仅仅是网页设计制作工具，还可以绘制出很多精致的矢量风格作品。虽然我所在的UI部门就我一个人在用Fireworks了，但我会一直坚持在Fireworks的阵营的。由于工作的原因，前一段时间我开始了图标的设计，从此也喜欢上了做图标。今天用这个Fireworks的图标绘制教程和大家交流一下。
http://www.blue1000.com/upload/2007_10/071005094916181.gif
先简单说一下思路：我们在画一个东西之前，可以先观察这个物体的结构。比如这个打印机，机体的形状就是一个圆柱的1/4，而这个部分也就是打印机最基本的部分。所以我们先画这个基本的部分，再具体的操作其他细节！
1、用钢笔画出打印机的外壳，加上线形渐变。（也可先画一个矩形，然后再变形）
http://www.blue1000.com/upload/2007_10/071005094916182.gif
2、用钢笔画出打印机的侧面，选择黑色的线性渐变。
http://www.blue1000.com/upload/2007_10/071005094916183.gif
3、复制第一步的外壳，并调节节点到适当大小，再改变渐变色。
http://www.blue1000.com/upload/2007_10/071005094916184.gif
4、复制上一步，并调节节点到适当大小，再改变渐变色（灰色）。
http://www.blue1000.com/upload/2007_10/071005094916185.gif
5、画两个矩形，一个小的用纯黑色，用来做送纸口；大的用灰色渐变用来做送纸口的托盘，然后再复制一个并加深颜色，向左移动两个像素。
http://www.blue1000.com/upload/2007_10/071005094914722.gif
6、用上一步同样的方法，做出打印机出纸口。
http://www.blue1000.com/upload/2007_10/071005094914723.gif
7、画两个矩形，变形使之有些卷曲的感觉；在接近入口和出口的地方加渐变。
http://www.blue1000.com/upload/2007_10/071005094914724.gif
8、画一个黑色的矩形，变形并使之处于最底层。
http://www.blue1000.com/upload/2007_10/071005094914725.gif
9、用钢笔画条曲线，并加模糊处理，放在打印机的接缝处；再画两个放射渐变的圆做按钮。
http://www.blue1000.com/upload/2007_10/071005094914726.gif
10、最后写上字，摆在打印机正面就完成了
http://www.blue1000.com/upload/2007_10/071005094914721.gif
页:
[1]