Fireworks MX制作像素动画
2008-02-23 06:10:22来源:互联网 阅读 ()
下面我们就以一个简单的像素动画为例子,看看怎样只使用几种最基本的编辑工具来制作特具特色的像素动画。
步骤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:
点击“播放“按钮,可以看到整个动画的效果,像素小人飞身跃过滚动的圆环,只要你稍加改变就可以得到更多的不同动画。
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash