您现在的位置: 圆点视线 >> 教程 >> 图形图像 >> Fireworks >> 文章正文
[图文]Fireworks MX制作像素动画           ★★★
Fireworks MX制作像素动画
作者:hairan  文章来源:中国教程网  点击数:  更新时间:2007-7-14 15:54:54 
 页面功能:【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口 【字体:

众所周知,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:

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


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

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