原创设计 · PhotoShop · AI/CD · Fireworks · AutoCAD · 3DMAX · Flash · 网页教学 · 高精图库 · 笔刷滤镜 · 矢量素材 · 图片素材 · 模板素材 · 会员相册
加入VIP,下载精美素材 · 原创设计欣赏第七期· QQ空间代码 · QQ空间代码 · QQ空间站· 非主流图片 · QQ头像 · 繁体字非主流图片 · QQ个性签名 · QQ空间播放器

2009年最新设计图书素材低价热销
设计优秀作品第九期/新手学习贴
加入VIP,即送3000缘分币,每月500
 下载素材,加入VIP,享受更多权限
发新话题
打印

[菜鸟学院] Flash新手入门教程:动画补间和形状补间

Flash新手入门教程:动画补间和形状补间

作者:清风掠影  来源:中国教程网论坛

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

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

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

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



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



这是怎么回事呢,首先先检查下,两个关键帧有没有问题

动画补间的两个关键帧必须是为组合状态(包括元件)

形状补间的两个关键帧则必须是为打散状态的,如图



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

说了这么多,接下来就来实践下吧,就弄两个最简单的补间,来感受下补间的魅力吧~

先来看下要做的两个简单的补间的效果吧

≯全屏显示或下载≮



上面那个是形状的,下面那个是动画的,一个一个来,先来动画补间的吧

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



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



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



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



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

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



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



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



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

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




加入论坛VIP,下尽您想要的素材,点击进入!

如果您在做图或者看教程(PHOTOSHOP方面),遇到任何问题请到问题交流区提问,地址:http://www.missyuan.com/forum-41-1.html;我们会在第一时间帮助您解决问题,如果在教程后面跟帖,一律不给予解决!~


TOP

我也做出来了,那个形状补间好看啊!




TOP

好支持




TOP

好棒!~!!!!  谢谢




TOP

支持。。。有时间也要学习学习




TOP

谢谢 LZ  学习了
附件: 您所在的用户组无法下载或查看附件




TOP

原来还有这一招可以学
原来FLASH世界
还真多花样可以学习
真是需样好好再研究啊~




TOP

谢谢楼主,这种简单的教程很适合刚入门的新手。




TOP

【非常感谢】
被这个问题困惑了好久!





TOP

发新话题



关于本站 广告服务 联系我们 版权隐私 合作站点 网站地图 免责申明 管理团队

Powered by Discuz!6.0.0 Copyright © 2008 www.missyuan.com All rights reserved.