郁闷小男人 发表于 2008-12-29 13:02:43

Fireworks教程:绘制可爱卡通Q版电视机图标 (1)

案例欣赏
网络上经常会用到一系列图标,电视机大家一定非常的熟悉了,现在也流行播客之类的,大家都有机会用到。效果如下图所示:

www.ad119.cn/bbs/attachments/websoft/20081229/200812291302221877801.jpg

思路分析
仔细观察电视机,你会发现无非是一个长方体,我们可以看到的最多三个面,正面,侧面,顶部,老式的电视机会多出两根天线。为了让它活泼可爱点,我们可以使用矢量的钢笔工具来绘制。因为是Q版的,所以大家随便勾都没有问题,注意大的透视关系就可以了。
实现步骤
1、新建一个Fireworks文件。
2、使用矢量的钢笔工具来绘制电视机侧面

www.ad119.cn/bbs/attachments/websoft/20081229/200812291302225077802.jpg

(内侧阴影)

www.ad119.cn/bbs/attachments/websoft/20081229/200812291302229677803.jpg

3、使用矢量的钢笔工具来绘制电视机正面

www.ad119.cn/bbs/attachments/websoft/20081229/200812291302234377804.jpg

4、使用矢量的钢笔工具来绘制电视机屏幕

www.ad119.cn/bbs/attachments/websoft/20081229/200812291302240677805.jpg

内侧阴影:

www.ad119.cn/bbs/attachments/websoft/20081229/200812291302245377806.jpg


案例欣赏
网络上经常会用到一系列图标,电视机大家一定非常的熟悉了,现在也流行播客之类的,大家都有机会用到。效果如下图所示:

www.ad119.cn/bbs/attachments/websoft/20081229/200812291302221877801.jpg

思路分析
仔细观察电视机,你会发现无非是一个长方体,我们可以看到的最多三个面,正面,侧面,顶部,老式的电视机会多出两根天线。为了让它活泼可爱点,我们可以使用矢量的钢笔工具来绘制。因为是Q版的,所以大家随便勾都没有问题,注意大的透视关系就可以了。
实现步骤
1、新建一个Fireworks文件。
2、使用矢量的钢笔工具来绘制电视机侧面

www.ad119.cn/bbs/attachments/websoft/20081229/200812291302225077802.jpg

(内侧阴影)

www.ad119.cn/bbs/attachments/websoft/20081229/200812291302229677803.jpg

3、使用矢量的钢笔工具来绘制电视机正面

www.ad119.cn/bbs/attachments/websoft/20081229/200812291302234377804.jpg

4、使用矢量的钢笔工具来绘制电视机屏幕

www.ad119.cn/bbs/attachments/websoft/20081229/200812291302240677805.jpg

内侧阴影:

www.ad119.cn/bbs/attachments/websoft/20081229/200812291302245377806.jpg



5、使用矢量的钢笔工具来绘制电视机顶部

www.ad119.cn/bbs/attachments/websoft/20081229/200812291302250077807.jpg

内侧阴影:

www.ad119.cn/bbs/attachments/websoft/20081229/200812291302254677808.jpg

6、使用椭圆工具来绘制电视机侧面滚轮(你把它当作喇吧也行)

www.ad119.cn/bbs/attachments/websoft/20081229/200812291302259377809.jpg

内侧阴影:

www.ad119.cn/bbs/attachments/websoft/20081229/2008122913022640778010.jpg

7、使用矢量的钢笔工具来绘制电视机屏幕高光。

www.ad119.cn/bbs/attachments/websoft/20081229/2008122913022687778011.jpg

8、使用矢量的钢笔工具来绘制电视机顶部高光,让它多几分质感。

www.ad119.cn/bbs/attachments/websoft/20081229/2008122913022734778012.jpg



9、使用椭圆工具来绘制电视机天线底座。

www.ad119.cn/bbs/attachments/websoft/20081229/2008122913022781778013.jpg

10、使用矢量的钢笔工具来绘制电视机天线(笔触:柔化圆形)。

www.ad119.cn/bbs/attachments/websoft/20081229/2008122913022843778014.jpg

11、使用椭圆工具来绘制电视机天线头部。

www.ad119.cn/bbs/attachments/websoft/20081229/2008122913022890778015.jpg

(内侧阴影)
最后结果:

www.ad119.cn/bbs/attachments/websoft/20081229/2008122913022937778016.jpg

操作技巧
好好理解“内侧阴影”,我们要求体积感的凸凹,它可以轻意做到!理解了你很快就无敌了。
页: [1]
查看完整版本: Fireworks教程:绘制可爱卡通Q版电视机图标 (1)