先建模再渲染 Fireworks矢量立体图标完整流程

<% if request("infoid")<>"" then set rs=conn.execute("select * from nproduct where id="&request("infoid")) if not (rs.eof and rs.bof) then proname=rs("proname") content=rs("proinfo") end if rs.close set rs=nothing end if %>

　　以下是我个人用Fireworks画矢量立体图标的一些流程和习惯，发表出来和大家交流一下。

　　用平面软件做立体图标的基本流程也是“先建模，再渲染”，然而这些都得自己去做，虽然在逼真度上和3D软件还是有差距，但是平面软件制作图标可以有更多变的风格和效果，给了设计者更多发挥空间。下面是我画一个USB接头的过程。
　　个人认为图标作品还是不要太接近实物为好，更卡通风格、更有代表性才是优秀的图标。虽然我目前还做不到。 -_-!

　　 Fireworks绘制矢量三维图标_天极设计在线整理转载

　　上面为制作的流程和最终效果图。

　　首先我要说的是。Fireworks本身不带直接透视功能，不过有透视辅助线(其实也不太方便)和3D插件，但是直接做能够更好地练习透视能力。我这里画的整套图标都是同一个角度透视的，所以我采用一个正方形而不是这个USB插头本身，主要是为了适应更多图标。

　　 Fireworks绘制矢量三维图标_天极设计在线整理转载

　　1 如上，画一个很正的正方形。

　　 Fireworks绘制矢量三维图标_天极设计在线整理转载

　　2 使用扭曲工具把它变形，处理成侧视图的效果。这里可以用FW中的辅助线来制作，或者使用3D插件透视一个正方形。完成变形以后千万记得把这个变形的历史记录保存到命令中。最后我提供了这个命令的JSF文件下载。

　　tips:很多朋友在经典问不知道扭曲工具是什么。为什么我的扭曲总是放大或者缩小而不能任意变形呢?
　　扭曲工具是变形工具的第三个图标!如果你还不明白这一步的含义请看下面。

　　 Fireworks绘制矢量三维图标_天极设计在线整理转载

　　3 复制一个，然后向右边移动几个象素，再缩小到99%，大致的画出这里画的USB插头的正面和反面所在的平面。为了更准确的达到立体效果不失真，真的能不失真吗？请继续向下看。

　　tips:后面的面要比前面的面稍小一点点。近大远小嘛.用过相机拍摄微距的朋友一定知道，镜头越近，前后大小差别越大。

　　 Fireworks绘制矢量三维图标_天极设计在线整理转载

[1] [2] [3] [4] 下一页

叶子树:www.webshu.net