转至繁体中文版     | 网站首页 | 图文教程 | 资源下载 | 站长博客 | 图片素材 | 武汉seo | 武汉网站优化 | 
最新公告:     敏韬网|教学资源学习资料永久免费分享站!  [mintao  2008年9月2日]        
您现在的位置: 学习笔记 >> 图文教程 >> 站长学院 >> 网页制作 >> 正文
Fireworks绘制可爱卡通狗狗桌面         ★★★★

Fireworks绘制可爱卡通狗狗桌面

作者:闵涛 文章来源:闵涛的学习笔记 点击数:932 更新时间:2009/4/23 13:34:29
  新的一年就要到了,2006年是狗年,我们一起来绘制一个卡通狗狗的桌面图来给新的一年增加一点快乐的气息吧!

  设计思路:首先利用Fireworks的矢量路径工具勾勒出小狗的轮廓。然后对其进行各种不同的填充。最后,找到一幅风景图片,利用Fireworks的滤镜工具对其进行处理作为小狗图像的背景。文章末尾提供原文件供大家下载参考。

  1. 打开Fireworks,新建一个1024×768的图像,背景颜色设置为白色。由于图像较大,我们在图像显示比例中将显示比设置为66%大小即可,如图1所示。

Fireworks绘制可爱卡通狗狗桌面
图1 调整显示比

2. 使用工具箱上的椭圆工具绘制两个椭圆形,如图2所示。其中笔触的大小设置为6,笔触类型设置为柔化圆形。

Fireworks绘制可爱卡通狗狗桌面
图2 绘制两个椭圆

  3. 选中两个椭圆,然后选择【修改】|【组合路径】|【联合】将两个路径组合起来,得到如图3所示的图像。这一步的目的是勾勒出狗狗的脸部轮廓。

Fireworks绘制可爱卡通狗狗桌面
图3 组合路径

  4. 使用钢笔工具在路径上适当添加一些锚点,然后通过调整锚点的控制杆对“脸部”进行适当的调整,如图4所示。

Fireworks绘制可爱卡通狗狗桌面
图4 调整锚点

  5. 使用类似的方式勾勒出狗狗的其他部位,如图5所示。这里需要注意的是我们最好使用工具箱中提供的椭圆工具、矩形工具和钢笔工具配合使用来得到需要勾勒的大致轮廓,而不是使用钢笔工具点击勾勒,因为使用钢笔工具点击的效果棱角太多。如果经济条件允许的话,可以购买一个数位板这样能够方便作图。

Fireworks绘制可爱卡通狗狗桌面
图5 勾勒出狗狗的轮廓。

  6. 轮廓勾勒出来之后下一步的工作就是填充了。对于狗狗的不同部位我们就要填充上各种不同的颜色了。如图6所示。其中,鼻子、耳朵和尾巴等部位的颜色要填充深一些,而身体等部位的颜色可以稍微浅一些。这里鼻子的填充颜色为#CE8500,耳朵和尾巴的填充颜色为#E6B300,身体的填充颜色为#FEE277,脚的颜色为#FEF8AA。

Fireworks绘制可爱卡通狗狗桌面
图6 对狗狗进行颜色填充

  7. 为了让狗狗的图像具有明暗对比度,我们这里有一个诀窍就是:对绘制的矢量路径进行复制,然后将复制所得的新的路径大小调小,将其笔触设置为无。然后将原来的路径的颜色调深,这样得到的图像就具有了明暗对比效果了。如图7所示的就是对狗狗的脸部进行复制后,对原先的路径调深的结果。

Fireworks绘制可爱卡通狗狗桌面
图7 复制路径并调整填充颜色

8. 使用相同的方式,对狗狗的其他部位也进行类似的调整。有些部位为了取得更好的效果也可以使用渐变填充来调整,接着再调整一下各个部位的排列顺序,从而得到如图8所示的明暗对比比较强烈的卡通图像。此时,我们可以看到狗狗的脸部、尾巴、鼻子等部位都具有了阴影效果,如图8所示。

Fireworks绘制可爱卡通狗狗桌面
图8 对图像添加一些光影效果

  9.下面狗狗还缺少眼睛,我们只需要绘制一个椭圆,然后用刀子工具从中裁减出一条线段,使用缩放工具对其进行适当调整就可以得到狗狗的两个小眼睛了。如图9所示。

Fireworks绘制可爱卡通狗狗桌面
图9 绘出狗狗的眼睛

  10.狗狗基本上完工了,但是还可以对其进行适当的修饰,譬如脸上弄一个小花脸,加上一个小嘴巴。另外对身体上结合不太好的部位进行适当调整,得到如图10所示的图像。

Fireworks绘制可爱卡通狗狗桌面
图10 添加嘴巴和花脸

  11.最后我们为狗狗添加一个泡泡,表现一下狗狗的可爱。这里我们可以使用自动形状面板的文字泡泡工具。直接将其拖到画布中,使用缩放工具对其进行大小调整。就可以得到如图11所示的图的泡泡的图像了。

Fireworks绘制可爱卡通狗狗桌面
图11 添加泡泡

   12.最后更有趣的是我们为狗狗添加一个小“屁屁”,这里同样需要运用到路径的组合,我们绘制4个椭圆和一个矩形框,将它们放置到如图12所示的位置。

Fireworks绘制可爱卡通狗狗桌面
图12 绘制椭圆和矩形

  13.选中四个椭圆和矩形,然后选择【修改】|【组合路径】|【联合】即可将路径组合成一个特殊的形状,然后将填充颜色设置为白色,如图13所示。就像狗狗放了一个响屁一样,是不是很有趣?

Fireworks绘制可爱卡通狗狗桌面
图13 联合路径

  14.最后我们要完成桌面创作的最后一步了,可以找一个比较好的风景图片。选择【文件】|【导入】然后找到设置为背景的图片,单击【确定】按钮。在画布中单击鼠标就可以导入背景图像了,如图14所示。

Fireworks绘制可爱卡通狗狗桌面
图14 导入背景

  15.右击鼠标,选择【排列】|【移到最后】,这样我们的狗狗桌面就做好了,如图15所示。

Fireworks绘制可爱卡通狗狗桌面
图15 制作好的图像


  16.使用导出向导,将图像导出为JPG格式的文件,然后在自己的桌面上右击鼠标选择【属性】|【桌面】,在浏览文件夹中选择刚才导出的文件。新的一年里,用自己画的卡通狗狗做自己电脑的桌面,是不是非常开心啊。如图16所示。

Fireworks绘制可爱卡通狗狗桌面
图16 设置绘制的图像为桌面

  小结:本例中我们使用Fireworks作为矢量图像的绘制工具,利用它的路径组合命令来绘制卡通图,也取得了很好的效果。在学习Fireworks的时候,它的矢量工具的各种组合命令是非常有用的,学会路径的联合、打孔等命令有助于我们绘制各种边缘的图像。另外,在图像的明暗对比,这里我们也使用了复制图层然后改变大小和颜色的技巧,这样就能够使得绘制的图像具有一种立体效果。掌握这些小技巧对于熟练使用Fireworks进行创作是非常有用的。原文件下载



没有相关教程
教程录入:mintao    责任编辑:mintao 
  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
      注:本站部分文章源于互联网,版权归原作者所有!如有侵权,请原作者与本站联系,本站将立即删除! 本站文章除特别注明外均可转载,但需注明出处! [MinTao学以致用网]
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

    同类栏目
    · Web开发  · 网页制作
    · 平面设计  · 网站运营
    · 网站推广  · 搜索优化
    · 建站心得  · 站长故事
    · 互联动态
    更多内容
    热门推荐 更多内容
  • 没有教程
  • 赞助链接
    更多内容
    闵涛博文 更多关于武汉SEO的内容
    500 - 内部服务器错误。

    500 - 内部服务器错误。

    您查找的资源存在问题,因而无法显示。

    | 设为首页 |加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告服务
    MinTao学以致用网

    Copyright @ 2007-2012 敏韬网(敏而好学,文韬武略--MinTao.Net)(学习笔记) Inc All Rights Reserved.
    闵涛 投放广告、内容合作请Q我! E_mail:admin@mintao.net(欢迎提供学习资源)

    站长:MinTao ICP备案号:鄂ICP备11006601号-18

    闵涛站盟:医药大全-武穴网A打造BCD……
    咸宁网络警察报警平台