Gif 动画软件比较(2)

2008-04-11 12:46:11来源:互联网 阅读 ()

新老客户大回馈,云服务器低至5折





  在每一个帧的下方,都显示着一个数字标记,这是表示在动画完成之后,本帧所代表的画面将迟延几秒。当然,数字越大,表示该画面停留的时间就越长,一般将重要的页面设置比较大的数值,便于引起别人的注意,一些效果过渡的画面可以取较小的值,这样可以增加动感效果。在设置完成以后,可以点击该面板下的播放按钮来对动画进行预览,通过预览,可以发现你不满意的地方,这样再修改,直到你满意为止。

  作为在网页上使用的动画,在文件输出前对其进行优化处理是必不可少的,ImageReady在这方面也提供了比较出色的支持。Optimize面板可以让你对你的作品进行压缩优化设置设置,可以将动画输出格式设置为gif格式,尽量减少颜色数量可以很大程度上的减小生成的文件大小。 在完成所有设置后,记得保存好PSD格式的文件,便于以后必要的时候进行改动(其实这点是需要养成的好习惯)。到了最后时刻了,打开File菜单,选择SaveOptimized将文件保存成gif格式的动画文件。

  如果你是一个PS高手的话,相信可以利用ImageReady制作出更经典gif动画。


  Fireworks4.0是Macromedia公司推出的一款编辑矢量和位图的综合工具。与Dreamweaver和Flash合为网页制作三剑客。在Fireworks中,您可以创建动画广告条,动画标志,动画卡通等多种类型的动画图像.和其他一些动画编辑软件差不多,它是通过动画符号(symbol)在不同影格的不同设置,造成我们视觉上的变化。当影像随着影格播放,就形成了动画.因为该软件制作动画随意性比较大,所以下面用具体的步骤来说明。

  1. 步骤一:新建一个文件,定义好长和宽,导入所需图片。

  2. 步骤二:选中图片,选择modify菜单Animate->Animated selection,进入动画参数设置。

  3. 步骤三:在frame 框中输入10,说明这个动画将由10个帧组成,帧数越多,动画越细腻,但是会加大文件大小。

  4. 步骤四:在move框中输入200,这是设定移动的距离像素。

  5. 步骤五:在direction中输入45,设定移动的角度,你可以点击工作区上的symbol,用鼠标拖动路径上的第一帧(绿色的点)和最后一帧(红色的点),来改变它们的位置。也可以拖动中间的帧(蓝色的点),改变整条路径(w)。

  6. 步骤六:单击ok,Fireworks 将会问你是否添加新的frame(帧)。单击ok,将会自动添加新的帧,步骤同上。

  现在图中的矩形上的右下角就会加上一个小小的箭头,表示这是一个动画符号(animation symbol),一条线表示这个符号的移动路径,线上的每一个点表示一帧。用鼠标拖动路径上的第一帧(绿色的点)和最后一帧(红色的点),来改变它们的位置。也可以拖动中间的帧(蓝色的点),改变整条路径。

  你可以直接在工作区内预览这个动画。点击画布下方的播放/停止按钮,就可以播放动画。在frames面板上你可以看到每一帧的动画(如果frames面板不可见,选择window -> frames。)。

  要在浏览器中看到这个动画,就必须输出成gif动画格式或swf格式。

  1) 打开optimize(优化)面板。


  2) 选择输出格式设为animated gif(必须的)。
  3) 单击菜单上file -> export命令。
  4) 保存类型选择 html and images就可以输出一个html文件。

  Fireworks对创建的任何对象或导入的对象都可以作为动画符号。每一个符号都有自己独立的属性。所以你可以针对不同的对象创建不同的动画形式,例如移动,淡入淡出等。

  利用Fireworks你的创作可以更自由,更有创意。




标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:文明的碎片-通道在风中扩散

下一篇:用PS滤镜制作透明玻璃酒杯