《PhotoshopCS3GIF动画制作》由会员分享，可在线阅读，更多相关《PhotoshopCS3GIF动画制作（40页珍藏版）》请在金锄头文库上搜索。
1、【学习目标学习目标】1.了解了解GIF动画初识动画初识2.掌握帧的传播特性及过渡掌握帧的传播特性及过渡3.掌握使用各种方法制作动画掌握使用各种方法制作动画 4.熟练熟练GIF动画的导入和导出动画的导入和导出趣味：趣味：GIF动画制作动画制作趣味趣味:GIF动画制作动画制作GIFGIF动动动动画初画初画初画初识识识识制作制作制作制作简单简单的的的的GIFGIF动动画画画画帧帧的的的的传传播特性及播特性及播特性及播特性及过过渡渡渡渡时间轴动时间轴动画画画画GIFGIF动动画画画画导导入和入和入和入和导导出出出出 本章小本章小本章小本章小结结GIF动画初识动画初识在我们前面所学的课程中，在我们前面所
2、学的课程中，PhotoshopPhotoshop只是被用来制作比如海报、印刷稿等只是被用来制作比如海报、印刷稿等静态图像的，我们提到过它具备动画制作的能力。现在我们就是要在静态图像的，我们提到过它具备动画制作的能力。现在我们就是要在Photoshop CS3Photoshop CS3中去创建一个由多个帧组成的动画。把单一的画面扩展到多中去创建一个由多个帧组成的动画。把单一的画面扩展到多个画面。并在这多个画面中营造一种影像上的连续性，令动画成型。个画面。并在这多个画面中营造一种影像上的连续性，令动画成型。所谓动画，就是用多幅静止画面连续播放，利用视觉暂留形成连续影像。比所谓动画，就是用多幅静止画
3、面连续播放，利用视觉暂留形成连续影像。比如传统的电影，就是用一长串连续记录着单幅画面的胶卷，按照一定的速度如传统的电影，就是用一长串连续记录着单幅画面的胶卷，按照一定的速度依次用灯光投影到屏幕上。目前在依次用灯光投影到屏幕上。目前在WindowsWindows系统上的主要动画图像格式是系统上的主要动画图像格式是GIFGIF，其也可以直接在网页中显示，是目前应用最广泛的动画图像格式。包括现，其也可以直接在网页中显示，是目前应用最广泛的动画图像格式。包括现在流行的手机彩信中的动画也属于在流行的手机彩信中的动画也属于GIFGIF格式。格式。接下来我们就先来了解一下在接下来我们就先来了解一下在Phot
4、oshop CS3Photoshop CS3中对于动画的制作增加了哪些中对于动画的制作增加了哪些面板。面板。GIF动画初识动画初识 动画面板动画面板图层面板增加的选项图层面板增加的选项 返回本章目录 动画面板动画面板 返回本节动画面板的打开方法为：单击动画面板的打开方法为：单击“窗口窗口”菜单选择菜单选择“动画动画”即可打开和关闭动画面板如下图所示。即可打开和关闭动画面板如下图所示。图层面板中各部分的功能如下：图层面板中各部分的功能如下：当前帧：即动画文件中当前的单幅画面当前帧停留时间：当前画面停顿时间当前动画文件循环选项：设定当前动画循环播放次数选择第一帧：选择动画开始的单幅画面选择上一帧：
5、选择上一幅单幅画面播放当前动画：预览当前动画选择最后一帧：选择当前动画的最后一幅画面过滤动画帧：两个帧之间的位置、透明度、效果变换复制所选帧：复制当前画面删除所选帧：删除当前画面转换为时间轴动画：转换为更复杂的、功能更强大的动画面板图层面板增加的选项图层面板增加的选项 当打开动画面板的同时，在图层面板上也会增加一些关于动画制作的选项，如下图所示当打开动画面板的同时，在图层面板上也会增加一些关于动画制作的选项，如下图所示 返回本节图层面板中各部分的功能如下：图层面板中各部分的功能如下：统一图层位置： 统一设定当前图层在所有帧当中显示的位置统一图层可见性： 统一设定当前图层在所有帧当中是否显示统一
6、图层样式： 统一调整当前图层在所有帧中的样式帧的传播特性： 将第1帧的改变传播给所有帧 制作简单的制作简单的GIF动画动画 制作编辑动画制作编辑动画设定帧的延迟时间设定帧的延迟时间动画的循环方式动画的循环方式动画文件的导出动画文件的导出返回本章目录制作编辑动画制作编辑动画 返回本节既然称为动画，那就是要令画面中的图像动起来，现在我们来实际动手画制作一个“简单”的动画吧。新建一个200200的空白图像，如右图所示。新建一个图层并画上一个红色的圆形，大致下图所示。制作编辑动画制作编辑动画 返回本节 然后打开动画面板，在开启了动画调板后，我们就可以开始制作动画了，在动画调板中点击箭头处的“复制所选帧
7、”按钮，就会看到新增加了一个帧，如下图所示。按照我们以前的习惯，这个图标应该表示为新建，如新建图层等，在这里虽然字面上的解释是复制，但其实也是一种新建，只不过这新增加出来的帧其实和前一个帧是相同的内容。相应的，大家也应该能想得到垃圾桶似按钮的作用就是删除帧。 确认动画调板中目前选择的是复制出来的第2帧，然后使用移动工具将图层中的形状移动一定距离，大致如右图所示。可以看到虽然在第2帧中形状的位置发生了改变，但在原先第1帧中方块的位置依然未变。这是一个很重要的特性。 制作编辑动画制作编辑动画重复几次这种先复制帧再移动方块的操作，最终得到下图所示的样子重复几次这种先复制帧再移动方块的操作，最终得到下
8、图所示的样子( (类似即可类似即可) )。现。现在我们拥有了在我们拥有了7 7个帧，且每个帧中方块的位置都不同。再看看图层调板，很明显只有个帧，且每个帧中方块的位置都不同。再看看图层调板，很明显只有一个图层存在一个图层存在( (背景层暂且不算背景层暂且不算) )，这就引出一个特性：对一个图层来说，它的位置，这就引出一个特性：对一个图层来说，它的位置( (或坐标或坐标) )在不同帧中可以单独指定。按照这个特性，我们使用一个图层就可以做出在不同帧中可以单独指定。按照这个特性，我们使用一个图层就可以做出物体移动的动画。物体移动的动画。返回本节设定帧的延迟时间设定帧的延迟时间 返回本节 现在大家可以按
9、下动画调板中的播放按钮，在图像窗口就可以看到形状移动的效果了，只是移动的速度很快。这是因为没有设置帧延迟时间。注意动画调板中每一帧的下方现在都有一个“ 0秒”，这就是帧延迟时间(或称停留时间)。帧延迟时间表示在动画过程中该帧显示的时长。比如某帧的延迟设为2秒，那么当播放到这个帧的时候会停留2秒钟后才继续播放下一帧。延迟默认为0秒，每个帧都可以独立设定延迟。 设定帧延迟的方法就是点击帧下方的时间处，在弹出的列表中选择相应的时间即可。如图11-8所示，将第7帧设为0.5秒。设定帧的延迟时间设定帧的延迟时间 返回本节 列表中的列表中的“无延迟无延迟”就是就是0 0秒，如果没有想要设定的时间，可以选择
10、秒，如果没有想要设定的时间，可以选择“其他其他”后自行输入数值后自行输入数值( (单位为秒单位为秒) )。也可以在选择多个帧后统一修改延迟，选择多个帧的方法和选择多个图层相同，先。也可以在选择多个帧后统一修改延迟，选择多个帧的方法和选择多个图层相同，先在动画调板中点击第在动画调板中点击第1 1帧将其选择，然后按住帧将其选择，然后按住SHIFTSHIFT键点击第键点击第6 6帧，就选择了第帧，就选择了第1 1至第至第6 6帧。然后在其帧。然后在其中任意一帧的时间区进行设定即可，如下图所示，设为中任意一帧的时间区进行设定即可，如下图所示，设为0.10.1秒。这是一个比较常用的延迟时间。秒。这是一个
11、比较常用的延迟时间。 再次播放动画，就会看到形状移动的速度有所减缓，并且在移动的最后会停留较长时间。很再次播放动画，就会看到形状移动的速度有所减缓，并且在移动的最后会停留较长时间。很明显，这是由于它被设置了较长延迟的缘故。而这种较长的延迟实际上起到了一种突出的作用，明显，这是由于它被设置了较长延迟的缘故。而这种较长的延迟实际上起到了一种突出的作用，在实际制作中就可以利用这个特点来突出某个主题。在实际制作中就可以利用这个特点来突出某个主题。 动画的循环方式动画的循环方式 返回本节 除了延迟时间外，动画还有一个特点就是可以设定播放的循环次数。注意在动画调板第一帧除了延迟时间外，动画还有一个特点就是
12、可以设定播放的循环次数。注意在动画调板第一帧的下方有一个的下方有一个“永远永远”，这就是循环次数，如下图所示。点击后可以选择，这就是循环次数，如下图所示。点击后可以选择“一次一次”或或“永远永远”，或者自行设定循环的次数。之后再次播放动画即可看到循环次数设定的效果。或者自行设定循环的次数。之后再次播放动画即可看到循环次数设定的效果。 虽然在绝大多数情况下动画都是连续循环的虽然在绝大多数情况下动画都是连续循环的( (即永远即永远) )，但在某些地方也会用到单次或少数几，但在某些地方也会用到单次或少数几次次(2-3(2-3次次) )循环，主要出现在利用动画制作网页部件的时候。比如将一个栏目的名称从
13、无到有用循环，主要出现在利用动画制作网页部件的时候。比如将一个栏目的名称从无到有用动画渐显出来，这样当名称完全显示出来后就应当固定，而不能再次消失然后再次渐显。这时就动画渐显出来，这样当名称完全显示出来后就应当固定，而不能再次消失然后再次渐显。这时就要使用要使用“一次一次”的循环设定了。的循环设定了。 动画文件的导出动画文件的导出 导出能用于网页的独立动画文件，则需要使用菜单导出能用于网页的独立动画文件，则需要使用菜单【文件文件 存储为存储为WebWeb和设备所用格式和设备所用格式】，将出现一个如下图所示的大窗口。这个大窗口有许多内容需要介绍。但现在大家只需，将出现一个如下图所示的大窗口。这个
14、大窗口有许多内容需要介绍。但现在大家只需要参照红色箭头区域中的设定即可。要参照红色箭头区域中的设定即可。 同时窗口右下方红色箭头区域会出现播放按钮和循环选项，在此更改循环次数会同时同时窗口右下方红色箭头区域会出现播放按钮和循环选项，在此更改循环次数会同时更改源文件中的设定。需要注意的是，如果在上方的红色箭头区域内没有选择更改源文件中的设定。需要注意的是，如果在上方的红色箭头区域内没有选择GIFGIF，则下方，则下方的播放按钮不可用。这是因为只有的播放按钮不可用。这是因为只有GIFGIF格式才支持动画，如果强行保存为其他格式如格式才支持动画，如果强行保存为其他格式如JPGJPG或或PNGPNG，
15、则所生成的图像中只有第一帧的画面。，则所生成的图像中只有第一帧的画面。 动画文件的导出动画文件的导出 返回本节在在存存储储过过程程中中可可能能出出现现如如下下图图所所示示的的警警告告信信息息，不不必必理理会会，确确定定即即可可。也也可可以以让让其其不不再再显显示示。但但大大家家要要注注意意在在给给文文件件起起名名时时要要使使用用半半角角英英文文或或数数字字，不不要要使使用用全全角角字字符符或或中中文文。这这是为了能更广泛地被各种语言的浏览器所兼容。是为了能更广泛地被各种语言的浏览器所兼容。在这个章节中大家要掌握的是动画的两项属性，即帧延迟时间和循环次数。另外要掌握在这个章节中大家要掌握的是动画
16、的两项属性，即帧延迟时间和循环次数。另外要掌握“复制帧、移动图层复制帧、移动图层”这种的制作简单物体位移动画的方法。并使用该方法制作出同时有两这种的制作简单物体位移动画的方法。并使用该方法制作出同时有两个物体位移的动画。个物体位移的动画。帧的传播特性及过渡帧的传播特性及过渡 返回本节P 帧的透明度传播帧的透明度传播P 帧的传播特性帧的传播特性P 帧的选择帧的选择P 帧的过渡帧的过渡1 1 帧的透明度传播帧的透明度传播 在上一节课中，我们讲了我们制作的是位移动画，是利用图层的移动。除此之外，还可以在上一节课中，我们讲了我们制作的是位移动画，是利用图层的移动。除此之外，还可以通过设定不同的图层部透
17、明度来产生动画，那就是在不同的帧中改变图层调板中的部透明度数通过设定不同的图层部透明度来产生动画，那就是在不同的帧中改变图层调板中的部透明度数值。现在新建一个值。现在新建一个400400100100的图像，新建一个图层并绘制一个圆形。然后一次性复制的图像，新建一个图层并绘制一个圆形。然后一次性复制4 4个帧出来，个帧出来，将会看到将会看到5 5个帧都是相同的内容。将所有帧的停留时间统一改为个帧都是相同的内容。将所有帧的停留时间统一改为0.10.1秒，如下图所示。秒，如下图所示。返回本节接着选择第2帧，在图层调板中将方块图层的不透明度改为80%，第3帧60%，以此类推，因为我们还有一个0%的延迟
18、，所以还需要再复制一个帧出来，为第6帧，并设定透明度为0%。形成的效果如右图所示。这时候播放就会看到方块逐渐渐隐的效果。2 2 帧的传播特性帧的传播特性 返回本节 在操作的过程中大家不难发现，对于图层调板中的不透明度而言，在选择另外一帧的时候它又会回到100%。这说明一个特性，那就是对其中一帧的不透明度更改并不会影响到其他帧。 现在我们已经掌握了两种可产生动画效果的设定，一是图层位置，二是图层不透明度，现在可以综合利用两者来制作一个既移动又渐隐的动画了。只要在刚才单纯渐隐的基础上加以修改就可以了。 不过我们需要一个从左端移动到右端的效果，也就是说形状的起始位置必须在左端，但现在所有帧中的形状都
19、在中间，这该怎么办呢？ 既然“所有帧”都在中间，那么我们就让“所有帧”都到左边吧。在动画调板中选择所有的帧，通过移动工具移动图层到最左端，就会看到所有帧中方块的位置都发生了改变。2 2 帧的传播特性帧的传播特性 返回本节此外还有一种方法：此外还有一种方法：整个动画过程可以看作是一个前因后果的关系，如果你在第一帧删除了某个图层，那么之后所有帧中就都不存在这个层了。因此在Photoshop-CS3动画设定中，第一帧是比较特殊的。现在选择第一帧，确保图层调板中“传播帧1”已被勾选，如下左图红色箭头处所示。然后移动图层，就会发现所有帧中的方块都统一发生了移动，如下右图所示。如果“传播帧1”未被勾选，则
20、只会改变第1帧中的方块位置。2 2 帧的传播特性帧的传播特性 返回本节 这两种方法各有利弊，这两种方法各有利弊，“传播帧传播帧1 1”其实就是将第其实就是将第1 1帧的改变传播帧的改变传播给之后的所有帧。它可以很方便地改变整个动画中某些物体的设定。给之后的所有帧。它可以很方便地改变整个动画中某些物体的设定。而选择所有帧的做法在帧数较多的时候会稍显麻烦，但它可以派生出而选择所有帧的做法在帧数较多的时候会稍显麻烦，但它可以派生出“选择某些帧选择某些帧”的方式，比如只要改变前的方式，比如只要改变前3 3帧时，就可以将前帧时，就可以将前3 3帧一起帧一起选择后进行设定。选择后进行设定。 需要注意的是，
21、即使原先每个帧都设定了不同的图层位置，需要注意的是，即使原先每个帧都设定了不同的图层位置，“传传播帧播帧1 1”也仍然有效。效果等同于所有帧中的坐标按照第一帧进行偏移。也仍然有效。效果等同于所有帧中的坐标按照第一帧进行偏移。3 3 帧的选择帧的选择 在这里再说一下选择多个帧的问题，我们已经知道如果要选择前4帧，可以先选择帧1后按住SHIFT键再点击帧4，或者反其道而行之也可。但如果要选择不连续的帧，如帧1、帧3、帧4，则可以先按照之前的方法选择帧1到帧4，然后按住CTRL键单击帧2，就可以减去选择帧2。重复操作一次则又可以添加选择帧2。如果是要选择距离较远的个别帧，如帧2、帧11、帧17、帧2
22、7，则可以先单独选择其中任意一个，再按住CTRL去添加选择其他的帧。 将所有的帧中的方块都移动到左端后，要做的就是逐个帧地设定方块的位置，那就是选择第2帧移动些许，选择第3帧移动些许。当然这中间有一个我们已经提到过的问题，就是很难保证移动的流畅。返回本节4 4 帧的过度帧的过度返回本节 目前我们制作动画的方法还属于全手动类型的，就是逐帧进行制作。目前我们制作动画的方法还属于全手动类型的，就是逐帧进行制作。比如一个物体的移动，我们是从头到尾参与了每一帧的设定。这种方比如一个物体的移动，我们是从头到尾参与了每一帧的设定。这种方式能够带来最大的可干预性，但同时也使得制作变得非常繁琐，尤其式能够带来最
23、大的可干预性，但同时也使得制作变得非常繁琐，尤其是帧数多的时候。今天我们要学习的就是利用帧过渡来制作动画，它是帧数多的时候。今天我们要学习的就是利用帧过渡来制作动画，它的基本原理是，设定好某段运动的起始帧和结束帧，然后在这两帧中的基本原理是，设定好某段运动的起始帧和结束帧，然后在这两帧中产生平均的过渡。如果是物体的移动，则就是先设定好移动起点帧和产生平均的过渡。如果是物体的移动，则就是先设定好移动起点帧和终点帧。终点帧。4 4 帧的过度帧的过度 新建一个图像，大约新建一个图像，大约500500100100，新建图层并画上圆形形状，将其移动到左上角。接着复制，新建图层并画上圆形形状，将其移动到左
24、上角。接着复制1 1帧，在新帧中将方块移动到右下角，并将图层部透明度设为帧，在新帧中将方块移动到右下角，并将图层部透明度设为10%10%，大致下左图所示。然后按下红，大致下左图所示。然后按下红色箭头处的按钮，将出现下右图所示的对话框，下右图中红色箭头处的过渡方式是指过渡相对色箭头处的按钮，将出现下右图所示的对话框，下右图中红色箭头处的过渡方式是指过渡相对哪一帧，由于之前我们选择的是第哪一帧，由于之前我们选择的是第1 1帧，并且总共也只有帧，并且总共也只有2 2帧，所以既可以选择默认的帧，所以既可以选择默认的“下一帧下一帧”，也可以选择，也可以选择“最后一帧最后一帧”。要添加的帧数就是指过渡过程
25、所将占用的帧数，这里设为。要添加的帧数就是指过渡过程所将占用的帧数，这里设为5 5，那，那么加上原来么加上原来7 7帧，这个动画总共就是帧，这个动画总共就是7 7帧。帧。返回本节 由于只有一个图层(背景层未有变化)在参与动画，所以现在图层选项中任何一个都是可以的。但不选择背景层的话会形成成透明背景，有关动画背景透明的问题我们会在以后学习到。注意右图中红色箭头处的参数，其中有“位置”和“不透明度”这两项。所谓参数就是指进行动画过渡的图层属性，我们之前说过图层的位置和不透明度的变化可以做成动画，在这里就反映出来了。4 4 帧的过度帧的过度返回本节 确定后将会在动画调板中看到的效果大致如下图所示，可
26、以很清楚地看到圆形的位置和不透明度都发生了均匀的过渡。如果之前在过渡设定中关闭了“位置”或“不透明度”参数，显然就没有现在的效果了。 这种利用过渡方式制作动画的方法较为简便，我们只需要考虑某段动画的开始和结束的样子就可以了，中间的过程会自动完成。在这种情况下，开始和结束的那两帧被称之为关键帧(KeyFrame)，因为它们决定了过渡的形态。以后我们也会接触到有多个关键帧的动画。 时间轴动画时间轴动画 认识时间轴 使用时间轴来制作动画返回本节1 1 认识时间轴认识时间轴 返回本节 通过前面的课程，我们已经学会了利用关键帧过渡，以及利用独立图层这两种制作动画的方式。它们可以用来制作一些简单的单物体动
27、画，在很长一段时间内也是Photoshop唯一的动画制作方式。今天我们要学习一种新的利用“时间轴”制作动画的方式。时间轴方式广泛运用在许多影视制作软件中，如Premiere、AfterEffects等，包括Flash也是采用这种方式。 首先，我们按照右图制作准备图像文件1 1 认识时间轴认识时间轴返回本节 点击动画调板右下角的按钮，即可切换到时间轴方式，如下图所示。细心的读者会注意到调板的名称变为了“动画(时间轴)”，而之前的是“动画(帧)”。右下角的按钮变为了，点击将会切换到原先的帧方式。 需要注意的是，这两种方式是互不兼容的，因此不要在制作过程中进行切换。如果误切换了，可以使用撤销命令CT
28、RL+ALT+Z挽回。 在时间轴中我们看到了类似图层调板中的图层名字，其高低位置也与图层调板相同。点击图层左方的箭头标志就会展开该图层所有的动画项目，也就是能制作为动画的要素。在不同性质的图层中，其动画项目也不相同。1 1 认识时间轴认识时间轴返回本节 所谓不同性质就是指如普通图层、带蒙版的普通图层、文字图层、调整图层等，这些都属于不同性质的图层。如图11-23所示分别是“PhotoShop CS3”文字层与“形状1”矢量形状层展开后的动画项目。其共有的是位置、不透明度、样式。不同的是文字层多了一个“文字变形”项目，而矢量形状层多了两个与蒙版有关的项目。 动画的制作不能超出图层自身的动画项目，
29、比如不能对形状层进行“文字变形”。但有些动画项目可以后期再添加，如对文字层添加蒙版后，就令其具备了蒙版的动画项目。 在调板左上方有一组数字0:00:00:00，这是当前的时间码，从右端起分别是毫秒、秒、分钟、小时。一般也就用到秒这级。时间码后面还有一个30.00fps，这个就是帧速率，表示每秒多少帧。一般取值为整数，在影视编辑方面才会用到小数帧率。1 1 认识时间轴认识时间轴返回本章目录 点击动画调板右上角的 按钮后选择“文档设定”，就会出现如下图所示的时间轴设定。在其中可以指定动画总时长和帧速率。按照默认的设置，是总长10秒，每秒30帧，这样总帧数就是300帧，对于网页动画来说这是一个相当大
30、的数值了，制作出来会占用很大的字节数，不利于网络的传输。1 1 认识时间轴认识时间轴返回本章目录如图11-25所示，将动画调板横向拉大一些，就会看到01:00、02:00这样的时间标志，单位为秒。时间轴的最右端正是刚才所设定的5秒总时长。将红色箭头所指出的滑杆向右方拖动，就能放大时间轴的细节，红框区域内就是放大后的时间轴。可以看到在秒之间有了01f、02f这样的标志，这就是帧。我们刚才的设定是5fps，所以每两秒之间都有5个帧。虽然我们只看到最大04f，但要知道05f其实就是和01:00重合在一起的。因此被表达为01:00f，意思就是该处既是第一秒，也是一个帧。注意在两个红色箭头之间有一条不太
31、显眼的细线，这是渲染缓冲指示，其他影视编辑软件也都有这个指示，不过在Photoshop中它的作用并不是很重要，在后面的课程中会提到。右图为放大的时间轴细节2 2 使用时间轴来制作动画使用时间轴来制作动画 返回本章目录 现在我们正式开始利用时间轴来制作动画，这与我们之前的帧式动画有很大不同，但相比之下时间轴方式来的更直观和简便，也是我们以后最主要的制作方式。 接着上一节的内容，开始设定“PhotoShop CS3”的动画。在时间轴调板中展开这个文字层的动画项目，如图11-26所示。确保当前时间为0:00:00:00，同时注意红色箭头处的时间标杆应位于最左端，这就表示是处在起始时刻。 接着用移动工
32、具将“PhotoShop CS3”文字移动到画面的右端。然后在点击图11-26左红色箭头处的秒表按钮，这表示启动了“位置”这一动画项目，并且将目前该文字层的位置(画面最右端)记录在起始时刻。时间轴区域中出现的黄色菱形就是该处包含记录的标志，这也称为关键帧，是时间轴的关键帧，与我们以前学习的过渡帧动画不同。2 2 使用时间轴来制作动画使用时间轴来制作动画 返回本章目录将时间标杆拉到最右边，使用移动工具将文字移动到画面最左端，这时会看到时间轴上的标杆处自动产生了一个关键帧。如图11-27所示，并且注意在红色箭头处有一个菱形的“删除/添加”按钮，此时如果按下该按钮，将会删除时间标杆处已建立的关键帧。
33、如果标杆处没有关键帧，点击则可建立一个新帧。2 2 使用时间轴来制作动画使用时间轴来制作动画 返回本章目录 通过以上的设定我们完成了“动画制作部分”文字的位置移动设定。接着来设定其透明度变化。我们先弄个简单的，就是从开始时淡入，进行到一半时完全显现，然后淡出直到结束。这样就需要3个关键帧进行设定，在开始时刻设定为0%，一半时设定为100%，结束时再设为0%即可完成。大致如下图所示。注意在时间轴方式下不能通过隐藏图层实现透明度变化。2 2 使用时间轴来制作动画使用时间轴来制作动画 返回本章目录 从以上操作我们可以总结出时间轴式动画的一个基本特性，那就是将各个动画项目独立出来，对其中一个项目的修改
34、并不会影响其他项目。比如我们在修改“透明度”的时候就不需要去考虑早先设定好的“位置”。另外就是各项目的关键帧设定允许不相同，不必为了统一关键帧数量再花费心思。 关于新增关键帧有一个需要注意的问题，那就是自动添加和手动添加的区别。当点击某个项目的秒表按钮 后，该项目就会在时间标杆处建立一个关键帧，并自动跟踪该项目在其他时间范围中的变化。这就意味着如果将时间标杆移动到一个新位置，并对图层的该项目上做出了更改后，将会自动在当时标杆处建立一个新帧。如果未做任何更改又想建立关键帧，就需要手动点击秒表按钮左边的 按钮(注意在已有帧处点击将删除该帧)。点击前一帧 和后一帧 按钮则可在各关键帧之间跳转。也可以
35、直接在关键帧上点击右键选择删除该帧。 一般来说，我们都是在动画起始时刻点击秒表按钮 建立第一个关键帧，然后将标杆移动到适当的时刻，对图层做出相应改变，获得新的自动关键帧。周而复始完成整个设定过程。相对而言，手动建立帧的机会并不多，因为都是为了设定，效果与自动增加的帧区别不大。后面的课程中讲解制作加速和减速效果时会用到手动新增帧。2 2 使用时间轴来制作动画使用时间轴来制作动画 返回本章目录 除了单个项目以外，也可以同时设定多个动画项目，它们都会被自动跟踪。现在我们将时间标杆移动到起始时刻，如图11-30所示，启动“动画制作部分”文本图层和“形状1”相应的动画项目，然后拉动时间标杆到不同时刻，相
36、应改变位置和不透明度等。有改变的地方就会留下帧标志。 需要注意的是，由于“形状1”是矢量蒙版图层，因此要记录其位置移动必须使用“矢量蒙版位置”项目，而不是“位置”。5 GIF动画导入和导出动画导入和导出返回本章目录O 视频的导入视频的导入O GIF GIF动画的导入动画的导入O 导出为各种格式的动画导出为各种格式的动画1 1 视频的导入视频的导入 返回本章目录 我们也可以将一段视频作为动画的素材加以导入，方法是使用“文件”|“导入”|“视频帧到图层”命令。这个命令要求系统中安装有QuickTime7.1及以上版本才能使用，否则会出现如下右图所示的警告框。QuickTime是苹果公司所创的一种应
37、用于视频的优秀的编码方式，早年只能在MAC OS系统中使用，现在已经移植到Windows系统中。可从Apple的网站上下载免费版本的播放器，网址为http:/ 我们将一段自拍的动物视频经由Premiere剪接为简短的版本做为演示。进入导入视频帧到图层后的对话框如左图所示。2 2 GIF动画的导入动画的导入 返回本章目录 有些时候可能需要开启现有的GIF动画文件进行再加工，这时就会出现一个问题，那就是直接开启GIF动画文件后只能保留第一帧的画面，而其后的动画帧都被遗弃。如下左图所示。 其实Photoshop是可以开启现有的GIF动画的，只是屏蔽了这功能，我们可以通过“文件”|“导入”|“视频帧到
38、图层”开启动画GIF，如上右图所示默认情况下只能开启视频格式MOV、AVI、MPG、MPEG，而并没有GIF。 现在首先在红色箭头处确认路径正确，然后在图11-38红色箭头处输入符号“*”，按一下“载入”按钮，将列出所有格式的文件，从中选择相应的GIF文件即可以独立图层方式导入动画GIF，或直接输入动画文件全名，如abc.gif、123.gif等。导入后的操作与之前一致。大家可利用这个方法开启以往的GIF动画试试看。3 3 导出为各种格式的动画导出为各种格式的动画 返回本章目录 通过“文件”|“导出”|“渲染视频”命令就可以输出视频格式，如下图所示。将导出视频的格式选择为AVI，然后点击红色箭
39、头处的按钮进行设置。在视频设置中将绿色箭头处的压缩类型选择为“无”即可。这样就能输出一个能在Windows中通过WindowsMediaPlayer播放的视频了。如果将压缩类型选择为其他的如“DV-PAL”也可输出视频，但在画面尺寸、帧速率等方面与我们文档设定的会有不同。本章小结本章小结 除了Photoshop，还有一些软件也能够制作GIF动画，并且在某些方面还更加简单。如Ulead出品的GIF Animator就是其中之一，它可以很容易地将一些静态图片组成各种样式的动画，并添加一些文字或图形。并且可以将动画GIF的各个帧单独输出。也可以输出为PSD文件格式，每个帧存放在一个图层中并保留透明信息。在Photoshop中开启这个PSD文件，在帧方式下点击动画调板的右上角的扩展菜单，选择“从图层建立帧”即可创建独立图层形式的动画。在实际的制作中，大家可视情采用这类软件。 现在大家已经具备完全的GIF动画制作能力，可利用照片、视频或自己绘制图形来完成制作。将动画以彩信发送给亲朋好友吧，并在其中加上你的祝福话语。
