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


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

用Fireworks制作旋舞动画

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

　　说明：这个看似复杂的圆形效果其实是用Tween Instances命令自动来创建的，所以您根本就不需要为排列不整齐这些椭圆形对象而烦恼，渐变填充的变化也能给您的图像带来完全不一样的效果。完成本例后，多动动脑子想想，或许您还能创建出另外的效果。

　　具体制作过程：
　　首先在Fireworks中使用菜单命令：File>New新建一文件，设置其画布尺寸为200*200象素，画布颜色为白色，点击OK按钮。
　　选择工具面板中的Ellipse椭圆形工具在画布中间位置绘制一椭圆形，椭圆形的尺寸您可以在Info面板中设置W值为30，H值为180，按回车确认数值被正确输入。在工具面板的Colors选项中设置描边颜色为红色，填充颜色为None（空）。
　　使用菜单命令Modify>Alter Path>Expand Stroke，该命令可以用来扩展路径。当Expand Stroke对话窗口被打开时，设置Width值为1，点击OK按钮。

　　此时，由于路径扩展成了填充对象，因为我们在Stroke面板中设置描边值为None，切换至Fill面板，从Fill Category填充类型下拉列表中选择Linear（线性渐变），然后点击Edit按钮，在渐变颜色编辑器中做如下图所示的颜色设置，总共有四个颜色标记，分别是红、蓝、蓝、黄，其中红和蓝颜色标记叠放在一起，蓝和黄颜色标记叠放在一起。

　　然后我们来设置线性渐变的方向，使用黑色箭头工具移动黑色小圆点到椭圆形的顶部位置，然后把黑色的矩形点拉到椭圆形的底部位置，这样就有了如下图所示的形状。

　　使用键盘快捷方式F8键，此时会弹出Symbol Properties对话窗口，确定当前选择的Type类型为Graphic，在Name选项中您可以给当前这个symbol符号命名，当然也可以使用默认的名字，点击OK按钮完成符号转换。
　　使用菜单命令：Edit>clone，克隆当前的符号对象。当克隆出来的这个对象被选中时，使用菜单命令Modify>Transform>Rotate 180°，此时对象被旋转180度。
　　使用快捷方式Ctrl+A全选这二个对象，使用菜单命令Modify>Symbol>Tween Instances进行插帧操作，当Tween Instances对话窗口被打开时，设置Steps值为15~40中的一个值，本例中设置Steps为25。不要选择Distribute to Frames选项，点击OK按钮。

　　此时如果您按照我上面的步骤来做的话，应该就会出现如下图所示的形状，呵呵，这个效果蛮好玩的吧，别感觉惊讶，这就是Tween Instances命令所产生的，用这命令还能做很多效果呢，您可以查看本系列中其他的教程。

　　好了，既然这个教程起名为“旋舞”，那么我们就让它动起来。
　　快捷方式Ctrl+A全选这些对象，然后使用菜单命令Modify>Group，或是直接使用快捷方式Ctrl+G，将这些对象合成为一个组对象。
　　按F8键，当Symbol Properties对话窗口被打开，此时我们选择Animation类型，点击OK按钮。紧接着会跳出Animate对话窗口，在这儿我们设置Frames值为11，最下面的Rotate值为360，其他的就按照默认的设置可以了，点击OK按钮。这个创建动画过程可能需要一点等待的时间，请耐心一些，因为程序正在相应地自动生成各个帧中的动画。

　　动画创建完成后，您的文件将会变成如下图所示的样子，文档窗口左下角有一排播放按钮，我们点击下图白色箭头所指的按钮就可以观看这个动画了。

　　是不是觉得动画播放过程有一点停顿，这个原因出在刚才在设置Animation动画时，Rotate角度为360度，所以当前的动画第一帧和最后一帧是重复的。打开Frames面板，选中Frame11，然后点击帧面板右下角的垃圾筒按钮，这样就能把多余的帧给删除了。
　　如果您觉得当前动画的播放速度有点快，点击Frame1帧，然后按住Shift键，点击Frame10帧，此时这些帧对象都被选中了，双击任何一帧右边的“7”的位置，此时会弹出Frame Delay对话窗口中，我们可以加大这个数值，这样就可以加长帧的延迟时间，本例中我设置为20。

　　好了。动画效果完成了，我们将它保存为一个GIF动画进行输出，使用菜单命令File>Export Preview，当Export Preview对话窗口被打开时，在Options标签面板中，设置Format格式为Animated GIF，这项设置是最主要的，然后您可以设置一下GIF文件的颜色值，在File标签面板中您可以设置该动画的文件尺寸比例。设置完后点击Export按钮，将文件保存到硬盘中，完成本例制作。

没有相关教程

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

上一篇教程：用Fireworks制作金属效果按钮

下一篇教程：使用Fireworks制作心形

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

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

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

同类栏目

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

热门推荐

没有教程

赞助链接

闵涛博文

500 - 内部服务器错误。

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

鄂公网安备 42011102001154号

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

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