记忆盒子

把记忆装进灰色的盒子，封装起来，那年那月，重新拾起。

首页搜索目录
search
当前主题: 软件编程

Fireworks制作gif动画图片 非常简单

作者:Kaka    时间:2014-6-27 7:41:1    浏览:    评论:23

      说到制作gif动画图片，可能多数人更喜欢使用Adobe ImageReady这款专为制作gif动画打造的软件，不过对于喜欢使用fireworks制作图片的人来说，或许更喜欢在fireworks里制作图片的同时就可以制作出想要的gif动画。本文就介绍如何使用fireworks制作gif动画图片，其实非常简单，只需几个简单易懂的操作就可以完成。

      先来看看效果图，下图是本次教程需要制作的简单gif动画图片：

Fireworks制作gif动画图片

Fireworks制作gif动画图片

      下面是制作步骤：

      首先要明白的是，这个gif动画有两张小图组成，所以要做两张小图，并把两张小图作为gif动画的两个帧，每帧间隔时间为1秒，出来的效果就是上图的样子了。

      1、制作第一张小图

      这个比较简单，只需设定画布的大小，在画布上写上几个字即可。

gif动画第一张小图

gif动画第一张小图-（图1）

      2、制作第二张小图

      在上图（图1）中，我们注意到右边有一个“帧”的项目，“帧1”对应的图片就是刚制作的第一张小图，“帧1”就是将要做成的gif动画的第一帧。我们接着要做的是gif动画的第二帧，并且在这帧上做一张图片。

      如下图（图2）所示，点击“新建/重建帧”图标，“帧2”就创建了。

新建帧

新建帧-（图2）

      这时，左边区域是第二张小图的画布，我们就可以在这里制作第二张小图了。如下图是制作的第二张小图：

gif动画第二张小图

gif动画第二张小图-（图3）

      3、设置帧延时

      帧延时即时gif动画中图片与图片之间切换的间隔时间。

      如下图（图4）所示，鼠标双击蓝色区域（注意是“1”那个地方），看到弹出一个小窗，填上100就是延时1秒，这个根据自身情况设定适当的数值。

设置帧延时

设置帧延时-（图4）

      设置完“帧1”的延时后，再设置“帧2”的延时，最后的结果如下图（图5）所示：

gif动画图片制作完成

gif动画图片制作完成-（图5）

      4、保存gif动画图片

      点击菜单“文件”-“另存为（A）...”，然后 另存为类型 选择“动画 GIF（*.gif）”，输入文件名，保存即可。

      您可能对如下文章也感兴趣

      gif图片分解和重新编辑的工具及方法

x

标签: Fireworks  

※ 网站速度慢？试试网站自动优化工具 ※

上一篇: bmp图片使用GZip压缩率竟高达98.83%
下一篇: 【香港印象】准备篇 - 记得带上充电宝
  • 22.一**
  • 多掌握一个软件，到使用时会带给自己意想不到的惊喜！感谢楼主无私分享！
  • 2015/1/6 19:37:43 回复该留言
  • 11.坦*****
  • 这个很试用的技巧啊，做一些动态的小图片，可以吸引人。
  • 2014/7/24 11:03:25 回复该留言
  • 3.婧*
  • 做GIF，FIRWORDS还是专业了些。老百姓直接使用生成软件比较方便些。
  • 2014/7/3 8:40:13 回复该留言
  • 2.快***
  • 博主多才多艺呀，又学到一个新东西

    以前认为那些会动的图片都是flash，没想到firework还有这种功能

    非常实用！
  • 2014/6/29 22:18:35 回复该留言

发表评论:

◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。

订阅博客                   QQ交流群（312716741）

  • 通过Google订阅本站 通过鲜果订阅本站 通过抓虾订阅本站
  • 通过QQ邮箱订阅本站 通过Yahoo订阅本站 通过有道订阅本站

Search

SEO专题

热门文章

最新评论及回复

最近留言

网站分类

Powered By Z-Blog 1.8 Walle Build 91204 Designed by Han'space

Copyright @2009-2024 All Rights Reserved. 粤ICP备14028160号-1

search
Powered By Z-Blog 1.8 Walle Build 91204
Copyright @2009-2024 All Rights Reserved.