码迷,mamicode.com
首页 > 其他好文 > 详细

如何制作gif图片

时间:2017-12-26 10:24:42      阅读:130      评论:0      收藏:0      [点我收藏+]

标签:切换   适合   move   选择   .com   如图所示   对应关系   rip   新建   

制作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图片

标签:切换   适合   move   选择   .com   如图所示   对应关系   rip   新建   

原文地址:https://www.cnblogs.com/lxwphp/p/8116571.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!