Photoshop CS3制作平面动画：第一帧

ＣooL．彪少 · 发表于 2011-2-28 06:46:28

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？会员注册

x


	今天我们介绍Photoshop CS3制作平面动画的第二讲：特殊的第一帧。（第一讲：概述）　　在开始之前我们先讲解一下上节课后的作业，那是一个有两个物体一起移动的动画。所谓的两个物体其实也就是两个图层，分别绘制上方块和圆，然后复制一帧并相对移动图层的位置即可。在技术上并没有太大难度。 ^- z G& M, T 登录/注册后可看大图 20080304104605693.gif (4.23 KB, 下载次数: 17) 下载附件保存到相册 2011-2-28 06:39 上传 1 K; B) I& A, _但要注意看清楚我们的范例动画，其中的圆并不是一开始就移动的，而是滞后一段时间才开始的。这也就是说在前面几帧中只需要移动方块图层，而并不移动圆图层。在方块移动几帧后再开始移动圆，动画调板类似于下图所示。点击红色箭头处可以开启调板选项，可以自己设定帧缩览图的大小。绿色箭头处的是帧步进按钮，点击一次播放一帧，则是播放上一帧。按钮则是回到起始帧。 , f: {1 s1 h+ D9 l 0 j5 c* u( e4 q' L% S% ]　　我们安排这个范例是想告诉大家，一个较为复杂的动画往往是由许多物体构成的，而这些物体未必都是一同动作(如移动)的。比如制作一个物体撞击另外一个物体的动画时，被撞物体就应该在撞击物体接触之前都保持不动。 5 n/ Z' X+ A+ X8 p/ e 登录/注册后可看大图 11111.jpg (13.64 KB, 下载次数: 12) 下载附件保存到相册 2011-2-28 06:39 上传 . d" f F; j% N1 i6 k4 {3 T之前我们制作的是位移动画，是利用图层的移动。除此之外，还可以通过设定不同的图层部透明度来产生动画，制作的方法相信大家应该可以猜得到，那就是在不同的帧中改变图层调板中的部透明度数值。现在新建一个100×100的图像，新建一个图层并绘制一个方块。然后一次性复制5个帧出来，将会看到6个帧都是相同的内容。将所有帧的停留时间统一改为0.1秒，如下左图所示。 1 N5 G/ h; f+ P ! [2 u! F- ?* W* L) ~　　接着选择第2帧，在图层调板中将方块图层的不透明度改为80%，第3帧60%，以此类推，到第6帧为0%。形成的效果类似下右图所示。这时候播放就会看到方块逐渐渐隐的效果。需要注意的是，通过按钮隐藏图层等同于将不透明度设定为0%。 S# G6 c2 P1 D 登录/注册后可看大图 11111.jpg (16.84 KB, 下载次数: 15) 下载附件保存到相册 2011-2-28 06:43 上传 ; ~9 U3 T! ]0 O; U3 ~ 登录/注册后可看大图 2222.jpg (14.28 KB, 下载次数: 17) 下载附件保存到相册 2011-2-28 06:43 上传 % V( e) M; t G在这个制作中有一个很大不同，就是我们改变了原先复制一帧后马上进行设定，设定完后才复制另外一帧的方法。这次是将所有帧一次性复制出来，然后选定帧进行设定。这也是一种制作方法。　　在操作的过程中大家不难发现，对于图层调板中的不透明度而言，在选择另外一帧的时候它又会回到100%。这说明一个特性，那就是对其中一帧的不透明度更改并不会影响到其他帧。再试想一下，如果我们用这种方法去制作最初的方块移动，在前一帧中移动图层后选择下一帧时，将发生怎样的情况呢？# C- Q% J. M, ?+ v9 p 8 S6 t; }7 g I. T6 P　　很显然，我们将看到方块又回到了原点。而如果此时的图层位置设定没有按照前一帧的轨迹，则将构不成流畅的移动效果。因此这种预先建立所有帧然后修改的方法并不适用于位移动画，其实也不适用于其他动画。只是遇到需要在指定帧数中制作动画时才会用到。! Y G) l1 j/ K1 h ! y+ w4 [( ]( ? _+ w/ ?　　现在我们已经掌握了两种可产生动画效果的设定，一是图层位置，二是图层不透明度，现在可以综合利用两者来制作一个既移动又渐隐的动画了。这可以在刚才单纯渐隐的基础上加以修改。也就是用土办法，选择一帧后移动些许，如此往复。 z2 t, ] K* @ a7 B; s : B/ _7 a: K3 d; P5 F6 y1 J　　不过我们需要一个从左端移动到右端的效果，也就是说方块的起始位置必须在左端，但现在所有帧中的方块都在中间，这该怎么办呢？既然“所有帧”都在中间，那么我们就让“所有帧”都到左边吧。在动画调板中选择所有的帧，通过移动工具移动图层到最左端，就会看到所有帧中方块的位置都发生了改变。 $ X9 `6 \( Z# T1 {8 d: {9 b9 _; c5 s1 s/ I3 \ 　　此外还有一种方法。整个动画过程可以看作是一个前因后果的关系。如果你在第一帧删除了某个图层，那么之后所有帧中就都不存在这个层了。因此在Photoshop动画设定中，第一帧是比较特殊的。现在选择第一帧，确保图层调板中“传播帧1”有效，如下左图红色箭头处所示。然后移动图层，就会发现所有帧中的方块都统一发生了移动，如下右图所示。如果“传播帧1”无效则只会改变第1帧中的方块位置。 * S: @# y" Z; A5 c- D% m2 ~ q& ]$ o5 O 　　这两种方法各有利弊，“传播帧1”其实就是“传播第1帧，就是将第1帧的改变传播给所有帧。它可以很方便地改变整个动画中某些物体的设定。而选择所有帧的做法在帧数较多的时候会稍显麻烦，但它可以派生出“选择某些帧”的方式，比如只要改变前3帧时，就可以将前3帧一起选择后进行设定。0 \|- V4 x) g& { - z% J7 l- z1 j8 z# j D 　　需要注意的是，即使原先每个帧都设定了不同的图层位置，“传播帧1”也仍然有效。效果等同于所有帧中的坐标按照第一帧进行偏移- b" p ]2 i3 q 登录/注册后可看大图 11111.jpg (15.93 KB, 下载次数: 12) 下载附件保存到相册 2011-2-28 06:44 上传登录/注册后可看大图 2222.jpg (16.58 KB, 下载次数: 16) 下载附件保存到相册 2011-2-28 06:44 上传 ( U* O. y. s! X: u4 }& `: S m 在这里再说一下选择多个帧的问题，我们已经知道如果要选择前4帧，可以先选择帧1后按住SHIFT键再点击帧4，或者反其道而行之也可。但如果要选择不连续的帧，如帧1、帧3、帧4，则可以先按照之前的方法选择帧1到帧4，然后按住CTRL键单击帧2，就可以减去选择帧2。重复操作一次则又可以添加选择帧2。如果是要选择距离较远的个别帧，如帧2、帧11、帧17、帧27，则可以先单独选择其中任意一个，再按住CTRL去添加选择其他的帧。; L' U, b3 \+ ? R* o; m 6 G+ j F9 j! }% r# n& \|) \|3 ~$ W# Q　　将所有的帧中的方块都移动到左端后，要做的就是逐个帧地设定方块的位置，那就是选择第2帧移动些许，选择第3帧移动些许。当然这中间有一个我们已经提到过的问题，就是很难保证移动的流畅。我们在Photoshop中学习过，在选用移动工具的时，可以使用键盘上的方向键去移动图层，一次移动1像素，配合SHIFT键就可以远距离移动。 ( w2 f/ s4 \; S' O: C' z# `6 i ) p3 W" I0 T" {　　那现在我们就选择第2帧，用SHIFT+右方向键移动。接着选择第3帧，由于该帧中方块又回到了起点，所以需要两次SHIFT+右方向键。第4帧中则是3次，以此类推。设定类似下图所示。第6帧中方块已消失，可不作设定。, \6 c K p$ H5 y& f. \ 登录/注册后可看大图 11111.jpg (17.25 KB, 下载次数: 14) 下载附件保存到相册 2011-2-28 06:44 上传 7 K; z, U v/ `. P( M使用方向键移动的方法尽管可以保证轨迹的一致，但其局限性也很明显，那就是只适合制作水平垂直或45度角这样的轨迹。如果我们需要较为随意的移动轨迹(如一条弧线)，又想保持流畅性该如何做呢？当然大家会说如果在开始就使用“复制帧、移动图层”的方法就不会有现在的困扰，但请别忘记，修改运动轨迹也是常有的事情。所以还是仔细思考一下如何操作吧。8 d& l! O/ \- Q, U$ N; a

ＣooL．彪少说：

ＣooL．泪猪 · 发表于 2011-2-28 06:56:18


	和Adobe Photoshop一起的还有一款软件是Adobe ImageReady 也就是你这里说的动画处理软件！判断你的PS是不正版的就是看你有没有Adobe ImageReady 正版的PS安装就有这款动画处理软件！很强大的！

ＣooL．泪猪说：

[图文教程] Photoshop CS3制作平面动画：第一帧

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

发表回复

浏览过的版块

超级无敌新人奖

优秀成员

最佳成员奖

原创者勋章

沙发王勋章

每日签到奖

推广之星奖

宣传大使

社区精英会员奖励

极度诱惑勋章

视觉潮人奖

先锋奖

六星奖

音乐天才奖

空间认证奖

YY认证勋章

在线时间王勋章

红人勋章

幸福恋人奖(女)

幸福恋人奖(男)

酷Q帅哥奖

巨蟹座

社区QQ达人

爱心勋章

社区活动奖

精英会员审核团队标志

最具人气奖

水瓶座

分享到：

个人中心