站内搜索

Photoshop CS3制作平面动画:动画帧

作者:赵鹏 来源:PConline 时间:2008-03-27 点击: 进入论坛讨论

  上节赵鹏老师给我们分享了Photoshop CS3制作平面动画的基础知识,本节课继续探讨动画帧的问题,本连载教程系统、逻辑性强,希望photoshop初学者能喜欢!预告:下节课将介绍设定帧过渡。

  在开始之前我们先讲解一下上节课后的作业,那是一个有两个物体一起移动的动画。所谓的两个物体其实也就是两个图层,分别绘制上方块和圆,然后复制一帧并相对移动图层的位置即可。在技术上并没有太大难度。

  但要注意看清楚我们的范例动画,其中的圆并不是一开始就移动的,而是滞后一段时间才开始的。这也就是说在前面几帧中只需要移动方块图层,而并不移动圆图层。在方块移动几帧后再开始移动圆,动画调板类似于下图所示。点击红色箭头处可以开启调板选项,可以自己设定帧缩览图的大小。绿色箭头处的Photoshop CS3制作平面动画:动画帧是帧步进按钮,点击一次播放一帧,Photoshop CS3制作平面动画:动画帧则是播放上一帧。Photoshop CS3制作平面动画:动画帧按钮则是回到起始帧。

  我们安排这个范例是想告诉大家,一个较为复杂的动画往往是由许多物体构成的,而这些物体未必都是一同动作(如移动)的。比如制作一个物体撞击另外一个物体的动画时,被撞物体就应该在撞击物体接触之前都保持不动。

Photoshop CS3制作平面动画:动画帧
图1

  之前我们制作的是位移动画,是利用图层的移动。除此之外,还可以通过设定不同的图层部透明度来产生动画,制作的方法相信大家应该可以猜得到,那就是在不同的帧中改变图层调板中的部透明度数值。现在新建一个100×100的图像,新建一个图层并绘制一个方块。然后一次性复制5个帧出来,将会看到6个帧都是相同的内容。将所有帧的停留时间统一改为0.1秒,如下左图所示。
  接着选择第2帧,在图层调板中将方块图层的不透明度改为80%,第3帧60%,以此类推,到第6帧为0%。形成的效果类似下右图所示。这时候播放就会看到方块逐渐渐隐的效果。需要注意的是,通过Photoshop CS3制作平面动画:动画帧按钮隐藏图层等同于将不透明度设定为0%。

Photoshop CS3制作平面动画:动画帧
图2

Photoshop CS3制作平面动画:动画帧
图3

 1/3    1 2 3 ›› ›|
世外园林版权声明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。 特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有。

免责声明:本站刊载此文不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。对本文有任何异议,请联络:admin@shiy.net
现有条评论 | 更多评论..
我要发表看法
用户名: 密码:
验证码: 匿名发表(无需注册)
    如果您还不是世外园林会员,欢迎加入
  • ※ 评论注意事项:
  • 您的评论将在管理员审核后才会显示
  •   
  • 非世外园林会员或未登陆发表评论,评论人名字显示为匿名
  • 遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除评论中的任意内容
  • 参与本评论即表明您已经阅读并接受上述条款