现在只要您上网一看,就会发现许多网页中都放置了一些GIF动画,这些动态显示的图片不仅吸引了浏览者的注意力,而且也给原本较呆板的画面增加了不少生机。您是不是也想在自己的网页中加入一张这样的动画图片呢?其实制作GIF动画的工具软件很多,象Ulead公司的Gif Animator知明度就很高,颇受青睐。下面我以一个实例,具体讲述用Gif Animator 1.5制作一张GIF动画图片的过程。
(本文出自博然影视站www.bo-ran.com) ^h2+"" (本文出自博然影视站www.bo-ran.com)jT$J~M pHh 一、 计划及准备工作
(本文出自博然影视站www.bo-ran.com) R*2N\2 (本文出自博然影视站www.bo-ran.com)hZ452W 在这个实例中,完成后的动画应有如下效果:画面首先显示一幅“创一流产品”的图片,随后,第二张图片慢慢地从左至右显示出来并覆盖第一张图片,其图片的内容是“征万里市场”,当第二张图片显示完成后,第三张图片以立方体效果的方式从底部翻转出来,上面显示有我们厂的地址、电话号码及传真等。在准备工作方面我们要做的就是三张静态图片,我们可以用WINDOWS中的“画图”或专业图象软件制作处理,图片的大小及修饰依您网页的实际情况而定。图片存盘时,将其存为.gif或.jpg格式。
(本文出自博然影视站www.bo-ran.com)RV_I&HD! (本文出自博然影视站www.bo-ran.com)<=GZm}/]N 二、 动画制作过程
(本文出自博然影视站www.bo-ran.com)*cCx]C.~ (本文出自博然影视站www.bo-ran.com)X,aRL6>r 1. 启动Gif Animator后,出现如工作画面。点击属性工具栏中的Automatic项,使之不被选中,这样我们可根据自己制作静态图片的大小来定义GIF动画的尺寸。在Background项中可定义背景色,你可以选择自己喜欢的一种。Looping项是定义动画循环次数,默认值为无数次。
(本文出自博然影视站www.bo-ran.com)aT Izf qCM (本文出自博然影视站www.bo-ran.com)L~{(9J'( 2. 执行Layer/Add Images命令,调入制作好的第一张图片。用相同的方法分别调入第二张和第三张图片。如果我们此时不作处理,将文件存盘即可得到最简单动画,即三张图片来回切换显示。
(本文出自博然影视站www.bo-ran.com)"5<! (本文出自博然影视站www.bo-ran.com)Qt {){uE 3. 用鼠标选中左边窗口中第一张图片的文件名,执行Layer/Add Transition Effect命令,出现Add Transition Effect设置窗口。在Transition中将转变设为Wipe(To The Right),也可选别的项目以得到其它效果。将Quality(Frames)项设为Best,将延续设为4秒后按下OK钮。
(本文出自博然影视站www.bo-ran.com)- K?lhu (本文出自博然影视站www.bo-ran.com)au+Jz_$) 4. 用鼠标选中左边窗口中第二张图片的文件名,执行Layer/Add Cube Effect命令,出现Add CubeEffect设置窗口。其中Direction项定义了画面翻转的方向,我们选Form Bottom To Top,Frames值定义了从第二张图片翻转至第三张图片之间有多少帧画面,Delay为延续时间值,这两项我们不用修改,其余的地方均可不与理会,按下OK即可。
(本文出自博然影视站www.bo-ran.com)|yO%w# (本文出自博然影视站www.bo-ran.com)\P+^BG! 5. 以上步骤完成后,你就可以按下标准工具栏上的Start Preview按钮预览您的作品了,或许效果你并不一定满意,但现在你完全可以自行控制,修改设置以获得理想的效果。
(本文出自博然影视站www.bo-ran.com)B-w`mcqp$ (本文出自博然影视站www.bo-ran.com)G^nG^HTo5 6. 执行File/Save命令将当前文件存盘,以后你就可以在制作网页时调用这个GIF动画了。
(本文出自博然影视站www.bo-ran.com),M?8s2? (本文出自博然影视站www.bo-ran.com) 8g!79q\c4 怎么样,Gif Animator这个软件制作GIF动画非常的简单吧。如果您没有这个软件的话,可以到友立公司的网页(
http://www.ulead.com)去下载它的试用版。你会发现用它制作GIF动画是那么的轻松自如,另外里面还有不少的功能等待你去发掘呢!
(本文出自博然影视站www.bo-ran.com)BK4S$B