如何制作gif图片

Posted 码农编程进阶笔记

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何制作gif图片相关的知识,希望对你有一定的参考价值。

制作Gif图片的方法很多,大多数情况下都会选择利用PS中的ImageReady插件来制作。其实还有其它更好的选择来制作Gift图片,其中一款软件就是利用Flash来实现。下面小编就给大家展示一下如何利用Flash来制作Gif图片,本经验只是起到抛砖引玉的效果,希望通过本经验的分享能使更多的人从中受益。

技术分享图片

工具/原料

 
  • Adobe Flash CS3 Professional

方法/步骤

 
  1. 1

    新建一Flash文档, 文档类型设置为“ActionScript3.0”。

    技术分享图片
  2. 2

    点击“属性”窗口中的“设置大小”按钮,打开“文档属性”窗口,将大小设置为“160像素*290像素”,背景色设置为“黑色”,点击“确定”完成设置。

    技术分享图片
    技术分享图片
  3. 3

    依次点击“文件”→“导入”→“导入到库”,从本地选择小人行走的五幅图片导入到库中。

    技术分享图片
    技术分享图片
  4. 4

    然后分别将各个元件拖放到图层1对应时间帧上,并调整其大小以适合当前场景。具体对应关系:元件1拖放到第1帧,元件2拖放到第2帧,元件3拖放到第3帧,元件4拖放到第4帧,元件5拖放到第5帧。结果如图所示:

    技术分享图片
    技术分享图片
    技术分享图片
    技术分享图片
    技术分享图片
  5. 5

    双击时间轴上的帧频率,在打开的“文档属性”中将帧频设置为“5”,点击“确定”完成设置。

    技术分享图片
  6. 6

    点击“文件”→“发布设置”,在弹出的“发布设置”窗口中,勾选“Gif图像”项,并为该Gif文件命名为“MoveMan.gif”;切换到“Gif”选项卡,将回放方式设置为“动画”,透明方式设置为“透明”,最后点击“发布”按钮,则Gif图片制作完成。

    技术分享图片
    技术分享图片
    技术分享图片
  7. 7

    在生成的Gif动画文件上右击,从弹出的菜单中选择“打开方式”为“IE浏览器”,此时就可以看到走路的小人啦。至此,Gif图片制作完成。

    技术分享图片
    技术分享图片

以上是关于如何制作gif图片的主要内容,如果未能解决你的问题,请参考以下文章

如何制作gif图片

如何制作gif动态图片

安卓手机如何制作GIF动态图?

制作gif格式的图片

动态gif图是什么?如何快速制作动态gif?

求gif动态图转90,急!