下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

Fireworks教程:制作数字连续翻滚动画

作者:课课家教育     来源: http://www.kokojia.com点击数:1429发布时间: 2016-08-17 13:36:44

标签: Gif动画Fireworks

想学设计?来看看大师是如何完成作品的?

  相信作为一名设计师,大家都有接触或者使用过Fireworks吧。Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件。使用Fireworks不仅可以轻松地制作出十分动感的GIF动画,还可以轻易地完成大图切割、动态按钮、动态翻转图等。今天小编就为大家介绍一篇fireworks教程:制作数字连续翻滚动画。这是一个简单的动画技术,可能你们都会喜欢的。这个教程中,小编使用了Fw中的“逐帧”的技术。其实,大家也可以用相同的方法来制作出倒计秒数的动画。现在就让我们动手来做吧。

  首先小编先给大家看一下最终的效果图吧,如图所示。接下来,小编就为大家介绍操作步骤:

Fireworks教程:制作数字连续翻滚动画_Gif动画_Fireworks_帧_课课家

  第一步

  首先我们先在Fireworks中打开一个新的画布,选择工具栏中的文本工具。然后我们输入第一个数字,并且设置好文字的字体、像素大小等等的样式。如图所示:

制作数字连续翻滚动画

  第二步

  然后我们就打开帧面板,使用黑白选择工具,工具在面板的右上角,接着我们点击,就会自动弹出下拉菜单,我们在菜单中选择“重制帧”。如图所示:

制作数字连续翻滚动画

  第三步

  接着我们就在自动弹出的对话框中,进行设置。具体的设置,如图所示:

制作数字连续翻滚动画

  我们选择了9个新帧,这是因为动画包含0-9个数字(就相当于10帧)。然后选择每一帧,并且修改画布中的相应数字。那样子就可以输出文件了。

  第四步

  帧面板的设置,如图所示:

制作数字连续翻滚动画

  小编在这里要提示一下:帧面板中右手边显示的是默认的帧延时值7毫秒,就是7/100秒的速度。如果播放动画的速度大家感觉有些快,那样就可以修改这个延时值。方法如下:选择顶部帧,按住“Shift”键,点击底部的最后一帧,全选这些帧,在帧延时值处双击,在显示的对话框中设置一个更高的值。这个更高的值将减慢动画的播放速度。

  第五步

  终于要来到教程的最后一步了,我们打开优化面板,设置导出文件格式为“Gif动画”,如图所示:

制作数字连续翻滚动画

  其实我们也可以在帧面板的底部设置Gif动画循环,默认为“永久”的选项。如图所示:

制作数字连续翻滚动画

  只要我们完成以上五个步骤,那就赶快单击“F12”键,预览一下自己的作品吧,最后就可以输出文件了。

  小编总结:

  以上就是fireworks教程的全部内容了,通过数字连续翻滚动画的学习,我们又掌握到了一个Fireworks的使用技能。只需要简单的五步,那就可以制作出一个数字连续翻滚的动画,是不是非常的简单?其实小编想说的是,Fireworks还可以开发出很多很有趣的东西,这个就需要我们不断的摸索。希望这篇教程大家会喜欢。

  课课家会一直更新关于设计类的文章,请继续关注我们的网站:课课家教育。谢谢!

赞(21)
踩(3)
分享到:
华为认证网络工程师 HCIE直播课视频教程