-模块二基础动画-1728197336651.pptx

→模块二：基础动画进度动画《前端互动设计》课程讲授人：彭珂珂

今天要教大家怎么制作进度动画。进度动画可以实现两种效果，第一种效果是线条绘制的效果，第二种效果是实现文字打印机的效果。

1.新建一张纸，把舞台的背景改为蓝色。一、文字打印机的效果：

如果你需要更换颜色的情况下，请在属性栏里面找到任何颜色都可以。

2.编辑文字：打上第1个字：Morning。然后打上第二个字：Changsha!12

3.但是，此时这个字叹号不见了，按住Q键，出现任意变形工具，把它拉长一点，字体就能够完全呈现在画面上了。

3.划分图层:现在我需要对这个文字进行字体的改变，两个文字，我需要Changsha在另外一个层次。那么选中Changsha，按ctrl+X把它剪切掉。4.新建图层2在图层二的第一帧上激活。5.然后ctrl+V粘贴，那么就是Morning在图层1，Changsha在图层2

6.更改字体：这个时候，他们分别是不同的图层，但是一样的可以把它进行批量化更改。拉住鼠标左键，全部选中，再到你的属性面板栏里面，往下翻，翻到这里有一个字体的选择，我们可以往下拖，拖一个比较随意一点的手写字体，选择好字体。

7.改变字体大小：大小也可以调大一点，Morning想让它55号字，发现不够长，之后把它拖长就没问题了。Changsha字体可以调小一点，改为40号字。

我可以对它的旋转角度进行旋转，当你选中这个时候把它拉长一点，放过来，那么两个字都做好了。

8.改变字体颜色：做好的情况下，一样的可以把它变颜色，全部选中，往上翻，找到我的填充色，这里选择的是白色，这样比较搭。

9.制作进度动画：选好的时候，那么我们就开始对他分别来进行进度动画，选中Morning这一层，然后在15帧的位置上，按F5插入帧，那么，第一帧到第15帧的Morning就保持住了。然后在第一帧和第15帧的任意位置右击进入到菜单栏里面，我们要选择插入进度动画，那么进度动画就插入进来了。

ee进度动画形成了之后，时间轴上呈现的颜色作为紫色。预览一下效果。首先把Changsha这一层的眼睛关掉看一下，基本出现这样的效果了。

这个如果看不清的情况下，我们可以选中这一个页面单独激活页面上的这个浏览，这个浏览页面，他就会单独浏览这一页，Morning的打字机效果就出来了，就一个一个字出来了。

之后制作Changsha，我要的Changsha的效果是Morning这个字写完了之后，再出现Changsha。但是把Changsha的眼睛点开，Changsha这一层，在第一层就出现了，怎么办？那么前面的两帧都是为空帧，不用去管它，这个时候就意味着Changsha只在图层2的16帧上出现。10.此时先摁住鼠标左键拖住changsha这一层的第一帧，往后拖，拖到16帧的位置上。

11.然后，给它10帧的动画，16到26帧，插F5。此时，在16帧到26帧的任何一个位置上右击，插入进度动画，这个时候的动画效果就是Morning写出来，Changsha再出来。

问题1：当Morning出现在15帧的时候，16帧它会消失。因为在Morning这一层上16帧是不存在东西的，因为16帧是出现的Changsha，那么想要Morning的话保持效果怎么办？解决方案：应该要在26帧的位置上插F5，保留和Changsha一样的图层，这个问题解决了。

问题2:Morning是不是在16帧的时候就完了，但是现在无形当中就把Morning的图层增加了十帧，所以到16帧的时候它不会消失，它会慢慢的出来。但我们要的效果是Morning出现到1到15帧，然后就不动了，保持整个文字的出现效果，但是现在这么做的话，它出现效果是1到26帧Morning才完全走完，Morning走得很慢，它基本上是跟Changsha这个词是一起结束的，这不是我们要的效果。

那么也就意味着Morning这一层，它的进度动画将在16帧的时候结束，但是又保持Morning这一层不消失，让他跟随在Changsha整个过程之中，就是我们要完成的效果。解决方案：所以需要在Morning这一层的16帧上插F6，F6是插关键帧，在这里插一个关键帧，就断开了它后面这10帧的进度动画。