Fireworks MX制作像素动画_网页制作_学习笔记★闵涛★计算机学习电脑编程软硬件技巧


	转至繁体中文版	\| 网站首页 \| 图文教程 \| 资源下载 \| 站长博客 \| 图片素材 \| 武汉seo \| 武汉网站优化 \|

Fireworks MX制作像素动画

作者：闵涛文章来源：闵涛的学习笔记点击数：639 更新时间：2009/4/23 13:15:32

　　众所周知，Fireworks MX是一款非常优秀的GIF格式动画制作软件，但是很多朋友在制作动画的时候除了文字的移动，渐变很少做其他的效果，实在是对Firewrks MX强大功能的极大的浪费。其实只要我们有一些想象力，多在动画形式上下工夫，可以制作出很多与众不同的动画作品。
　　下面我们就以一个简单的像素动画为例子，看看怎样只使用几种最基本的编辑工具来制作特具特色的像素动画。

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

　　步骤2：
　　在工具栏上选择矩形工具，并且设置其填充色为深红色，边框色为无。

　　绘制一个矩形。在Properties面板上调整矩形的大小与位置，使其居中对齐。

　　步骤3：
　　在Properties面板上的填充选择区域中选择Texture为Grid4，并调整其透明度为50%

　　此时的矩形效果如图所示:

　　步骤4：
　　使用圆形工具以边框色为白色，填充色为无绘制一个小圆，并放置在画面的右下角。

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

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

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

　　步骤7：
　　向右侧移动像素的位置，并改变小人的造型，向左适当移动圆环的位置。

　　步骤8：
　　使用同样的方法复制Frame3、Frame 4、Frame 5、Frame 6，并且改变小人与圆环的位置，最后每一个Frame 上的图形分别如图所示：

　　步骤9：
　　在Frame and History面板上双击Frame 1，将时间间隔调整为25毫秒，并且用同样的方法调整所有Frame 的时间间隔。

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

[网页制作]Fireworks 8 全新功能图文快报  [网页制作]Fireworks 的描边表面研究
[网页制作]Fireworks 画竹子  [网页制作]怎样学习 Fireworks
[网页制作]国色天香！Fireworks绘制国画牡丹  [网页制作]Fireworks 中的虚线
[网页制作]fireworks 图像优化快速教程  [网页制作]Fireworks 绘制立体文字图标
[网页制作]用 Fireworks 做雅虎菜单  [网页制作]Fireworks 8绘制情人节卡通桌面

教程录入：mintao 责任编辑：mintao

上一篇教程： Fireworks MX图层混合实例剖析

下一篇教程： Fireworks MX对网页的逆向导入

【字体：小大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

注：本站部分文章源于互联网，版权归原作者所有！如有侵权，请原作者与本站联系，本站将立即删除！本站文章除特别注明外均可转载，但需注明出处！ [MinTao学以致用网]

　网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）

同类栏目

· Web开发  · 网页制作
· 平面设计  · 网站运营
· 网站推广  · 搜索优化
· 建站心得  · 站长故事
· 互联动态

热门推荐

没有教程

赞助链接

闵涛博文

500 - 内部服务器错误。

您查找的资源存在问题，因而无法显示。

鄂公网安备 42011102001154号

站长：MinTao ICP备案号：鄂ICP备11006601号-18

闵涛站盟:医药大全-武穴网。A打造B、C、D……