GIF动画制作

来源:百度文库 编辑:神马文学网 时间:2024/04/24 09:49:29
GIF动画制作 发表日期:2009-9-6 10:08:00 出处:网络 作者:未知 发布人:lgqxxy 已被访问 5916     GIF动画是在网上最早兴起的,由于它的使用有极大灵活性,现在还有一定的生命力。晴天发的张先生个性集引起了网友很大兴趣,也想制作小动画试试。恰巧我正准备为老续的关于用Flash制作 GIF动画彩色失真问题,写一下GIF动画制作,现在就发到论坛中让大家都试试看吧。

    如果要做 GIF 动画,Flash的功能不如 Photoshop 能保持色彩失真较小。你可把 flash里制作的动画导出成几幅图像,然后用其他软件制作成 GIF 文件。

    制作GIF的软件很多,我不打算让大家再装新软件。如果你安装的Photoshop 是6.0 以上版本,里面带的一个ImageReady 软件就可以做 GIF 动画。如果是5.5 以前的版本中没有这个附件。使用ImageReady的好处是不用安装新软件,再者大家对Photoshop的操作都很熟悉,比学习新软件更容易学。

    在打开电脑菜单时,“Adobe” 下的 “Photoshop”项有两个下级菜单,一个是“Adobe Photoshop”,还有一个是“Adobe ImageReady”,选择该项就可打开动画编辑版面。

    启动 photoshop 后,在“文件”菜单下选择“跳转——ImageReady”即进入动画编辑版面。

    启动“Adobe ImageReady”后,屏幕界面如下图:

    下面制作一个最简单的女孩眨眼的动画来试一下“ImageReady”。
选择菜单命令“文件——新建”,在弹出对话框中输入“宽度 200 ,高度 160”(这是我这个画的尺寸),背景色选择“透明”,建立一个空文件。
    打开小女孩的图片,选择菜单命令“图像——图像大小”,在弹出对话框中输入“宽度 200 ,高度 160”。

    用左上角的方框选择工具选中小女孩,按键盘上的“Ctrl+C”复制,关闭小女孩图片,在空文件上按“Ctrl+V”键粘贴,连按两次,把粘贴的两个层图像完全对齐。
在“图层”面板中选中“图层2”,在工具栏选择“画笔”工具,画笔“硬度”选择最小,用与面部相同的颜色将眼涂改。

    好了,现要我们看到该文件有两个层,第一层是睁着眼的,第二层是闭眼的。

    点击一下“复制帧”按钮,可看到下面动画栏中有了第2帧。

    选择第1帧,在右边“图层”面板中点击第2层的“可视性”标记,那个“眼”形图标消失,第2层变成不可见。

    再在动画栏选择第2帧,在右边“图层”面板中点击第1层的“可视性”标记,那个“眼”形图标消失,第1层变成不可见。

    在动画栏点击第1帧下面的“时间”选择三角形,拉出框中选择“1秒”,拉开第2帧“时间”选择框,选择“0.1秒”。

    选择菜单命令“文件——存储优化结果”,在弹出的对话框中选择好保存目录,输入文件名字,点击“保存”就可看到你制作的动画了。

    上面这个动画是两幅图像交替显示的,如果你用更多的图像交替,就粘贴上更多的“层”,复制出更多的“帧”,每个“帧”中设置好要显示的“层”和不显示的“层”,那就看你的创意了。

    下面再试一个渐隐过渡的动画。
    建立一个新文件,粘贴上两个层两个图像,然后“复制”一帧。
选择第1帧,点击下面的“帧过渡”按钮,在弹出的参数设置对话框中,最下行设置好过渡帧数,如下图中我设置为“3”,确定后总帧数就变成了5帧。


    将第1帧和最后帧时间设置为“1秒”,中间帧设置为“0.5秒”,“存储优化结果”后就成了下面的动画。


    前面试了用“ImageReady”制作动画,下面我们看如何使用“ImageReady”修改“GIF”格式动画。

    在网上我们发现GIF格式动画很多,有些我们拿来修改一下自己用也很有趣。有些动画我们可以改一下文字适合自己的需要,有些有背景的我们需要去掉背景,还有些我们可能只需要用动画中的一部分,还有些我们可以改动作的快慢,这些都可以由“ImageReady”来完成。下面我们看这一个动画:
    把文字改一下向朋友献花很不错呀!启动“ImageReady”,选择菜单“文件——打开”,打开该文件后可以看到下面动画区里有两个“帧”,右边图层面板中也有两个“层”,如下图:

    在右边图层面板中选择第一层,在下面动画区选中第一帧,将图片下部的英文字符用“橡皮”工具擦掉,或者用套索套住后删除。然后再选择T形文字工具,打上所需要的文字。有Ph操作经验的都知道,打字后会自动添加一个层,文字在新层上,图层面板如下图:

    这时我们要确定文字层为当前被选中层时,选择菜单“图层——向下合并图层”注意一定不要勿略“向下”二字,如果你选择了“合并图层”可就坏了。这时可以看到文字层和最下第一层合并一起了。
    然后再在右边图层面板中选择第二层(上层),同时点击第一层的“可视性”标记,使那个“眼”形图标消失,在下面动画区选中第二帧,再打上第二帧的文字,再把文字层和第二层合并。
    最后设置在第一帧时,让图层二不可视,在第二帧时,让图层一不可视。再在“文件”菜单中选择“将优化结果存储为”命令,输入文件名字存储成一个新的动画。注意和上次不一样,上次试验是建立一个新文件,选择“存储优化结果”,这次是打开的动画文件,必需另存才行,选择“将优化结果存储为”命令,看动画文件就改好了。

    以上为了便于叙述,是以两帧动画为例子,如果动画有很多帧,注意在层面板中也有很多层,每层如何设置,你慢慢研究吧