分享

Ulead GIF Animator 5 使用介绍

 lhs大海 2011-06-25
  • Ulead GIF Animator 5 使用介绍


互联网不断地发展,导致网站不断地增加,其中不乏一些优秀的个人网站。做网站其实很容易掌握,但是如何做出漂亮而又吸引人的网站,并不是所有掌握技术的人都能实现的。在网页设计中,不乏有两种,一种是文字,另一种是图片起到了主导地位。在图片当中,动态图片又是独支一秀。网站的各类Banner和Logo也都采用了动态图片。有关动态图片大家都不陌生,但是如何达到这样的效果却是相当的困难。但是自从Ulead
GIF Animator推出后,动画制作变得相当简易,而这次Ulead公司又推出了5.0的新版本,这个版本让笔者体会到制作动态图片的乐趣,现在就让我们来看看吧(推荐下载绿盟的Ulead GIF Animator 5 简体中文绿色版 : http://www./soft/31/32/2006/Soft_28113.html 不用安装直接可以用非常方便)。



图001:启动画面


  一、新增功能


  1.更人性化的用户界面


  GIF Animator 5.0
重新设计了用户界面,让你在制作动画图片的时候更方便,这个版本的工作区域已经完全支持真彩色,无论你是在设计还是预览的时候都可以在真彩色的环境下了。同时,一般常用的做动画的流程都已经简化在编辑、优化和预览选项卡之间,很大程度上简化了操作难度。




图002:操作界面


  2.增强的编辑能力


  这个版本的 GIF Animator
在文字编辑器、选色器和选取工具上面都加强了各自的功能。同时转换器也相应的得到了增强,现在你已经可以随意调整对象的大小和角度了。


  3.支持更多的输出格式


  GIF Animator 5.0 支持的输出格式除了标准的 GIF
以外,现在还可以输出 FLASH 格式的 SWF
文件了。也就是说,你可以用它来做 FLASH
动画了。当然它还可以输出 MPEG、avi、mov
等视频格式的文件,这样一来,只要你的系统安装了 MPEG4
的驱动程序,GIF Animator 5.0 也可以直接输出 MPEG4
的动画了。另外值得一提的是,它还支持 Photoimpact 的 UFO 和
Photo Shop 的 PSD
文件,这样你辛苦做出来的动画里面的层就可以得以保存和发扬光大了。


  4.增加对象管理器支持更多的输出格式


  这个功能在 PHOTO SHOP
等软件上面已经老早就有了,其优点也已经得到了广泛的认可,GIF
Animator 5.0
也当然不会漠视,终于在这个版本里加入了这个功能,有了它以后管理、编辑起动画里面的各个对象元素就方便多了。


  5.外部编辑器调用


   你现在可以在 GIF Animator
里面直接调用更好的图像编辑软件如:Photoimpact 、Photo Shop
等来编辑 GIF Animator 里面的对象图形了,很大程度上扩展了
GIF Animator 的功能。当然我推荐大家还是用 Photoimpact
比较好点,毕竟是同一家公司的产品,无论的兼容性还是操作界面上都要好点、方便点。


  6.强大的优化功能


  新版本的 GIF Animator
在图像压缩优化方面更完善,你可以利用有损压缩、抖动颜色、颜色索引编辑等等功能来进一步优化你的作品的输出效果,而这些操作都会即时可以看到预览效果。


  7.新增两个滤镜


  新版本的 GIF Animator 增加了两个特效滤镜 Color Replace 和
Color Shift ,让你只需简单步骤就可以做出漂亮的效果。


  8.其它


  GIF Animator 除了可以输出 SWF
等文件外,还可以把你的动画导出为一个可以执行的 EXE
文件,让别人无需看图工具也可以欣赏到你的作品,同时,这个可执行文件还可以在你的作品展示完后用一些图片做背景显示你预先输入的一些字句,这个功能用来做电子贺卡相当不错。


  二、下载与安装


  以上略微介绍了Gif Animator 5新版本中的功能,使大家对它有了感性的认识,下面我们就一步步地挖掘Gif
Animator的强大功能。


  软件可以在Ulead公司的官方网站(http://www./)下载得到。下载得到的是一个试用版本,只能有期限的试用15天,当然这个是免费的啦!


   只要点击安装文件,一路“Next”下来就可以,如果你想更改安装路径的话,在系统提示你是否需要更改时更改就可以了。


  开始使用Ulead GIF Animator 5.0


  当启动软件后,点击Try按钮进入真正的操作。


  这时,程序会弹出一个启动向导来引导设计者制作GIF动画。在这里你可以新建或者打开一个GIF图片。




图003:启动向导


  在新建栏中你可以使用动画向导创建GIF动画。在打开栏中有三种打开方式。另外你还可以选择“Do
not show this dialog box next”来关闭这个功能。


  (1) Animation Wizard


  选择这个可以教你一步一步地完成一个GIF动画图片的制作,所以如果你是初学者,强烈建议你选择这个选项。


  我个人认为,这个动画向导创建功能主要是方便了我们选择,从另外一种角度想就是提高了我们制作图片的速度。


  (2) Black animation


  选择这个可以建立一个空白的动画文件,选它主要是因为你想制作一个全新的GIF图。


  (3) Open an existing image


  没什么好说的,就是选择打开一个已经存在你机器里的GIF文件。


  (4) Open an exisiting video


   如果你想利用视频文件的片段来制作GIF动画的话,就可以选择这个。我们知道视频文件其实是由N个图片组成的,这个后面再说。


  (5) Open a sample file


  Ulead GIF Animator中有很多的示例文件,所以你想偷点懒,或者不是很熟悉GIF
Animator的GIF动画制作过程也可以选择这个。


  为了便于讲解,我在这里选择了“关闭”按钮。

互联网不断地发展,导致网站不断地增加,其中不乏一些优秀的个人网站。做网站其实很容易掌握,但是如何做出漂亮而又吸引人的网站,并不是所有掌握技术的人都能实现的。在网页设计中,不乏有两种,一种是文字,另一种是图片起到了主导地位。在图片当中,动态图片又是独支一秀。网站的各类Banner和Logo也都采用了动态图片。有关动态图片大家都不陌生,但是如何达到这样的效果却是相当的困难。但是自从Ulead
GIF Animator推出后,动画制作变得相当简易,而这次Ulead公司又推出了5.0的新版本,这个版本让笔者体会到制作动态图片的乐趣,现在就让我们来看看吧。



图001:启动画面


  一、新增功能


  1.更人性化的用户界面


  GIF Animator 5.0
重新设计了用户界面,让你在制作动画图片的时候更方便,这个版本的工作区域已经完全支持真彩色,无论你是在设计还是预览的时候都可以在真彩色的环境下了。同时,一般常用的做动画的流程都已经简化在编辑、优化和预览选项卡之间,很大程度上简化了操作难度。




图002:操作界面


  2.增强的编辑能力


  这个版本的 GIF Animator
在文字编辑器、选色器和选取工具上面都加强了各自的功能。同时转换器也相应的得到了增强,现在你已经可以随意调整对象的大小和角度了。


  3.支持更多的输出格式


  GIF Animator 5.0 支持的输出格式除了标准的 GIF
以外,现在还可以输出 FLASH 格式的 SWF
文件了。也就是说,你可以用它来做 FLASH
动画了。当然它还可以输出 MPEG、avi、mov
等视频格式的文件,这样一来,只要你的系统安装了 MPEG4
的驱动程序,GIF Animator 5.0 也可以直接输出 MPEG4
的动画了。另外值得一提的是,它还支持 Photoimpact 的 UFO 和
Photo Shop 的 PSD
文件,这样你辛苦做出来的动画里面的层就可以得以保存和发扬光大了。


  4.增加对象管理器支持更多的输出格式


  这个功能在 PHOTO SHOP
等软件上面已经老早就有了,其优点也已经得到了广泛的认可,GIF
Animator 5.0
也当然不会漠视,终于在这个版本里加入了这个功能,有了它以后管理、编辑起动画里面的各个对象元素就方便多了。


  5.外部编辑器调用


   你现在可以在 GIF Animator
里面直接调用更好的图像编辑软件如:Photoimpact 、Photo Shop
等来编辑 GIF Animator 里面的对象图形了,很大程度上扩展了
GIF Animator 的功能。当然我推荐大家还是用 Photoimpact
比较好点,毕竟是同一家公司的产品,无论的兼容性还是操作界面上都要好点、方便点。


  6.强大的优化功能


  新版本的 GIF Animator
在图像压缩优化方面更完善,你可以利用有损压缩、抖动颜色、颜色索引编辑等等功能来进一步优化你的作品的输出效果,而这些操作都会即时可以看到预览效果。


  7.新增两个滤镜


  新版本的 GIF Animator 增加了两个特效滤镜 Color Replace 和
Color Shift ,让你只需简单步骤就可以做出漂亮的效果。


  8.其它


  GIF Animator 除了可以输出 SWF
等文件外,还可以把你的动画导出为一个可以执行的 EXE
文件,让别人无需看图工具也可以欣赏到你的作品,同时,这个可执行文件还可以在你的作品展示完后用一些图片做背景显示你预先输入的一些字句,这个功能用来做电子贺卡相当不错。


  二、下载与安装


  以上略微介绍了Gif Animator 5新版本中的功能,使大家对它有了感性的认识,下面我们就一步步地挖掘Gif
Animator的强大功能。


  软件可以在Ulead公司的官方网站(http://www./)下载得到。下载得到的是一个试用版本,只能有期限的试用15天,当然这个是免费的啦!


   只要点击安装文件,一路“Next”下来就可以,如果你想更改安装路径的话,在系统提示你是否需要更改时更改就可以了。


  开始使用Ulead GIF Animator 5.0


  当启动软件后,点击Try按钮进入真正的操作。


  这时,程序会弹出一个启动向导来引导设计者制作GIF动画。在这里你可以新建或者打开一个GIF图片。




图003:启动向导


  在新建栏中你可以使用动画向导创建GIF动画。在打开栏中有三种打开方式。另外你还可以选择“Do
not show this dialog box next”来关闭这个功能。


  (1) Animation Wizard


  选择这个可以教你一步一步地完成一个GIF动画图片的制作,所以如果你是初学者,强烈建议你选择这个选项。


  我个人认为,这个动画向导创建功能主要是方便了我们选择,从另外一种角度想就是提高了我们制作图片的速度。


  (2) Black animation


  选择这个可以建立一个空白的动画文件,选它主要是因为你想制作一个全新的GIF图。


  (3) Open an existing image


  没什么好说的,就是选择打开一个已经存在你机器里的GIF文件。


  (4) Open an exisiting video


   如果你想利用视频文件的片段来制作GIF动画的话,就可以选择这个。我们知道视频文件其实是由N个图片组成的,这个后面再说。


  (5) Open a sample file


  Ulead GIF Animator中有很多的示例文件,所以你想偷点懒,或者不是很熟悉GIF
Animator的GIF动画制作过程也可以选择这个。


  为了便于讲解,我在这里选择了“关闭”按钮。

三、实战GIF Animator 5.0

  1.设置GIF Animator

  在使用GIF Animator时,进行相关的设置,会得到更好的效果。选择File>Preferences,在设置选项中共有7个设置面板。在General中设置GIF Animator的普通设置。进行有关默认的设置修改。Optimize面板中设置有关动画优化的参数。Plug-in Filters中进行设置GIF Animaotr所支持外挂的配件。由于篇幅关系,这里不多一一介绍有关设置的具体操作。


图004:属性设置面板

  2. 软件界面介绍

      菜单栏,包括文件、编辑、查看、层、图层、滤镜、视频F/X和帮助七个菜单分别完成从图像创建导入到图层滤镜和视频特殊效果的功能。


图005:菜单栏

  Ulead GIF Animator 的工具栏上包含标准的 Windows 应用程序按钮, 即新建, 打开, 保存, 撤消, 恢复, 剪切, 复制, 粘贴按钮, 使用方法和其他 Windows 应用程序一样, 我们就不在这里介绍了。在工具栏上还有一些 Ulead GIF Animator 4.0 专用的按钮, 这是我们要着重介绍的。这些按钮是:Add Blank Image(加入空图像), Add Images(从外部插入图像, 包括从外部插入 GIF 动画), Add Video(加入视频), Add Comments(加入注释)等。


图006:工具栏

  Add Blank Image 加入空图像:在当前层的后面加入一个新的空白层, 层中没有任何内容。

  Add Images 加入图像:在当前层的后面加入一幅新的图像, 新的图像是从外部文件获得的, 如果您插入的是一个 GIF 格式的动画文件, 那么 Ulead GIF Animator会自动把动画中的所有帧都插入到新的层, Ulead GIF Animator根据动画的帧数相应地产生新层以容纳插入的图像,可以一次选择好几幅图像一起插入到动画中。

  Add Video 加入视频:插入视频文件, 如 aiv, flc, psd, fli 等, Ulead GIF Animator 4.0 会自动把视频文件中的所有帧都插入到 GIF 动画中。

  Add Comments 加入注释:在动画中加入注释, 如果您想在动画中保存版权和版本, 就可以使用注释。

  Move Layer Up 将当前层向上移:把当前层向上移动, 也就是说, 在播放这个动画的时候, 让当前层出现的次序提前一个单位。

  Move Layer Down 将当前层向下移:把当前层向下移动, 使当前的播放次序推后一个单位。

  Preview in Internet Explorer:在 Internet Explorer 中预览动画。

  Preview in Navigator:在 Navigator 中预览动画。

  Preview in Custom Browser:在用户指定的程序(能播放 GIF 动画的程序)中预览动画。

  Help 帮助:求助按钮, 点击此按钮后, 鼠标指针会变成箭头和问号, 这时您可以在 Ulead GIF Animator的界面上随意点击, Ulead GIF Animator 会告诉您点击处是什么地方以及点击处的功能等信息。


图007:绘图工具栏

  常用工具面板,在这里可以对图像进行修改,例如写字,填色等。使用方法就像是Windows中自带的画图工具。


图008:常用工具面板

  层面板,在第一次启动程序时,层面板显示为列表形式,可以点击缩略图和胶片标签查看每一幅图像的缩略图和相应的位置顺序。在导入多幅图像时,列表中列出了每个图像的标题(每幅图像的文件名,在参数设置区可以进行修改)

 
图009:层面板

  工作区,在这个区域中可以查看GIF动画的结构,还可以针对每一幅GIF动画图像进行编辑。在选择工作模式中有“编辑”、“优化”和“预览”,其中最强大的是GIF的优化功能,在GIF Animator中预设了七个方案,可以将图像优化成色彩数不同的GIF动画,相应的优化后的质量也是不同的。同时还可以对优化的各种参数进行设置,在优化后程序还会报告优化的效果.

  3.使用动画向导制作GIF动画

  GIF Animator提供的动画向导功能可以在几分钟之内完成GIF动画制作。在制作GIF动画前要找素材,同时也可以自己设计素材。我们知道GIF Animator实际上是把一系列的GIF图片压在一起而成为一个动态的图片文件的,那么这些GIF图片就是我们所说的素材,需要我们提前制作完成,制作的工具有很多,比如Photoshop、Fireworks和Freehand等,素材准备好后就可以通过GIF Animator中的动画向导功能就制作出专业级的动画了。

  在启动程序时,通过GIF Animator显示的一个启动向导来引导我们创建动画。也可以通过“File”菜单里面的“Animation Wizard”命令。

  打开动画向导按钮后,会弹出一个对话框(图010)在这个对话框中可以选择我们要制作的GIF动画的尺寸。


图010:选择GIF动画尺寸

  一般一个普通的Banner是468*60,系统默认值也是这个。当然软件还自带了一些常用的尺寸规格。对于特殊的要求你可以自己进行修改。

  进行完有关与尺寸的设置,点击下一步按钮,进入“Selects Files” 对话框(图011)。进行有关素材的设置。


图011:选择文件

  点击“Add image..”按钮,进行图片素在的引入,可以一次引入多项,也可以一项一项分别引入。Add video与Add image不同在于一个是引进图片作为素材,而一个是电影。

  进行完素材的导入后,点击下一步进入“Frame Duration”设置对话框。在提示栏里面有很详细的解释,根据解释再设置每个帧的延迟时间,值得注意的是在参数栏中填入的数值要除以100才是真正的延迟时间,你还可以指定帧的速率,同时在下面的演示框中可以预览设置结果。

  点击“下一步”按钮后,将弹出动画向导——完成窗口。点击完成按钮后,一个动画就制作完成了。

  4.优化GIF动画

  在设计动画过程中,当帧数较多时,这个动画文件可能会较大,不适合于在网络上传播,所以GIF Animator中提供了对动画进行优化的功能。这种功能的原理是将将帧的图像分割中若干块,在帧之间的变换时,相同的块将在第二个帧中被删除,达到减小文件文件大小的目的。所以我们要对自己创建的动画再进行一下优化。

  点选Optimize按钮,进入优化设置,窗口如图十一所示。在这个窗口的左侧是原始图像,右侧是系统按照默认优化设置所优化的图像。另外有一个窗口是Color Palette,此窗口中显示了优化后图像中使用的颜色。如果对优化的效果不满意,或者优化后所取得的大小不满意,可以进行有关像素的设置。最高的像素是256,也就是系统默认值,最小的是16,其优化效果真的是不堪入目。

  5.预览GIF动画

  完成一切的制作后,是不是想欣赏一下你的大作?点击Preview预览窗口,就可以发现这个动画正在不断地闪烁。同时你可以调用一些浏览器观看它。GIF Animator 5.0允许Internet Explorer、Navigator和Custom Browse这三种浏览器查看动画。

  6.输出GIF动画

  完成这一步,你的GIF动画就顺利成形了。最直接的输出就是把动画保存为GIF,可以让它在网页中随意地插入。选择File>Save As>GIF File,输入文件名称即可。当然GIF Animaotr同样支持其他文件格式,例如PSD以及非常流行的Flash格式SWF。

  这些文章格式却只能用于浏览,如果再次进行编辑则需要重新来过。因此GIF Animator自己开发了一种保留GIF动画信息的文件格式:uga。选择File>Save即可进行这种文件格式的保存。当需要再次修改这个动态GIF的时候就可以调用这个文件,然后再上进行修改。

  GIF Animator同时还支持了输出为网页格式,输出为桌面项目。网页格式在这里不用向大家解释,桌面项目是一个很有意思的功能,它利用了Windows中自带的桌面自定义功能,把动态的GIF动画放置在桌面上。

  点击Export>As an Active Desktop Item,出现如图十二所示的对话框。没有什么特殊的要求,选择OK。这是桌面就会出现一个动态的GIF动画。是不是很有意思?更有意思的是GIF Animator可以直接输出为EXE文件,让用户只需双击此文件,即可观看到动态图片的内容。

  点击Export>As Animation Package(EXE)...。出现如图十三所示的对话框。在Select sound file中可以输入动态GIF所采用的声音,支持的文件格式有WAV和MID,在Generate executable file中输入输出的运行文件。此外,还支持URL链接以及最后发送消息等。一切设置完毕后,点击OK。就可以运行这个文档了!

  7.渲染

  GIf Animator不仅可以单单支持最简单的动画,即把所有的图片夹杂在一起。还可以在图片中加入特殊的效果,例如3D等。当然,这样的效果一多用,文件格式就变得相当大。其次,这样的效果必须与动画的主题贴切。现在我们来看看在GIF Animator中内置的渲染效果。

  所有的渲染效果均在Vido F/X菜单栏中找到。我们以最简的文字效果来查看渲染效果。在一个468*60的Banner中输入简单的文字。然后选择Video F/X>3D>Gate 3D,出现如图012所示的对话框,然后进行其相关的设置。


 图012:Gate 3D渲染效果

  在Fames中设置4-40的帧数,针数越多,文件越大。在Delay time中设置帧与帧间隔的时间。Soft中设置框的粗细,一共有4种选项“None”、“Large”、“Medium”和“Small”。在Border中设置有关边框的颜色。选择Reverse,表示原本逆时针运行的方向,变为顺时针。进行完以上设置,点击OK,就可以输出动画。

   当然,GIF Animator可以运用很多渲染,当然其设置效果类似,如果你觉得够麻烦,不用设置,就用默认设置点击OK。

  不同的渲染效果如下表所示:

效果

功能

   3D

  Gate-3D(三维立体)

  在动画中实现两个帧之间的动画3D过渡效果,可以在对话框中设置过渡方向、填充颜色和柔化过渡边界的参数。

  Build

  Diagonal-Build(倾斜过渡)

  按照不同的倾斜对角线路径,逐渐的按照不规则块的方式实现两个帧之间的过渡

  Clock

  Sweep Clock(时钟式过渡)

  按照顺时针和逆时针方式实现过渡效果

  F/X

  Diamond F/X(菱形F/X动画)

  菱形效果

  Iris F/X(彩虹F/X动画)

  十字心形的彩虹效果

  Mosaic F/X(马赛克F/X动画)

  马赛克元素效果

  Power off F/X(关机F/X动画)

  显示器关机效果

  Film

  Flap B-Film(分割的倾斜翻页效果)

  将原来的帧分为四份,分别从中心开始倾斜的实现与目标帧的过渡

  Progressive Film(前进式翻页效果)

  也是将原来的帧分为四份,分别从中心开始以前进式的方式实现到目标帧的过渡

  Turn Page-Film(整页翻页效果)

  整页翻页效果来实现两个帧之间的过渡,同时可以设置翻页的方向等参数

  Peel

  Turn Page-Peel(整页翻页的剥落效果)

  以剥落的效果实现两个帧之间的过渡,与上一个翻页效果略有不同。

  Push

  Run and Stop Push(移动到停止间的推动效果)

  为了消除两个帧之间生硬的动画元素移动,使用这种效果可以将这种效果作成好看动态效果

  Roll

  Side Roll(整面翻转效果)

  整面翻转效果

  Slide

  Bar-Slide(条状滑动效果)

  可以从不同的方向用两个条状的滑动实现过渡

  Stretch

  Cross Zoom-Stretch(交叉缩放拉伸效果)

  交叉缩放拉伸效果

  Wipe

  Star Wipe(星形擦除效果)

  星形擦除效果

  2D mapping

  Crop…(修剪效果)

  修剪效果

  Camera Len

  Gradient(倾斜效果)

  在原帧中加入模糊的镜头,可以设定移动方向等参数

  Mirror(镜象效果)

  对原帧中的明显的对象加以处理,实现两个帧之间的过渡

  Zoom Motion(缩放动作效果)

  缩放效果

  Darkroom

  Hue&Saturation(色调饱和)

  设置图像中的颜色的变化效果

  Nature Painting

  Charcoal(木炭效果)

  木炭效果

  Special

  Add Noise(加入噪音)

  在原帧中加入噪音干扰效果

  Wind(风)

  风的效果

  三、综合实例

  1.   座右铭制作

  一直想找一个软件,可以在桌面上显示座右铭,曾经想到过运用桌面,但是一条座右铭没有必要牵涉到整个桌面。在使用新版本的GIF Animtor 5.0中,增加了输出到桌面项目,由此产生了制作一条座右铭的动态动画的想法。

  首先制作一个新项目,尺寸为468*30,当然可以根据自己座右铭的长短进行控制。然后再新建的文件中,使用文字输入工具,输入文字并进行美化。为了有一个感性的认识,选择文字工具点击空白处的任意地方,弹出如图013所示的对话框。


图013:输入文本

  在文本区域中输入“You are the best!”,字体选择Comic Sans MS,当然字体的选择根据个人爱好所定。字体大小设置为30并加粗,Script选择西方语言。点击OK,把文字拖到中间。效果选择Video F/X>Special>Wind,然后点击OK,出现如图014所示对画面。不需进行任何设置,点击OK,动画便生成了。

图014:生成动画

  最后就是输出效果了。选择Fiel>Export>As an antive desktop Item,在新出现的窗口点击OK。桌面就会出现这样的动画,并且可以随意的移动以及关闭(图015)。


图015:座右铭最终效果

  2.祝福语制作

  萌发祝福制作的念头来源于GIF Animator自带输出到EXE文件。这样就可以通过eMail发送到朋友的信箱里,给他一个小小的惊喜。

  新建一个500*500的素材,作一个有关生日主体的动画,创意可以任意发挥。当然也可以来自一些网站,个人认为,在制作图片动画用渲染令人感到杂而乱,然而文字用渲染的效果相当美观,因此不建议在动画中加入渲染,制作完一切动画后,选择Export>As Animation Package,出现输出EXE对话框。

  在Message Box Style中选择Dialogue1.emf文件,在用录音机中录入自己的祝福语(birthday.wav),在Select sound file中选择文件来源,在Generate executable file中输入输出文件的位置。在Enter Message中输入“生日快乐~~”,选择Font进行有关字体的设置,在Loop Count(循环数)中设置循环次数,如果要使用无限循环,选中Loop infinitely(无穷循环)。分别在Start Frame Position(开始帧位置)End Frame Position(结束帧位置)中分别设置动画的开始结束位置。如果要随机的显示,将这两项设置为Random(随机)。最后点击OK,输出动画。

  3.   网站Banner制作

  在网页动画领域中网站Banner制作领域相当广泛,一般尺寸为468*60,所以在GIF Animator中新建一个同尺寸的文件。为了使得Banner更加美观,我们先要特别为Banner做一个背景图片。当然可以调用功能强大的Photoshop,或者单一的使用Windows自带的画笔程序。同样也可以在网上找到素材。然后在素材上输入有关Banner的主题“心跳回忆----玩得就是心跳”,在输入文字时,不但要考虑到文字的大小、颜色还要考虑到与背景图片协调效果。制作完这些之后,就可以进行渲染设置,这次采用Ires-F/X渲染项,输出图像。

  我们现在来讨论一下文字的效果,毕竟文字是体现Banner主题的,在制作Banner时,可以在背景上直接增加文字,软件把文字与图象看成一个部分。另外一种增加文字的方法就是进行完渲染之后,在某一个需要出现文字的Frame中,单击右键,选择Add Banner Text。我们现在就来一次这样的制作。

  一开始进行渲染以及Banner背景制作步骤类似,不再重复。在第一帧处点击右键,选择Add Banner Test,出现如图016所示画面,进行有关文字的美化工作。

图016:添加文字

  在Text面板中输入文字,Effects面板中进行有关文字的特效,有移动,跳出等效果。进行完相关设置,点击OK,此时会出现两个选项,均可选择。然后文字就出现在Banner中,所与前面制作不同之处在于Banner中文字的运转需要等待图形效果完毕之后(当然要看你把文字帧插放在那里)。一切制作完毕后,输出为GIF动画,或者Flash动画。

  GIF Animator最强大还支持很多种特效,你可以在一个Banner中插入同样文字的几种特效,这样会变得更美观,所牺牲的代价就是文件过大。不过换言之,如果你没有很好的艺术细胞,记住这句话:简单就是美。网站Banner的制作主要不是技术,而是创意。

  4.用一个视频的局部来制作 GIF 动画

  用 Windows 视频文件,如 AVI,或 Quicktime 影片,如 MOV,是快速制作极酷动画的最轻松方法(如果不加修饰,它看上去和原始视频一样)。但是,大多数视频文件都很大,在 GIF Animator 中打开整个视频会影响效率。幸运的是,GIF Animator 带有一个内置的解决该问题的功能 ,可以选取并只打开视频中某个特定的部分。以下讲述了该操作的步骤。

  1. 打开 GIF Animator,创建一个新的空白动画。

  2. 单击标准工具栏上的Add Video按钮,打开Add Video对话框。

  3. 找到要用的影片文件选中后,单击Duration按钮。

  4. Duration对话框打开后,有两个属性需要定义要使用的起始和结束的视频段。它们是Mark in和Mark out。有两个方法可以用这些属性来选取视频段:用手工输入帧编号(图017),或通过预览窗口和视频控件,拖动Mark in和Mark out按钮,来标记出要使用的部分。


图017:手工输入帧的编号

  5. 在标记出要使用的部分之后,单击OK。Duration对话框关闭,返回到Add Video对话框。再单击OK,选择的帧就被加载到 GIF Animator 中了。

  5.使用布局功能制作动画

  在 GIF Animator 中,有两个方法来创建移动的动态精灵。您可以很方便地在 GIF Animator 中打开一个元素,并自动完成使它穿越该 GIF 文件的逻辑屏幕的运动过程。第一个方法,用于简单的、静态的帧,详细描述如下。而在下一页讲述第二个方法,用于动画。

  1. 在 GIF Animator 打开背景图像。在此我将用 ocean.gif 作为背景(图018)。


图018:背景图片

  2. 下面,打开精灵图像(图019)。该图像应该比您刚打开的背景图像小,否则它将不起作用。(左边的海豚包含一个透明的蓝色背景。在将它导入到 GIF Animator 中后,我选取了该层面。


图019:外部导入图片

  3. 选取该精灵层面,然后单击Object> Duplicate菜单命令。

  4.在本例中,因为背景不是很大,我估计 5 个副本就足够了。

  5. 下面,输入每个副本相对于上一个副本所偏移的像素值。您可以使图像水平或垂直偏移。

  6.提醒您:每个副本层面包含的设置均基于原始层面。

  6.压缩实例

  在制作一个Banner,或者是要应用到网上的动画时,必须考虑到的一点就是图像的大小如何。因此这个问题成了阻碍图像采用多种特效的最大绊脚石,通过GIF Animation中的压缩功能可以轻松做到使图像文件容量减小。

  1.   使用动画制作向导,将准备好的素材导入进来。

  2.  点击Optimize标签,在Prese栏中选择GIF Animator预设的七种方案:256色优化、256色无损失优化、128色优化、64色优化、32色优化、16色优化、优化局部调色板。在这里需要说明的是,全局调色板是为了优化而创建的在多个帧之间应用的调色板,而局部调色板是为每个帧创建的调色板,保留局部调色板,可能起不到优化的作用,所以我们选择使用全局优化调色板。

  3. 如果在要了解这七种方案的详细设置,点击“高级>>”按钮,在右边的栏中会出现高级的设置。

  4. 在高级参数设置区中可以对一些参数进行修改,当您认为修改的参数要在以后经常使用的话,要点击按钮保存为自定义的优化方案,在“预设”栏中填入预设的名称,同时点击按钮可以删除自定义的优化方案,切记不要删除GIF Animator程序自带的优化方案。

  7.真正的压缩实例

  1. 如果使用预设的优化方案中希奇古怪的设置令你摸不清头脑,可以使用优化向导。点击File>Optimizeothion Wizand,启动优化向导。


图021:启动优化向导

  2.在弹出的优化向导对话框中,选择推荐的“是”选项,点击“下一步”按钮。

  3.在出现的对话框中,设置GIF格式的颜色数,并且在下面可以设置图像的抖动。值得注意的是,正象在对话框中提醒的一样,颜色应用太少,是可以减小整个文件的大小,但是颜色应用太少可能使图像中的颜色失真,反而得不偿失。点击Advanced按钮对GIF优化引擎和使用的调色板进行设置。

  4.在新出现的对话框中选择是否要删除多余象素、注释块和标题。

  5.最后出现的一个总结性的窗口,将前面的选项汇集到一个对话框中,如果要重新定义一些参数,要点击“上一步”按钮,重新设定。如果对当前的设置满意,点击“完成”按钮。GIF Animator将对动画文件进行优化。

  6.优化完毕后,优化结果的窗口显示优化的成效。如图022。点击Preview按钮,可以预览GIF动画的效果。


图022:优化后的结果

  7.如果对优化的成效不太满意,点击Another Try按钮,又回到向导的第一步,再对GIF动画的各个参数进行设置。

  8.果不想覆盖当前的GIF动画文件,点击“另存为”按钮,将优化后的GIF动画文件存为另外的文件。

  9.点击“确定”按钮,完成优化。

  10.同时可以点击菜单File>Batch Process,可以批量优化处理一个文件夹中的GIF动画文件。

  11.在弹出的对话框中可以对优化处理的参数进行设置。若包含要处理子文件夹中的GIF动画文件,在包含子文件夹的选项前点钩。


图022:优化的参数设置

  12.如果要选择相应的文件选择By floder,并点击Browse按钮选择文件。

  13.如果要创建新文件和要删除原始文件,在创建新文件和在删除原始文件前点钩。

  14.如果没有必要,不要选择添加自定义注释块,那样可能不会起到优化的作用。

  15.点击“确定”按钮,GIF Animator将对文件进行批量优化。

  7.利用视频文件来制作GIF动画

  前面我们已经说过,利用视频文件来制作GIF动画,比如AVI、Quicktime、MOV等,实际上是利用了视频文件都是有N个动画元素组成的动画,我们可以把它的每一个元素——帧,想像成我们制作GIF动画的每一个GIF图片就比较容易想通了。不过有一点,由于视频文件都比较庞大,如果转成GIF动画,将是一个巨大的图片,在网上几乎无法传输了,所以我们只能截取视频文件的片段来做处理。

  基本步骤和打开一个GIF动画没有什么区别。

  1、在文件菜单里选择Open Video,弹出选择文件窗口。

  2、选中你要编辑的视频文件,按Open。

  3、那么这个食品文件就自动被解析成N个图片,和我们打开一个GIF动画一个效果。

  4、其它如编辑、优化也都一样处理。

  5、保存成GIF格式的图片。

  注意以下问题:

  1、GIF Animator是一个相当强大的网页图像动画制作软件,支持多中格式的文件,不要误解为只支持GIF图片一种格式。

  2、我们在调入文件时,最好按照动画的播放顺序打开,尽管调入文件后对文件的次序我们还可以随时修改,但是为了避免出错,还是养成这么一个习惯好。

  3、在其它图像处理软件中设计每幅图像时,要尽量使用比较简单的颜色,否则使用GIF格式时,有些颜色后改变。

  4、利用一张图片,我们就可以制作出非常漂亮的GIF动画图片出来,主要可以利用复制、旋转、翻转等功能。

  5、设计完每幅图像后,应将文件保存为GIF格式,以减小动画大小。

  6、研究使用滤镜和透明效果,其实图片的水平如何,主要看对滤镜和透明效果的运用了,像其它的工具,比如Photoshop等也一样。

  7、在编辑完动画后,要将动画优化,同时可以设置优化参数以减小动画大小。

  8、习惯随时使用预览功能,使动画的制作和调试得以控制好。

  8. 使用Simple Text Objects制作一个文字Banner

  我们以上已经提到过Simple Text Oobjects这个功能,在这个实例中,会学习到只用这个功能而作出一个文字类型的Banner。

  1.   先建一个460*80的文件,背景色为白色。

  2.   在Banner的四周画一个细小的矩形。

  3.现在我们就可以输入我们的文字了,选择Frame>Duplicate Frame新建一个帧。


图023:复制帧

  4.在第二帧,选择输入文本工具。

  5.输入完文字之后,在文字处单击右键,选择Shadow。建立文字阴影效果。


图023:给文字添加阴影效果

  6.选择Object>Text > Split Text,这个时候可以看到一个个文字独立存在着。


图024:分裂文字

  7.现在我们按照文字多少,建立十个帧。

  8.在第二帧中,只保留I这个字母,其他字母层均为隐藏。


图024:为文字建立动画

  9.当然,在第三帧时,保留I和 a这两个字母,其他字母为隐藏属性。

  10.依据类推,就可以建立处正在打字效果。

  9. 朦胧就是美

  在这个例子中,你将成为一个设计大师,为你自己或者你心爱的女子做一张图片,并作成朦胧的效果。

  首先在GIF Animator中打开图025的照片,对图片加以修改或者修饰。选用文字工具输入图片中女主角的名字,当然要与背景所相衬。


图025:导入照片

  选择文字工具,在照片的最底部,使用字体工具输入“Coolergirl”,考虑到照片是长高宽短,因此字体选择20。在图片中单击右键,选择Test>Nero,对文字进行特别的修饰,弹出图026所示对话框。


图026:Nero对话框

  在Nero项上打勾,就可以发现图中的文字产生变化,如图027,点击OK。


图027:添加效果后的文字

  现在开始制作有关朦胧效果,朦胧效果是在GIF Animator 5版本中新增的一种效果,

  选择Video F/X >Nature Painting>Charcol,出现图四窗口,为了使朦胧效果比较突出,

  在Apply this effects to how many数字框中输入20。点击OK,出现图028所示对话框。

      图028:应用滤镜效果

  由于图片不是等像素压缩,因此有变形。不用修改任何设置,点击OK。这样一个朦胧效果的动画就算完成。


图029:最终的朦胧效果

  你可以用来制作一个自己的网页,或者发给你朋友,都不用害羞了。

四、外挂软件

  GIF-X Plugin是一款GIF Animator的外挂软件。从GIF-X Plugin 1.0到GIF-X Plugin 2.0,友立除了在效果上增加了不少动画功效外,还引入了图库(Gallery)的方式,你既可以根据自己的喜好设计出能体现个性的作品,也可以从友立提供给你的图库(Gallery)中选择一个满意的效果。由于GIF-X Plugin是外挂在Photoshop中的一个外挂滤镜,所以,如果你对创作的动画不很满意,或者出来的效果不太明显,你还可以在Photoshop中进行其它的特效处理,当然你在GIF-X Plugin中做好的动画也可以直接储存在磁盘上(只要你觉得这个效果还可以),不必再通过Photoshop进行储存,这样不仅可大大减少做好后的动画的字节数,而且还可以不让图片太失真,因为友立的GIF动画软件的一大缺点就是做出GIF图片字节数太大,而且能够再压缩的冗余比较大,一般我们做好后都要用一些减肥软件减肥一下,不过GIF-X Plugin 2.0的有一大好处就是出来的GIF图片能够保证失真小,即如果你使用的图片是16M的话,出来的GIF图片一定不会是256色的,这样你的GIF看上去就不会效果太差,下面我们就GIF-X Plugin 2.0做一下简单的介绍,如果你看了下面的介绍还感觉可以,就赶快去买来装上用吧,或者到友立GIF-X Plugin的网站http://www.上去下载一个GIF-X Plugin2.0的试用版来玩玩吧,界面如下图。


图030:GIF-X界面

  GIF-X Plugin 2.0提供有“Motion”动作与“Light”灯光两类特效。“Motion”特效有旋转(Rotation)、扫描(Scan)、自动换片(Nickelodeon)、立方体(Cube)、克隆(Clone)、书状翻页(Open book)、弹球状(Bounce)、放大、缩小(Zoom)等特效,每一种动画效果又可以通过旁边的参数(Parameters)选项来调节效果,选择一种自己满意的模式,来达到让人满意的效果,设置好参数,就可以在"Key Frame Control"项中进行效果预览,可以话就OK,SAVE你的作品,不行再来,效果多多,如果真的嫌这样选来选去太麻烦,那么,做下一步:看见“Gallery”选项没有,这里相信有你需要的东西,看看下面的一些效果吧,绝对不是一般的GIF动画制作软件那样的哟!


图031: Motion图库

  在上面的图片中,你可以看到GIF-X Plugin 2.0中“Motion”特效出来的各种效果图,第一种是旋转(Rotation)效果;2-3是扫描(Scan)效果,有条柱状(beam)、金属状(metal)、聚光灯状(Spotlig)三种方式;4-6是自动换片效果,有上-下形(Top-down)、下-上形(bottom-up)、左-右形(left-right)、右-左形(right-left)四种方式;7是3D模式效果(3D MAP),有球状(Sphere)与立方状(Cube)两种方式;8-9是立方体(Cube)效果,同样有上-下形(Top-down)、下-上形(bottom-up)、左-右形(left-right)、右-左形(right-left)四种方式;10是书状翻页(Open book)效果,也有上-下形(Top-down)、下-上形(bottom-up)、左-右形(left-right)、右-左形(right-left)四种方式;11-12是弹球状(Bounce)效果;13-14是放大、缩小(Zoom)效果,有放大模糊(Zoom blur)、缩小透镜(Zoom lens)两种方式;15-16是旗子效果(FLAG);17-18是色彩变化效果(Color Shift);19-20是氖光灯效果(Neon)。当然,以上的模式并不一定就是绝对的,你还可以自己添置一些效果进去,在使用中就可以自由运用了。

  上面介绍了GIF-X Plugin 2.0中“Motion”特效,下面让我们看看GIF-X Plugin 2.0中的“LIGHT”特效,其全部的效果图如下:


图032:Light图库

  怎么样,GIF-X Plugin 2.0的灯光效果是不是比其它GIF动画制作软件的灯光效果好许多呀!其主要的特效有闪电(lightning)、烟火(fireworks)、透镜闪耀(lens flare)、阳光四射(light bulb)、光怀(halo)、聚光灯(spotlight)、闪光灯(flashlight)、流星(meteor)、激光(laser)等。这几种特效之间可以相互来回使用,这样不仅为你的GIF动画更增加了美丽的外观,更使你的动画效果增色不少。

  实例制作一:闪电效果

  闪电效果有两个控件组:「基本」和「高级」。「基本」控件用于创建动画,「高级」控件用于微调闪电发出的分叉,以及周围的光芒。


图033:基本闪电效果设置窗口


图034:高级闪电效果设置窗口

  我们开始按照上面的设置来调整闪电控件。如果您想将这些设置保存下来,以备将来使用的话,请单击屏幕底部的「添加」按钮。接下来,将闪电条的顶部拖到天空中闪电开始的地方。然后拖动闪电条的底部,直到该闪电条位于动画开始的位置。

  提醒您:如果您觉得预览窗口中的场景太暗,请增加「周围光线」的值。该控件位于「确定」按钮的上方。另外如果「自动倒退」按钮是打开的,请将其关闭。

  现在闪电条已放置好了,我们开始设置关键帧。对于这个闪电效果,我们将使用 5 个帧的动画,在第 1、2 和 5 帧处设置关键帧。


图035:闪电效果的设置

  我们将修改每个动画关键帧的下列设置:

  第 1 帧:阻光度 = 0这将是闪电在动画的第一帧中变成完全透明。这样,在动画循环时,在一个循环结束和下一个循环开始之间将有一个暂停。

  第 2 帧:亮度 = 40如果该帧在预览窗口中是空白的,请确定将「阻光度」的值设为原始值 (100)。将「亮度」设为 40,可以使闪电条的亮度在动画到达最后一帧的过程中逐渐增加,最后一帧的亮度设置为 80。

  第 5 帧:重新放置闪电条 (无其它变化) 拖动闪电条的底部,使它看上去与地面最接近。就是这样!单击「保存」,来创建动画并将其保存到硬盘。您可以使用这个文件,或将其在动画程序,如:Ulead GIF Animator 4,中打开,来修改该动画的速度并优化它的压缩。

 图036:最终闪电效果图

  实例制作二:烟花效果


图037:基本烟花效果设置窗口


图038:高级烟花效果设置设置窗口

  烟花效果有两个主要的控件组:基本和高级。「基本」控件用于创建动画,「高级」控件用于微调特效,如:烟花尾部的长度。

  您应该已经开始在预览窗口中执行单击并拖放的操作了,在背景图像上,将特效移到相应的位置。接下来,调整「基本」和「高级」对话框中的设置,使用的设置如上图所示。

  提醒您:如果您要将这些设置保存下来,以备将来使用。请单击屏幕底部的「添加」按钮。您就可以通过单击「画廊」按钮,来重新打开它们。


图039:设置烟火的帧

  接下来,用关键帧控件将动画设为 10 帧,并在第 2 帧和第 10 帧处添加关键帧。如果「自动倒退」按钮是打开的,请将它关闭。

  虽然它可能较难理解,但我们还是完成了。现在需要做的是调整关键帧,使图像随着关键帧的移动而改变。我们将做下列修改:

  第 1 帧: 亮度 = 0这可以使动画的第 1 帧包含不显示的效果。这样,在动画循环时,在一个循环结束和下一个循环开始之间将有一个暂停。

  第 2 帧: 不改变如果在预览窗口中,这个帧是空白的,请确定将「亮度」设为原始值 (228)。另外,注意将「完成」值设为 0。这将使该动画中第一个可见帧显示为一个即将爆炸的烟花组合。

  第 10 帧: 完成 = 90这里创建的是该动画的最后一帧,烟花在此将落向地面。理论上,将该值设为 100 将创建一个空白帧。所以,实际上它未必有用。这就是为什么我总是将亮度设为 0,来创建动画中的空白帧。就是这样!单击「保存」,来创建动画并将其保存到硬盘。我使用的是下列设置:

 图040:设置烟花效果

  这样一个烟火效果就制作完成了。可以调用在GIF Animation 5.0中加以修改。


图035:烟火效果图

  五、总结

  无论从软件本身去讨论它的价值还是从公司对它的开发价值去讨论,这的的确确是一款好软件,并且在制作动画时,起到了相对的简易性。希望这款软件能给你带来更美好的动画之旅。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多