文章目录

一、导入素材
二、制作毛毛虫动画
- （1）移动中心点
- （2）插入关键帧
- （3）调整位置大小
- （4）标尺
- （5）创建传统补间
- （6）效果
三、制作影子动画
- （1）创建新图层
- （2）画一个椭圆
- （3）模糊
- （4）插入关键帧
- （5）调整
- （6）创建传统补间
- （7）效果
四、移动动画制作
- （1）新建图层
- （2）画一个圆
- （3）合成
- （4）动画
- （5）最终效果
五、补充

一、导入素材

这里手绘了一个的毛毛虫，凑活着看吧哈哈。

二、制作毛毛虫动画

（1）移动中心点

首先咱们把除了尾部所有的中心点移动到毛毛虫要运动的位置。（用【任意变形工具】选择要移动的部件，才有中心点）

比如，头部中心点移至右下角。

移到右下角就行。

后边的就不演示了，自己去弄。

最后的尾部不用挪。

（2）插入关键帧

在第15帧的位置，我们右键：插入关键帧。（记得全选）

然后在30帧的位置，也插入关键帧。

（3）调整位置大小

①在15帧的位置，将头部变大，并向前倾斜。

然后，将其他部位，拉长压缩。

（4）标尺

毛毛虫需要在一条直线上运动，这里我们用标尺来调整。（直接从上往下就能拖拽处一条线啦）

第一帧的时候，毛毛虫在这个位置。

第15帧的时候，将毛毛虫也调整到这条线上。

（5）创建传统补间

接下来，将区间选中。（鼠标左键按住拖拽即可选中区间）

右键“创建传统补间”。

（6）效果

看一下效果：

三、制作影子动画

（1）创建新图层

新图层命名为“影子”。

（2）画一个椭圆

接下来画一个黑色椭圆。（第1帧的位置）

将它F8转化为元件。

（3）模糊

然后增加一个滤镜模糊效果。

（4）插入关键帧

分别在第15帧和第30帧的位置，插入关键帧。

（5）调整

在第1帧和最后一帧的位置，将透明度改为80。

在第15帧的位置，将投影压缩一下，透明度改为100。

（6）创建传统补间

将两边区间选中，然后右键“创建传统补间”。

（7）效果

来看一下有投影的效果吧：

四、移动动画制作

（1）新建图层

先新建一个图层，将它放在最上面，取名为“合成”。

（2）画一个圆

用【椭圆工具】随便画一个椭圆。

然后F8将它转化为元件。

（3）合成

将下边所有的帧选中。

右键“剪切帧”。

双击进入刚才画的小椭圆。

将这个小椭圆删除。

然后选择第一个帧，右键“粘贴帧”。

就粘贴进来啦。

点出去看一下。

将不要的图层删掉。

清除多余的帧。（除了第一帧，其他都删除）

将毛毛虫移到中间，Ctrl+Enter看一下效果。

可以看到，虽然只有一个帧，但毛毛虫还是在动。因为它在合成剪辑里边，做了一个动画。

可以多复制几个出来，都是可以的。

比如这里将毛毛虫按住Alt键拖拽一个出来。

然后再Ctrl+Enter看一下效果。

（4）动画

①创建传统补间

我们将刚才复制出来的删掉，将毛毛虫移到最左边。

在第60帧的位置，右键“插入关键帧”。

然后将毛毛虫移到最右边。

然后在区间内右键“创建传统补间”。

②创建空白帧

将这些帧整体挪动到40帧的位置。

然后点击第40帧处，Ctrl+C复制这一帧的形态。

然后在第1帧的位置，Ctrl+Shift+V将这个形态原地复制。

如果觉得太快，可以继续在区间内按F5添加帧。

（5）最终效果

看一下最终效果：（Ctrl+Enter可预览效果）

五、补充

刚才我们在影片剪辑里面做了一个动画。

可以给它复制无数的帧，大小也可以不同。

比如，我们新建一个图层。

将库里面的“合成”拖拽进来。

再按住Alt键复制一个，缩小一点。

Ctrl+Enter导出最终效果：

希望文章对你有帮助，原创不易，多多支持~

An动画基础之元件的影片剪辑动画与传统补间相关推荐

An动画基础之元件的图形动画与按钮动画
文章目录一.图形动画 (1)图形动画与影片剪辑动画区别 (2)播放一次 (3)单帧效果二.按钮动画 (1)画一个圆角矩形 (2)元件类型转化为按钮 (3)功能介绍 1)指向 2)按下 3)点击 ( ...
Flash中传统补间，补间动画，补间形状的区别
一.应用对象不同 1.传统补间: 元件(可为影片剪辑.图形元件.按钮(还没学到)等),绘制好的形状转换成的元件,必须先转换成元件再进行操作需要有首尾关键帧且为同一个对象(在尾关键帧上直接插入关键帧) ...
An动画优化之补间形状与传统补间的优化
文章目录一.补间形状的优化 (1)准备工作 1)写字 2)画圆 3)标明 (2)创建关键帧及动画 1)创建关键帧 2)创建补间形状 3)改变速度 (3)效果二.传统补间的优化 (1)准备工作 1) ...
q版地图制作软件_Flash动画的图形元件实例-Q版人物侧面行走
对于刚入门者而言,学会了基本图形的绘制之后,如何应用软件的各种动画补间功能,制作出具有表现力的动画,就需要更进一阶的知识技能了:那么,设计制作一个卡通人物的行走效果,如何从没有头绪的任务到变成有通用公 ...
怎么在FLASH的场景中控制影片剪辑的播放和停止
<--好消息!好消息!好消息! 粉丝超过2000的公众号主快来接单吧,快来领取你的第一笔广告费.(粉丝数不够的小伙伴,请私信我一并解决) 新用户注册红包1.8元,新用户注册并接单红包9.9元. ...
flash人物原地走路_Flash动画的图形元件实例-Q版人物侧面行走
对于刚入门者而言,学会了基本图形的绘制之后,如何应用软件的各种动画补间功能,制作出具有表现力的动画,就需要更进一阶的知识技能了:那么,设计制作一个卡通人物的行走效果,如何从没有头绪的任务到变成有通用公 ...
JS 动画基础: 细说 requestAnimationFrame
JS 动画基础: 细说 requestAnimationFrame 文章目录 JS 动画基础: 细说 requestAnimationFrame 简介参考完整示例代码正文 `setInterva ...
Android动画基础
Android动画基础在Android应用开发中,我们经常会使用到动画,提升用户体验,吸引更多用户,在这里我总结当前的常用Android动画.简单来说Android动画总共分为两类,传统动画和属 ...
Flash 第十章补间动画复习和引导动画
补间动画复习和引导动画一. 动画制作的流程: 先做出来的肯定是形状或图片把它放入-→图形元件,方便制作传统补间把图形元件放入-→影片剪辑,加入动画把影片剪辑放入-→舞台在舞台上调整时间差, ...
形状补间动画和动作补间动画区别一览表
形状补间动画和动作补间动画区别一览表项目形状补间动画动作补间动画概念在一个关键帧中绘制一个形状,然后在另外一个关键帧更改或绘制另一个形状,FLASH据二者间形状创建的动画在一个关键帧中设置 ...

An动画基础之元件的影片剪辑动画与传统补间