当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > Fireworks教程:绘制可爱卡通Q版电视机图标

FireWorks
Fireworks MX 之初体验4-1
网页设计综合实例(上)
网页设计综合实例(下)
特效字系列教程:马赛克文字
Fireworks4极速教程
Fireworks4功能介绍
Fireworks4遮罩全接触
Fireworks MX 2004特效字系列教程:立体网格字制作
Fireworks MX 2004特效字系列教程:水晶特效字制作
Fireworks MX 2004特效字系列教程:锈蚀文字特效制作
微软Windows徽标做法一例
Fireworks MX 2004特效字系列教程:晕光文字特效四种制作方法详解
金属按钮效果制作方法一则
Fireworks 鲜橙的制作方法
实战网页图形效果一则
布尔运算的处理
Fireworks三帧打造酷Banner
巧用Fireworks MX 2004打造马赛克特效文字
Fireworks MX 2004 制作远古兽皮卷轴
Fireworks 简单立体文字特效

FireWorks 中的 Fireworks教程:绘制可爱卡通Q版电视机图标


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-08-15   浏览: 449 ::
收藏到网摘: n/a

案例欣赏

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

Fireworks 绘制好玩的Q版电视机

思路分析

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

实现步骤

1、新建一个Fireworks文件。

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

Fireworks 绘制好玩的Q版电视机
(内侧阴影)

Fireworks 绘制好玩的Q版电视机

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

Fireworks 绘制好玩的Q版电视机

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

Fireworks 绘制好玩的Q版电视机

内侧阴影:

Fireworks 绘制好玩的Q版电视机

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

Fireworks 绘制好玩的Q版电视机

内侧阴影:

Fireworks 绘制好玩的Q版电视机

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

Fireworks 绘制好玩的Q版电视机

内侧阴影:

Fireworks 绘制好玩的Q版电视机

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

Fireworks 绘制好玩的Q版电视机

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

Fireworks 绘制好玩的Q版电视机

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

Fireworks 绘制好玩的Q版电视机

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

Fireworks 绘制好玩的Q版电视机

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

Fireworks 绘制好玩的Q版电视机
(内侧阴影)

最后结果:

Fireworks 绘制好玩的Q版电视机

操作技巧

好好理解“内侧阴影”,我们要求体积感的凸凹,它可以轻意做到!理解了你很快就无敌了。