您现在的位置: 圆点视线 >> 教程 >> 图形图像 >> Fireworks >> 文章正文
[图文]Fireworks绘制飞舞蝴蝶动画       ★★★
Fireworks绘制飞舞蝴蝶动画
作者:詹巍  文章来源:天极网  点击数:  更新时间:2007-9-13 16:58:17 
 页面功能:【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口 【字体:
今天我们来绘制一个飞舞的蝴蝶动画,让蝴蝶的翅膀在不停地扇动着,如同一只现实中的彩蝶在翩翩飞舞。还可以在网页制作过程中在Deamweaver中将这个GIF动画插入一个层之中,然后设置时间轴来控制动画在网页上的运动路径,用以实现它在页面上飞舞的效果。主要用来熟悉Fireworks MX 2004中帧面板中导出GIF动画文件的用法,同时熟悉魔棒工具的用法。文章末尾提供.png文件供大家下载参考。

  完成效果如右图。

点击放大图片

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

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

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

点击放大图片 点击放大图片
图1 新建文件    图2 导入一幅静态蝴蝶图

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

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

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

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

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

点击放大图片 点击放大图片
图5 将图像放置画布中央    图6缩放图像

[1] [2] 下一页

 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 文章录入:Rainsion    责任编辑:Rainsion  【字体:
 
  • 上一篇文章:

  •  
  • 下一篇文章:
  • 最新文章
    相关文章
    Fireworks绘制精致打印机图标
    详解Fireworks丰富的笔触设置面板
    DIY树叶笔触画一棵树
    Fireworks教程:教你打造可爱卡通QQ表情
    Fireworks教程:利用“建立控点法”绘制炫彩
    从FW的色彩面板看设计软件的色彩管理
    从Fireworks看设计软件的色彩使用方式
    Fireworks 创建残破纹理特效文字
    详解Fireworks MX 2004丰富的图像导出功能
    Fireworks制作极光字体效果
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    发表评论:
     姓  名: 评 分: 1分 2分 3分 4分 5分
     评论内容: ·严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
    ·用户需对自己在使用本网服务过程中的行为承担法律责任
    ·本站管理员有权保留或删除评论内容。
    ·评论内容只代表机友个人观点,与本网站立场无关。
     
    最 新 推 荐
     
    百度主题推广
    最 新 热 门