Ulead GIF5.docx
《Ulead GIF5.docx》由会员分享,可在线阅读,更多相关《Ulead GIF5.docx(36页珍藏版)》请在冰豆网上搜索。
![Ulead GIF5.docx](https://file1.bdocx.com/fileroot1/2023-2/25/d7f1553d-fea2-4eb9-8492-7418e58c07d8/d7f1553d-fea2-4eb9-8492-7418e58c07d81.gif)
UleadGIF5
GIFAnimator5.0教程
重新设计了用户界面,让你在制作动画图片的时候更方便,这个版本的工作区域已经完全支持真彩色,无论你是在设计还是预览的时候都可以在真彩色的环境下了。
同时,一般常用的做动画的流程都已经简化在编辑、优化和预览选项卡之间,很大程度上简化了操作难度。
图002:
操作界面
2.增强的编辑能力
这个版本的GIFAnimator
在文字编辑器、选色器和选取工具上面都加强了各自的功能。
同时转换器也相应的得到了增强,现在你已经可以随意调整对象的大小和角度了。
3.支持更多的输出格式
GIFAnimator5.0支持的输出格式除了标准的GIF
以外,现在还可以输出FLASH格式的SWF
文件了。
也就是说,你可以用它来做FLASH
动画了。
当然它还可以输出MPEG、avi、mov
等视频格式的文件,这样一来,只要你的系统安装了MPEG4
的驱动程序,GIFAnimator5.0也可以直接输出MPEG4
的动画了。
另外值得一提的是,它还支持Photoimpact的UFO和
PhotoShop的PSD
文件,这样你辛苦做出来的动画里面的层就可以得以保存和发扬光大了。
4.增加对象管理器支持更多的输出格式
这个功能在PHOTOSHOP
等软件上面已经老早就有了,其优点也已经得到了广泛的认可,GIF
Animator5.0
也当然不会漠视,终于在这个版本里加入了这个功能,有了它以后管理、编辑起动画里面的各个对象元素就方便多了。
5.外部编辑器调用
你现在可以在GIFAnimator
里面直接调用更好的图像编辑软件如:
Photoimpact、PhotoShop
等来编辑GIFAnimator里面的对象图形了,很大程度上扩展了
GIFAnimator的功能。
当然我推荐大家还是用Photoimpact
比较好点,毕竟是同一家公司的产品,无论的兼容性还是操作界面上都要好点、方便点。
6.强大的优化功能
新版本的GIFAnimator
在图像压缩优化方面更完善,你可以利用有损压缩、抖动颜色、颜色索引编辑等等功能来进一步优化你的作品的输出效果,而这些操作都会即时可以看到预览效果。
7.新增两个滤镜
新版本的GIFAnimator增加了两个特效滤镜ColorReplace和
ColorShift,让你只需简单步骤就可以做出漂亮的效果。
8.其它
GIFAnimator除了可以输出SWF
等文件外,还可以把你的动画导出为一个可以执行的EXE
文件,让别人无需看图工具也可以欣赏到你的作品,同时,这个可执行文件还可以在你的作品展示完后用一些图片做背景显示你预先输入的一些字句,这个功能用来做电子贺卡相当不错。
二、下载与安装
以上略微介绍了GifAnimator5新版本中的功能,使大家对它有了感性的认识,下面我们就一步步地挖掘Gif
Animator的强大功能。
软件可以在Ulead公司的官方网站(
只要点击安装文件,一路“Next”下来就可以,如果你想更改安装路径的话,在系统提示你是否需要更改时更改就可以了。
开始使用UleadGIFAnimator5.0
当启动软件后,点击Try按钮进入真正的操作。
这时,程序会弹出一个启动向导来引导设计者制作GIF动画。
在这里你可以新建或者打开一个GIF图片。
图003:
启动向导
在新建栏中你可以使用动画向导创建GIF动画。
在打开栏中有三种打开方式。
另外你还可以选择“Do
notshowthisdialogboxnext”来关闭这个功能。
(1)AnimationWizard
选择这个可以教你一步一步地完成一个GIF动画图片的制作,所以如果你是初学者,强烈建议你选择这个选项。
我个人认为,这个动画向导创建功能主要是方便了我们选择,从另外一种角度想就是提高了我们制作图片的速度。
(2)Blackanimation
选择这个可以建立一个空白的动画文件,选它主要是因为你想制作一个全新的GIF图。
(3)Openanexistingimage
没什么好说的,就是选择打开一个已经存在你机器里的GIF文件。
(4)Openanexisitingvideo
如果你想利用视频文件的片段来制作GIF动画的话,就可以选择这个。
我们知道视频文件其实是由N个图片组成的,这个后面再说。
(5)Openasamplefile
UleadGIFAnimator中有很多的示例文件,所以你想偷点懒,或者不是很熟悉GIF
Animator的GIF动画制作过程也可以选择这个。
为了便于讲解,我在这里选择了“关闭”按钮。
互联网不断地发展,导致网站不断地增加,其中不乏一些优秀的个人网站。
做网站其实很容易掌握,但是如何做出漂亮而又吸引人的网站,并不是所有掌握技术的人都能实现的。
在网页设计中,不乏有两种,一种是文字,另一种是图片起到了主导地位。
在图片当中,动态图片又是独支一秀。
网站的各类Banner和Logo也都采用了动态图片。
有关动态图片大家都不陌生,但是如何达到这样的效果却是相当的困难。
但是自从Ulead
GIFAnimator推出后,动画制作变得相当简易,而这次Ulead公司又推出了5.0的新版本,这个版本让笔者体会到制作动态图片的乐趣,现在就让我们来看看吧。
图001:
启动画面
一、新增功能
1.更人性化的用户界面
GIFAnimator5.0
重新设计了用户界面,让你在制作动画图片的时候更方便,这个版本的工作区域已经完全支持真彩色,无论你是在设计还是预览的时候都可以在真彩色的环境下了。
同时,一般常用的做动画的流程都已经简化在编辑、优化和预览选项卡之间,很大程度上简化了操作难度。
图002:
操作界面
2.增强的编辑能力
这个版本的GIFAnimator
在文字编辑器、选色器和选取工具上面都加强了各自的功能。
同时转换器也相应的得到了增强,现在你已经可以随意调整对象的大小和角度了。
3.支持更多的输出格式
GIFAnimator5.0支持的输出格式除了标准的GIF
以外,现在还可以输出FLASH格式的SWF
文件了。
也就是说,你可以用它来做FLASH
动画了。
当然它还可以输出MPEG、avi、mov
等视频格式的文件,这样一来,只要你的系统安装了MPEG4
的驱动程序,GIFAnimator5.0也可以直接输出MPEG4
的动画了。
另外值得一提的是,它还支持Photoimpact的UFO和
PhotoShop的PSD
文件,这样你辛苦做出来的动画里面的层就可以得以保存和发扬光大了。
4.增加对象管理器支持更多的输出格式
这个功能在PHOTOSHOP
等软件上面已经老早就有了,其优点也已经得到了广泛的认可,GIF
Animator5.0
也当然不会漠视,终于在这个版本里加入了这个功能,有了它以后管理、编辑起动画里面的各个对象元素就方便多了。
5.外部编辑器调用
你现在可以在GIFAnimator
里面直接调用更好的图像编辑软件如:
Photoimpact、PhotoShop
等来编辑GIFAnimator里面的对象图形了,很大程度上扩展了
GIFAnimator的功能。
当然我推荐大家还是用Photoimpact
比较好点,毕竟是同一家公司的产品,无论的兼容性还是操作界面上都要好点、方便点。
6.强大的优化功能
新版本的GIFAnimator
在图像压缩优化方面更完善,你可以利用有损压缩、抖动颜色、颜色索引编辑等等功能来进一步优化你的作品的输出效果,而这些操作都会即时可以看到预览效果。
7.新增两个滤镜
新版本的GIFAnimator增加了两个特效滤镜ColorReplace和
ColorShift,让你只需简单步骤就可以做出漂亮的效果。
8.其它
GIFAnimator除了可以输出SWF
等文件外,还可以把你的动画导出为一个可以执行的EXE
文件,让别人无需看图工具也可以欣赏到你的作品,同时,这个可执行文件还可以在你的作品展示完后用一些图片做背景显示你预先输入的一些字句,这个功能用来做电子贺卡相当不错。
二、下载与安装
以上略微介绍了GifAnimator5新版本中的功能,使大家对它有了感性的认识,下面我们就一步步地挖掘Gif
Animator的强大功能。
软件可以在Ulead公司的官方网站(
只要点击安装文件,一路“Next”下来就可以,如果你想更改安装路径的话,在系统提示你是否需要更改时更改就可以了。
开始使用UleadGIFAnimator5.0
当启动软件后,点击Try按钮进入真正的操作。
这时,程序会弹出一个启动向导来引导设计者制作GIF动画。
在这里你可以新建或者打开一个GIF图片。
图003:
启动向导
在新建栏中你可以使用动画向导创建GIF动画。
在打开栏中有三种打开方式。
另外你还可以选择“Do
notshowthisdialogboxnext”来关闭这个功能。
(1)AnimationWizard
选择这个可以教你一步一步地完成一个GIF动画图片的制作,所以如果你是初学者,强烈建议你选择这个选项。
我个人认为,这个动画向导创建功能主要是方便了我们选择,从另外一种角度想就是提高了我们制作图片的速度。
(2)Blackanimation
选择这个可以建立一个空白的动画文件,选它主要是因为你想制作一个全新的GIF图。
(3)Openanexistingimage
没什么好说的,就是选择打开一个已经存在你机器里的GIF文件。
(4)Openanexisitingvideo
如果你想利用视频文件的片段来制作GIF动画的话,就可以选择这个。
我们知道视频文件其实是由N个图片组成的,这个后面再说。
(5)Openasamplefile
UleadGIFAnimator中有很多的示例文件,所以你想偷点懒,或者不是很熟悉GIF
Animator的GIF动画制作过程也可以选择这个。
为了便于讲解,我在这里选择了“关闭”按钮。
三、实战GIFAnimator5.0
1.设置GIFAnimator
在使用GIFAnimator时,进行相关的设置,会得到更好的效果。
选择File>Preferences,在设置选项中共有7个设置面板。
在General中设置GIFAnimator的普通设置。
进行有关默认的设置修改。
Optimize面板中设置有关动画优化的参数。
Plug-inFilters中进行设置GIFAnimaotr所支持外挂的配件。
由于篇幅关系,这里不多一一介绍有关设置的具体操作。
图004:
属性设置面板
2.软件界面介绍
菜单栏,包括文件、编辑、查看、层、图层、滤镜、视频F/X和帮助七个菜单分别完成从图像创建导入到图层滤镜和视频特殊效果的功能。
图005:
菜单栏
UleadGIFAnimator的工具栏上包含标准的Windows应用程序按钮,即新建,打开,保存,撤消,恢复,剪切,复制,粘贴按钮,使用方法和其他Windows应用程序一样,我们就不在这里介绍了。
在工具栏上还有一些UleadGIFAnimator4.0专用的按钮,这是我们要着重介绍的。
这些按钮是:
AddBlankImage(加入空图像),AddImages(从外部插入图像,包括从外部插入GIF动画),AddVideo(加入视频),AddComments(加入注释)等。
图006:
工具栏
AddBlankImage加入空图像:
在当前层的后面加入一个新的空白层,层中没有任何内容。
AddImages加入图像:
在当前层的后面加入一幅新的图像,新的图像是从外部文件获得的,如果您插入的是一个GIF格式的动画文件,那么UleadGIFAnimator会自动把动画中的所有帧都插入到新的层,UleadGIFAnimator根据动画的帧数相应地产生新层以容纳插入的图像,可以一次选择好几幅图像一起插入到动画中。
AddVideo加入视频:
插入视频文件,如aiv,flc,psd,fli等,UleadGIFAnimator4.0会自动把视频文件中的所有帧都插入到GIF动画中。
AddComments加入注释:
在动画中加入注释,如果您想在动画中保存版权和版本,就可以使用注释。
MoveLayerUp将当前层向上移:
把当前层向上移动,也就是说,在播放这个动画的时候,让当前层出现的次序提前一个单位。
MoveLayerDown将当前层向下移:
把当前层向下移动,使当前的播放次序推后一个单位。
PreviewinInternetExplorer:
在InternetExplorer中预览动画。
PreviewinNavigator:
在Navigator中预览动画。
PreviewinCustomBrowser:
在用户指定的程序(能播放GIF动画的程序)中预览动画。
Help帮助:
求助按钮,点击此按钮后,鼠标指针会变成箭头和问号,这时您可以在UleadGIFAnimator的界面上随意点击,UleadGIFAnimator会告诉您点击处是什么地方以及点击处的功能等信息。
图007:
绘图工具栏
常用工具面板,在这里可以对图像进行修改,例如写字,填色等。
使用方法就像是Windows中自带的画图工具。
图008:
常用工具面板
层面板,在第一次启动程序时,层面板显示为列表形式,可以点击缩略图和胶片标签查看每一幅图像的缩略图和相应的位置顺序。
在导入多幅图像时,列表中列出了每个图像的标题(每幅图像的文件名,在参数设置区可以进行修改)
图009:
层面板
工作区,在这个区域中可以查看GIF动画的结构,还可以针对每一幅GIF动画图像进行编辑。
在选择工作模式中有“编辑”、“优化”和“预览”,其中最强大的是GIF的优化功能,在GIFAnimator中预设了七个方案,可以将图像优化成色彩数不同的GIF动画,相应的优化后的质量也是不同的。
同时还可以对优化的各种参数进行设置,在优化后程序还会报告优化的效果.
3.使用动画向导制作GIF动画
GIFAnimator提供的动画向导功能可以在几分钟之内完成GIF动画制作。
在制作GIF动画前要找素材,同时也可以自己设计素材。
我们知道GIFAnimator实际上是把一系列的GIF图片压在一起而成为一个动态的图片文件的,那么这些GIF图片就是我们所说的素材,需要我们提前制作完成,制作的工具有很多,比如Photoshop、Fireworks和Freehand等,素材准备好后就可以通过GIFAnimator中的动画向导功能就制作出专业级的动画了。
在启动程序时,通过GIFAnimator显示的一个启动向导来引导我们创建动画。
也可以通过“File”菜单里面的“AnimationWizard”命令。
打开动画向导按钮后,会弹出一个对话框(图010)在这个对话框中可以选择我们要制作的GIF动画的尺寸。
图010:
选择GIF动画尺寸
一般一个普通的Banner是468*60,系统默认值也是这个。
当然软件还自带了一些常用的尺寸规格。
对于特殊的要求你可以自己进行修改。
进行完有关与尺寸的设置,点击下一步按钮,进入“SelectsFiles”对话框(图011)。
进行有关素材的设置。
图011:
选择文件
点击“Addimage..”按钮,进行图片素在的引入,可以一次引入多项,也可以一项一项分别引入。
Addvideo与Addimage不同在于一个是引进图片作为素材,而一个是电影。
进行完素材的导入后,点击下一步进入“FrameDuration”设置对话框。
在提示栏里面有很详细的解释,根据解释再设置每个帧的延迟时间,值得注意的是在参数栏中填入的数值要除以100才是真正的延迟时间,你还可以指定帧的速率,同时在下面的演示框中可以预览设置结果。
点击“下一步”按钮后,将弹出动画向导——完成窗口。
点击完成按钮后,一个动画就制作完成了。
4.优化GIF动画
在设计动画过程中,当帧数较多时,这个动画文件可能会较大,不适合于在网络上传播,所以GIFAnimator中提供了对动画进行优化的功能。
这种功能的原理是将将帧的图像分割中若干块,在帧之间的变换时,相同的块将在第二个帧中被删除,达到减小文件文件大小的目的。
所以我们要对自己创建的动画再进行一下优化。
点选Optimize按钮,进入优化设置,窗口如图十一所示。
在这个窗口的左侧是原始图像,右侧是系统按照默认优化设置所优化的图像。
另外有一个窗口是ColorPalette,此窗口中显示了优化后图像中使用的颜色。
如果对优化的效果不满意,或者优化后所取得的大小不满意,可以进行有关像素的设置。
最高的像素是256,也就是系统默认值,最小的是16,其优化效果真的是不堪入目。
5.预览GIF动画
完成一切的制作后,是不是想欣赏一下你的大作?
点击Preview预览窗口,就可以发现这个动画正在不断地闪烁。
同时你可以调用一些浏览器观看它。
GIFAnimator5.0允许InternetExplorer、Navigator和CustomBrowse这三种浏览器查看动画。
6.输出GIF动画
完成这一步,你的GIF动画就顺利成形了。
最直接的输出就是把动画保存为GIF,可以让它在网页中随意地插入。
选择File>SaveAs>GIFFile,输入文件名称即可。
当然GIFAnimaotr同样支持其他文件格式,例如PSD以及非常流行的Flash格式SWF。
这些文章格式却只能用于浏览,如果再次进行编辑则需要重新来过。
因此GIFAnimator自己开发了一种保留GIF动画信息的文件格式:
uga。
选择File>Save即可进行这种文件格式的保存。
当需要再次修改这个动态GIF的时候就可以调用这个文件,然后再上进行修改。
GIFAnimator同时还支持了输出为网页格式,输出为桌面项目。
网页格式在这里不用向大家解释,桌面项目是一个很有意思的功能,它利用了Windows中自带的桌面自定义功能,把动态的GIF动画放置在桌面上。
点击Export>AsanActiveDesktopItem,出现如图十二所示的对话框。
没有什么特殊的要求,选择OK。
这是桌面就会出现一个动态的GIF动画。
是不是很有意思?
更有意思的是GIFAnimator可以直接输出为EXE文件,让用户只需双击此文件,即可观看到动态图片的内容。
点击Export>AsAnimationPackage(EXE)...。
出现如图十三所示的对话框。
在Selectsoundfile中可以输入动态GIF所采用的声音,支持的文件格式有WAV和MID,在Generateexecutablefile中输入输出的运行文件。
此外,还支持URL链接以及最后发送消息等。
一切设置完毕后,点击OK。
就可以运行这个文档了!
7.渲染
GIfAnimator不仅可以单单支持最简单的动画,即把所有的图片夹杂在一起。
还可以在图片中加入特殊的效果,例如3D等。
当然,这样的效果一多用,文件格式就变得相当大。
其次,这样的效果必须与动画的主题贴切。
现在我们来看看在GIFAnimator中内置的渲染效果。
所有的渲染效果均在VidoF/X菜单栏中找到。
我们以最简的文字效果来查看渲染效果。
在一个468*60的Banner中输入简单的文字。
然后选择VideoF/X>3D>Gate3D,出现如图012所示的对话框,然后进行其相关的设置。
图012:
Gate3D渲染效果
在Fames中设置4-40的帧数,针数越多,文件越大。
在Delaytime中设置帧与帧间隔的时间。
Soft中设置框的粗细,一共有4种选项“None”、“Large”、“Medium”和“Small”。
在Border中设置有关边框的颜色。
选择Reverse,表示原本逆时针运行的方向,变为顺时针。
进行完以上设置,点击OK,就可以输出动画。
当然,GIFAnimator可以运用很多渲染,当然其设置效果类似,如果你觉得够麻烦,不用设置,就用默认设置点击OK。
不同的渲染效果如下表所示:
效果
功能
3D
Gate-3D(三维立体)
在动画中实现两个帧之间的动画3D过渡效果,可以在对话框中设置过渡方向、填充颜色和柔化过渡边界的参数。
Build
Diagonal-Build(倾斜过渡)
按照不同的倾斜对角线路径,逐渐的按照不规则块的方式实现两个帧之间的过渡
Clock
SweepClock(时钟式过渡)
按照顺时针和逆时针方式实现过渡效果
F/X
DiamondF/X(菱形F/X动画)
菱形效果
IrisF/X(彩虹F/X动画)
十字心形的彩虹效果
MosaicF/X(马赛克F/X动画)
马赛克元素效果
PoweroffF/X(关机F/X动画)
显示器关机效果
Film
FlapB-Film(分割的倾斜翻页效果)
将原来的帧分为四份,分别从中心开始倾斜的实现与目标帧的过渡
ProgressiveFilm(前进式翻页效果)
也是将原来的帧分为四份,分别从中心开始以前进式的方式实现到目标帧的过渡
TurnPage-Film(整页翻页效果)
整页翻页效果来实现两个帧之间的过渡,同时可以设置翻页的方向等参数
Peel
TurnPage-Peel(整页翻页的剥落效果)
以剥落的效果实现两个帧之间的过渡,与上一个翻页效果略有不同。
Push
RunandStopPush(移动到停止间的推动效果)
为了消除两个帧之间生硬的动画元素移动,使用这种效果可以将这种效果作成好看动态效果
Roll
SideRoll(整面翻转效果)
整面翻转效果
Slide
Bar-Slide(条状滑动效果)
可以从不同的方向用两个条状的滑动实现过渡
Stretch
CrossZoom-Stretch(交叉缩放拉伸效果)