阿东的小蝴蝶
复杂的 GIF 交互动画,UI 设计师是怎么做出来的
初学者可以使用GIF Movie Gear做。
http://www.8080.net/html/200412/p291754300.html GIF Movie Gear是一款异常小巧的GIF制作软件。
仅仅2M不到的一个小软件却具备了GIF制作软件所需要的所有常见功能。
另外它还可以在各种图像以及AVI文件之间随意转换。
下面我们一起来领略一下GIF Movie Gear的强大功能。
动画实际上是连续的静态画面，因此在制作动画之前，我们要首先准备好动画播放过程中的一系列单帧图像。
可以先利用其它平面绘图软件制作好单帧图像之后再利用GIF Movie Gear来将其制作成GIF动画。
打开GIF Movie Gear之后我们看到的主界面上有“打开”以及“插入帧”的按钮， “打开”按钮的作用等同于“文件”菜单下“导入”选项的功能。
在“导入”选项之中可以看到GIF Movie Gear支持的文件格式还是相当之多的。
我们可以将这些所支持格式的图片文件合并或者制作成动态的GIF图片。
一次选择多张已经制作好的单帧图像。
导入单帧图像后的界面。
此时也可以通过“帧”菜单对单帧的画面进行调整和编辑。
点击工具栏的三角形播放按钮即可预览动画。
经过预览会发现此时的动画速度过快，可以从“动画”菜单打开“属性设置”。
在“全局帧”选项卡里面将播放速度设置为50每帧持续1/100秒，也就是说每帧的显示时间为50毫秒，即半秒的时间。
另外在“属性设置”的“动画”选项卡里，还可以对播放次数等做出设置，当播放次数设置为0的时候，意即循环播放。
对动画设置好之后并且预览满意之后即可保存为GIF动画。
实际上GIF Movie Gear对于GIF以及图片格式的转换非常之简单，在保存的时候选择相应的格式即可。
OK！大功告成了： GIF Movie Gear亦可以直接导入AVI视频格式的文件将其转换为GIF格式，从“文件”菜单“导入”AVI文件，经过一段处理过程之后，我们可以在软件界面里看到AVI视频文件被分解成一个个单帧图像，并可以作为GIF格式预览。
一般来说，为了避免生成的GIF图片文件体积过于庞大，我们只会截取极少的一部分来制作成GIF图片，选取一个片断的连续单帧，将其它的多余帧删除。
一般AVI影片的原始分辨率都比较大，在“动画”菜单选择“调整大小”，即可以对最终生成的GIF分辨率作精确调整。
调整之后预览满意之后即可将文件另存为GIF格式的图片。
为了GIF图片便于浏览，我们要避免太复杂的帧数过多的图像造成图片体积过大，另外在保存之前可以利用“动画”菜单的“精简颜色”和“优化动画”两个功能来缩减GIF图片的体积。
=================== 一般的人可以使用UGA 个人认为Ulead GIF Animator v5.05 不错！！！ 友立公司出版的动画GIF制作软件，内建的Plugin有许多现成的特效可以立即套用，可将AVI文件转成动画GIF文件，而且还能将动画GIF图片最佳化，能将你放在网页上的动画GIF图档减肥，以便让人能够更快速的浏览网页。
http://www.crsky.com/soft/14.html ======================= 高手可以使用photoshop中的Adobe ImageReady 。
骨灰都用Fireworks MX 2004 做。
Macromedia Flash MX2004 7.01简体中文版（矢量动画） Flash是交互式矢量图和Web动画的标准。
网页设计者使用Flash能创建漂亮的、可改变尺寸的、以及极其紧密的导航界面、技术说明以及其他奇特的效果。
完全汉化版，实用于测试正式版！本次更新的内容：汉化95%的函数，更改部分不确切的地方，希望你使用的时候有什么问题，能及时反映给我好吗？Flash MX 2004中的编程特性有很大突破，令人有耳目一新的感觉，Developer甚至可以掉去Tool Bar绘图工具和Timeline 软件大小：77279KB 软件语言：简体中文 运行环境：Win9x/Me/NT/2000/XP 下载页面：http://www.onlinedown.net/soft/9866.htm
目前UI交互设计常用的软件有哪些？UI处理软件有哪些？
目前市面上确实蛮多的，建议学好一个，够用就好——学多而不精其实就是浪费时间！1. Adobe After Effects AE这个软件我想大家都知道，火得一塌糊涂，如果没猜错的话，它目前属于设计师学动效的首选。
它的特点就是强大且牛逼，基本上要的功能都有。
UI交互设计其实只是用到了这个软件很小的一部分功能而已，要知道很多美国大片都是通过它来进行后期合成制作的，配合PS和AI等自家软件来说，更是得心应手。
dribbble上炒鸡多的大神都是用这个软件在show哦，毕竟这个软件做demo那是很厉害的~ 但是有些效果程序猿不见得能够帮你实现出来， 因为实际的项目产品受太多的制约，木有那么多程序猿会没事给你做动效的！2. Adobe Photoshop 可能很多人都认为ps只用来作图和处理图像的，并不知道ps可以做gif~然而当AE没有火起来的时候，我们这些老ui设计师们都是用ps做gif，用flash做demo（过去我们只需要做PC桌面的动效）。
如果没记错的话，ps从cs6之后开始进一步加强了动效的模块，现在的版本能够实现很多相对复杂的动效~ 而笔者喜欢用ps来制作简单的表情动画，逐帧动画用得居多。
3. Adobe Flash Flash可以说是过去的王者，也是由于时代的发展原因，现在基本被淘汰了，这里不多做解释，具体可以百度——据说特别耗费cpu和占用内存，软件里面有都爆卡~不淘汰才怪，现在很多很low的网页游戏还在用这种技术~4. Pixate 这个软件被大牛Google收购了，然而被收购一年后，Pixate Studio宣布于10月31号被停止更新了~凄凄惨惨戚戚。
Pixate是图层类交互原型软件，优点是可交互，共享性强，和Sketch结合相对高，同时对Google Material Design的支持比较好，有许多MD相关预设；缺点是没有时间线，层级管理不是很明确，图层一多就会非常的繁杂。
5. Origami 这个软件可以用一句话来形容——超强大的高难度原型工具，要是没点代码知识做压惊~~建议远处观望就好~6. Hype 3 hype 3也算是火了一小段时间的，号称无代码动效神器，像AE一样使用时间轴就做可互动的动画。
PC、手机、pad端都可以直接访问（以web的形式），也可以导出视频或者GIF。
3.0版还有物理特性和弹性曲线，可以发挥更强大的动画效果。
对中国人来讲，它原生支持中文这一点也非常棒！配合sketch效果也是杠杠的！7. Flinto 界面跟Sketch很像，如果会用sketch那么上手很快。
它能够快速实现各种滚动、转场、点击反馈效果，手机和电脑端的预览都非常的流畅，貌似现在用的人不少~8. Principle 这个软件的和上面的flinto有点类似，界面和sketch类似，同时配合sketch也是非常方便。
它主要是做2个页面间过渡专场特效，元素切换，细节动效的工具。
优点很明显，效率高，质感好，缺点就是不能做整套原型。
9. CINEMA 4D 说到C4D或者大家第一反应是它是三维软件啊~没错！但是它做起动效来也是帅破天际的~~下面是网络上用C4d做的一些demo。
10. keynote keynote相当于windows的powerpoint，是个幻灯片软件。
但是！或许你并不知道，据说苹果的UI交互设计师都是用keynote做交互演示的......只要能够熟练掌握这个软件，目前app里的绝大多数动效都是可以做出来的~但是相对复杂一点的动效实现起来就有点不够.......但是已经很屌了好吧~~笔者经常为了省事直接都是用它做个简单demo给程序猿看的，快捷方便啊~要知道时间就是金钱啊！好啦~由于笔者也并不是全部了解目前市面上的动效软件，按照自己的理解基本上一些相对主流的动效制作软件就是上面这些，如有漏或者不对的地方还请指正~ 总结：1、AE属首选。
2、PS制作简单动效比较方便。
3、Flash被ADOBE爸爸抛弃了。
4、Pixate优点是可交互，共享性强，和Sketch结合相对高；缺点是没有时间线，层级管理不是很明确，图层一多就会非常的繁杂。
5、Origami，使用此软件还是有点代码知识为好。
6、Hype3配合sketch效果很好。
最近也比较火7、Flinto界面跟Sketch很像，能够快速实现各种滚动、转场、点击反馈效果。
8、Principle，优点很明显，效率高，质感好，缺点就是不能做整套原型。
9、C4D攻可三维，受可动效。
10、keynote相当于windows的PPT，相对复杂一点的动效实现起来就有点不够。
制作动画用什么软件？
看你是哪种形式了，单说2D动画，虽然很多人推FLASH，但我极力反对.那是交互动画软件而不是专业动画软件.并且价格昂贵.大多数人用破解版.并且还有很重要的原因，FLASH的工具很差并且20多年也没什么改进.比如钢笔工具，调整工具，上色等都是问题，只能说勉强能用，要是作为动画流程非要累死.这里推荐OPENTOONZ这个是免费的开源软件.宫崎骏用的，后来他关门大吉就把软件开源了，然后由委托公司再完善出现的.矢量的话MOHO和FLASH一样矢量输出，但是工具是针对动画的，和OPENTOONZ一样有口型系统，口型系统是你导入声音口就自动说话，免去了根据声音画口型的问题.这个是要付费的，有破解.传统手绘有TVP，专注手绘的动画软件.要收费有破解的.Synfig是个开源软件，免费软件.矢量动画输出.3D的话，3DMAX和MAYA都不用说了，都是要收费的，需要破解.这里要推Blender是免费的开源软件.建模渲染动画一体的软件.国内也有视频教程.这里为什么要推开源软件，一个是不要钱，而收费版以后没破解的你就要付费了，另一方面破解的很多功能不全或不能使用某些插件.还有万一你火了，发现你用盗版被起诉也是得不偿失.
GIF是不是GIF动画？？
GIF不是动画，它是一种图片压缩算法格式。
全称是GIF(Graphics Interchange Format，图形交换格式)，文件是由 CompuServe公司开发的图形文件格式。
压缩算法如下：GIF图象是基于颜色列表的（存储的数据是该点的颜色对应于颜色列表的索引值），最多只支持8位（256色）。
GIF文件内部分成许多存储块，用来存储多幅图象或者是决定图象表现行为的控制块，用以实现动画和交互式应用。
GIF文件还通过LZW压缩算法压缩图象数据来减少图象尺寸。
如果你想知道更多呢？你可以去看一下关于LZW算法和GIF数据压缩的文档。
gif可以导出动画形式的，它是以图片序列的方式把图片封装在一起的，外表看是一个文件，但是可以产生图片交换抖动的动画效果。
能够制作此类图片格式的软件有许多，正如一楼的大哥所说：Adobe photoshop和imageready是制作图片的最好工具，它的功能多，制作简单，生成文件小，不过有损图片制作哦：）
制作二维动画都是用什么软件的？
二维动画：Flash、PhotoshopFlash是现在国内主流的二维动画制作软件，很好用也很简单；photoshop主要作为辅助的作图软件处理动画中需要的图片。
三维动画：3DMAX Maya3DMAX在国内主要用于建筑动画的制作；Maya主要用于角色动画制作。
同时还需要一些配音和视频线性编辑的软件作为辅助。
制作动画需要系统的学习，掌握软件并不能完成动画片的制作。
如果是做gif小动画的话ps里的功能就能完成。
FlashFlash是一款优秀的网页动画设计软件。
它是一种交互式动画设计工具，用它可以将音乐，声效，动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。
为什么用flash?大家知道，HTML语言的功能十分有限，无法达到人们的预期设计，以实现令人耳目一新的动态效果，在这种情况下，各种脚本语言应运而生，使得网页设计更加多样化。
然而，程序设计总是不能很好地普及，因为它要求一定的编程能力，而人们更需要一种既简单直观又功能强大的动画设计工具，而Flash的出现正好满足了这种需求。
flash的特点：使用矢量图形和流式播放技术；通过使用关键帧和图符使得所生成的动画（、swf）文件非常小；把音乐，动画，声效，交互方式融合在一起，凌智动画可以创作出了许多令人叹为观止的动画（电影）效果；强大的动画编辑功能设计出高品质的动画，另外，与网页设计工具Dreamweaver配合默契，可以直接嵌入网页的任一位置，非常方便。
PhotoshopPhotoshop是平面图像处理业界霸主Adobe公司推出的跨越PC和MAC两界首屈一指的大型图像处理软件、 Photoshop支持众多的图像格式，对图像的常见操作和变换做到了非常精细的程度。
它拥有异常丰富的插件（在Photoshop中叫滤镜），熟练后您自然能体会到＂只有想不到，没有做不到＂的境界、3DMAX简介全称是 3-Dimension Studio，译成中文应该是“三维影像制作室”。
用MAX来制作三维动画就像是当一个大导演——一切的角色、道具、灯光、摄像机、场景（包括如云、雾、雪、闪电等特效场面）及配音、镜头的剪辑合成等等都任你来安排处理。
而用MAX修改创建的模型更是轻而易举的事，完全可以把宝贵的时间和精力集中用在使设计更加完美更加理想上。
MAX适应的领域：电影特技、立体和影视动画广告设计、工业设计、建筑和室内装潢设计、包装与装潢设计、三维游戏开发等。
有哪些动画制作软件
Ulead GIF Animator 5.10 汉化版友立公司出版的动画GIF制作软件，内建的Plugin有许多现成的特效可以立即套用，可将AVI文件转成动画GIF文件，而且还能将动画GIF图片最佳化，能将你放在网页上的动画GIF图档减肥，以便让人能够更快速的浏览网页。
Selteco Alligator Flash Designer 7.1.0.2Selteco Flash Designer 可以为你的网页创建交互式的 flash 动画，可以用它创建网页的 Flash 按钮或是 Banner，网页菜单，或是综合的网页，还可以导入 GIF 动画文件，将其直接转换为 flash 动画。
SWFKit 3.5[动画制作]WFkit 是为任何 Macromedia Flash 电影（*.SWF）创建32位的 Windows 播放、屏保程序和安装程序 的一个极好工具， 完全与Flash 3, 4, 5, MX 兼容。
SWFkit 的强大功能在于它是一个集成功能的工具，它不仅能创建Flex GIF Animator 8.82可以创建GIF, Flash, Quicktime 动画，并且可以支持实时的3D特效以及声音同步。
软件可以优化生成的动画影片的体积，或者调整影片的压缩比。
内置30种优秀的视频特效，包括粒子运动特效等。
此外软件还集成了抓图，图片123 Flash Menu 4.1一款制作Flash菜单的软件，内置数计百计的模板，支持多种浏览器。
A4Desk 6.25[动画制作]A4Desk 是一个基于模板的所见即所得的FLASH菜单和FLASH网站创作工具，无需编码即可制作出吸引人的FLASH。
AZ Paint & Animated GIF Editor 8.4.1[AZ Paint Animated GIF Editor是一个绘图工具，同时是一个动态gif编辑器。
同时提供了大量基本和高级的图形工具和滤镜。
集成了一个动态GIF文件编辑器，可以将草图合成为动态gif文件或者编译事先画好的帧图像成gif动画Animated GIF producer 4.0一款快速而且极其易于使用的动画，按钮和广告条制作工具。
可通过混合图片，捕获视频和多页文件来创建动人的GIF动画。
提供了大量的自定义设置和效果来按你的需要制作动画。
KoolMoves Flash Editor 7.0.4 汉化版一个动画制作软件，能够制作 Flash 动画以及与动画相关的内容。
Flash 动画是一种压缩率相当高的网络动画文件格式。
KoolMoves 还能够制作动画 GIF、制作文字特效、导入矢量剪贴画、附加 WAV/MP3 音频文件；为文字按钮GraphicsGale 1.93.08[动画制作]GraphicsGale 是一个非常不错的动画制作工具，你可以用他对图片进行润饰，描绘，可以用来制作图标，动画，甚至AVI文件。
是你制作动画的好帮手，支持BMP,ICO,CUR,ANI,JPEG,GIF,PNG,TGA,AVI格式。
Demo Builder 7.2.0.3Demo Builder 是一个用来创建交互式Flash 影片，展示应用程序和系统如何运作的工具。
它为用户提供了一个系统，允许用户截取目标应用程序的一系列的可编辑的屏幕截图，以制作Flash 模拟和交互式演示。
Demo Builder 给KoolMoves Flash Editor 7.0.4
