简单5步,制作GIF动画

软硬天师   评论

上一回讲到怎么设定动画favico(怎么像说书?),没说用来做favico的这个GIF怎么做,正如fisio所说,这个说来话长了。制作动画GIF的工具有很多,像photoshop的image ready或者用flash导出的方式都可以。复杂点的动画几乎可以是一个小电影,就不多说了。这里只说下,怎么简单制作横幅滚动式16×16的GIF。

第一步:用画图板或者其他什么软件写一个横幅,高度16,长度随字符多少变化,首字符重复一下。
sbtalk.png

第二步:用ACDSee等带简单编辑功能的软件,按照16×16,逐1/2或者1/4字符裁剪
animate_part1.jpg


第三步:排列重命名裁剪后的16×16小图片作为动画帧,如果按照逐1/4方式裁剪的话,6个字符能得24个小图片,也就是图片数=字符数/裁剪步进
animate_part2.jpg

第四步:导入GIF制作小工具如EASY GIF Animator
animate_part3.jpg

第五步: 根据需要调整帧间延迟,滚动方向后生成
最后成品:favico1.gif
再贴一个带图片文字的16×16 GIF animated_favicon1.gif,(只滚动一次,刷新后再看,适用于做动画favico )

ps:不要有同学跟我较真什么专业不专业,狗屎不狗屎的事情哈 :wink: 利用简单工具自己玩玩,其实挺开心的 :idea:

【更新一下】:在fisio同学的建议下,用Ulead能够更方便的产生条幅文字:

1. 设定第一帧和最后一帧
ufa01.gif

2.自动产生关键帧间的动画
ufa02.gif

3.结果 ufa_result.gif ,嘿嘿爽多了。

9条评论 to “简单5步,制作GIF动画”

  1. Gravatar Vern

    动画了之后是不是就不能底色透明啦??

    [回复]

  2. Gravatar 央街浪子

    可以透明底色的,在最后那步,用easy gif animator的时候,可以逐帧清除底色的(看演示图片右下角,有set transparency),不是太复杂的话,够用了。

    [回复]

  3. Gravatar fisio

    楼上:GIF 支持透明背景的哟,只是不支持半透明背景。
    PS:这个 gif editor 好像不怎么样,照说不用逐帧生成的。。。推荐 ImageReady 或者 Ulead GIF Animator

    [回复]

  4. Gravatar 摩摩诘

    学到了.我原来只搞过视频转GIF..

    [回复]

  5. Gravatar 央街浪子

    @fisio: 创建纯文本条幅,也是内建的,不过我没找到混色字的方法,他只能单色的。功能应该是没Ulead/PS的强。这种逐帧的方法应用面应该很小,带效果的都不行。真正要做动画的话,应该是先用动画软件做好,再抓取的吧?

    [回复]

  6. Gravatar 央街浪子

    根据 使用ulead的实践,文末已更新 :razz:

    [回复]

  7. Gravatar fisio

    鼓掌~

    [回复]

  8. Gravatar IMPark

    好复杂啊。
    有时间给我做一个别? 呵呵。。
    我就知道你是个高手

    [回复]

  9. Gravatar 吃好喝好

    受用

    [回复]

发布评论

WP Theme & Icons by N.Design Studio
Entries RSS Comments RSS 登录