flash动画制作成品_动画设计:flash如何制作GIF

本文详细介绍了如何使用Adobe Flash和After Effects(AE)制作GIF动画。在Flash中,通过‘文件——发布设置’选择GIF格式并设置为循环播放,然后点击发布即可。而在AE中,由于高版本不直接支持GIF导出,可以将动画保存为视频格式再用PS转为GIF,或者安装插件实现一键导出。文章提供了详细的步骤和快捷键操作指南。
摘要由CSDN通过智能技术生成
e91ad2ae846a61abe27668859f79f305.png

相信很多做UI的朋友都会遇到做GIF动画的问题,一些简单的动画可以用PS时间轴来做,但是遇到较为复杂的动画,则要借助专业的动画软件Flash或者AE来制作,今天先讲flash如何制作GIF。

1、做好的文件,选择文件 —— 发布设置(快捷键ctrl + shift + f12)

69cf4fd2253f26ac240d3c822e3106a0.png

2、选择GIF图像,动画,不断循环,点击发布即可

7237a1b436e15076280efb297692372d.png

就是这么简单,即可将做的动画导出为GIF!

上面讲了FLASH导出GIF的方法,很简单,快捷键Ctrl + shift + F12,下面讲AE如何导出GIF,首先,大家要明白,目前高版本的AE是不能直接导出GIF的。可以通过以下两种方法制作GIF:

一、AE中将动画存为视频格式(比如AVI格式),将视频文件在PS打开,然后存Ctrl + shift + Alt +S 存为GIF。

二、AE安装插件,一键导出GIF。

方法一:导入PS方法

1、做好的文件,Ctrl + M 切换到渲染队列,点击下方输出到,箭头所示,设置生成文件的保存位置,然后点击右下角渲染按钮,听到一声清脆的声音和渲染进度条加载完成,代表渲染成功。并看到我将文件保存到桌面,合成 1.avi.

a2bb9c64a1c32a2eecef7d54cbfc54a1.png
f8fc3a403b5178a8bd7a852872734f98.png
d3bfd85b1d347ad4eee05138307ac80d.png

2、将AVI文件用PS打开,发现是视频组。然后Ctrl + shift + Alt +S 存为GIF,并勾选永久循环。 点击存储按钮,将GIF保存到桌面,如下图所示动画。

96cf8a07303e5e2f3e95a78bf2b9dec5.png
e64864920520bd997fc7f8994e0e43ff.png
744f4d0e20869f8bcbf0ff68c766dc3b.gif

方法二:插件方法

1、将插件压缩包gifgun.jsxbin解压,找到里面的win文件夹

e61ffe40b00437604afe450113ab7eda.png

2、打开win文件夹,复制里面的四个文件,有多少复制多少。

a3b095c0bab57f8d9439ae05ac6b5898.png

3、右键桌面AE快捷方式,选择打开文件位置,进入如下界面,按照如图路径找到s cripts--s criptUI Panels,将刚才复制的文件粘贴到这个s criptUI Panels文件夹里面。

96731d1d7cd91cfce87f553c24ebcd42.png
333f496d682773611c9906476a35ec0d.png

4、在刚才的插件包找到替换文件下的gifGun.jsxbin并复制粘贴到s criptUI Panels文件夹里面,替换掉第一步复制过去的gifGun.jsxbin

8da635b0f1582f195a7fab3877383663.png
12f94441940b1845bc5f96831781354b.png
dec610faaba17d086b5f1ba0808b6e6c.png

5、打开AE--编辑--首选项--常规--设置“允许脚本写入文件和访问网络";

6、安装后,点击编辑--模板--输出模块,点击设置下面的--新建按钮--然后关闭弹窗(这一步看似没用,最好按照教程来),在未命名那里改个名字,必须为”Lossless“----上面的默认设置全部为”无损“(Lossless)--然后点击确定

cd4914220e0c3815e32d1cfb030efee7.png

7、重启ae,随便制作一个简单动画,在窗口--找到gifGun.jsxbin,点击make gif,如果有360弹框,选择允许程序运行

7409dcd0fbf339b702422134d2ff65c1.png
370e20e135c3eeb8f7470cdb2f249cb9.png

8、桌面找到renders文件夹,进入找GIF图片即可。有些时候会因为设置问题直接生成到桌面或者其他文件夹,这个根据情况找就行了。

65c6615b12ac304fb6681ad7a28b8065.png
c700b3585be8b45bc044012bfdcae7e5.png
8568e5e216590067dcca48ef969a4cde.png
07487a52ba133099f39a17170222b55f.gif
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值