达达首页 | 设计教程 | 辅助工具 | 字体字库 | 素材贴图 | 非 主 流 | PS 笔刷 | 签名模版 | 网页模版 | 访客留言
设为首页

加入收藏

联系我们
PhotoShop 教程 | Illustrator 教程 | CorelDraw 教程 | FireWorks 教程 | 3D MAX 教程 | MAYA 教程 | Flash 教程 | After Effects 教程
相关教程
普通教程 FW教程:论坛头像+签…
推荐教程 Fireworks教程:绘制…
普通教程 造假专用教程:利用…
普通教程 Fireworks卡通宝贝表…
推荐教程 Fireworks制作涂鸦效…
普通教程 FW实例:打造超酷签…
普通教程 Fireworks制作完美签…
普通教程 Fireworks绘制可爱水…
普通教程 Fireowrks制作动感卡…
普通教程 用Fireworks为照片做…
最新更新

Fireworks教程:不…

Fireworks教程:制…

Firewoks教程:联…

Firewoks实例:铅…
您现在的位置: 达达派 >> 教程中心 >> FireWorks教程 >> 图像篇 >> 教程正文
Fireowrks制作动感卡通表情
作者:未知 文章来源:网络采集 点击数: 更新时间:2006-6-11 23:12:46
教程录入:carcass    责任编辑:carcass  添加到雅虎收藏+

案例欣赏
人的面部可以表现出成千上万、不计其数而又十分微妙的表情,而且表情的变化十分迅速、敏捷和细致,能够真实、准确地反映情感,传递信息。面部所表现出的各种各样的情感,最能吸引对方的注意。在你未开口之前对方就从你的面部表情上得到了一定的信息,对你的气质、情绪、性格、态度等有所了解了。所以有句话说得好,看人先看脸,脸是人的价值与性格的外观。所谓脸面不仅是指人的长相,主要是指面部表情。
对于经常上网聊天的朋友来说,表情图标一定不陌生,为了增强聊天的趣味性,减少打字量,系统有大量的表情短语,您运用得恰当,可以收到表达心意、夸张、幽默的效果。如图1.1所示。


图 1.1卡通表情图标效果

思路分析
要准确地表现出表情的含义,需要多多的观察。对于使用技术来实现则是一个比较简单的过程。主要是使用了Fireworks的矢量工具结合渐变色来实现的。

实现步骤
1、新建一个Fireworks文件。
2、在弹出的【新建文档】对话框中设置画布的宽度和高度为400像素,背景颜色为白色。如图1.2所示。


图 1.2新建文档对话框

3、选择工具箱中的“椭圆”工具,在画布中绘制一个宽、高为200像素的正圆。
4、给这个正圆添加边框,粗细为5像素,颜色为值“D44C01”。
5、给这个正圆填充放射状渐变色。效果如图1.3所示。


图 1.3给正圆添加边框,填充放射状渐变色

6、单击填充控制窗口,打开渐变色调节面板,调整渐变颜色,效果如图1.4所示。


图 1.4渐变色调整面板

7、选择工具箱中的指针工具,调整画布中的渐变色方向和范围,效果如图1.5所示。


图 1.5渐变色调整后的最终效果

【说明】这样做的目的是为了让卡通人物的脸部更有立体感。
8、开始绘制卡通表情的眼睛部分,仍旧使用“椭圆”工具在脸部的上方绘制一个小一些的正圆,尺寸为60X60像素。

9、给这个小圆填充接近于黑色的深灰色,边框和脸部的边框颜色一致,但是边框的粗细为2像素。效果如图1.6所示。


图 1.6绘制眼睛部分

10、把这个正圆复制一个,选择两个正圆下方的一个,把颜色更改为白色,去掉边框颜色。这时的图层效果如图1.7所示。


图 1.7复制正圆,并更改下方正圆的颜色设置

11、同时在属性面板中把白色正圆的填充边缘效果设置为“羽化”,值为“3”。并且适当往右下角移动,这样可以使眼睛看起来更有立体的感觉。效果如图1.8所示。


图 1.8调整眼睛下方的白色正圆

[1] [2] [3] 下一页

  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    关于我们 | 帮助(?) | 广告服务 | 版权声明 | 商业合作 | 发展历程 | 联系我们

    Copyright ? 2005-2008 CGFancy.com, All Rights Reserved,达达网络:陕ICP备06010337号

    技术交流:71125455(平面)、545534707(三维),业务合作:71125455