粉丝339获赞1387

今天要给大家来示范制作这样一个页面,我们先看一下效果,小猪佩奇跑出来了,奇怪,都快中午了,怎么没有人叫我起床呢?说了一句话, 然后他就慢慢的走出去了,那这里面呢就是主要就是一些动画的设置,首先我们看这个画面上这个小猪啊,我们要让他在床上的时候要被这个被子盖住,你看 小猪直接站在床上,他就是站在被子上,怎么样能够盖住呢?那你必须要有这样的一个被子,和他一模一样才可以把它盖住。然后呢这边 他要说话当然是要有文字,然后声音在哪里呢?我们是把它放在一个动画里,就是在这里动画插入动画里面加了一个声音, 那后面他怎么走出去呢?就是这个小猪佩奇啊,我们看一下这个路径动画,就是这个动作,一共给他设了三个动作, 第一个动作从床上跑到地面上,第二个动作是从地面上又走到门口,第三个动作呢他是慢慢的缩小,就是一边走一边缩小,整个效果就是这样子的,我们来做一下, 首先这个背景我们得换掉,选择一个本地图片,我们选用的是这个背景, 然后呢我们来设置一下这个场景,这边我们放一个窗户,放的小一点,在右下角,我们又给他放上一个门啊,这个场景我们装饰一下, 边上放一张床,这些窗户啊,这些门这边我们都可以给它锁定掉, 锁定的好处呢,就是防止在上课的时候啊,小朋友给他勿拖动,勿操作了。 我们看啊,这个小蚂蚁他放在这里的话,他就是站在这个床上,所以我们要给他这个被子啊,把这个小蚂蚁盖住,不然你就一看他是站在床上,我们要模仿他是躺在这个被子里的,所以我们要用到这个被子, 给他缩的小一点,这样我们调的差不多大,和下面这个床啊差不多大,这样我们就把床盖好了,然后小蚂蚁就在被子里, 这是基本的这个场景,我们坐下了,然后我们设置动画,这个小蚂蚁出现动画我们就可以不用设置,因为画面出来的时候他就是躺在这个被子里的,所以我们这边出现动画就无不要设了,设置动作自定义路径, 按它跑出来, 这速度是可以调的稍微快一点,小蚂蚁跑到这里等一会他要说话的,然后等, 等一会还要让他再走到外面,那我们再来继续添加动作动画, 再来一个自定义动画,它是怎样走呢?就是要往这边门这边走,当然我们现在大家看啊这个线, 这个自定义的这个路线,他是小蚂蚁还是在床上,而实际上我们应该知道他是走到了这里,从这往到这边走,所以我们在这里设置的时候,这条路线啊,你不能设置的太长啊,不能一下子拉到这里,我们就是稍微 短一点。好,这个不用担心,因为他走到这里以后,下面的动作是从这往这边门这边走,然后第三个动作 还是这只小蚂蚁,要让它慢慢的缩小, 只是放大百分之一百二十六是放大,我们要让他缩小,缩小以后他就从门这边再消失掉,现在只是缩小,缩小到百分之七十三还没有消失,所以我们要给他设置一个消失动画,比如说弹出 好,这样他就基本上能够走到门这边了,我们来看一下预览, 走出来再走,走到门这边再出去,好,这边我们可以看到第二次,他这边走啊,短了一点,我们可以拉的长一点好,然后 淡出的时候,就是他走到这边,到门这里的时候,我们希望他一边走一边慢慢的小,就是这个路径,动画和这个缩放要让他同时进行,我们看一下,同时 先是走出来,再慢慢的这样,哎,他就消失了,所以我们在这里啊, 这个路径要这样子再长一点,这个是主要是通过动画的这个细致的这个设置,稍微往下一点,从这个门里他就 出去了啊,为什么现在这个路径画的这么长呢?因为他实际在动作的时候就是移动的过程中还在缩小,造成他走的路线是变短 了,所以我们要画的长一点好,然后这些动画就是分布实施,只有这两个是他同时的啊,上一个动画同时好,然后我们在这边还要让他讲话,画一个 说话的这一个框,然后里面把这个文字输入,怎么没人叫我起床呢?我们给他设一个动画插入,从下往上插,这样子速度可能快了点,调的慢一点 啊,插入以后呢,我们要让他有声音加上一个声音,他说话的声音就是这句奇怪,都快中午了。好,我们这样就让他说了这样一句 句话,说完这一句话以后,要让这个文本框啊,要让它消失,淡除, 排列好顺序。首先这是小蚂蚁啊,他走出来了,走出来以后他会说话,就是这个有喇叭。 上一个动画之后我们设置啊,上一个动画之后他会讲话,讲话以后过了一会 这个字会消失,我们也设置上一个动画之后,那么有可能他这个话说的比较长,但是这个动画有可能 还没来得及说完,他就淡出了,所以我们这里要加上一个延时,比如说我们延时两秒钟以后, 延时两秒钟以后让他消失,这样子啊,然后后面再我们通过这个点击让他走。好,我们来把这个动画演示一遍,首先我们点击下一页,小蚂蚁走出来, 奇怪,都快中午了,怎么没有人叫我起床呢?你看刚才他这边说话 到消失速度两秒钟,延时啊,还是快了一点,就是把这个延时啊,时间再长一点。然后我们把这个文本画也应该移到左边一点,或者把小蚂蚁移右边一点,再点下一页,他说完了就要走到这个门边出去了, 好,这样就消失了啊。最后这边呢,主要就是有几个要调整的,一个这个要位置调 的左边一点,放在他的这个头上。第二个呢,这里弹出,就是他走完以后,上一个动画之后要让他弹出,不需要点击就可以,然后这一个弹出 我们要让它延时长一点,两秒太短了啊,延时三秒再让它消失,好,这样整个这个场景我们就设置完了。
