返回首页    设为首页   加入收藏    给我留言 今天是:
网站首页文章教程视频下载其他视频书籍下载在线视频素材下载软件下载情感空间购物商城
文章教程阅读
 
您现在的位置: 视频教程下载 >> 文章教程 >> 图像处理 >> Fireworks >> 文章正文
高级搜索

Fireworks制作飞舞蝴蝶效果
作者:佚名 文章来源:搜集整理 点击数: 更新时间:2008-6-20 12:05:07 | 【字体:
今天我们来绘制一个飞舞的蝴蝶动画,让蝴蝶的翅膀在不停地扇动着,如同一只现实中的彩蝶在翩翩飞舞。还可以在网页制作过程中在Deamweaver中将这个GIF动画插入一个层之中,然后设置时间轴来控制动画在网页上的运动路径,用以实现它在页面上飞舞的效果。主要用来熟悉Fireworks MX 2004中帧面板中导出GIF动画文件的用法,同时熟悉魔棒工具的用法。
  完成效果如下图。 更多素材、教程、笔刷欢迎访问中华图网http://www.cntuw.com  
更多素材、教程、笔刷欢迎访问中华图网http://www.cntuw.com  
  下面我们介绍具体的绘制过程,看看蝴蝶翅膀扇动效果是如何实现的。 更多素材、教程、笔刷欢迎访问中华图网http://www.cntuw.com  
  (1) 新建一个大小为80×80的文件,设置其画布颜色为透明,得到图1所示图像。 更多素材、教程、笔刷欢迎访问中华图网http://www.cntuw.com  
  (2) 导入一个静态的蝴蝶图片,如图2所示。但是这幅图像是有白色背景的。 更多素材、教程、笔刷欢迎访问中华图网http://www.cntuw.com  
更多素材、教程、笔刷欢迎访问中华图网http://www.cntuw.com  
图1 新建文件    图2 导入一幅静态蝴蝶图 更多素材、教程、笔刷欢迎访问中华图网http://www.cntuw.com  
  (3) 单击工具箱上的魔术棒工具,在导入图像的白色区域中单击一下,这样图像中所有白色的区域就被选中了,如图3所示。 更多素材、教程、笔刷欢迎访问中华图网http://www.cntuw.com  
  (4) 按Delete键将魔术棒选取的白色区域删除,得到图4所示的图像。 更多素材、教程、笔刷欢迎访问中华图网http://www.cntuw.com  
更多素材、教程、笔刷欢迎访问中华图网http://www.cntuw.com  
图3 使用魔术棒单击白色区域    图4 删除白色区域 更多素材、教程、笔刷欢迎访问中华图网http://www.cntuw.com  
  (5) 单击工作区状态栏的按钮回到矢量图编辑状态。使用对其面板将图像放置在画布的最中央,得到图5所示的图像。 更多素材、教程、笔刷欢迎访问中华图网http://www.cntuw.com  
  (6) 打开帧面板,单击按钮新建一帧,并把第一帧的图像复制到第2帧之中,使用工具箱上的缩放工具对复制所得图像进行调整,如图6所示。 更多素材、教程、笔刷欢迎访问中华图网http://www.cntuw.com  
更多素材、教程、笔刷欢迎访问中华图网http://www.cntuw.com  
图5 将图像放置画布中央    图6缩放图像
舞步 2006-02-25 16:57

(7) 为了能模拟蝴蝶飞舞时产生的颜色明暗度变化,所以需要对第2帧的图像进行色相、饱和度和亮度的调整。单击【滤镜】菜单,选择【调整颜色】|【色相/饱和度】,在弹出对话框中调整色相、饱和度和亮度,如图7所示。 更多素材、教程、笔刷欢迎访问中华图网http://www.cntuw.com  
更多素材、教程、笔刷欢迎访问中华图网http://www.cntuw.com  
图7 调整图像色相、饱和度和亮度 更多素材、教程、笔刷欢迎访问中华图网http://www.cntuw.com  

[1] [2] 下一页

文章录入:admin    责任编辑:admin 
  • 上一篇文章:

  • 下一篇文章:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    Fireworks教程:打造漂亮的水波gif动画
    Fireworks教程:打造滚动的足球动画效果
    Fireworks教程:合成制作怀旧石头字效果
    Fireworks教程:简单打造可爱粉色gif闪图
    Fireworks设计制作漂亮网页的过程
     网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)