西西河

主题:【动手】自己制作GIF动画 -- 我心飞翔

共:💬10 🌺1
全看树展主题 · 分页首页 上页
/ 1
下页 末页
家园 【动手】自己制作GIF动画

要制作GIF动画,就必须有支持GIF编辑的软件,这里我选择了GIF Movie Gear。

GIF Movie Gear 是一款优秀的 GIF 动画制作软件,你可以用它快速、容易地将多个单一图像合并为能在网页上显示的动画图像。它具有几乎所有需要制作 GIF 动画的编辑功能,无须再用其它的图形软件辅助,而且可以处理背景透明化,操作简单,做好的图片可以进行最优化处理减小动画文件的大小。另外它除了可以把做好的图片存成 GIF 的动画图外,还可以存成 AVI 、ANI 和 ICO 的文件格式,并能在 GIF、ANI、AVI 等文件格式之间相互转换。

GIF Movie Gear下载

GIF Movie Gear

汉化补丁

注 册 码:Name:crsky Code:mg37mca4744

GIF 介绍。

现在互联网上有很多可爱的动画,增加了网页生动性,深受网虫的喜爱,这些动画基本上都是 GIF 图片格式。

目前使用来制作动画的 GIF 格式,一般都是以 GIF89a 格式居多,少数是 GIF87a 格式, GIF89a 的前身就是 GIF87a,只是 GIF89a 扩充了 GIF87a 的功能。

GIF 的影像图片格式是一种被压缩过的图片格式,所以 GIF 格式的影像图片,会远比其它的影像图片格式(如 bmp)所占的文件小得多,比如同一张大小的影像图片,若分别以 GIF 与 BMP 不同的文件格式来储存,则 BMP 的大小可以达到 GIF 档的几十倍之大,不过GIF 的图片格式最多只能允许有 256 种颜色,所以图案的色泽会有失真的现象。

Internet 上的浏览器如 Netscape 或 Explorer 均可以直接解读 GIF 的格式,也就是说可以看到 GIF 的动画,而不须加挂另外的软件。

GIF 格式图片具有以下优点:因有压缩的功能,制作出的动画其文件会较小,可减少网路传送的时间;可设定动画的背景颜色是透明的;可设定图片以交错的方式来显示;提供不同颜色的色板,如色板可以是 2、4、8、16、32、64、128 或 256 种颜色,可对图片大小提供最佳化的选择;可适用在不同作业系统的平台上,如 Win3.1、Win95、Win NT、Unix、MAC、Sun、linux、Irix...等等。

动画的形成是由连续显示数张图片所造成的视觉效果,其原理与卡通影片是一样的,当然我们可以设定每张图片所延迟的时间,而造成不同的动画显示速度。

在动画文件中,每一个单独的静态图片就是一个“帧(Frame)”,GIF 图片的动态效果就是通过导入多“帧”来实现的。

通常制作动画是需要绘图软件与动画制作软件来互相搭配,其中绘图软件负责图片(图片)的绘制或影像的扫描,而动画制作软件则负责整合这些图片的动作。一般常用的绘图软件都有支持 GIF 格式,如 Photoshop、Paint Shop Pro、PhotoImpact....等等,几乎所有的绘图或编辑软件均有支持。

在网页的设计中,如果您不需要使用到复杂的 Java 或其它 CGI 程式,只要使用动画制作软件就可以制作动画。

经过上面的介绍,你一定对 GIF 动画有一个清晰的认识吧。下面我们一起来领略一下 GIF Movie Gear 的强大功能。

GIF Movie Gear 主界面是由标题栏、菜单栏、常用工具栏、编辑区和状态栏构成。

点看全图

外链图片需谨慎,可能会被源头改

这是一个典型的 Windows 窗口,上面是菜单栏和工具栏,下面的大块区域用来显示 GIF 动画中的各个帧,最底部是状态栏。

标题栏:和所有的应用软件一样,标题栏中显示软件的名称和文件名。

状态栏:显示当前选中帧的编号,时间、文件大小和帧的大小。

菜单栏:在菜单栏中包括了 GIF Movie Gear有关的操作命令。它共有六个菜单,包括 文件 菜单、编辑 菜单、帧 菜单、动画 菜单、察看 菜单和 帮助 菜单。

Gif Movie Gear 工具栏包括标准的工具栏和动画属性工具栏。

在标准工具栏中,从左到右依次为:新建动画、打开动画文件、保存动画、插入帧、剪切帧、复制帧、粘贴帧、删除帧、撤消上次操作、重作上次操作、显示动画预览、停止动画预览、编辑时间选择、最优化动画、减少颜色、放大、缩小和显示实际大小以及帮助目录。

在动画属性工具栏中,从左到右的图标依次表示:帧属性、帧名、延迟时间、移动帧、固定透明、抽取透明色、局部调色板、编辑局部调色板、图象交错、动画属性、循环次数和编辑全局调色板。

这些十分简单,相信你很快就可以学会。

GIF Movie Gear 还可以在 GIF、ANI、AVI 等文件之间相互转换,这也是它十分重要的功能。

比如我们可以很方便的把一个 AVI 文件转换为可以当作动画鼠标的 ANI 文件,而且操作也十分简单。 先单击工具栏上的“重新开始”按钮新建一个文件,再点一下“文件”菜单下的“导入...”项,从子菜单中选择“AVI”,从“打开”对话框中选择要转换的 AVI 文件,点“打开”按钮导入它。

这样你可以从窗口中看到这个 AVI 文件己经被转换为 GIF 文件的各帧了。然后再点“文件”下的“另存为”菜单,然后选择文件类型“Windows动画光标 ANI”,把它转换为动画指针。

由于是把它转换为鼠标的指针,所以现在有一个窗口让你选择这个鼠标指针的基准点(就是你想用来当的鼠标尖那个点 ^_^),你可以在画面上你想作为指针基准点的部分用鼠标点一下,或在下面的 x、y 中都输入坐标值,再起好文件名,点“OK”。

这样一个动画鼠标指针文件就做好了。

看看我的鼠标指针,是不是很可爱?

点看全图

外链图片需谨慎,可能会被源头改
点看全图
外链图片需谨慎,可能会被源头改

其它的几种文件之间的转换也是这个方法,只是在转换 GIF 文件时可以直接打开或者直接保存 GIF 文件,而不必再去导入或导出它,因为 GIF Movie Gear 的默认文件格式就是 GIF 文件。

此外 GIF Movie Gear 中还有一些强大的功能等待你去摸索,相信你很快就会使用 Gif Movie Gear 制作出漂亮的动画。

下边我们来实际操作,制作一个动画吧。

我们来做一个雪个欺负萨苏的动画吧。

首先找要制作出几个不同的画面,具体图像的制作处理Photoshop的应用,无情应该比我清楚,大家可以问他,我就不多说了(其实是怕说多有失^_^)。

这里我做出了四个不同的画面,由于GIF只支持256色,因此我的图像做的也是256色的。

点看全图

外链图片需谨慎,可能会被源头改
点看全图
外链图片需谨慎,可能会被源头改
点看全图
外链图片需谨慎,可能会被源头改
点看全图
外链图片需谨慎,可能会被源头改

然后打开GIF Movie Gear,选择插入帧,这里可以一次选择多幅图像

点看全图

外链图片需谨慎,可能会被源头改

再点打开。图片就被导入了。

点看全图

外链图片需谨慎,可能会被源头改

这时就可以点击预览按钮来察看动画了。

好像动作有点快,这样摇下去,萨苏的脑袋可真的危险了。这是因为没有设置动画延时导致的。

选择帧、全局属性,然后在每帧持续时间栏输入一个数字(以1%秒为单位),这里输入10。

点看全图

外链图片需谨慎,可能会被源头改

再次预览,是不是好多了?如果一个特定帧需要更长或更短的时间,可以双击这一帧,单独修改这一帧的延时。

然后再设置一下动画的重复次数,在动画、属性、播放次数中修改,这里输入0,代表循环不停的播放。

点看全图

外链图片需谨慎,可能会被源头改

最后再选择文件、另存为,给动画起一个名字,保存就一切OK了。

这是最后效果

点看全图

外链图片需谨慎,可能会被源头改

怎么样,把雪个的风范表现出来了吧?

希望大家都能制作出一个满意的动画来,让我们的西西河更精彩。


本帖一共被 2 帖 引用 (帖内工具实现)
家园 第一个顶,高手啊,不过小心太傅霹雳手段啊
家园 好啊好啊,还可以用这个来布置西西河上图那个家乐。
家园 厉害!!
家园 欢迎!能看到这样的帖子,这就是我为什么还来西西河的原因
家园 动画GIF和FLASH相比较,哪个更有优势。正考虑做个动画使用说明
家园 小东西用 gif 好,不需要插件,而且

占用 CPU 也少,制作也很容易,几张图片一重叠

就好了。

Flash 在做大动画的时候,在做可编程可点击链接的

封面的时候有优势。功能多,强大,制作复杂,需要

插件,所以一般没必要就完全可以用 gif 来做。

家园 你觉得如果西西河需要做使用说明什么的,哪个更好

倾向于使用FLASH。因为FLASH可以有一些互动性,而使用说明上会有很多步骤的。只是俺从来没做过,不知道难不难,或者有谁可以帮我做一下的。

家园 说实话,别用 Flash ,修改起来爆费劲。

我曾经有个 Flash 菜单,后来想多插入一行发现根本不可能,

除非完全重新作。后来再也不用 Flash 了。

Flash 适合做一个封面,动画可以做的很漂亮,别太真指望

做好多功能进去,非专业人员做起来很费劲。

咱们的西西河,既然不打算发展成为 Flash 工作室,没打算

作 Design ,还是别太多做 Flash 了。程序修改,浏览

方便,小弟觉得重要的多。内容 >> 漂亮。

家园 作为使用说明,用 javascript 可以做到不少

动画。可以做到动态菜单,而且修改也容易。

附上一小段例子,可以动态点击打开某一段说明:

http://nijing.spymac.net/Beschreibung.htm

你可以点击点击蓝色的文字看到更多的注释。这是

我刚刚做网页中用到的。技术非常简单。铁手兄觉得

作说明岂不是很好用?比 Flash 省劲多了。

小小的装饰,用 gif 动画最好。很轻便。

大个头的网页入口,打算做的非常华丽的话,非

Flash 不可。想做成一小段 Final Fantasy 都

不是做不到。除此以外,Flash 还是少用好。

全看树展主题 · 分页首页 上页
/ 1
下页 末页


有趣有益,互惠互利;开阔视野,博采众长。
虚拟的网络,真实的人。天南地北客,相逢皆朋友

Copyright © cchere 西西河