flash怎么使用补间动画制作翻书效果?

所属分类: 媒体动画 / Flash教程 阅读数: 74
收藏 0 赞 0 分享

今天我们就来看看flash制作动画的方法,很简单的补间动画的制作方法,请看下文详细介绍。

1、打开flash软件,新建文件。创建网格修改网格大小

2、添加两个图层,一个图层命名为“书”,另一个命名为“页”

3、选择图层“书”,在这一层中用矩形工具绘制一个书本的右半部分,如图调整形状,大小(矩形工具:有笔触,用选择工具来改变形状)

4、然后全选该图形,将其复制粘贴在左边作为书的左半部分

5、然后再次粘贴复制右半部分与图层“页”的第1帧中

6、接下来,就是修改书页在不同状态下的形状大小,这还是用选择工具和任意变形工具来弄

7、在图层“书”的第40帧插入关键帧

8、在图层“页”的第10帧右击,插入关键帧,然后选择任意变形工具把书页往左侧拖小一格,在用选择工具,将鼠标放与矩形书页的边角上出现一个直角的标志,按住鼠标左键拖动至合适的位置,如图

9、然后在图层“页”的第20、30、40帧中分别插入关键帧,并分别为每个状态修改形状大小。

10、然后为每一段添加补间形状

11、在这时,可能会在第20帧到30帧的动画会有问题,那书页是飘过去的

12、怎么解决呢?这我们就要进行“添加形状提示”的命令,这个命令在菜单栏-修改-形状

13、点击“添加形状提示”会出现一个写有字母的小圆圈。我们要把这小圆圈拖拽至书页的四个角。我们在第20帧添加形状提示并把出现的圆圈拖至一角,这个动作重复进行四次,把出的圆圈拖到不同的角,如图

14、然后来到第30帧,这时就可以看到矩形的中间有4个圆圈叠在一起,我们就要把这些圆圈拖至我们在第20帧中拖至的位置。根据每个圆圈中间的字母来辨认位置,如果放对位置,那圆圈就会变成青色,原来第20帧就会变成黄色,如图

15、在最后保存,测试影片。

好了简单的动画效果就完成了,需要的朋友可以先练练手,脚本之家还有更深奥的教程,大家可以搜索观看。

相关推荐:

FLASH各自旋转的多层圆形盘动画?

FLASH怎么制作一个放大镜放大文字的动画?

flash怎么制作一个图片四处翻动的运动补间动画?

更多精彩内容其他人还在看

FLASH CLASS的基本编写规范

继续回来写教程。本来不想写这节的,因为这节的内容很多书上或者网上资料都有,而且写的比我要详细正规得多。但后来想想,还是写吧!为啥?凑篇幅呗~啊哈哈~而且后面几节要结合接宝的范例游戏,具体分析它的几个CLASS,所以,还是用一节把CLASS的写法说一下。可能我对CLASS
收藏 0 赞 0 分享

flash教程:使用拆分数字和文字的函数

flash的小函数:拆分数字和文字的函数. 以下为引用的内容: /* * 拆分数字和文字 */ public function splitNS(s:String):Object{ var tNum:String=""
收藏 0 赞 0 分享

通过实例学习Flash AS3.0——案例六

相关文章: 通过实例学习Flash AS3.0——案例五 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下
收藏 0 赞 0 分享

用Flash AS制作逼真的下雨动画效果

Flash教程:用Flash AS制作逼真的下雨动画效果 先看下效果:(附.swf文件) 制作过程 一、新建一图层,大小随意; 二、新建元件(影片剪辑): 1、制作雨滴并下落。使用直线工具(颜色设为灰色,1像素)画一短直线,使用选择工具将直
收藏 0 赞 0 分享

通过实例学习Flash AS3.0——案例五

相关文章: 通过实例学习Flash AS3.0——案例四 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下
收藏 0 赞 0 分享

Flash CS3制作Fla形式的组件

  本文为大家介绍如何制作Flash CS3中的[*.fla]形式的的组件(Component)。这种组件和SWC组件不同,它和CS3自带的组件一样能够双击进入组件里面编辑,是Flash CS3新增加的一种组件形态。下面我们制作一个MyButton组件为例子。   制作步骤:
收藏 0 赞 0 分享

通过实例学习Flash AS3.0——案例四

相关文章:通过实例学习AS3.0——案例三 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知识。
收藏 0 赞 0 分享

通过实例学习flash AS3.0——案例二

相关文章:通过实例学习AS3.0 --案例一 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知识。 水平有限,错误难免,欢
收藏 0 赞 0 分享

通过实例学习AS3.0——案例三

相关文章:通过实例学习flash AS3.0——案例二 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知
收藏 0 赞 0 分享

通过实例学习AS3.0

首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知识。 水平有限,错误难免,欢迎大虾小虾,大鸟小鸟指正。 下面进入正题:
收藏 0 赞 0 分享
查看更多