正在阅读:Photoshop CS3作实战图层样式动画Photoshop CS3作实战图层样式动画

2008-04-29 09:16 出处:PConline 作者:赵鹏 责任编辑:chenzhenjia


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

  观看范例动画

Photoshop CS3作实战图层样式动画
图11

Photoshop CS3作实战图层样式动画
图13

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

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

  观看范例动画

Photoshop CS3作实战图层样式动画
图14

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

  观看范例动画

Photoshop CS3作实战图层样式动画
图15

Photoshop CS3作实战图层样式动画
图16

  如何解决这个问题是第三个难点。解决的方法有两种,一种大家应该可以自己想到的,那就是将开始时刻的关键帧移动到小点完全出现的前一帧,如下左图所示。此外另外一种方法更“正规”一些,是我们以前没有讲到过的,那就是改变帧之间的过渡关系。

  现在不透明度3个帧之间都是过渡关系,即帧12过渡,帧23过渡。如果我们能令帧12之间不过渡的话,就可以达到目的了。在动画调板中第1帧上点击右键,选择“保留插值”,注意帧图标从Photoshop CS3作实战图层样式动画变为了Photoshop CS3作实战图层样式动画,如下右图红色箭头处所示。这就表示这一帧到下一帧之间不再有过渡效果。由“从黑到白”的方式变成了“非黑即白”。此时整个动画的制作就完成了。

键盘也能翻页,试试“← →”键
本文导航
第1页:雷达扫描仪绘制
第2页:样式制作动画
第3页:淡出效果制作
第4页:过渡效果

关注我们

最新资讯离线随时看 聊天吐槽赢奖品