Make Www.Edu-cn.Com Your Home Page!
用户名: 密码: 验证码: 注册
  当前位置: > 中国教程网>图形图像>平面设计>fireworks> Fireworks绘制飞舞蝴蝶动画

Fireworks绘制飞舞蝴蝶动画

作者:佚名   来源:中国教程网   点击:   日期:2007-03-31
  今天我们来绘制一个飞舞的蝴蝶动画,让蝴蝶的翅膀在不停地扇动着,如同一只现实中的彩蝶在翩翩飞舞。还可以在网页制作过程中在Deamweaver中将这个GIF动画插入一个层之中,然后设置时间轴来控制动画在网页上的运动路径,用以实现它在页面上飞舞的效果。主要用来熟悉 MX 2004中帧面板中导出GIF动画文件的用法,同时熟悉魔棒工具的用法。文章末尾提供.png文件供大家下载参考。

  完成效果如右图。

  下面我们介绍具体的绘制过程,看看蝴蝶翅膀扇动效果是如何实现的。

  (1) 新建一个大小为80×80的文件,设置其画布颜色为透明,得到图1所示图像。

  (2) 导入一个静态的蝴蝶图片,如图2所示。但是这幅图像是有白色背景的。


图1 新建文件    图2 导入一幅静态蝴蝶图

  (3) 单击工具箱上的魔术棒工具,在导入图像的白色区域中单击一下,这样图像中所有白色的区域就被选中了,如图3所示。

  (4) 按Delete键将魔术棒选取的白色区域删除,得到图4所示的图像。 www.edu-cn.com


图3 使用魔术棒单击白色区域    图4 删除白色区域

  (5) 单击工作区状态栏的按钮回到矢量图编辑状态。使用对其面板将图像放置在画布的最中央,得到图5所示的图像。

  (6) 打开帧面板,单击按钮新建一帧,并把第一帧的图像复制到第2帧之中,使用工具箱上的缩放工具对复制所得图像进行调整,如图6所示。


图5 将图像放置画布中央    图6缩放图像

中国论文网

漂亮MM女性网

  (7) 为了能模拟蝴蝶飞舞时产生的颜色明暗度变化,所以需要对第2帧的图像进行色相、饱和度和亮度的调整。单击【滤镜】菜单,选择【调整颜色】|【色相/饱和度】,在弹出对话框中调整色相、饱和度和亮度,如图7所示。

图7 调整图像色相、饱和度和亮度

  

  (8) 最终得到满意的效果,如图8所示。接着在新建一帧,和上面两步类似,再调整图像得到图9所示的图像。


图8 第2帧图像    图9 第3帧图像

  (9) 由于蝴蝶飞舞过程中翅膀会往返两次同一个位置,所以第4帧图像和第2帧图像是相同的,第5帧和第一帧图像是相同的。只需要分别将第2帧图像复制到第4帧,将第一帧图像复制到第5帧就可以了,分别如图133和图134所示。


图10 第4帧图像    图11 第5帧图像
www.edu4u.com.cn
  (10)最后再新建一帧,将第5帧图像复制到该帧,使用缩放工具将图像再进行缩放,使得蝴蝶的翅膀展开度更大一些,得到图12所示的图像。

中国教程网

     漂亮MM女性网

www.edu4u.com.cn


共2页: 上一页 1 [2] 下一页
文章评论】 【收藏本文】 【推荐好友】 【打印本文】 【论坛讨论

   最新文章:
·用Fireworks做出精美的文字特效(04-03)
·先建模再渲染 Fireworks矢量立体图标(04-03)
·用Fireworks也能为照片做精美边框(04-03)
·Fireworks绘制三维矢量透视图(04-03)
·Fireworks制作马赛克文字特效(04-03)
·FW滤镜制作血滴效果(04-03)
·绘制可爱的圣诞新年Kitty猫咪卡通桌(04-03)
·Fireworks三维插件辅助绘制转动立体(04-03)
·Fireworks 制作精细PC图标(04-03)
·Fireworks打造残破效果(04-03)
   相关文章:
·Fireworks4创建动画 ·Fireworks制作GIF动画Banner
·Fireworks4图象优化 ·Firework绘画大众甲壳虫汽车
·Fireworks卡通头像:搞怪宝宝(4) ·Fireworks4下拉菜单
·Fireworks4翻转图像 ·Fireworks实用设计:电话IC卡
·Fireworks 制作 IE 浏览器图标 ·Fireworks绘制简笔QQ企鹅

   文章评论:(0条)
  
用户名: 新注册) 密码: 匿名评论
评论内容:(不能超过250字,需审核后才会公布,请自觉遵守互联网相关政策法规。

 §最新评论:

  责任编辑:中国教程网  

© 2007 Copyright 中国教育网
DesignBy:AOE3 STUDIO & ROCOCO