GIF动画体积虽小,但很具备表现力,它几乎可以说是当前网页动画中除了Flash动画之外的另一员“虎将”,一些网站的Logo就是由GIF动画构成。通过学习制作GIF动画可以了解很多动画制作的原理,因此成为动画高手入门训练的必修课之一。
Gif动画原理:动画本身是借助于人眼睛的“视觉暂留”特性来达到其效果的。我们知道,每个人的眼对某个静态物体大约有0.1秒的暂留时间,通过连续、快速播放稍有不同的画面就能够使人眼对物体产生“动”的感觉。
GIF Animator软件带有很多插件和现成特效可以供我们套用。在5.05版本中,文字编辑、选色等都得到了加强,而且由于转换器也得到增强所以可以随意调整对象的大小和角度。
首次启动GIF Animator将弹出“启动向导”(如图1),通过该向导可以引导你一步一步完成动画创作。初学者完全能够在该向导的指引下体会到使用该工具进行动画创作的简单、方便。
下面我们通过文字移动动画例子来看看怎样使用GIF Animator。
文字移动动画算得上是动画制作中最基础的了,手工调整文字位置来产生动画将会让你对“逐帧”的概念体会更深刻。
关闭启动向导,进入主窗口中将会看到编辑区中有一个白底的长条形编辑框,这便是动画创作的舞台。同时在下方显示的当前动画只有一帧。
1.更改动画背景、前景色
将鼠标指向窗口左侧的前景、背景选取区3.添加并编辑新帧
仅有一帧当然不能形成动画,所以我们需要再添加新的帧:单击“帧”菜单下的“添加新帧”一次可增添1帧(添加帧的快捷键是“Ctrl+Alt+F”)。
如果要将前1帧的内容复制到新生成的帧上,则单击“帧”\“相同帧”(快捷键是“Ctrl+F”),而不用先添加帧后再将前一帧上的内容复制过来。
在新添加的帧上,可以将文字移动到一个新的位置上,也可以对它进行修改。比如想要对它添加“霓虹”效果,则选中文字,从右键菜单中选择“文本”→“霓虹”,在弹出的“霓虹设置”对话框中勾选“霓虹”,然后在下面设置方向、宽度、颜色等。
提示:在GIF Animator中,“条幅文本”也可以创建文字动画,而且更易于设置文字进场和退场的效果以及文字动画持续的帧数。具体方法是单击“帧”\“添加条幅文本”,然后在“添加文本条”窗口中设置(如图2)。
上,光标将自动变成吸管状,单击后将出现配色器,选中某种颜色后确定便可设定背景、前景色。
2.输入文字
单击“文本工具”并在编辑区上点击,将弹出“文本条目框”,设置字体、字号、颜色后输入文字,再单击“确定”回到动画编辑区。如果还需对已有文字进行编辑,则在文本工具处于选中状态时单击文字即可。但如果是要调整文字的位置,则一定要先在左侧工具条上单击“选取工具”(箭头),然后再拖动文字到合适的位置
3.添加并编辑新帧
仅有一帧当然不能形成动画,所以我们需要再添加新的帧:单击“帧”菜单下的“添加新帧”一次可增添1帧(添加帧的快捷键是“Ctrl+Alt+F”)。
如果要将前1帧的内容复制到新生成的帧上,则单击“帧”\“相同帧”(快捷键是“Ctrl+F”),而不用先添加帧后再将前一帧上的内容复制过来。
在新添加的帧上,可以将文字移动到一个新的位置上,也可以对它进行修改。比如想要对它添加“霓虹”效果,则选中文字,从右键菜单中选择“文本”→“霓虹”,在弹出的“霓虹设置”对话框中勾选“霓虹”,然后在下面设置方向、宽度、颜色等。
提示:在GIF Animator中,“条幅文本”也可以创建文字动画,而且更易于设置文字进场和退场的效果以及文字动画持续的帧数。具体方法是单击“帧”\“添加条幅文本”,然后在“添加文本条”窗口中设置(如图2)。
4.使用滤镜
为了简化起见,我们也可以直接对文字素材使用滤镜从而创建特殊动画效果。比如,希望做一个文字颜色变化的效果,则在选中文字后,单击“视频f/X-Camera Lens-Color Replace”,在弹出的对话框中设置要将当前滤镜使用多少帧,确定后,出现如图3的对话框,通过在播放进度条上单击加号按钮可以增加变化锚点,每个锚点上可以设置不同的颜色(Target Color和replace Color),添加的锚点越多,则文字色彩变化越丰富。
设置完成后单击“Ok”进入编辑窗口,点击窗口最下方的播放按钮便可以见到文字的色彩变化效果。
豆仔提示:通过使用滤镜可以节省很多时间,你不用在每一帧上都耗费时间去设置文字的不同状态。因此,对于带有滤镜的多媒体制作软件,建议多揣摩各个滤镜的特点和用法
5.调整不同帧的停留时间
通常,在使用滤镜所创建的动画帧中,每一帧的播放时间长度是固定的,如果因为某种特殊需要要将某些帧的时间作特殊处理(比如强调时),则可以调整其停留时间。
方法是:用右键点击帧,在弹出的快捷菜单中选择“画面帧属性”,然后更改画面的延迟时间(注意单位是1/100秒)。
6.作品的优化
这一步并非是必需的,但如果你需要将作品发布到网上则应考虑文件大小对传输时间的影响,好在GIF Animator特别提供了动画的优化功能。这个功能可以在编辑区中的“优化”标签中找到。
提示:还可以通过单击“文件”→“优化向导”打开优化向导,通过它的指引,让你对它到底执行了哪些优化操作更加心里有数。
7.生成作品
在GIF Animator输出的作品中,除了其分内的GIF格式外,也可以输出Swf 格式文件,甚至可以将动画导出为可以执行的EXE文件,这样对方无需看图软件便能欣赏你的杰作——有意思的是,在生成的可执行文件中允许你在作品展示完后用一些图片做背景显示预先输入的一些语句,这个功能用来做电子贺卡是很实用的。
单击“文件”→“另存为”可以选择输出不同的动画文件格式,此处不再赘述。
提示:①如果要生成exe文件,则要点击“文件”菜单下的“导出”→“导出为动画包”;
②值得关注的是软件的批量处理功能,它不是用来对动画进行编辑的,而是对已有的大批文件进行转换。当你有从其他处收集的动画文件时,不妨进入该功能,选用不同的优化算法来进行转换,或许效果会更好一些