Yesky首页| 产品报价| 行情| 手机 | 数码 | 笔记本 | 台式机 | DIY硬件 | 外设 | 网络 | 数字家庭 | 评测 | 软件 | e时代 | 游戏 | 图片 | 壁纸 | 群乐 | 社区 | 博客 | 下载
软件频道>设计在线>Photoshop|平面网页Flash视频三维欣赏|设计专题教程素材| 群乐:Vista系统下载
您现在的位置: 天极网 > 软件频道 > 设计在线 > 美工教室 > photoshop > PS CS3制作平面动画:图层样式做雷达动画
全文
群乐:Photoshop

PS CS3制作平面动画:图层样式做雷达动画

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

  观看范例动画

  

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

  观看范例动画

  点击放大此图片
  

  如何解决这个问题是第三个难点。解决的方法有两种,一种大家应该可以自己想到的,那就是将开始时刻的关键帧移动到小点完全出现的前一帧,如下左图所示。此外另外一种方法更“正规”一些,是我们以前没有讲到过的,那就是改变帧之间的过渡关系。
  现在不透明度3个帧之间都是过渡关系,即帧12过渡,帧23过渡。如果我们能令帧12之间不过渡的话,就可以达到目的了。在动画调板中第1帧上点击右键,选择“保留插值”,注意帧图标从变为了,如下右图红色箭头处所示。这就表示这一帧到下一帧之间不再有过渡效果。由“从黑到白”的方式变成了“非黑即白”。此时整个动画的制作就完成了。
  当然,可以在后期再将其改为默认的“线性插值”方式,那样过渡效果就会重新出现。大家可以自己尝试改变其他帧的插值方式。这里的“插值”是由英文生硬地翻译而来,虽有些词不达意,但记住其效果就可以了。

  点击放大此图片

  在引入图层样式后,我们表现动画效果的能力就得到了很大的提高。大家应该在课程之外自己多动手实践,不要只局限于这里所介绍的内容。要知道我们的范例是有限的,你们的创意是无限的。就这个已完成的动画而言,大家可以再尝试将十字线或同心圆做成忽明忽暗的效果。这说白了也就是淡入和淡出交替,只不过并非是0%或100%这样极端的状态。

  

  今天的作业是完成如下的动画。除背景层外,只允许使用一个文字层制作。

  

  如对于本文有任何疑问、意见以及建议,请在文章底部的留言板上留言。

  更多精彩,尽在天极设计在线 design.yesky.com!

电脑美术设计热门专区
电脑美术设计热门专区

设计软件视频教程大全
设计软件视频教程大全
设计软件经典教程
设计软件经典教程
设计人生——数码设计人访谈实录集
设计人生——数码设计人访谈实录集
·精彩设计作品展示
·精彩设计素材
·照片后期处理专区
·设计软件经典专题集粹
共3页。 9 1 2 3
网友关注
最新上市
编辑推荐
欢迎订阅天极网RSS聚合资讯:http://www.yesky.com/index.xml