用户名: 密码: 验证码: QQ--程序群:31736530 动画群:38836599
闪无忧
 
首 页 业界新闻 业界杂谈 Flash教程 Flash源码 Flash图书 Flash酷站 Flex & AIR 供求信息
   本栏目通告:   有意向写收费精品教程的朋友,请联系本站合作
当前位置 :首页>flash教程>Flash基础操作>列表

动画补间和形状补间教程

[来源:中国教程网论坛 | 作者:清风掠影 | 时间:2008-07-16 | 点击:  | 收藏本文  【 】]

补间动画一直是FLASH里常用的效果,所谓的补间动画,其实就是建立在两个关键帧(一个开始,一个结束)的渐变动画,我们只要建立好开始帧和结束帧,中间部分软件会帮我们填补进去,非常方便好用。

补间动画有两种:动画补间和形状补间

动画补间:是由一个形态到另一个形态的变化过程,像移动位置,改变角度等。动画补间是淡紫色底加一个黑色箭头组成的。
形状补间:是由一个物体到另一个物体间的变化过程,像由三角形变成四方形等。形状补间是淡绿色底加一个黑色箭头组成的。

有时候,创建补间会失败,这时图层就变成虚线了,如图:

这是怎么回事呢,首先先检查下,两个关键帧有没有问题。动画补间的两个关键帧必须是为组合状态(包括元件),形状补间的两个关键帧则必须是为打散状态的,如图:

如果发现没有,那么,就把图选起来,按Ctrl+G组合下,或是按Ctrl+B打散下,基本就解决问题了~

说了这么多,接下来就来实践下吧,就弄两个最简单的补间,来感受下补间的魅力吧~先来看下要做的两个简单的补间的效果吧...

 

上面那个是形状的,下面那个是动画的,一个一个来,先来动画补间的吧。先把图层1命名为形状(不命名也行,只是保持好良好的习惯对以后做复杂的动画有帮助喔~),在第一帧,画上五个大小差不多的圆,位置如图:

在30帧插入关键帧(右击插入关键帧,或是按F6 友情提示:适当的记住一些常用的关键帧,对于做动画的速度是有帮助的),然后在这一帧里把原来五个圆删掉,画一个大点的圆。

最后一步,也是最关键的一步,那就是给这两帧加一个形状补间啦,在1到30帧间的任意一帧,点一下,展开下面的属性面板,选择补间为形状就可以了。

友情提示:前面两帧,要确定是非组合状态,一般画出来的,是非组合状态的,但是,如果你在选择圆形的时候,下面的选项里,对象绘制给选起来的话,画出来的会是组合状态的图形喔,所以还是要注意下的。

好了,一个简单的形状补间做完了,下面再练习下简单的动画补间吧。

新建一个图层,命名为动画,在第一帧画一个圆,按Ctrl+G组合下,把圆放在场景的左边,如图:

在第30帧插入关键帧,把圆移到右边。

好了,最后一步加补间,值得一提的是,动画补间右键菜单里有,所以,可以直接在1到30帧间任意一帧上右击,选择创建补间动画。

当然,像刚才形状补间那样在属性面板里选也行的~

好了,两个简单的补间做完了~属性面板里的其它选项,下回再接着说~

文章如果有错误或者缺少文件,请发邮件提交给我们
上一篇:Flash新手入门教程:帧动画——眨眼
下一篇:没有了
Tags:    
>>> 最新评论:(共有 0 位网友发表了评论)      查看所有评论
  发表评论
用户名: 新注册) 密码: 匿名评论
评论内容:(不能超过250字,需审核后才会公布,请自觉遵守互联网相关政策法规。
·本站发布内容均为客观表达作者观点,不代表闪无忧立场,请勿攻击和漫骂
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为
  教程分类
  基础操作   动画特效
  应用开发   组件学习
  As程序   动画教程
  Flash cs3   AS 3.0
  FCS/FMS教程   Loading教程
  Flash与Web   Flash教程连载
  相关文章
·动画补间和形状补间教程
·Flash新手入门教程:帧动画——
·uuuuuuuuuuuuuuuuuuuuu
·对于PS和flash协作做过光字的一
·如何用FLASH和IMAGEREADY制作GIF
·广告类图片在flash中的切换
·FLASH解决声音和矢量图的问题
·教你用一句代码简单实现雪景动画
·简单的flash火焰效果及图示原理
·Flash初学者常用工具的使用
  热门文章
·Flash进度条的制作详细讲解(组图)
·flash幻灯片网页效果
·Flash打造简单的飘雪动画视觉特效
·Flash旋转拖尾文字效果的制作教程
·flash水影效果字
·全Flash动画网站实现的基础教学
·超酷flash光晕移动效果
·flash春雷闪电效果
·Flex 3 AdvancedDataGrid的使用(第二
·即拷即用的loading代码
·Flash制作大雪纷飞效果动画
关于我们 - 免责声明 - 网站地图 - 商务服务 - 联系我们 - RSS地图
©CopyRight 2006-2008, 5UFlash.COM, Inc. All Rights Reserved
鲁ICP备06034971号