加入收藏 | 会员中心 | 繁體中文 | 留言信息 | |
推 荐 阅 读

广 告 发 布 商

阅 读 排 行
 您现在的位置: 中国无边在线 >> 文章频道 >> 设计教程 >> Fireworks MX教程 >> 文章正文
Fireworks MX制作像素动画 【字体:

Fireworks MX制作像素动画

本站虚拟主机供应商  来源:圆点视线  点击: 

    收藏到QQ书签  


  众所周知,Fireworks MX是一款非常优秀的GIF格式动画制作软件,但是很多朋友在制作动画的时候除了文字的移动,渐变很少做其他的效果,实在是对Firewrks MX强大功能的极大的浪费。其实只要我们有一些想象力,多在动画形式上下工夫,可以制作出很多与众不同的动画作品。

  下面我们就以一个简单的像素动画为例子,看看怎样只使用几种最基本的编辑工具来制作特具特色的像素动画。

  步骤1:

  打开Fireworks MX,使用菜单命令File-New新建一个文件,在弹出的文件属性对话框中设置此文件的大小为宽88像素,高31像素,背景色为透明(如图1)。

图1

  步骤2:
  在工具栏上选择矩形工具(如图2),并且设置其填充色为深红色,边框色为无(如图3),绘制一个矩形。在Properties面板上调整矩形的大小与位置,使其居中对齐(如图4)。

图4

  步骤3:

  在Properties面板上的填充选择区域中选择Texture为Grid4,并调整其透明度为50%(如图5)。此时的矩形效果如图所示(如图6)。

 
图5  图6
  步骤4:
  使用圆形工具(如图7)以边框色为白色,填充色为无绘制一个小圆,并放置在画面的右下角(如图8)。
图8

  使用矩形工具以无边框色、深红为填充色绘制一个小矩形,放置在文件的上端。

  步骤5:

  在工具栏中选择直线工具,在Properties面板中设置直线的宽度为2,线形为Hard Line。在图形上点一点,并使用同样的方法点出不同的小点,并调整其位置最后形成一个像素小人(如图9)。

图9

 

  步骤6:

  打开Frame and History面板,点击右上角的三角按钮,在弹出的菜单中选择Duplicate Frame复制一个Frame,在弹出的Duplicate Frame对话框中如图进行设置(如图10)。

图10


  步骤7:

  向右侧移动像素的位置,并改变小人的造型,向左适当移动圆环的位置(如图11)。

图11


  步骤8:

  使用同样的方法复制Frame3、Frame 4、Frame 5、Frame 6,并且改变小人与圆环的位置,最后每一个Frame 上的图形分别如图所示(如图12、13、14、15)。

 
图12  图13


 

 
图14  图15


  步骤9:

  在Frame and History面板上双击Frame 1,将时间间隔调整为25毫秒(如图16),并且用同样的方法调整所有Frame 的时间间隔。

图16


  步骤10:

  点击“播放“按钮,可以看到整个动画的效果,像素小人飞身跃过滚动的圆环,只要你稍加改变就可以得到更多的不同动画。

文章录入:烧饼    责任编辑:烟鬼 
 
  • 上一篇文章:
  •                 
  • 下一篇文章:
  •  

      Fireworks Dreamweaver综合使
    Fireworks MX 2004新功能
    Fireworks 巧制生肖鼠票
    Fireworks 制作立体旋转地球
    Fireworks MX图层混合实例剖
    Fireworks MX 滤镜讨论
    Fireworks MX制作下拉菜单
    Fireworks MX对网页的逆向导
    Fireworks MX 滤镜讨论
    Fireworks MX 滤镜讨论
    Fireworks MX制作下拉菜单
    Fireworks MX制作下拉菜单
    发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口



    中国无边在线
    www.wb889.com
    我的网络生活从这里开始……

      设为首页 / 加入收藏 / 友情链接 / 购买广告位 / 广告合作 / 用户留言 / 版权申明

    · 中国无边在线www.wb889.com 前身:烧饼工作室 请勿盗链
    · 业务QQ:94125148 | 78533587 E-mail:wb889#126.com TEL:020-3157797*
    · ICP备案号:粤ICP备05123509号 我的网络生活从这里开始了…… 中国广告认证第082149号