动态图片gif图片制作1 闪图制作.docx

1、动态图片gif图片制作1 闪图制作您位于：书籍教程下载首页软件操作使用教程电脑软件教程图形图像动画制作正文 Ulead GIF Animator 5试用纪实 上一主题:轻松动画制作-Gif Animator 下一主题:制作GIF动态图片：AniMagic Gif教程 现在，在网页上的动画多数是以GIF和FLASH的格式来呈现的，而这些中尤为以GIF格式的为多。相对FLASH来说，GIF格式图像文件的最大特点是小巧，因此，GIF仍然是Internet上应用最广泛的图像格式。Ulead GIF AnimatorXX一下软件11505588122175.html自从Ulead(友立)公司在1992年

2、发布Ulead GIF Animator 1.0以来，Ulead Gif Animator一直是制作GIF动画的工具中，功能最强大、操作使用最简单的动画制作软件之一。现在 又推出了更新更强的5.0版本。听闻这一消息，笔者立即下载试用了这个软件。下载后发现软件的个头相比以前已经大了，现在软件的大小是10m，安装后先读一下它的Readme文件，发现它的功能确实有很大增强。添加了更多的可以即时套用的特效只不用说，优化GIF动画图片的选项的添加和对该过程的控制更强当然是我们所希望的，最令人欣慰的是Ulead GIF Animator 5.0的导入和导出功能。导入的图象不止是单一的GIF，目前常见的图像

3、格式均能够被顺利的导入，影像文件的导入也有所增加，而导出功能可谓是一个重大的突破，除了能够导入的格式以外，它还能够导出MPEG、QuickTime和SWF格式的动画，令人兴奋吧，从此制作FLASH又多了一个选择。图一就是Ulead GIF Animator 5.0启动后的画面，不知道你注意到没有，在右下角有一个小框，无论我们怎么拖动，这个小框始终在我们的视线之内，这是因为我们我们下载的版本是15天试用版本，在每一次程序启动的时候都会提醒我们还有多少天可以使用，如果你需要得到无限制使用的Ulead GIF Animator 5.0，你需要去Ulead(友立)公司注册使用。图一：程序启动主界面启动

4、Ulead GIF Animator 5.0后，会弹出一个启动向导来引导我们制作GIF动画。他包含两个部分：新建栏和打开栏。在新建栏中包含有在使用动画向导创建图象和创建一个空白的动画文档。在打开栏中有打开已存在的图像、打开已存在的视频文件和打开示例文件。此外，还有一个选项，就是打开在线教学文档，这将连接到友立公司的网站上打开相关的页面。如果你觉得在下一次打开Ulead GIF Animator 5.0的时候，不需要启动向导的导引，你可以在下面的“Do not show this dialog box next time”前面打上勾关闭它。Ulead GIF Animator 5.0提供的动画向

5、导功能就是通过一个简单的对话框管理动画文件的每一幅图像，这大大加速了设计GIF动画的设计过程。我们在此选择使用动画向导创建图像，然后动画向导中的第一步是设置动画长度和宽度，第二步是选择文件，我们选择事先准备好的一组文件。在默认状态下，被选择的文件将按照文件名的先后次序排定在动画中的出现次序，可以拖动文件名调整出现次序。如图二所示：图二：动画向导选择文件接下来的一步是设置延迟时间，或者也可以设置帧的速率。然后，动画中的各个文件将会出现在程序下方的帧面板中(Frame Panel)。当我们在帧面板中点击某一个图像的缩略图的时候，我们可以在程序中间的工作区看到该图像的效果。最后，我们可以点击“Pre

6、view”标签预览动画。如果对动画的效果满意，现在就可以保存图像了，当然在保存之前，需要对动画进行优化。在动画设计过程中，如果帧数比较多，动画文件就可能会较大，不适合于在网络上传播，所以Ulead GIF Animator中提供了对动画进行优化的功能。我们可以在菜单中选择File(文件)-Optimization Wizard(优化向导)，从而在优化向导中对优化的参数进行设置。图三：优化向导图三中显示的是第一步，选择调色板。我们既可选择系统自带的10种调色板中的任意一种，也可以自定义调色板。调色板中的颜色越少文件越小，但效果越差。我们选择“Yes”，来自定义调色板，在出现的对话框中，设置GIF

7、格式的颜色数，并且在下面可以设置图像的抖动。点击“Advance”按钮可以对GIF优化引擎和使用的调色板进行设置。在新出现的对话框中选择是否要删除多余象素、注释块和标题。最后出现的一个总结性的窗口，将前面的选项汇集到一个对话框中，如果要重新定义一些参数，要点击“上一步”按钮，重新设定。如果对当前的设置满意，点击“完成”按钮。GIF Animator将对动画文件进行优化。向导完成后，显示一个GIF Optimization面版(如图四)，列出原文件大小、优化后文件大小、节省了多少字节、下载时间等参数，你可以选Another Try来重新设置优化向导，或预览、保存，也可以取消优化操作。图四：优化结

8、果毫无疑问，横幅(Banner)是网页设计时中不可获缺的一个重要元素，尤其是动态的横幅更可以使网页美丽动人。我们可以先创建一个空白的动画文档，然后在Frame菜单中选择Add Baner Text，在弹出的对话框中可以看到Ulead GIF Animator 5.0为设计者提供了多种效果，而且效果的设置方式相对于4.0版本有了很大改变，变得更加平易近人，易于设置。横幅关于Text的设置如图五所示，其中的阴影是通过右侧的Shadow来设置的，而字体的边框是由最后的Neon标签来设置的。横幅的设置中，最重要的一点就是横幅的效果设置，这其中又包括两个方面，Enter Scene(转入)和Exit S

9、cene(转出)，我们可以设置不要其中一个场景，而保留另一个场景，但是不可以两个场景都不要。对应于场景的转入和转出，软件提供了13种效果，你可以任意选择其中一种，然后可以点击左下角的Start Preview来查看效果，如果觉得满意，就可以点击“OK”将这个效果保留到场景中去了。图五：横幅的效果设置Video F/X项目是Ulead的动画效果滤镜，内置的许多动画效果都很有趣。打开其中的一个缩放动画效果滤镜如图六，所有的设置都是实时的，很方便。这些动画效果有：图六：缩放动画效果滤镜Gate-3D(3D过渡)，Diagonal-Build(倾斜过渡)，Sweep Clock(时钟式过渡)，Diam

10、ond A-F/X(菱形动画)、Iris-F/X(彩虹动画)、Mosaic-F/X(马赛克动画)、Power Off-F/X(关机动画)，Flap B-Film(分割倾斜翻页)、Progressive Film(前进式翻页)、Turn Page-Film(整页翻页)，Turn Page-Peel(整页翻页剥落)，Run and Stop Push(移动到停止间的推动)，Side Roll(整面翻转)，Bar-Slide(条状滑动)，Cross Zoom-Stretch(交叉缩放拉伸)，Star Wipe(星形擦除)，Crop(修剪效果)，Color Raplaced(颜色替换)、Color S

11、hifted(颜色交替)、Gradient(倾斜效果)，Mirror(镜象效果)、Zoom Motion(缩放动作效果)，Hue & Saturation(色调饱和)，Charcoal(木炭效果)、Color Pen(颜色笔效果)，Add Noise(噪音效果)、Wind(风的效果)。图七：保存为FLASH然后，你可以进行优化，最后，我们选择保存，Ulead GIF Animator 5.0能够保存成为时下最流行的Flash文件，方便你在网页中的调用。而且你在选择保存成SWF的时候，还可以选择图像的质量是BMP，还是JPEG格式。怎么样，心动了吧，还不赶快去下载一个试试看！随着Internet

12、的飞速发展，GIF动画作为一种压缩比非常高的无损压缩图像格式逐渐被泛的使用，GIF动画的制作工具也就因此成了很多人关心的问题。常用的GIF制作工具有很多，如Animagic GIF、GIF Movie Gear 、GIF Animator、Gif Constructor、CoffeeCup、GIF Animator等等。下面我们就讲一讲怎样用Animagic GIF来制作GIF动画文件。Animagic GIF是一个共享软件，我们可以下载它的试用版。要制作GIF动画，我们首先要知道GIF动画是怎么动起来的。GIF动画其实也和电影一样，是由一幅一幅的静止的画面按顺序连续显示的结果。所以，我们制作

13、GIF动画也要先把每一幅静止的画面都做好，再把它们按照一定的规则连起来。这里的每一幅静止画面就叫做一帧。 静止的画面我们一般都是在一些图形图像工具软件中制作，如Photoshop、CorelDraw、Painter等等，在Animagic GIF中我们要完成的是把这些静止的画面按顺序放在一起，并加入一些对每幅画面的停顿时间等项的控制。从“开始”菜单中打开AnimagicGIF。 AnimagicGIF的界面是一个很典型的Windows窗口，上面是菜单和工具栏，下面是工作区，在工作区中还有一个叫“Frame List”的小窗 口，这个小窗口用来显示当前正在编辑的GIF动画的帧的列表。AniMag

14、if 主窗口导入帧 要制作一个GIF文件，首先要点一下“File”菜单下的“New”命令或按下按钮新建一个文件。由于我们刚打开AniMagic GIF，所以己经建好一个新文件了。建好一个文件后还要把己经用其它软件做好的静止画面导入进来，点一下“File”菜单，从中选择“Append frames”项，这时，AniMagicGIF会弹出一个“打开”对话框，我们就在这里选中己经做好的帧，再点“打开”按钮，现在窗口的工作区中己经出现了我导入的画面，并且在“Append frames”窗口中也显示出了各个帧的列表，从这里我们也可以看到，这个GIF动画共由32帧静止的画面组成。“File”菜单条导入帧后

15、的窗口 用鼠标单击列表中的各帧的名字，可以查看各帧。在前面的多媒体部分我们讲过GIF文件是一种256 色的图形文件格式，因此，在导入各帧之后，屏幕上还出现了一个“Palette Window”，这个窗口中显示着当前显示的这一帧所用的调色板。播放动画把帧的画面导入后，这些帧就己经构成一个动画了。这时我们可以点工具栏上的这个“Play”按钮，它们就会动起来。 导入帧后的窗口画面设置帧率虽然现在这个GIF己经可以动了，但我们可以看到，在这种默认的状态下，它动的太慢，如果能让它们动的快一点，应该会好看一点。没有问题的，Animagic GIF可以为我们做到这一点。用鼠标点一下工具栏上的这个“Frame

16、 rate”按钮，这就是Animagic GIF的帧率（Frame rate）控制窗口。在这里，我们可以控制动画的每一帧的显示时间。上面的“All Frames”用来设置所有帧的显示时间，单位是毫秒，现在这里的默认值是300毫秒，我们把它改慢一点，填上80毫秒试试，点“OK”。这次的播放速度就比刚才快多。设置帧率窗口画面我们不仅可以控制各个帧的统一显示时间，还可以为某一帧或几帧单独指定其显示时间。再点一下“Frame rate”打开帧率窗口，下面的“Selected Frames”是被选中的帧的重复显示次数，而每次显示的时间就是上面我们选择的80毫秒。先在右面的列表框中选中要改变显示次数的帧，

17、例如，我们可以选中第三帧。再在“Repeat”中选择这些帧要显示的次数。例如，我们输入3，点“OK”。这样，这个GIF动画在播放第三这两帧时会显示803=240毫秒，而其它的帧都只显示80毫秒。设置帧的显示次数的窗口画面设置显示帧率为300时的效果设置显示帧率为80时的效果修改某帧的显示时间后的效果设置透明色 GIF文件的一个最大的特点之一就是它支持透明色，也就是说，我们可以把某一种颜色置为透明色，这样，在GIF动画中，凡是出现这种颜色的地方都会变成透明的。这个功经常用在主页制作当中，使一张GIF图浮于一张背景图上面，而不完全遮盖它。设置透明效果前的窗口 设置透明效果后的窗口 在Animagi

18、c GIF中制作透明GIF也非常简单。用鼠标点一下工具栏上的“Transparent color”按钮，这时，鼠标会变成一个吸管，用这个吸管点一下想设置为透明的颜色。这个颜色可以直接在GIF的图在选取，也可以在调色板窗口的颜色块中选取。选好透明色后，这种颜色在GIF图中就消失了。 设置透明效果前的动画设置透明效果后的动画保存文件 做好一个GIF动画后，可以使用“Save”命令把它保存起来。点一下工具栏上的“Save” 按钮，在“另存为”对话框中指定好保存文件的目录和文件名，点“保存”按钮，文件就保好了。我们把刚才做的那个透明GIF文件放在主页中看一看效果，怎么样，还不错吧！ 设置透明效果后的窗

19、口设置透明效果后的动画循环次数 刚才我们做的那个GIF动画是一个无限循环的，我们也可以为GIF动画指定循环播放 的次数。再回到AnimagicGIF的窗口中，点一下“Animation”菜单下的“Loop count”项， 在“Loop iteration count”窗口中系统默认的是“Infinite loop”，无限循环。下面的“Stop after” 栏是指定循环次数的，我们改成“1”次，点“OK”。再点一下工具栏上的“Play”按钮，这回动画只播放一次就停了。 循环次数设置窗口刷新模式 在播放透明GIF时，有时会遇到这种情况，前面的帧播放完后没有恢复成底色，当下帧播放时还可以看到前一

20、帧留下的痕迹。帧菜单 刷新模式设置窗口我们保存一下这个文件，再打开一个文件看看。 播放一下这个动画，你会看到，它的每一帧在播放完后都会留在屏幕上，很难看。Animagic GIF也可以解决这个问题，点一下“Frames”菜单下的“Set restore method”项，先在弹出窗口右面的列表框中选中所有的帧，再从左边的“Restore method”中选择“Restore to background”就可以了（见上图）。点“OK”后就成了。再播放以下动画，看看效果如何。 未设置恢复模式的动画效果设置恢复模式后的动画效果删除、复制、添加帧 在AnimagicGIF中，我们也可以像在其它编辑软件

21、中一样对选定的帧进行删除、复制和添加等操作。 要删除某一帧，只要先选中这一帧，再点一下“Edit”菜单中的“Delete”项，这一帧就被删除了。复制帧和其它软件中是相同的，先选中要复制的帧，再点一下工具栏上的“Copy”按 钮，然后再用鼠标在帧列表中点一下要插入帧的位置，再点一下“Paste”按钮，这一帧就复制到插入点前面了。有时我们会需要向GIF文件中添加一个新的帧，这也很方便。先选择好要插入新帧的位置，然后点一下“File”菜单中的“Insert frames”，在“打开”对话框中选择要插入的帧，再点“打开”就行了。特殊效果 AnimagicGIF不仅可以将单帧的画面做成GIF动画，它还可

22、以为我们生成各种复杂的动画效果，比如我们为这个动画做一个“淡入”的效果。我们再打开前面的那个动画。首先选好要淡入的那一帧，再点一下“Effects”菜单下的“Fade in”，在“Effects dialog”对话框中，上面的“Effect”栏可以选择想要“淡入”还是 “淡出”，我们就用默认的“淡入（Fade in）”，“Number of new frames to insert”中填入要为淡入效果创建的新帧，我们就用5，“Milliseconds per frame”是新帧的显示时间，我们不用管它，“Solid color”中设置淡入帧的调色板和起始帧颜色，我们点一下“Select RGB

23、 value”， 从调色板中选择白色，即从白色开始淡入效果。选好后点一下“OK”。现在我们可以看到在 帧列表中己经多了5帧淡入的画面，播放一下看看效果，怎么样，不错吧？设置淡如效果后的动画在“Effects”菜单下还提供了另外几种特殊效果，使用方法差不多，这里我们就不一一讲了。拆分GIF动画 最后我们再说一说Animagic GIF的另一个功能，拆分GIF文件。AnimagicGIF不仅可以单帧的画面连成动画GIF，它也可以把一个动画GIF文件拆分成单帧的画面，这也是我们很常用的一项功能。先用AnimagicGIF 打开一个GIF动画，点一下“File”菜单中的“Save frames”，在“

24、另存为”窗口中指定一个目录和文件名，点“保存”。打开资源管理器，找到指定的那个目录，看，那个GIF动画的每一帧都己经按顺序保存在这里了。 CoffeeCup Gif Animator是一款由CoffeeCup软件公司开发的动画制作软件，就像它的公司名称一样：咖啡一杯好悠闲啊！用起来真的感到很轻松的。不信你试试！其主要功能是：利用图片库轻松制作GIF格式动画；轻松制作带有html语法格式的网页Flash动画。CoffeeCup Gif AnimatorXX一下软件11505584442170.html图1在每次启动时，未注册版本需按下“Start Animator”即启动进入操作界面。退出系统时

25、，按下“Close Window”才会完全退出。启动执行文件Animator6.exe后，界面底部是入选图片显示区，右侧浮在上面的小窗口是动画帧特性框(图1)。下面通过实例来讲解其两大功能的实现。制作GIF格式动画点击主选单FileNew或直接在功能按钮处点击新建，立即弹出动画制作引导程序。这里，可以选择动画图片的大小：可以是第一幅图片的尺寸(Use the size of the first image in the animation )，也可以自定义尺寸(Custom size)，建议选择后者。你可以直接输入尺寸的大小值，该值的大小是显示器分辨率的数值。Next到下一步是选择动画在页面中

26、的位置，你可以选择靠页的中间(Center in the frame),无需选中填充到整个窗口(Scale fames to fit)，只有这样动画出现在页面上时，才能保持原有的分辨率。再下一步是选择动画的循环次数和每页播放时间，一般都选择循环(否则就是死画)，所以选中Yes，并且在“how long would you like each frame to be displayed”下面的空白处填上你希望每幅画面停留的时间(1秒=100)，这一步在后面还可以调整。接下来进入图片选择编辑画面。点击Add image，在你的文件夹中选择需要的图片，一次一张加入图片清单中，每张图片在动画效果文件里

27、就是一帧。这些图片可以来自不同的路径，也可以是不同格式的图片，尺寸上最好一致，以免图像变形。选完以后再Next，在软件平台主体区即显示第一张图片，底部则出现一组图片，并且每帧图片上均方便地显示了尺寸和停留时间，便于后期编辑。然后通过点击快捷功能按钮的小软盘来保存为GIF格式动画文件，这就完成啦。再用超级图片观察器ACDSee看看效果如何吧！这种GIF格式的好处是可以直接以图片方式安插在网页的任何地方。制作网页SWF动画首先准备图片库，一般要求是：图片不要超过16k，尺寸一致，格式不限。每帧图片的选取过程与制作GIF动画相同。保存时，选取图片文件格式为SWF即可。到这一步只是完成了用于Flash

28、播放的动画制作，但要应用于网页，还要做以下工作。首先获取网页编辑所需要的html源码，可以通过点击快捷功能钮中的浏览器按钮获得，将其中间的内容(见图2)剪贴到网页的合适位置就可以了。注意：该源码中your_ # target=_blankflash3#_movie.swf文件名就是你的网站在相同目录下SWF格式的动画文件。图2可以直接弹出新窗口的方式来播放SWF格式的Flash动画文件，你需要在IE浏览器中安装Flash5.0插件才能播放。由于Netscape Navigator 4.0以上版本的软件内核支持Flash动画，所以使用该类浏览器的朋友可以无需担心，能够直接播放。图3如果需要增加/删除图片或调整图片的播放顺序，选中某一张图片，通过点击图3中左右箭头按钮来调整该帧图片的播放顺序；点击左边第2个按钮删除这张图片；点击左边第1个按钮则增加一帧新图片。