《管理信息化网站动态图片与闪图的制作》由会员分享,可在线阅读,更多相关《管理信息化网站动态图片与闪图的制作(21页珍藏版)》请在金锄头文库上搜索。
1、网站动态图片及闪图制作互联网不断地发展,导致网站不断地增加,其中不乏一些优秀的个人网站。做网站其实很容易掌握,但是如何做出漂亮而又吸引人的网站,并不是所有掌握技术的人都能实现的。在网页设计中,不乏有两种,一种是文字,另一种是图片起到了主导地位。在图片当中,动态图片又是独支一秀。网站的各类Banner和Logo也都采用了动态图片。有关动态图片大家都不陌生,但是如何达到这样的效果却是相当的困难。但是自从Ulead GIF Animator推出后,动画制作变得相当简易,而这次Ulead公司又推出了5.0的新版本,这个版本让笔者体会到制作动态图片的乐趣,现在就让我们来看看吧。Ulead GIF Ani
2、mator百度一下软件11505588122175.html图001:启动画面一、新增功能1.更人性化的用户界面GIF Animator 5.0 重新设计了用户界面,让你在制作动画图片的时候更方便,这个版本的工作区域已经完全支持真彩色,无论你是在设计还是预览的时候都可以在真彩色的环境下了。同时,一般常用的做动画的流程都已经简化在编辑、优化和预览选项卡之间,很大程度上简化了操作难度。图002:操作界面2.增强的编辑能力这个版本的 GIF Animator 在文字编辑器、选色器和选取工具上面都加强了各自的功能。同时转换器也相应的得到了增强,现在你已经可以随意调整对象的大小和角度了。3.支持更多的输
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 SHO
4、P 等软件上面已经老早就有了,其优点也已经得到了广泛的认可,GIF Animator 5.0 也当然不会漠视,终于在这个版本里加入了这个功能,有了它以后管理、编辑起动画里面的各个对象元素就方便多了。5.外部编辑器调用你现在可以在 GIF Animator 里面直接调用更好的图像编辑软件如:Photoimpact 、Photo Shop 等来编辑 GIF Animator 里面的对象图形了,很大程度上扩展了 GIF Animator 的功能。当然我推荐大家还是用 Photoimpact 比较好点,毕竟是同一家公司的产品,无论的兼容性还是操作界面上都要好点、方便点。6.强大的优化功能新版本的 GI
5、F Animator 在图像压缩优化方面更完善,你可以利用有损压缩、抖动颜色、颜色索引编辑等等功能来进一步优化你的作品的输出效果,而这些操作都会即时可以看到预览效果。7.新增两个滤镜新版本的 GIF Animator 增加了两个特效滤镜 Color Replace 和 Color Shift ,让你只需简单步骤就可以做出漂亮的效果。8.其它GIF Animator 除了可以输出 SWF 等文件外,还可以把你的动画导出为一个可以执行的 EXE 文件,让别人无需看图工具也可以欣赏到你的作品,同时,这个可执行文件还可以在你的作品展示完后用一些图片做背景显示你预先输入的一些字句,这个功能用来做电子贺卡
6、相当不错。二、下载与安装以上略微介绍了Gif Animator 5新版本中的功能,使大家对它有了感性的认识,下面我们就一步步地挖掘Gif Animator的强大功能。软件可以在Ulead公司的官方网站()下载得到。下载得到的是一个试用版本,只能有期限的试用15天,当然这个是免费的啦!只要点击安装文件,一路“Next”下来就可以,如果你想更改安装路径的话,在系统提示你是否需要更改时更改就可以了。 开始使用Ulead GIF Animator 5.0 当启动软件后,点击Try按钮进入真正的操作。这时,程序会弹出一个启动向导来引导设计者制作GIF动画。在这里你可以新建或者打开一个GIF图片。图003
7、:启动向导在新建栏中你可以使用动画向导创建GIF动画。在打开栏中有三种打开方式。另外你还可以选择“Do not show this dialog box next”来关闭这个功能。(1) Animation Wizard选择这个可以教你一步一步地完成一个GIF动画图片的制作,所以如果你是初学者,强烈建议你选择这个选项。 我个人认为,这个动画向导创建功能主要是方便了我们选择,从另外一种角度想就是提高了我们制作图片的速度。 (2) Black animation选择这个可以建立一个空白的动画文件,选它主要是因为你想制作一个全新的GIF图。 (3) Open an existing image没什么
8、好说的,就是选择打开一个已经存在你机器里的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时,进行相关的设置,会得到更好
9、的效果。选择,在设置选项中共有7个设置面板。在General中设置GIF Animator的普通设置。进行有关默认的设置修改。Optimize面板中设置有关动画优化的参数。Plug-in Filters中进行设置GIF Animaotr所支持外挂的配件。由于篇幅关系,这里不多一一介绍有关设置的具体操作。图004:属性设置面板2. 软件界面介绍菜单栏,包括文件、编辑、查看、层、图层、滤镜、视频F/X和帮助七个菜单分别完成从图像创建导入到图层滤镜和视频特殊效果的功能。图005:菜单栏Ulead GIF Animator 的工具栏上包含标准的 Windows 应用程序按钮, 即新建, 打开, 保存,
10、 撤消, 恢复, 剪切, 复制, 粘贴按钮, 使用方法和其他 Windows 应用程序一样, 我们就不在这里介绍了。在工具栏上还有一些 Ulead GIF Animator 4.0 专用的按钮, 这是我们要着重介绍的。这些按钮是:Add Blank Image(加入空图像), Add Images(从外部插入图像, 包括从外部插入 GIF 动画), Add Video(加入视频), Add Comments(加入注释)等。图006:工具栏Add Blank Image 加入空图像:在当前层的后面加入一个新的空白层, 层中没有任何内容。Add Images 加入图像:在当前层的后面加入一幅新的图
11、像, 新的图像是从外部文件获得的, 如果您插入的是一个 GIF 格式的动画文件, 那么 Ulead GIF Animator会自动把动画中的所有帧都插入到新的层, Ulead GIF Animator根据动画的帧数相应地产生新层以容纳插入的图像,可以一次选择好几幅图像一起插入到动画中。Add Video 加入视频:插入视频文件, 如 aiv, flc, psd, fli 等, Ulead GIF Animator 4.0 会自动把视频文件中的所有帧都插入到 GIF 动画中。Add Comments 加入注释:在动画中加入注释, 如果您想在动画中保存版权和版本, 就可以使用注释。Move Lay
12、er Up 将当前层向上移:把当前层向上移动, 也就是说, 在播放这个动画的时候, 让当前层出现的次序提前一个单位。Move Layer Down 将当前层向下移:把当前层向下移动, 使当前的播放次序推后一个单位。Preview in Internet Explorer:在 Internet Explorer 中预览动画。Preview in Navigator:在 Navigator 中预览动画。Preview in Custom Browser:在用户指定的程序(能播放 GIF 动画的程序)中预览动画。Help 帮助:求助按钮, 点击此按钮后, 鼠标指针会变成箭头和问号, 这时您可以在 U
13、lead GIF Animator的界面上随意点击, Ulead GIF Animator 会告诉您点击处是什么地方以及点击处的功能等信息。图007:绘图工具栏 常用工具面板,在这里可以对图像进行修改,例如写字,填色等。使用方法就像是Windows中自带的画图工具。图008:常用工具面板层面板,在第一次启动程序时,层面板显示为列表形式,可以点击缩略图和胶片标签查看每一幅图像的缩略图和相应的位置顺序。在导入多幅图像时,列表中列出了每个图像的标题(每幅图像的文件名,在参数设置区可以进行修改)图009:层面板工作区,在这个区域中可以查看GIF动画的结构,还可以针对每一幅GIF动画图像进行编辑。在选择
14、工作模式中有“编辑”、“优化”和“预览”,其中最强大的是GIF的优化功能,在GIF Animator中预设了七个方案,可以将图像优化成色彩数不同的GIF动画,相应的优化后的质量也是不同的。同时还可以对优化的各种参数进行设置,在优化后程序还会报告优化的效果. 3.使用动画向导制作GIF动画GIF Animator提供的动画向导功能可以在几分钟之内完成GIF动画制作。在制作GIF动画前要找素材,同时也可以自己设计素材。我们知道GIF Animator实际上是把一系列的GIF图片压在一起而成为一个动态的图片文件的,那么这些GIF图片就是我们所说的素材,需要我们提前制作完成,制作的工具有很多,比如Ph
15、otoshop、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 Du