Fireworks实例教程:教你用Fireworks画图标的完整方法(图文)

2019-10-16 20:43:53王振洲

本教程是向大家如何利用Fireworks画图标的完整方法,以画一个USB接头为例,向大家详解图标画法的全过程,教程比较实用,推荐过来与大家一起学习,希望对大家有所帮助!

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


click for full size


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

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

click for full size

1、如上,很正的正方形

click for full size


2、使用扭曲工具把他变形成从侧面看的效果。这里可以用FW中的辅助线来制作或者使用3D插件透视一个正方形,完成变形以后千万记得把这个变形的历史记录保存到命令中

tips:很多朋友都不知道扭曲工具是什么?为什么我的扭曲总是放大或者缩小而不能任意变形呢? 扭曲工具是变形工具的第三个!

FW绘制3D图形(ipod)

click for full size

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

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

click for full size


4、把画好的两个面收起来(隐藏)~~以后再用..然后画上平面图片.USB插头的内容都在一个面上,所以画正面就好了.如果立体图形的几个面内容都很多..那就要画三视图的 平面图了..这张平面图的内容最好把所有你觉得可能出现的都画上,甚至包括很明显的色彩过渡.

click for full size