学做动态图片各种技巧

其他技巧

【教程一】学做GIF 动态文字

1、首先运行Ulead GIF Animator,然后“文件”——“新建”——定好尺寸大小,并选择“完全透明”——确定,如图:

2、点工具面板上的“文本工具”,如图:

3、在画布上点鼠标,就跳出一个“文本条目框”,如图:

4、在文字框中输入你要写的文字,写完后可调整字体、颜色、字号,如图:

5、点“确定”后,画布上就会出现你刚才输进去的一行字。选中这行字,点右键,出现“文本”——“霓虹”,可以选择将字制作成霓虹效果。如图:

6、再选中这行字,点右键,出现“文本”——“拆分文本”,刚才的一行字就被拆成一个一个字的了。如图:

7

、下一步就很重要了。当拆分文本后,右边的“对象管理器面板”就会出现9个眼睛图标。从下往上,先点“欢”旁边的眼睛,其余不选眼睛,然后按“帧面板”的“相同帧”图标,如图:

8、当出现第2帧时,将“欢”和“迎”的眼睛都点上,其余不点,如图:9、依此类推,选择“相同帧”,出现第3帧,点“欢”、“迎”、“光”三个字的眼睛,其余不点……这样一直做到第9帧,第9帧要每个字的眼睛都点上才对。如图:14、10、预览,查看效果。你还可以根据个人喜好,调整“画面的属性”,延迟或缩短时间。如图:

11、“文件”——另存为——“GIF ”文件——完成。

【教程二】跳跃字

1. 打开一张图

2. 点击文本工具“T”(左边第一排第二个)并在图上按一下,出现“文本条目框”

3. 选择汉字输入法------选择汉字字体、大小、颜色,输入第一个字:“你”------确定。可以看到多出了一层,这一层就叫“你”。把字拖到合适的位置。

4. 再在图上按一下,“文本条目框”,再次按第三步操作一次,这次输入第二个字:“好”

5. 再在图上按一下,“文本条目框”,再次按第三步操作一次,这次输入第三个字:“吗”

6. 把三个字排列整齐,可以看到现在有四层,分别叫做:图、你、好、吗

7. 按“添加帧”三次,添加后是空白的,把四个层都点上眼睛。这样有四个看上去一模一

样的帧。

8. 选择第二帧,在“你”这一层上点一下,层变成蓝色,把“你”字垂直往上移动一点。(别移得太大)

9. 再选择第三帧,在“好”这一层上点一下,层变成蓝色,把“好”字垂直往上移动一点。

10. 再选择第四帧,在“吗”这一层上点一下,层变成蓝色,把“吗”字垂直往上移动一点。

11. 第一帧延迟设置为30 其他三帧设置为10

12. 另存为

【教程三】下雨效果

1. 打开一张图,按添加帧再添加3帧

2. 选中第一帧、编辑-----复制----选中第二帧----粘贴----选第三帧----粘贴....... 直到第四帧----粘贴

3. 选择画笔工具按图示选择

4. 从第一帧开始到最后一帧画长短、位置不一的直线。

5. 把时间延迟设置为10

【教程四】屏幕移动效果

1. 新建一个文件 宽200 高140

2. 添加图像

3. 添加帧并把眼睛点上,稍稍移动一下图。

4. 重复3步骤二次

5. 选中第一帧,按住shift 键,在第四帧上点一下,(四帧全选中)右击----画面属性,廷迟时间改为30

6. 点第一帧,点“之间”按钮,如图设置

7. 点第七帧,开始帧改为7 结束帧改为8

8. 点第十三帧,开始帧改为13 结束帧改为14

9. 第一至第十九帧全部选中,右击选择“相同的帧”,再次右击,选“反向帧顺序”。点中“选定帧相反顺序”---确定

10. 预览-----另存为

作业:

关于LOGO 的制作

最简单的LOGO

1. 打开一张图,设置为宽88 高31

2. 在上面输入文字,采用前面讲过的 UA5 的文字方法:渐入、渐出、跳跃字、闪动字、垂直合并、水平合并等等方法。

3. 加上图形变化,比如:翻页、扩张等等方法。

4. 另存为

对于字体最好采用端正一点的字体。以便清楚看到。

想要变化一些的LOGO

可以在上面的基本上再采用UA5 的线条划过效果等。

还可以导入一些小图:小星、圆圈、方点、小树叶并在各帧移动~

其他综合实例

1. 座右铭制作

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

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

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

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

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,出现如下图所示画面,进行有关文字的美化工作。

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

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

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

用 Windows 视频文件,如 A VI ,或 Quicktime 影片,如 MOV ,是快速制作极酷动画的最轻松方法(如果不加修饰,它看上去和原始视频一样) 。但是,大多数视频文件都很大,

在 GIF Animator 中打开整个视频会影响效率。幸运的是,GIF Animator 带有一个内置的解决该问题的功能 ,可以选取并只打开视频中某个特定的部分。以下讲述了该操作的步骤。

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

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

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

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

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

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

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

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

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

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,启动优化向导。

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

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

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

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

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

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

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

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

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

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

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新建一个帧。

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

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

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

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

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

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

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

9. 朦胧就是美

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

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

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

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

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

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

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

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

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

其他技巧

【教程一】学做GIF 动态文字

1、首先运行Ulead GIF Animator,然后“文件”——“新建”——定好尺寸大小,并选择“完全透明”——确定,如图:

2、点工具面板上的“文本工具”,如图:

3、在画布上点鼠标,就跳出一个“文本条目框”,如图:

4、在文字框中输入你要写的文字,写完后可调整字体、颜色、字号,如图:

5、点“确定”后,画布上就会出现你刚才输进去的一行字。选中这行字,点右键,出现“文本”——“霓虹”,可以选择将字制作成霓虹效果。如图:

6、再选中这行字,点右键,出现“文本”——“拆分文本”,刚才的一行字就被拆成一个一个字的了。如图:

7

、下一步就很重要了。当拆分文本后,右边的“对象管理器面板”就会出现9个眼睛图标。从下往上,先点“欢”旁边的眼睛,其余不选眼睛,然后按“帧面板”的“相同帧”图标,如图:

8、当出现第2帧时,将“欢”和“迎”的眼睛都点上,其余不点,如图:9、依此类推,选择“相同帧”,出现第3帧,点“欢”、“迎”、“光”三个字的眼睛,其余不点……这样一直做到第9帧,第9帧要每个字的眼睛都点上才对。如图:14、10、预览,查看效果。你还可以根据个人喜好,调整“画面的属性”,延迟或缩短时间。如图:

11、“文件”——另存为——“GIF ”文件——完成。

【教程二】跳跃字

1. 打开一张图

2. 点击文本工具“T”(左边第一排第二个)并在图上按一下,出现“文本条目框”

3. 选择汉字输入法------选择汉字字体、大小、颜色,输入第一个字:“你”------确定。可以看到多出了一层,这一层就叫“你”。把字拖到合适的位置。

4. 再在图上按一下,“文本条目框”,再次按第三步操作一次,这次输入第二个字:“好”

5. 再在图上按一下,“文本条目框”,再次按第三步操作一次,这次输入第三个字:“吗”

6. 把三个字排列整齐,可以看到现在有四层,分别叫做:图、你、好、吗

7. 按“添加帧”三次,添加后是空白的,把四个层都点上眼睛。这样有四个看上去一模一

样的帧。

8. 选择第二帧,在“你”这一层上点一下,层变成蓝色,把“你”字垂直往上移动一点。(别移得太大)

9. 再选择第三帧,在“好”这一层上点一下,层变成蓝色,把“好”字垂直往上移动一点。

10. 再选择第四帧,在“吗”这一层上点一下,层变成蓝色,把“吗”字垂直往上移动一点。

11. 第一帧延迟设置为30 其他三帧设置为10

12. 另存为

【教程三】下雨效果

1. 打开一张图,按添加帧再添加3帧

2. 选中第一帧、编辑-----复制----选中第二帧----粘贴----选第三帧----粘贴....... 直到第四帧----粘贴

3. 选择画笔工具按图示选择

4. 从第一帧开始到最后一帧画长短、位置不一的直线。

5. 把时间延迟设置为10

【教程四】屏幕移动效果

1. 新建一个文件 宽200 高140

2. 添加图像

3. 添加帧并把眼睛点上,稍稍移动一下图。

4. 重复3步骤二次

5. 选中第一帧,按住shift 键,在第四帧上点一下,(四帧全选中)右击----画面属性,廷迟时间改为30

6. 点第一帧,点“之间”按钮,如图设置

7. 点第七帧,开始帧改为7 结束帧改为8

8. 点第十三帧,开始帧改为13 结束帧改为14

9. 第一至第十九帧全部选中,右击选择“相同的帧”,再次右击,选“反向帧顺序”。点中“选定帧相反顺序”---确定

10. 预览-----另存为

作业:

关于LOGO 的制作

最简单的LOGO

1. 打开一张图,设置为宽88 高31

2. 在上面输入文字,采用前面讲过的 UA5 的文字方法:渐入、渐出、跳跃字、闪动字、垂直合并、水平合并等等方法。

3. 加上图形变化,比如:翻页、扩张等等方法。

4. 另存为

对于字体最好采用端正一点的字体。以便清楚看到。

想要变化一些的LOGO

可以在上面的基本上再采用UA5 的线条划过效果等。

还可以导入一些小图:小星、圆圈、方点、小树叶并在各帧移动~

其他综合实例

1. 座右铭制作

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

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

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

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

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,出现如下图所示画面,进行有关文字的美化工作。

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

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

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

用 Windows 视频文件,如 A VI ,或 Quicktime 影片,如 MOV ,是快速制作极酷动画的最轻松方法(如果不加修饰,它看上去和原始视频一样) 。但是,大多数视频文件都很大,

在 GIF Animator 中打开整个视频会影响效率。幸运的是,GIF Animator 带有一个内置的解决该问题的功能 ,可以选取并只打开视频中某个特定的部分。以下讲述了该操作的步骤。

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

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

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

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

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

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

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

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

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

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,启动优化向导。

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

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

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

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

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

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

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

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

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

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

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新建一个帧。

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

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

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

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

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

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

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

9. 朦胧就是美

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

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

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

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

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

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

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

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

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


相关文章

  • Flash,Flash加载外部文件的各种方法与技巧
  • Flash加载外部文件的各种方法与技巧 Flash可以通过帧.按扭.影片剪辑来调用外部文件.调用的外部文件包括:外部文本文件.外部程序文件.外部*.swf文件.外部图片文件.外部音乐文件.外部脚本文件等. 现在我们将Flash加载外部文件的 ...查看


  • 沪教版五年级下册教案
  • 单元主题:第一单元 城乡美景 课题名称:第1课 水乡的桥 课题名称:第2课 现代的桥 课题名称:第3课 漂亮的小船 单元主题:第二单元 亲近自然 课题名称:第4课 园林小亭 课题名称:第5课 晨练的人们 单元主题:第三单元 感受城市生活 课 ...查看


  • 摄像实验报告 1
  • 江 西 科 技 师 范 学 院 实 验 报 告 课 程 摄影技术与技巧 院 系 班 级 学 号 姓 名 报 告 规 格 一.实验目的 四.实验方法及步骤 二.实验原理 五.实验记录及数据处理 三.实验仪器 六.误差分析及问题讨论 目 录 1 ...查看


  • 老舍散文集
  • 作家简介:         老舍(1899年2月3日-1966年8月24日),原名舒庆春,另有笔名絜青.鸿来.非我等,字舍予. 中国现代小说家.著名作家,杰出的语言大师.人民艺术家,新中国第一位获得"人民艺术家"称号的作 ...查看


  • 毕淑敏散文集
  • 毕淑敏,1952年10月出生,国家一级作家. 点击下列目录进入阅读 毕淑敏散文集:青虫之爱 毕淑敏散文集:柔和 毕淑敏散文集:爱怕什么 毕淑敏散文集:那个搭车的青年 毕淑敏散文集:离太阳最近的树 毕淑敏散文集:附耳细说 毕淑敏散文集:天使和 ...查看


  • 幼儿快乐学习汉字的技巧和方法探讨
  • 摘要:认识汉字是幼儿教学过程中的重中之重,新课程标准明确规定:在第一学段的阶段目标是学生要认识常用汉字1600-1800个,其中800-1000个会写.这就表明了识字与写字学习在幼儿学习过程中的地位十分重要.而幼儿好动.爱玩.情绪化的特点就 ...查看


  • 百万粉丝关注的正能量微信
  • 导语:要成功学习很重要,但学什么更重要:在这里强烈推荐人生当中最值得大家关注学习的8大公众微信号:亲们,赶紧拿起手机扫一扫关注起来吧!  如何快速关注好微信号:在绿色的"微信号"文字上长按,复制在 通讯录--添加好友 中 ...查看


  • 几何画板高级技巧
  • 几何画板经验集 1. 要使设置的线型.颜色.字体只对当前的对象有效,只需事先按住Shist选择,再打开[显示]菜单 的相应选项即可.例如:如果不按住Shift而把线段设置成虚线,那么以后再画线都将成为虚线. 2.按住Shift单击[编辑]菜 ...查看


  • 第9课可爱的班集体
  • 第9课 可爱的班集体 教学目标: 1.学习纸版画儿童头像的制作方法,了解集体创作巨幅纸版画的方式和构图知识:学到一些制作装饰物.美化环境的知识与方法. 2.促进手脑并用,提高审美创造力和动手实践的能力. 3.增进师生感情和集体荣誉感,感受集 ...查看


热门内容