`
cloud21
  • 浏览: 396441 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

如何掌握逐帧动画

    博客分类:
  • Flex
阅读更多
问题:逐帧动画与移动渐变动画,形状渐变动画有什么区别?
解决思路
在本例中详细地解释了逐帧动画的特点和与其他形式动画的区别。逐帧动画,顾名思义就是把运动过程附加在每个帧中,当影格快速移动的时候,利用人的视觉的残留现象,形成流畅的动画效果。
具体步骤
1、运行Flash MX 2004,文档属性默认。
2、单击第1帧,利用椭圆形工具在舞台的左侧画一个红颜色无边框的圆。
3、单击第1帧,按快捷键“F6”键,连续在时间轴上插入10个关键帧。如图2.1.51所示。



图2.1.51   插入关键帧
4、单击第2帧,使用鼠标或者键盘上的方向键调整舞台中的红色圆的位置,使之向右侧移动一小短距离。
5、重复第4步骤的方法,分别设置其余9个帧里面的圆形位置。如图2.1.52所示。



图2.1.52    逐帧动画效果
6、测试效果。请参看源文件2.1.6-1.fla
我们发现这个效果与移动渐变效果基本相同,那为什么还要用逐帧动画呢?原因在于,移动渐变动画是由Flash程序产生的,有一定的机械性和局限性,对于表现复杂的移动效果的优势就不是很明显了。逐帧动画正好补充了这个空白。使变化的效果更加细腻。
7、下面我们再做一个逐帧动画,新建一个Flash文档,属性默认。
8、单击第1帧,利用矩形工具绘制一个无边框的黑色矩形,并把它放置在舞台的上端;
9、在时间轴上按快捷键“F6”键,插入9个关键帧入土2.1.53所示。



图2.1.53       插入关键帧
10、单击第2帧,使用箭头工具,适当的拉伸黑色的图形。
11、按照此方法,依次拉伸其余的九个帧。如图2.1.54所示。





图2.1.54     逐帧动画效果
12、测试效果,从第1帧到第10帧黑色图形逐渐变化,就像是流动下来一样。这就是形状逐帧动画。它与形状渐变动画是没有区别的,形成的效果是一样的,但是与移动渐变动画一样,逐帧动画在表现复杂变化效果方法的优势明显。请参看源文件2.1.6-2.fla。
注  意  ——因为逐帧动画所涉及到的帧的内容都需要创作这手工去编辑,任务量比较大,所以在确定使用哪种动画形式的时候,一定要做好思想准备。
提  示  ——制作逐帧动画不涉及到帧里面的内容是元件还是图形或者位图,这一点与移动渐变动画,形状渐变动画不同。
技  巧  ——在制作逐帧动画的时候,往往前一帧与后一帧的内容没有大的差别,我们就可以使用Flash MX 2004提供的绘图纸外观工具来观察前一帧,或者全部帧的变化,对于我们精确的把握动画效果,有极大的帮助。如图2.1.55所示。



图2.1.55     绘图纸外观工具
试一试  ——朋友们利用工具栏里面的“自由变形工具”自己试一下逐帧动画效果。
分  析——制作逐帧动画一定要注意两帧之间的联系,跳跃不要太大。虽然移动渐变动画和形状渐变动画的过渡效果是非常平稳的,但是对于复杂动画变化来说使用逐帧动画有明显的优势。所以锻炼制作逐帧动画是非常必要的。
特别提示
本例中所使用的源文件效果与移动渐变动画和形状渐变动画相似,其实逐帧动画的制作是非常复杂的,需要我们具有耐心才能够完成。


特别说明
逐帧动画是最基本的动画原理。小时候我们看到过的把一本书的每一页都画上形状,快速的翻动书页,就会出现连续的动画。这就是逐帧动画的原理。
人眼在正常情况下有一个视觉残留,逐帧动画正是利用这一点来完成自己的动画效果。在制作逐帧动画的时候要灵活应用,可以采取空1帧,空2帧的做法。
相关问题
◎使用逐帧动画会增加flash文件体积吗?
因为逐帧动画的特点,一个连续动作时有许多个关键帧组成的,所以会增加文件的体积。而且逐帧动画在制作过程中要付出远比其他形式制作形式大得多的努力,所以要有目的的使用逐帧动画,把作品中最能体现主体的动作、表情用逐帧动画来表现。
分享到:
评论

相关推荐

    逐帧动画素材

    对于初学者来说,这样的素材库是宝贵的实践材料,可以帮助他们快速掌握逐帧动画的制作流程。 逐帧动画在信息技术教学中扮演着重要角色,因为它涉及到图像处理、时间轴管理、帧速率设定等多个概念,这些都是计算机...

    逐帧动画演示

    通过掌握逐帧动画,开发者可以创建出丰富多样的视觉效果,增强用户体验,同时也能更好地理解和欣赏传统动画艺术的复杂性。在实际应用中,逐帧动画常用于移动应用的交互元素、网页加载动画、游戏角色的动作设计等场景...

    FLASH逐帧动画飞鸟素材

    在动画制作领域,逐帧动画是一种基础且重要的技术,它涉及到每一帧图像的独立设计,以创造出连续的动态效果。"FLASH逐帧动画飞鸟素材"这个主题,为我们揭示了如何利用预先绘制好的图片资源来创建逼真的鸟类飞行动画...

    逐帧动画讲解

    逐帧动画是一种常见的动画形式(Frame By Frame),其原理是在“连续的关键帧”中分解动画动作,也就是在时间轴的每帧上逐帧绘制不同的内容,使其连续播放而成动画。 因为逐帧动画的帧序列内容不一样,不但给制作...

    逐帧动画demo

    在本"逐帧动画demo"中,作者提供了一个简单的实现案例,旨在帮助初学者理解并掌握这种技术。 逐帧动画的基本原理是利用时间间隔控制每帧的显示,当这些帧快速连续播放时,人的视觉系统会将它们合并为连续的运动。...

    逐帧动画精灵动画素材.zip

    在IT行业中,精灵动画(Sprite Animation)和逐帧动画(Frame-by-Frame Animation)是创建动态效果和交互式内容的常见技术,特别是在网页设计、游戏开发以及教学资源制作等领域。这些概念与Html5交互动画紧密相关,...

    逐帧动画 资源

    "逐帧动画"是一种常见的动画类型,尤其适用于游戏或复杂的视觉效果。本资源包专注于Android的FrameAnimation,它允许开发者通过连续播放一系列图片来创建流畅的动画效果。下面我们将深入探讨如何在Android中实现逐帧...

    创意超赞动画精美的国外逐帧动画ppt模板.rar

    在IT领域,PPT(PowerPoint)是一种广泛使用的演示文稿制作工具,它允许用户创建...通过熟练掌握逐帧动画的制作技巧,结合高质量的模板设计,你的演示文稿将更加生动、有趣,从而更好地传达信息并吸引观众的注意力。

    逐帧动画课件1.ppt

    逐帧动画是一种经典的动画制作技术,它通过在时间轴上每一帧都绘制不同的内容,然后连续播放这些帧来创建动态效果。...对于学习动画制作的人来说,掌握逐帧动画的基本原理和技巧是非常重要的一步。

    制作逐帧动画素材

    在动画制作领域,逐帧动画是一种古老而经典的技术,它通过连续播放一系列细微差异的静态图像来创造出动态的效果。在本话题中,我们将深入探讨如何制作逐帧动画的图片素材,以及涉及到的相关技术和工具。 首先,我们...

    逐帧动画源码

    本资源“逐帧动画源码”旨在提供一个深入理解逐帧动画工作原理的实例,帮助开发者快速掌握Android系统中如何实现这种动画效果。 逐帧动画的基本原理是通过连续播放一系列静态图像来创造动态效果,就像传统的手绘...

    flash逐帧动画实例

    在Flash动画制作中,逐帧动画...以上就是关于Flash逐帧动画的实践应用,通过倒计时和打字效果的案例,你可以更好地理解和掌握这一技巧,并运用到更多创意的动画制作中去。记得不断实践和探索,提升自己的动画制作水平。

    制作逐帧动画PPT学习教案.pptx

    【制作逐帧动画PPT学习教案】是...这份教案通过实例和任务引导,旨在帮助学习者掌握逐帧动画的制作技巧,了解Flash中的帧操作,提升动画创作能力。通过实践,学生可以更好地理解和应用这些知识,创造出自己的动态作品。

    android逐帧动画

    在Android平台上,逐帧动画是一种常见且直观的动画实现方式,尤其适用于创建简单的连续图像序列,比如行走、跳跃等动作效果。在这个特定的案例中,我们看到标题为“android逐帧动画”,描述提到有三张图片进行切换,...

    Flash豹逐帧动画素材

    "Flash豹逐帧动画素材"是一个专门针对初学者的教育资源,帮助他们了解并掌握逐帧动画的基本概念和制作技巧。 逐帧动画是Flash动画的核心组成部分,它是一种将每个动作分解为一系列连续的静态图像(帧)的动画形式。...

    动画制作 逐帧动画素材.rar

    在动画制作领域,逐帧动画是一种基础且重要的技术,它涉及到许多关键的IT知识点。逐帧动画是指通过连续播放一系列微小变化的静态图像来创建动态效果的动画形式。这种技术广泛应用于游戏开发、视频编辑、网页设计以及...

    flash逐帧动画完整版资料.ppt

    《Flash逐帧动画制作详解...熟练掌握逐帧动画的制作技巧,无论是简单的物体运动还是复杂的形变动画,都能游刃有余地呈现出来。通过不断的练习和探索,可以不断提升动画制作的专业水平,创作出令人印象深刻的视觉作品。

    flash逐帧动画

    在IT行业中,Flash是一款历史悠久的动画制作工具,尤其在网页设计和互动内容开发领域曾经扮演着重要角色...通过深入理解和掌握逐帧动画的原理,不仅能够提升数字艺术创作能力,也能为跨平台的内容创作提供灵感和方法。

Global site tag (gtag.js) - Google Analytics