网站动态图片与闪图的制作46278.docx
《网站动态图片与闪图的制作46278.docx》由会员分享,可在线阅读,更多相关《网站动态图片与闪图的制作46278.docx(39页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、网站动态图片及闪图制作互联网不断断地发展,导导致网站不断断地增加,其其中不乏一些些优秀的个人人网站。做网网站其实很容容易掌握,但但是如何做出出漂亮而又吸吸引人的网站站,并不是所所有掌握技术术的人都能实实现的。在网网页设计中,不不乏有两种,一一种是文字,另另一种是图片片起到了主导导地位。在图图片当中,动动态图片又是是独支一秀。网网站的各类BBannerr和Logoo也都采用了了动态图片。有有关动态图片片大家都不陌陌生,但是如如何达到这样样的效果却是是相当的困难难。但是自从从Uleadd GIF Animaator推出出后,动画制制作变得相当当简易,而这这次Uleaad公司又推推出了5.00的新版
2、本,这这个版本让笔笔者体会到制制作动态图片片的乐趣,现现在就让我们们来看看吧。Uleadd GIF Animaator百度度一下软件11150555881222175.hhtml图001:启动画面一、新增功功能1.更人性性化的用户界界面GIF AAnimattor 5.0 重新设设计了用户界界面,让你在在制作动画图图片的时候更更方便,这个个版本的工作作区域已经完完全支持真彩彩色,无论你你是在设计还还是预览的时时候都可以在在真彩色的环环境下了。同同时,一般常常用的做动画画的流程都已已经简化在编编辑、优化和和预览选项卡卡之间,很大大程度上简化化了操作难度度。图002:操作界面2.增强的的编辑能力这
3、个版本的的 GIF Animaator 在在文字编辑器器、选色器和和选取工具上上面都加强了了各自的功能能。同时转换换器也相应的的得到了增强强,现在你已已经可以随意意调整对象的的大小和角度度了。3.支持更更多的输出格格式 GIF AAnimattor 5.0 支持的的输出格式除除了标准的 GIF 以以外,现在还还可以输出 FLASHH 格式的 SWF 文文件了。也就就是说,你可可以用它来做做 FLASSH 动画了了。当然它还还可以输出 MPEG、aavi、moov 等视频频格式的文件件,这样一来来,只要你的的系统安装了了 MPEGG4 的驱动动程序,GIIF Aniimatorr 5.0 也可以
4、直接接输出 MPPEG4 的的动画了。另另外值得一提提的是,它还还支持 Phhotoimmpact 的 UFOO 和 Phhoto SShop 的的 PSD 文件,这样样你辛苦做出出来的动画里里面的层就可可以得以保存存和发扬光大大了。4.增加对对象管理器支支持更多的输输出格式这个功能在在 PHOTTO SHOOP 等软件件上面已经老老早就有了,其其优点也已经经得到了广泛泛的认可,GGIF Annimatoor 5.00 也当然不不会漠视,终终于在这个版版本里加入了了这个功能,有有了它以后管管理、编辑起起动画里面的的各个对象元元素就方便多多了。5.外部编编辑器调用你现在可以以在 GIFF Ani
5、mmator 里面直接调调用更好的图图像编辑软件件如:Phootoimppact 、PPhoto Shop 等来编辑 GIF AAnimattor 里面面的对象图形形了,很大程程度上扩展了了 GIF Animaator 的的功能。当然然我推荐大家家还是用 PPhotoiimpactt 比较好点点,毕竟是同同一家公司的的产品,无论论的兼容性还还是操作界面面上都要好点点、方便点。6.强大的的优化功能新版本的 GIF AAnimattor 在图图像压缩优化化方面更完善善,你可以利利用有损压缩缩、抖动颜色色、颜色索引引编辑等等功功能来进一步步优化你的作作品的输出效效果,而这些些操作都会即即时可以看到到
6、预览效果。7.新增两两个滤镜新版本的 GIF AAnimattor 增加加了两个特效效滤镜 Coolor RReplacce 和 CColor Shiftt ,让你只只需简单步骤骤就可以做出出漂亮的效果果。8.其它GIF AAnimattor 除了了可以输出 SWF 等等文件外,还还可以把你的的动画导出为为一个可以执执行的 EXXE 文件,让让别人无需看看图工具也可可以欣赏到你你的作品,同同时,这个可可执行文件还还可以在你的的作品展示完完后用一些图图片做背景显显示你预先输输入的一些字字句,这个功功能用来做电电子贺卡相当当不错。二、下载与与安装以上略微介介绍了Giff Animmator 5新版
7、本中中的功能,使使大家对它有有了感性的认认识,下面我我们就一步步步地挖掘Giif Aniimatorr的强大功能能。软件可以在在Uleadd公司的官方方网站()下下载得到。下下载得到的是是一个试用版版本,只能有有期限的试用用15天,当当然这个是免免费的啦!只要点击安安装文件,一一路“Nexxt”下来就就可以,如果果你想更改安安装路径的话话,在系统提提示你是否需需要更改时更更改就可以了了。 开始使用UUlead GIF AAnimattor 5.0 当启动软件件后,点击TTry按钮进进入真正的操操作。这时,程序序会弹出一个个启动向导来来引导设计者者制作GIFF动画。在这这里你可以新新建或者打开开
8、一个GIFF图片。图003:启动向导在新建栏中中你可以使用用动画向导创创建GIF动动画。在打开开栏中有三种种打开方式。另另外你还可以以选择“Doo not show this dialoog boxx nextt”来关闭这这个功能。(1) AAnimattion WWizardd选择这个可可以教你一步步一步地完成成一个GIFF动画图片的的制作,所以以如果你是初初学者,强烈烈建议你选择择这个选项。 我个人认为为,这个动画画向导创建功功能主要是方方便了我们选选择,从另外外一种角度想想就是提高了了我们制作图图片的速度。 (2) BBlack animaation选择这个可可以建立一个个空白的动画画文
9、件,选它它主要是因为为你想制作一一个全新的GGIF图。 (3) OOpen aan exiistingg imagge没什么好说说的,就是选选择打开一个个已经存在你你机器里的GGIF文件。 (4) OOpen aan exiisitinng viddeo如果你想利利用视频文件件的片段来制制作GIF动动画的话,就就可以选择这这个。我们知知道视频文件件其实是由NN个图片组成成的,这个后后面再说。 (5) OOpen aa sampple fiile Uleadd GIF Animaator中有有很多的示例例文件,所以以你想偷点懒懒,或者不是是很熟悉GIIF Aniimatorr的GIF动动画制作过
10、程程也可以选择择这个。 为了便于讲讲解,我在这这里选择了“关关闭”按钮。三、实战GGIF Annimatoor 5.00 1.设置GGIF Annimatoor在使用GIIF Aniimatorr时,进行相相关的设置,会会得到更好的的效果。选择择,在设置选选项中共有77个设置面板板。在Genneral中中设置GIFF Animmator的的普通设置。进进行有关默认认的设置修改改。Optiimize面面板中设置有有关动画优化化的参数。PPlug-iin Fillters中中进行设置GGIF Annimaottr所支持外外挂的配件。由由于篇幅关系系,这里不多多一一介绍有有关设置的具具体操作。图00
11、4:属性设置面面板2. 软件件界面介绍菜单栏,包包括文件、编编辑、查看、层层、图层、滤滤镜、视频FF/X和帮助助七个菜单分分别完成从图图像创建导入入到图层滤镜镜和视频特殊殊效果的功能能。图005:菜单栏Uleadd GIF Animaator 的的工具栏上包包含标准的 Windoows 应用用程序按钮, 即新建, 打开, 保保存, 撤消消, 恢复, 剪切, 复复制, 粘贴贴按钮, 使使用方法和其其他 Winndows 应用程序一一样, 我们们就不在这里里介绍了。在在工具栏上还还有一些 UUlead GIF AAnimattor 4.0 专用的的按钮, 这这是我们要着着重介绍的。这这些按钮是:A
12、dd BBlank Imagee(加入空图图像), AAdd Immages(从外部插入入图像, 包包括从外部插插入 GIFF 动画), Add VVideo(加入视频), Addd Commments(加入注释)等。图006:工具栏Add BBlank Imagee 加入空图图像:在当前前层的后面加加入一个新的的空白层, 层中没有任任何内容。Add IImagess 加入图像像:在当前层层的后面加入入一幅新的图图像, 新的的图像是从外外部文件获得得的, 如果果您插入的是是一个 GIIF 格式的的动画文件, 那么 Ullead GGIF Annimatoor会自动把把动画中的所所有帧都插入入到
13、新的层, Uleadd GIF Animaator根据据动画的帧数数相应地产生生新层以容纳纳插入的图像像,可以一次次选择好几幅幅图像一起插插入到动画中中。Add VVideo 加入视频:插入视频文文件, 如 aiv, flc, psd, fli 等等, Uleead GIIF Aniimatorr 4.0 会自动把视视频文件中的的所有帧都插插入到 GIIF 动画中中。Add CCommennts 加入入注释:在动动画中加入注注释, 如果果您想在动画画中保存版权权和版本, 就可以使用用注释。Move Layerr Up 将将当前层向上上移:把当前前层向上移动动, 也就是是说, 在播播放这个动画画
14、的时候, 让当前层出出现的次序提提前一个单位位。Move Layerr Downn 将当前层层向下移:把把当前层向下下移动, 使使当前的播放放次序推后一一个单位。Previiew inn Inteernet Exploorer:在在 Inteernet Exploorer 中中预览动画。Previiew inn Naviigatorr:在 Naavigattor 中预预览动画。Previiew inn Custtom Brrowserr:在用户指指定的程序(能播放 GGIF 动画画的程序)中中预览动画。Help 帮助:求助助按钮, 点点击此按钮后后, 鼠标指指针会变成箭箭头和问号, 这时您可以
15、以在 Uleead GIIF Aniimatorr的界面上随随意点击, Uleadd GIF Animaator 会会告诉您点击击处是什么地地方以及点击击处的功能等等信息。图007:绘图工具栏栏 常用工具面面板,在这里里可以对图像像进行修改,例例如写字,填填色等。使用用方法就像是是Windoows中自带带的画图工具具。图008:常用工具面面板层面板,在在第一次启动动程序时,层层面板显示为为列表形式,可可以点击缩略略图和胶片标标签查看每一一幅图像的缩缩略图和相应应的位置顺序序。在导入多多幅图像时,列列表中列出了了每个图像的的标题(每幅幅图像的文件件名,在参数数设置区可以以进行修改)图009:层面
16、板工作区,在在这个区域中中可以查看GGIF动画的的结构,还可可以针对每一一幅GIF动动画图像进行行编辑。在选选择工作模式式中有“编辑辑”、“优化化”和“预览览”,其中最最强大的是GGIF的优化化功能,在GGIF Annimatoor中预设了了七个方案,可可以将图像优优化成色彩数数不同的GIIF动画,相相应的优化后后的质量也是是不同的。同同时还可以对对优化的各种种参数进行设设置,在优化化后程序还会会报告优化的的效果. 3.使用动动画向导制作作GIF动画画GIF AAnimattor提供的的动画向导功功能可以在几几分钟之内完完成GIF动动画制作。在在制作GIFF动画前要找找素材,同时时也可以自己己
17、设计素材。我我们知道GIIF Aniimatorr实际上是把把一系列的GGIF图片压压在一起而成成为一个动态态的图片文件件的,那么这这些GIF图图片就是我们们所说的素材材,需要我们们提前制作完完成,制作的的工具有很多多,比如Phhotoshhop、Fiireworrks和Frreehannd等,素材材准备好后就就可以通过GGIF Annimatoor中的动画画向导功能就就制作出专业业级的动画了了。 在启动程序序时,通过GGIF Annimatoor显示的一一个启动向导导来引导我们们创建动画。也也可以通过“FFile”菜菜单里面的“AAnimattion WWizardd”命令。 打开动画向向导
18、按钮后,会会弹出一个对对话框(图0010)在这这个对话框中中可以选择我我们要制作的的GIF动画画的尺寸。图010:选择GIFF动画尺寸一般一个普普通的Bannner是4468*600,系统默认认值也是这个个。当然软件件还自带了一一些常用的尺尺寸规格。对对于特殊的要要求你可以自自己进行修改改。进行完有关关与尺寸的设设置,点击下下一步按钮,进进入“Sellects Filess” 对话框框(图0111)。进行有有关素材的设设置。图011:选择文件点击“Addd imaage.”按按钮,进行图图片素在的引引入,可以一一次引入多项项,也可以一一项一项分别别引入。Addd viddeo与Addd ima
19、age不同在在于一个是引引进图片作为为素材,而一一个是电影。进行完素材材的导入后,点点击下一步进进入“Fraame Duuratioon”设置对对话框。在提提示栏里面有有很详细的解解释,根据解解释再设置每每个帧的延迟迟时间,值得得注意的是在在参数栏中填填入的数值要要除以1000才是真正的的延迟时间,你你还可以指定定帧的速率,同同时在下面的的演示框中可可以预览设置置结果。点击“下一一步”按钮后后,将弹出动动画向导完成窗口。点点击完成按钮钮后,一个动动画就制作完完成了。4.优化GGIF动画在设计动画画过程中,当当帧数较多时时,这个动画画文件可能会会较大,不适适合于在网络络上传播,所所以GIF An
20、imaator中提提供了对动画画进行优化的的功能。这种种功能的原理理是将将帧的的图像分割中中若干块,在在帧之间的变变换时,相同同的块将在第第二个帧中被被删除,达到到减小文件文文件大小的目目的。所以我我们要对自己己创建的动画画再进行一下下优化。 点选Opttimizee按钮,进入入优化设置,窗窗口如图十一一所示。在这这个窗口的左左侧是原始图图像,右侧是是系统按照默默认优化设置置所优化的图图像。另外有有一个窗口是是Colorr Paleette,此此窗口中显示示了优化后图图像中使用的的颜色。如果果对优化的效效果不满意,或或者优化后所所取得的大小小不满意,可可以进行有关关像素的设置置。最高的像像素是
21、2566,也就是系系统默认值,最最小的是166,其优化效效果真的是不不堪入目。5.预览GGIF动画完成一切的的制作后,是是不是想欣赏赏一下你的大大作?点击PPrevieew预览窗口口,就可以发发现这个动画画正在不断地地闪烁。同时时你可以调用用一些浏览器器观看它。GGIF Annimatoor 5.00允许Intternett Expllorer、NNavigaator和CCustomm Browwse这三种种浏览器查看看动画。6.输出GGIF动画完成这一步步,你的GIIF动画就顺顺利成形了。最最直接的输出出就是把动画画保存为GIIF,可以让让它在网页中中随意地插入入。选择 AAsGIFF Fi
22、lee,输入文件件名称即可。当当然GIF Animaaotr同样样支持其他文文件格式,例例如PSD以以及非常流行行的Flassh格式SWWF。这些文章格格式却只能用用于浏览,如如果再次进行行编辑则需要要重新来过。因因此GIF Animaator自己己开发了一种种保留GIFF动画信息的的文件格式:uga。选选择即可进行行这种文件格格式的保存。当当需要再次修修改这个动态态GIF的时时候就可以调调用这个文件件,然后再上上进行修改。GIF AAnimattor同时还还支持了输出出为网页格式式,输出为桌桌面项目。网网页格式在这这里不用向大大家解释,桌桌面项目是一一个很有意思思的功能,它它利用了Wiind
23、owss中自带的桌桌面自定义功功能,把动态态的GIF动动画放置在桌桌面上。点击ExpportAAs an Activve Dessktop Item,出出现如图十二二所示的对话话框。没有什什么特殊的要要求,选择OOK。这是桌桌面就会出现现一个动态的的GIF动画画。是不是很很有意思?更更有意思的是是GIF AAnimattor可以直直接输出为EEXE文件,让让用户只需双双击此文件,即即可观看到动动态图片的内内容。点击ExpportAAs Aniimatioon Pacckage(EXE).。出现现如图十三所所示的对话框框。在Sellect ssound file中中可以输入动动态GIF所所采用的
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网站 动态 图片 制作 46278
限制150内