flash教程-补间动画-翻书效果

通过flash中的动画制作我们可以做出各种各样的有趣的动画效果!接下来我们来做一个书本翻页的动画效果!

操作方法

  • 01

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

  • 02

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

  • 03

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

  • 04

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

  • 05

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

  • 06

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

  • 07

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

  • 08

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

  • 09

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

  • 10

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

  • 11

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

  • 12

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

  • 13

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

  • 14

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

  • 15

    在最后保存,测试影片。

(0)

相关推荐

  • 如何制作Flash形状补间动画

    在这里介绍制作Flash形状补间动画的方法,希望本指南能帮到大家. 操作方法 01 下面,举例演示其制作方法.比如,制作一个圆形从左到右移动的形状补间动画. 首先,我们启动FLASH软件,打开界面,再 ...

  • FLASH形状补间动画

    用FLASH软件绘制动画,有点时候会涉及补间动画,补间有二种,一种是动画补间,一种是形状补间,这次讲形状补间的使用. 操作方法 01 双击FLASH软件,新建一个FLASH文档: 02 在空白处点击右 ...

  • Flash cs6中各种补间动画的区别

    在知道里回答问题的时候发现很多新学flash的朋友搞不清楚什么时候要用创建补间动画,什么时候用创建补间形状,什么时候要用创建传统补间.在此做一总结分析,希望能帮他们搞清这个问题. Flash的补间动画 ...

  • flash教程之形状补间动画!

    电视里经常播放一些广告,由一些明星的头发或者皮肤.眼睛什么的,一下子变出洗发水,护肤品,隐形眼镜,这些用形状补间都可以做出来,一起来看看吧,我只是抛砖引玉,引出大家更多的好想法! 形状补间特效:忽略图 ...

  • 实例教程:Flash的形状补间动画

    形状补间动画通俗来说指的是形状的过度过程,比如从正方形过度到圆形这个过程的形状,一般作用于图形,比如图形的位置.大小.形状.颜色.Alpha等的补间动画. 操作方法 01 显示标尺 点击[视图],在弹 ...

  • flash cs5学习:[1]传统补间动画

    flash当中有很多动画形式,如形状补间.动作补间,还有引导动画.遮罩动画等等,其中最基础的就是传统补间动画的设置了,只有熟悉了各类动画的特性和操作,才能更好的做出更加精美的flash动画,下面开始传 ...

  • flash如何制作形状补间动画

    我们在使用flash制作动画时,可以制作从一个图形转变为另一个图形的补间动画,下面我们就来看看这种动画是怎么制作的吧. 操作方法 01 打开flash这款软件,进入flash的操作界面,如图所示: 0 ...

  • flash创建图形补间动画(之透明度渐变)

    为flash对象添加渐变色效果,会使得作品更加精彩.下面来看看怎么做吧. 操作方法 01 打开软件,新建一个空白文档. 02 在舞台上面绘制一个椭圆形. 03 在第20帧上面单击鼠标右键,选择菜单中的 ...

  • flash动画软件知识学习:[4]创建传统补间动画

    flash软件就不做多余的说明,我们现在的网页能那么的形象生动很大部分都是由于flash软件的运用.我们一步一步慢慢学习这个软件. 本篇我们来学习如何创建传统补间动画. 操作方法 01 首先,我们新建 ...