WEB开发网
开发学院图形图像Fireworks Fireworks 矢量立体图标完整流程 阅读

Fireworks 矢量立体图标完整流程

 2007-01-04 08:52:10 来源:WEB开发网   
核心提示:以下是我个人用Fireworks画矢量立体图标的一些流程和习惯,发表出来和大家交流一下,Fireworks 矢量立体图标完整流程, 用平面软件做立体图标的基本流程也是“先建模,再渲染”,大致的画出这里画的USB插头的正面和反面所在的平面,为了更准确的达到立体效果不失真,然而这些都得自己去做,虽然

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

用平面软件做立体图标的基本流程也是“先建模,再渲染”,然而这些都得自己去做,虽然在逼真度上和3D软件还是有差距,但是平面软件制作图标可以有更多变的风格和效果,给了设计者更多发挥空间。下面是我画一个USB接头的过程。

个人认为图标作品还是不要太接近实物为好,更卡通风格、更有代表性才是优秀的图标。虽然我目前还做不到。 -_-!

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

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

  

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

tips:很多朋友在经典问不知道扭曲工具是什么。为什么我的扭曲总是放大或者缩小而不能任意变形呢?

扭曲工具是变形工具的第三个图标!如果你还不明白这一步的含义请看下面。

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

1 2 3 4  下一页

Tags:Fireworks 矢量 立体

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接