Photoshop制作GIF动画实战图层样式动画（10）

来源：大师之路作者：赵鹏出处：巧巧读书 2008-03-18 进入讨论组

关键词：
photoshop制作

现在我们让扫描线动起来，其方法就是改变渐变叠加设定中的角度数值。这里会遇到第二个难点，那就是如何设置动画参数。扫描线应该从90度开始，旋转360度后应回到90度。但在关键帧中两个都设置为90的话就没有动画效果了，所以我们先将其设置到旋转180度的位置。需要注意的是，如果旋转的绝对角度小于180(181度等同于1度)，将以最小转角作为旋转的方向。

　　将动画的文档设置改为持续01:00，帧速率15fps。在开始时刻开启圆图层的样式动画记录。然后将时间标杆移动到动画结束时刻，将角度设置为-90度。动画调板如下左图所示。

　　观看范例动画

Photoshop制作GIF动画实战图层样式动画（10）（图六）

　　现在我们延长动画的持续时间为02:00，将时间标杆移动到新的结束时刻并建立关键帧，然后将样式的第1帧复制到该时刻。此时动画调板如下左图所示。看起来像是完成了旋转一周的设定了，但细想一下，现在时刻00:00与02:00的状态是相同的，这样当动画循环播放时，两个完全一样的帧就会形成一种停顿的效果，播放动画的时候仔细看一下，不难发现。

　　观看范例动画

Photoshop制作GIF动画实战图层样式动画（10）（图八）

　　这个问题我们以前在帧式动画的时候遇到过，当时的方法是删除最后一帧。但在时间轴方式下不能单独删除某一帧，只能通过更改持续时间的方式。我们将持续时间改为01:14。动画调板如下左图所示。

　　注意此时原先设定的帧已位于时间区域之外了，但仍然在发挥作用，控制着动画的参数改变。即使再将持续时间改为更短，以至于在动画调板已看不见时，也是如此。所以在时间轴方式下定义的关键帧，是不会因为持续时间变短而消失的。以后只要增加持续时间，它们还会出现。这是一个很重要的特性。

　　这里再强调一下动画时刻的表述方式，01:14本身既包含秒时间也包含帧，含义是经过1秒后的第14帧。按照我们15fps的设定，这个绝对帧数就应该是15＋14＝29帧。而下一帧的时刻表示应为02:00而不是01:15。就好比日常生活中的时间是60进位制，那么就不可能有3点60分这样的表述，而应表述为4点。同样的，15fps就表示15进位制，把一秒钟平均分为15单位，14单位之后就向秒进位。

　　观看范例动画

Photoshop制作GIF动画实战图层样式动画（10）（图十）

　　现在要制作模拟雷达扫描到的物体，这本应在最初就先做好，但为了体现制作过程中可能发生的后期添加元素的情况，所以放到现在来做。

　　新建一个图层，用直径为1的铅笔工具用白色在其中随便点几下(间距不要太大)。如下左图所示。接着移动时间标杆，在扫描线与这几个点接触的时候(范例中位于00:10)，点击不透明度的秒表按钮建立关键帧，然后移动时间标杆在扫描线差不多回到原点的时候(范例位于01:10)再建立一个，将图层不透明度设置为0%，这样就制作出了小点逐渐淡出的动画。

Photoshop制作GIF动画实战图层样式动画（10）（图十一）

　　通过上面的动画可以看出小点在扫描线经过后有了淡出的效果，但问题是小点在扫描线还没有到达的时候，应该是看不见的，当扫描线达到时出现，然后再逐渐淡出。那么我们应该在开始时刻设定关键帧，并将图层的不透明度设置为0%。但这又出现一个问题，那就是小点的出现变成了淡入效果，也就是扫描线还没有到达的时候，小点就逐渐显现了。

　　观看范例动画

Photoshop制作GIF动画实战图层样式动画（10）（图十三）

　　如何解决这个问题是第三个难点。解决的方法有两种，一种大家应该可以自己想到的，那就是将开始时刻的关键帧移动到小点完全出现的前一帧，如下左图所示。此外另外一种方法更“正规”一些，是我们以前没有讲到过的，那就是改变帧之间的过渡关系。文章地址： http://www.qqread.com/photoshop/2008/03/c401867.html