




已阅读5页,还剩3页未读, 继续免费阅读
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
GIFAnimator基础教程 创建醒目动画的三个快速步骤 GIF 动画与其它动画形式没有本质的区别。它是将两个或多个图片按一定的方式排列,从而产生运动效果。这中醒目的动画可以吸引注意力,将您的客户或访问者带到您想要他们去的地方。您可以用 GIF Animator,通过三个步骤来实现这个目的: 步骤 1:创建/选择图像(也叫,层面) 步骤 2:插入图像 步骤 3:优化您的动画在您完成下列教程后,您看到的结果是:步骤 1:创建/选择图像: 如果您有艺术天赋,那么请随意创建您的图像。如果您没有艺术天赋,那么可以用我在下面提供的几个青蛙图:您首先要将这些图像保存到一个您便于找到的文件夹中。如果您按查看的次序保存它们,可以使您在 GIF Animator 中的操作更方便。另外,按它们的次序来为它们命名也是有益的。(例如,frog1.gif、frog2.gif,等等)。在本例中,您可以从右边的一个青蛙开始。将它保存到文件夹中的方法: 右击图像。 选取图片另存为 创建一个文件夹或将它放入一个已有的文件夹内。 为它命名 (frog1) 在文件类型框中,应该显示 GIF (*.gif)。如果未显示,请单击下拉箭头,选取 GIF。 单击确定。对所有 5 个图像重复该步骤。步骤 2:插入图像:按图像在动画中出现的次序进行选取。在本例中,我们就按此次序 (如 Frog1、Frog2,等等)。您可以通过三个方法实现该操作: 单击层面 / 插入图像 单击标准工具栏上的插入图像按钮。 按 Insert 键在您插入了所有的图像之后,您可以在层面窗格中单独查看每个图像。用屏幕左边的方框。层面窗格上方有三个选项卡。单击这些选项卡,可以以不同的方式查看层面(请记住,这是图像的另一个名称)。如果您想在文档框中查看特定的层面,在层面窗格中单击它,它就可以显示出来了。(您还可以用编辑模式,来改变您的层面,但我们先不谈这些内容。)您的图像层面将按您希望的次序排列。现在,对您的动画进行优化吧. 步骤 3:优化您的动画:优化选项可以让您简单地将动画保存成更小的文件,而不损失图像质量。现在请试着保存您的动画。程序将问您是继续还是中止,请按中止。GIF Animator 让您了解您所创建的文件可以被优化。要实现该操作: 单击文档区上方的优化选项卡。 单击立刻优化按钮。保存动画,完成。您想看一下结果吗?请按文档区上方的预览选项卡。它看上去象此图吗?第一讲熟悉一下GIFAnimator 您的网站静静的放着展示,虽然有着很好的配色,有几幅漂亮的图片点缀着,但您是否总觉得差了一点点,总缺少那么一点的生气呢?其实只需要很短的时间和不需要什么金钱就可以使您的主页看起来更生动,更活泼,那就是为您的主页加上那么一两幅动画了。 而制作动画的途径是多种多样的,从简单的分格画面(每次一个画面)到复杂的形式,如Java、Shockwave、Flash跟QuickTime等制作的动画都可以,不过,你并不需要去了解太多太深入的这些东西,您只需要简单的GIF动画即可实现您的愿望。几幅简单的GIF动画不需要投资大量时间或是金钱,就能在网页上做出生动活泼的效果。而GIF动画更不需要辅助的应用软件、外挂程序或是什么ActiveX控制等等。有趣的动画GIF动画已经出现很长一段时间了,是从1989年GIF89a的规格问世开始,不过它是在浏览器支持之后,才有今天这么普及,普及到几乎应用至每一页面。制作GIF动画的工具林林总总,不过本人比较习惯用的是PhotoShop + Ulead Gif Animator,所以下面就以这两个软件来向大家介绍一下如何制作GIF动画。PhotoShop + Ulead Gif Animator第二讲GifAnimator界面 先让我们来简单介绍一下Ulead Gif Animator的界面吧,如下图。 1.这个部分可以选择动画的帧,您必须选择了动画的帧,然后才能进行操作;2.有四个选择项Web Browser Decides or Do Not Move or To Background Colour or To Previous State,用来选择每帧的各种属性来实现各种效果;3.Interlace是指隔行扫描效果,Transparent是指透明效果;4.这里填入的数字是每一帧Delay的时间; 5.Start Preview是预览GIF动画效果。而其他的选项就不在这里详细说明了(其实我也不大熟悉,嘻嘻),而另外一个比较有用的功能就是优化GIF动画了,具体操作是按热键F12或者您菜单跟着选择 ,这样如果您对GIF动画进行优化后会弹出一个窗口,如下图,很简单实用的功能。第三讲制作您的第一幅GIF动画作者:sina 文章来源: 点击数: 更新时间:2005-8-12 先举一个简单的例子让大家亲手制作一幅GIF动画吧,下面有两幅静态GIF,大家分别把鼠标移至图片上按右键选择把图片存在您硬盘中方便读取的目录中。 然后运行Ulead Gif Animator,在菜单中选择或者按快捷按纽,再弹出的文件菜单中选择刚刚另存的两幅图片再按。跟着按下图步骤选择参数。最后按菜单选择之后再选择选择目录存储就行了,虽然很简单,不过通过这个事例,相信您对这软件有了进一步了解吧?很简单的GIF第四讲将PSD引入成GIF动画 现在来讲讲如何在PhotoShop中制作好的PSD引入成GIF动画,首先你要先在PhotoShop中完成你所希望的动画,你可以把PhotoShop中的每一层当作是动画中的每一帧来看待。 PhotoShop的层用Gif Animator打开就变成每一帧然后运行Gif Animator,按热键Ctrl+Shift+O或按选择Open Video打开您已经完成的PSD文件,跟着再按上篇介绍的步骤处理,这样就轻易完成。第五讲注意事项 注意事项一个好的网站的结构以及信息的质和量都是非常重要的,如果一个网站不能从访问者的角度来考虑,不能符合访问者的需求,那么无论有着多么漂亮生动的GIF动画都是不能留住访问者的。所以下面说说做GIF动画时的一些注意事项,希望能帮助您建立一个漂亮生动的网站。 好看与实用相结合千万不要为了做动画而做动画,如果您页面的动画不能更好地与内容相结合,更好地说明您要强调的东西,那就不应该再加入动画,没有目的性的动画只会让观众眼花缭乱,迷失方向,要记得动画等辅助特效是为了网站内容而服务,网站的内容应该永远是摆放在第一位。还有就是注意,太多动画,太多无止境的循环很快就会让人感到厌烦。 考虑
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 工程建筑施工培训
- 四边形教材解读
- 职高九月班上工作总结
- 有机合成基础培训大纲
- 西点基础培训课件
- 云南省昭通市昭阳区苏家院乡中学2026届化学九上期中质量检测模拟试题含解析
- 江苏省南通市紫石中学2026届英语九上期末达标检测模拟试题含解析
- 山西简易轻钢房施工方案
- 铝挤压车间安全培训
- 2026届山东德州市武城县化学九年级第一学期期中考试试题含解析
- 国家自然科学基金申请讲座培训课件
- 会诊-联络精神病学-课件
- 市级科研课题智慧教育课题现场结题汇报PPT
- 教师资格证(高中英语)学科知识点归纳总结
- 入团考试试题及答案
- 2022注册安全工程师考试题库(含答案)
- 面瘫(面神经炎)课件
- 城市道路工程质量事故
- 铁路路基大维修规则
- 四年级上册数学 线段、直线、射线、角(同步练习)人教版 (无答案)
- 当前银担合作中存在的问题及对策研究
评论
0/150
提交评论