china.com
主页
新闻
体育
游戏
文化
教育
健康
财经
科技
旅游
军事
娱乐
商贸
  科技动态 硬件广场 下载基地 网络教室 网络冲浪 科学博览 移动时代 手机上网 桌面壁纸 科技商情  


动画制作步步高—Animation Shop2.0使用介绍

2000-08-24 13:16:05

  在平常使用电脑过程,我们经常会与动画打交道,尤其是在网上,一个小小的动画将会给网页带来更加美观的视觉效果,更能加深浏览者对此网站的印象,其作用功不可抹,要想使你的动画标新立异,得首先选用一款好用而又功能强大的动画制作软件,附随Paint Shop Pro6一起发布的Animation Shop2(图1)便是一款难得的动画制作好软件,较其1.0版,各项功能都大大提高。
228911__an2-1.gif
(图1)

一、动画制作速成
Animation Shop2提供了个十分方便的动画制作向导,根据它的一步步提示,我们可以非常容易的做出自己的动画。选择“File”菜单下的“Animation Wizard...”或点下工具栏第一个按钮即可调出这一动画制作向导,其具体步骤如下:
1.确定动画文件的大小。所谓动画,简单点说就是由几幅静态的图片组成的一组连续播放的动态图片。在确定动画大小时,我们可以选用第一幅图片的大小作为此动画的实际大小(Same Size as the first image),或自定义其大小(As Defined here),一般我们事先已利用Paint shop Pro制作好几幅大小一样的图片,所以此处就选前者。单击“下一步”继续。
2.帧的底色设置。当某一帧图片的大小称不满所建动画大小,其余部分将以何方式显示,可以设为透明显示(Transparent),或为其设置一画布底色(Set Canvas Color...)。单击“下一步”继续。
3.设置每帧中图片的位置及填充方式。与步骤2相对应的是,当某一帧的图片小于动画大小时,其图片布置是以帧的左上角为基准放置图片(Upper left corner of the frame)还是以帧的中心为基准(Centered in the frame)。
另外,在此情况下,帧的空白部分除了按步骤2设置显示以外(With the canvas color),还可以前一帧图片的相应部分代替它(With the preceding frame's color)。若选择了自定动画大小,当图片大小与实际帧大小不同时,可以通过选中“Scale frames to”使图片按一定的比例显示在帧中,否则有可能只显示出该图片的一部分。单击“下一步”继续。
4.循环播放设置。选中“Yes,repeat the animation indefinitely”,将使此动画连续播放,或者在“Play it time”中自定义循环播放的次数。“How long do you want each frame display”为设置每帧的延迟时间(100为1秒)。单击“下一步”继续。
5.选取动画源图片文件。可以单击“Add image...”来添加组成动画的源图片文件,它支持当今流行的所有图像文件格式。 “Remove image”是去掉无用的图片。选择完毕后,可通过“Move up”和“Move down”两按钮来自由排列图片的先后位置。单击“下一步”继续。
228911__an2-2.gif
(图2)
6.单击“完成”按钮,一张简单的动画就算制作完成。选择菜单“View”下的“Animation”或按下工具栏的倒数第三个按钮,就可看到此动画的实际效果。

二、动画特效
面对使用向导做出来的那张简单而又毫无新意的动画,心里不免觉得有点太土了,幸好Animation Shop2.0为我们提供了数十种丰富多彩的动画特效,你也可以轻松制作出各类颇具专业水平的动画来。
(一)转化效果
Animation Shop2的动画转换效果多达24种,如百页窗渐退式(Blinds)、时钟式(Clock)、爆炸式(Explode)、淡出式(Fade)、螺旋式(Spiral)、压缩式(Compress)、拉幕式(Curtains)等等。下面就让我来为大家试做一张百页窗渐退式(Blinds)的动画效果。
1.右击动画中的某一帧,弹出快捷菜单(图2),选择“Insert Image transition...”,调出图片转换效果制作窗口(图3);
2.左上角“Start with”显示的是转换的初始帧图片,有三种形式,“Animation Frame”(帧画面)、“Canvas Color”(画布底色)及“Custom Color”(定置颜色),一般选择第一项;右上角“End with”显示的是此动画的最后一帧图片,同样也有三种方式;若选中最下边“Show preview”(预览),中间“Transition”区将显示此转换效果;
228911__an2-3.gif
(图3)
3.从“Effect”下拉菜单中选择一种效果,这儿选择“Blinds”(百页窗渐退效果),单击“Customize...”按钮可以定置其百页窗的数量(默认为4片),水平显示(Horizontal)还是垂直(Vertical)显示,对于选择不同的效果,此处定置内容随之发生变化;
4.在“Transition”中调节滑动条为其设置转换时间(秒),“Frame per second”的滑动条是调节每秒帧数(FPS),调整好后在其下面将显示出此转换效果的实际帧数;
5.上述各项设置完毕,单击“确定”返回,此时将在原始两帧之间插入此转换效果的数帧,选择“View”→“Animation”或按下工具栏的倒数第三个按钮,即可看到此动画效果。
(二)单帧动画特效
即使是单独一张静态图片,利用Animation Shop2照样可制作出一幅精彩十足的动画,此类特效共有18种,如压缩式(Compress)、爆炸式(Explode)、淡成灰度(Fade to Grey)、高斯模湖(Gaussian blur)、马赛克(Mosaic)、Wave(波动式)等等。右击打开的某一幅图片,选择“Insert Image Effect”即可调出其设置窗口(图4),具体操作与“转换效果”相同。
228911__an2-4.gif
(图4)
(三)单帧特效提取
先前的“单帧动画特效”生成的是一个动画,而此处只是提取出动画中的最后一张特效图片,其功能颇有点类似于Paint shop pro或Photoshop中的图片特效处理,右击图片选择“Apply Image Effect”打开此功能窗口,在“Effect”中选择一种特效,单击“OK”即可。
(四)文本特效动画
利用文本特效(Insert Text Effect),我们可以制作出图文并茂的动画效果,其文本特效共有7种,它们是背光式(Blacklight)、跳跃式(Bouncing)、阴影式(Drop Shadow)、旗帜式(Flag)、强光式(Highlight)、电视字幕式(Marque)、以及旋转式(Wheel),其具体操作可参照“图片转换效果(Insert Image transition)”。
(五)文本特效提取
文本特效提取(Apply Text Effect)与“图片单帧特效提取”的意义相同。

三、主页Banner制作
拥有个人主页的朋友对Banner(旗帜)应该不会陌生吧,一个漂亮的Baner除了可增加主页的美感外,更能体现出你的(主页)个性化来,在Animation Shop2中,程序新增加了一个好用的banner制作向导。
1.选择“File”菜单下的“Animation Wizard...”或点下工具栏第二个按钮打开Banner制作向导窗口。
2.设置Banner的背景。有三种方式可供选择,分别是透明背景(Transparent Backgroud);不透明(Opauqe Background),可以定置其背景色;使用图片作背景(Use a Background image)。单击“下一步”继续。
3.确定Banner的大小。有三种方式可供选择,第一种就是使用标准的Banner大小,包含有常见的468×60、88×31等6种规格;其次,对于使用图片作背景的话,Banner的大小可以与此图片相同(Same as the Background image);还有就是自定义Banner大小(As Define here)。单击“下一步”继续。
4.设置动画时间。首先是设置此Banner动画生成的总长度,其单位为十分之一秒,接着设置每秒帧数,然后再确定此动画是否连续一直播放,还是播放几次。单击“下一步”继续。
5.输入Banner中的文本。直接在空白区域输入文本即可,单击“Set Font...”按钮可以设置此文本的显示效果,如字体、大小、样式,以及文字特效等等。单击“下一步”继续。
6.设置文本颜色。选择“Opaque Color”可以直接指定文本颜色,或选择“Image Text”使用一幅图片来填充文本。单击“下一步”继续。
228911__an2-5.gif
(图5)
7.设置文本动画特效(图5)。共有背光式(Blacklight)、跳跃式(Bouncing)、阴影式(Drop Shadow)、旗帜式(Flag)、强光式(Highlight)、电视字幕式(Marque)、以及旋转式(Wheel)等7种特效,选择“Custom”还可进一步定置各特效。至此,一幅动画十足的Banner就算制作完成,在“Preview”区可预览此Banner最终效果,不满意可以按“上一步”退回去重新设置。
8.单击“完成”,即刻在主窗口中显示出此动画Banner的全部帧,选择菜单“View”下的“Animation”或按下工具栏的倒数第三个按钮,就可看到此Banner的完善动画。

四、动画的优化与保存
Animation Shop2.0除了可轻松制作出动画外,还提供了动画文件最优化功能,令人称赞的是,与动画制作向导一样,其优化功能也完全采用向导方式,非常方便好用。
1.选择菜单“File”→“Optimization Wizard”打开最优化输出向导窗口。
228911__an2-6.gif
(图6)
2.确定优化方式(图6)。我们可以选择以GIF方式、或Autodest公司的FLC和FLI方式、或AVI方式进行优化,下面的两单选钮分别表示用优化动画文件替换当前帧动画文件,或将优化后的动画文件作为新文件处理,原始帧动画不变。单击“下一步”继续。
3.设置动画优化品质(图7)。其优化品质共分四个级别,通过调节左边的滑块进行选择,滑块至最上面的动画品质最高,相应的其文件也要大一些,而滑块至最下面其品质稍差,生成的文件也相应的小些。同时,窗口右边将显示当前动画优化设置的详细资料,包括优化级别、色彩数、透明度、调色板等信息,单击“Customize”可以修改它们,一般使用系统默认即可。若想以后优化时总是使用此优化配置,可选中“Use these settings when saving unoptimezed”。单击“下一步”继续。
228911__an2-7.gif
(图7)
4.显示动画优化进度指示,此步无需用户作何设置。单击“下一步”继续;
5.显示动画最终优化结果信息,如优化前后的文件大小、优化率、使用各类modem下载所需的时间等等。单击“完成”结束优化。
6.从“File”菜单中选择“Save”或“Save as”将其存盘,输出的文件可以是GIF、MNG(Animation Shop专用动画格式)、FLC、FLI、AVI等5种格式。

总结
实践证明,使用Animation Shop2制作出来的动画非常流畅,效果特棒,是初学者及网页动画制作人员不可多得的好工具,本文只是简单介绍了Animation Shop2的大致使用过程,其它更为细致的编辑、修改等功能还有待于大家用时仔细琢磨。Paint Shop Pro6公司的主页是http://www.jasc.com,其软件下载地址是http://www.newhua.com.cn/down/fo-psp602f.zip(23500KB),Animation Shop2的单独下载地址是http://newhua.xingtai.net/down/as202ev.exe(4981KB)。

  摘自《软件世界》 姚利庆/文

404 Not Found

404 Not Found


nginx


科技检索


中华网推荐

  • 1000名医生在线咨询

  • 中国足球队官方网站

  • 鸦片玫瑰(新版)

  • 精选股票天地

  • 闪光的flash教程

  • 中华网汽车世界

  • 为你的爱情出谋划策

  • 网文精选——野百合集

  • 世界文化遗产在中国

  • 历届香港小姐风姿集



  •  


    网络教室编辑信箱
    版权声明 | 本站检索 | 联系方法 | 刊登广告 | 使用说明 | 关于中华网 | 豁免条款

    版权所有 中华网