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

FireWorks
Fireworks命令插件:Change Text Size
Fireworks CS3体验之Pages面板
Fireworks绘制打印机图标
实用Fireworks企业标识不扣图反白法
Fireworks打造质感金属锁图标
Fireworks CS3基础教程:切片和优化功能的运用
Fireworks快速简单打造网页“闪字”动画
Fireworks打造逼真梵高之光特效
Fireworks轻松打造质感Vista LOGO
Fireworks教程:打造一个没有钨丝的灯泡
用Fireworks 8的位图工具打造精美网页效果图
疯狂的补间&元件&路径 制作仿3D光亮DNA桌面(试用版)
Fireworks CS3教程:蒙版的运用基础
网页设计翻译教程:图标缩小后变形的解决办法
fireworks教程:用笔触绘制“毁灭顶峰”效果
Firework教程:教你制作特殊的切角图形
Firework教程:韩式风格手提袋的绘制
Firewoks教程:制作液体金属表面文字效果
Fireworks教程:电视雪花动画效果的制作
Fireworks教程:制作一个简单的网页新闻播报框

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-08-15   浏览: 443 ::
收藏到网摘: 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版电视机

操作技巧

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