电子商务网页gif动画的制作概述ppt培训课件

《电子商务网页gif动画的制作概述ppt培训课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、电子商务网页gif动画制作概述将在Photoshop中去创建一个由多个帧组成的动画。把单一的画面扩展到多个画面。并在这多个画面中营造一种影像上的连续性，令动画成型。1.动画初识动画经常被安放于网页中的某个区域用以强调某项内容，如广告动画。这种动画通常按照安放位置的不同而具备相应的固定尺寸，如468x60、140x60、90x180等。也可将动画应用于手机彩信(一种可发送图片、声音、视频的多媒体短信服务)。这些用途都有各自的特点，除了尺寸以外还有其它需要考虑的因素。如字节数的限制，帧停留时间等。Photo

2、shopCS3Extended(扩展)版本才具备动画制作功能，普通版本是不具备的。CS2版本有附带动作制作功能，操作也与CS3Extended相似。而CS及更早版本则需要借助捆绑的ImageReady软件进行动画制作。一个简单动画：之前制作的是位移动画，是利用图层的移动。除此之外，还可以通过设定不同的图层部透明度来产生动画，制作的方法相信大家应该可以猜得到，那就是在不同的帧中改变图层调板中的部透明度数值。现在新建一个100×100的图像，新建一个图层并绘制一个方块。然后一次性复制5个帧出来，将会看到6个

3、帧都是相同的内容。将所有帧的停留时间统一改为0.1秒。接着选择第2帧，在图层调板中将方块图层的不透明度改为80%，第3帧60%，以此类推，到第6帧为0%。形成的效果类似下右图所示。这时候播放就会看到方块逐渐渐隐的效果。需要注意的是，通过按钮隐藏图层等同于将不透明度设定为0%。需要一个从左端移动到右端的效果，也就是说方块的起始位置必须在左端，但现在所有帧中的方块都在中间，这该怎么办呢？既然“所有帧”都在中间，那么我们就让“所有帧”都到左边吧。在动画调板中选择所有的帧，通过移动工具移动图层到最左端，就会看

4、到所有帧中方块的位置都发生了改变。此外还有一种方法。整个动画过程可以看作是一个前因后果的关系。如果你在第一帧删除了某个图层，那么之后所有帧中就都不存在这个层了。因此在Photoshop动画设定中，第一帧是比较特殊的。现在选择第一帧，确保图层调板中“传播帧1”有效，如下左图红色箭头处所示。然后移动图层，就会发现所有帧中的方块都统一发生了移动，如下右图所示。如果“传播帧1”无效则只会改变第1帧中的方块位置。这两种方法各有利弊，“传播帧1”其实就是“传播第1帧，就是将第1帧的改变传播给所有帧。它可以很方便

5、地改变整个动画中某些物体的设定。而选择所有帧的做法在帧数较多的时候会稍显麻烦，但它可以派生出“选择某些帧”的方式，比如只要改变前3帧时，就可以将前3帧一起选择后进行设定。需要注意的是，即使原先每个帧都设定了不同的图层位置，“传播帧1”也仍然有效。效果等同于所有帧中的坐标按照第一帧进行偏移。将所有的帧中的方块都移动到左端后，要做的就是逐个帧地设定方块的位置，那就是选择第2帧移动些许，选择第3帧移动些许。当然这中间有一个我们已经提到过的问题，就是很难保证移动的流畅。我们在Photoshop中学习过，在选用

6、移动工具的时，可以使用键盘上的方向键去移动图层，一次移动1像素，配合SHIFT键就可以远距离移动。那现在就选择第2帧，用SHIFT+右方向键移动。接着选择第3帧，由于该帧中方块又回到了起点，所以需要两次SHIFT+右方向键。第4帧中则是3次，以此类推。设定类似下图所示。第6帧中方块已消失，可不作设定。2.帧的过渡目前我们制作动画的方法还属于全手动类型的，就是逐帧进行制作。比如一个物体的移动，我们是从头到尾参与了每一帧的设定。这种方式能够带来最大的可干预性，但同时也使得制作变得非常繁琐，尤其是帧数多的时

7、候。今天我们要学习的就是利用帧过渡来制作动画，它的基本原理是，设定好某段运动的起始帧和结束帧，然后在这两帧种产生平均的过渡。如果是物体的移动，则就是先设定好移动起点帧和终点帧。如何让动画可以完美地循环播放，也就是从A到B再回到A，这样才能形成完整循环，称为往复式动画。就我们目前的这个动画来说，可以通过复制并移动帧来完成“回去”的过程。撤销操作到原先只有5帧的时候，现在介绍另外一个简单的方法，那就是选择帧5后再次执行帧过渡，将过渡方式设为“第一帧”，表示是从现在的帧(第5帧)过渡到第1帧去，添加帧数保持为

8、3即可，也可以设定更大的数值。确定后就能得到一个往复式动画了。下图所示是设定了添加7帧的效果。在播放这个往复式动画的时候，会发现一个问题，那就是方块“回场”的时间比较长。这当然是因为同样的距离我们用了更多的帧数，如果将帧6到帧12的延迟设为0.05，就与原先差不多了。那就是既然总体时间都差不多，那有什么必要设定7帧的过渡呢，像原先那样3帧不就够了吗？这就要涉及到一个动画精细度的问题了。作为一个表现运动的动画来说，帧数越多它所能表现的瞬间也