Photoshop制作GIF动画 动画的设计思维(04)
2008-2-23 13:33:00 文/赵鹏 出处：大师之路
除此之外，循环设定也是属于情节方面的问题，这个我们其实在之前有提到过，就是有些场合下可以使用无限循环的动画，而有些场合则不适合。比如一个栏目标题文字淡入的动画，如果不断地重复，就会使得网页整体看上去显得很乱，会令观看者感到不舒服。此时最适合的做法就是播放一次，这样既可以展现效果，又不会影响网页整体。设定为2到3次的循环一般也可接受，再多就不好了。
不过只播放一次的动画最好是放在网页的上部，这样一进入网页就可以看到。如果放在网页底部，可能观看者阅读到该处时动画已经播放完了。那样的话就制作动画就没有意义了，还不如就用静态的图片代替。
需要注意的是，GIF动画图片每调用一次就会重新播放。如果有些人已经具备了网页制作的知识，可以利用这个性质在网页制作软件中设定相应的动作。比如大家在这里移动鼠标观看范例的动画就是如此。每次移入后动画总是从头开始播放。这样即便是只播放一次的动画，也可以令它在网页中多次播放。没有网页制作知识也不用担心，这并不影响我们后面的动画学习。如果想要了解一下，可观看GoLive的视频教程。
对于看上去很不错的淡入淡出效果而言，有一个重要的问题需要考虑，那就是浏览器可以被设置为禁止播放动画。此时动画只会显示其第1帧时候的画面。那么类似上面的“悄然来去”的动画在网页中将是一片空白，因为其第1帧本来就是空白的。这就容易引起观看者的误会。
也许大家会觉得没有人会刻意关闭动画显示，但既然不能排除这个因素，我们就需要从最广泛的层面去考虑访问者的情况。在网页的整体布局中，应避免在重要的文字或指示部位使用淡入淡出动画。在将动画放入网页中后，最好自己手动关闭动画播放检查是否存在问题。除了关闭动画播放以外，在页面显示时如果访问者按下ESC键也会中断动画播放，画面将停留在中断的那一刻。
如要同时照顾到禁止和允许播放动画的访问者，在两者之间取得平衡点，那么在动画的制作上就应该遵循一个原则，那就是主体部分不动，修饰部分作动画。如下图所示，文字本身不做动画，只是在文字的边缘制作了动画效果。这样即使静止动画播放或播放时中断，也不会影响观看者对内容的理解。
不过，只要保证能在任何时候准确地反映内容，避免文字的消失或过于剧烈的变形，主体文字也是可以动的。
本节课中所讲述的内容和制作动画的技术并不相关，不过在大家要将动画应用于网页中的时候，就要从大方面来考虑动画的制作及表现方法。单纯学习这些内容有些枯燥，大家留下印象就好，在以后的制作中会有应用到的时候。
这次的作业是将“悄然来去”那个动画制作出来。另外将下面两个派生的动画也制作出来。
下一节：淡入和淡出的设定技巧
-
看本文的网友还看了：
-
热点关注：
2006 经营许可证编号： 粤B2-20050807