flash怎么制作一段简单的动画交互?

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

既然flash是一款强大的动画编辑软件,连PPT都能够实现的动画交互自然flash也可以了,而且更为灵活,因为涉及到代码,我们先来制作简单的交互式动画,了解原理后就可以熟练地运用了

1、首先在第一帧处我们选择矩形工具画一个矩形出来,边框与填充色大家自由选择

2、然后在第50帧处,这里只是为了做出一个动态的效果,所以大家还是可以自由选择帧数,插入空白关键帧

3、然后选择椭圆工具在右边画一个圆,没什么限制,在中间任意一帧右击创建补间形状

4、新建两个空白图层,然后对图层进行命名,有图形的可命名为动画,因为需要按钮,所以一个命名为按钮,还有一个就是代码层,自己能分清就可以了

5、下面我们来制作按钮层,因为之前有发过一个教程是教大家怎么制作按钮的,座椅这里就套用了,而且flashCC中没有公用库了,需要自己制作按钮,所以建议大家最好做一些备用。选中按钮图层的第一帧,将库面板调出来,把按钮拖出来

6、另一个也拖到舞台上来,调整一下位置,让画面更对称一些

7、然后系统会自动补充剩下的帧数,这样按钮图层部分就做好了

8、选择代码层,在编写代码之前还需要做一些准备工作,就是给按钮命名,点击start按钮,来到属性面板,实例名称改为start,之后编写代码会用到

9、另一个也是同样的操作,改为over,如果大家没有按钮或者嫌麻烦的话可以制作一个简易的按钮,画一个图形就可以了,主要是测试停止和播放

10、然后我们找到动作面板,flashCC的动作面板十分简洁,没有之前的那么多按钮作用,所以我们还是直接编写代码吧

11、在这里小编先把停止的编码写上,然后简单地分析下,让大家更容易记住,还有一些符号的问题

over.addEventListener(MouseEvent.CLICK,ting)

function ting(e):void{

this.stop();

}

over是我们刚刚命名的按钮的名字,addEventListener是一个效果,后面mouseEvent是鼠标事件,就是鼠标点击,CLICK是点击的意思,然后附加上一个函数,这个函数自己构造,就是一个代表,中文也可以

12、下面的function是运转的意思,空格输入刚刚的函数加括号,里面随便写一个字母,冒号打void,是无效的意思,后面大括号,中间先打入this,就是指代这个上面那个行为,然后停止,最后一个符号是分号,停止也是同样的,要改变的就是名称,函数和是播放还是停止,播放是play

13、代码的编写经常会发生错误,这时候就会弹出编写有问题处的提示,然后进行检查修改,所以编写的时候一定要注意符号空格和中英文以及单词有没有拼写正确

14、上面这个就是一个单词多加了一个字母就无法执行,所以编写的时候可能会修改很多次,熟悉了就慢慢做的准确了。

相关推荐:

Flash怎么制作滚动字幕动画效果?

flash怎么制种子慢慢发芽导成花苗的动画?

flash怎么制作不断变换位置大小的五角星动画?

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

Flash cs3绘制人物高级行走动画教程

本教程向大家介绍Flash cs3绘制人物高级行走动画效果,教程难度不是很大,绘制方法及过程介绍的也非常详细,教程很实用,转发过来,希望大家喜欢
收藏 0 赞 0 分享

Flash CS4来制作漂亮的气泡动画教程

本教程向脚本之家的朋友介绍用Flash CS4来制作漂亮的气泡动画,制作出来气泡真的很好看,制作效果是采用代码形式实现,觉得很不错,转发过来,感兴趣的朋友可以一起来学习
收藏 0 赞 0 分享

flash基础教程:帧、关键帧、空白帧概念及区别介绍

动画的产生是帧来实现的,那什么是帧?帧、关键帧和空白帧之间又有什么区别?本文就为大家介绍一下三者之间的关系
收藏 0 赞 0 分享

Flash教程:动画背景的绘制方法之透视篇(给新手)

Flash动画在网络上的广泛传播,已经成为上网一族喜闻乐见的一种艺术形式。动画背景的绘制方法有很多,也有很多表现方法。这里将结合透视学的基础知识向大家简单的介绍一下动画背景的绘制。
收藏 0 赞 0 分享

Flash AS入门教程:Flash AS3.0制作有年份有日期的时钟

本教程是向大家介绍利用Flash AS3.0制作有年份有日期的时钟,虽然制作时钟老套了点,但它确可以较全面地应用到时间日期和间隔等知识,仍不失为较好的入门练习,转发给大家,希望对大家有所帮助
收藏 0 赞 0 分享

Flash相册制作大师具体该如何使用 Flash相册制作大师使用教程

在本文中我们将会看到的是Flash相册制作大师的具体使用的方法
收藏 0 赞 0 分享

flash基础教程:混色器面板图文介绍

混色器面板是Flash中用于色彩处理的一个重要面板,熟练地使用该面板,可以帮助用户快速地完成色彩的填充,编辑出色彩丰富的图形。本教程为大家详细介绍一下混色器面板,希望对大家有所帮助
收藏 0 赞 0 分享

25个绝对让你应接不暇的Flash网站创意

在Web设计过程中,运用成熟的Flash技术可以把你任意想到的idea表现到产品页面中。这里为你整理发现了25个绝对让你应接不暇的 Flash网站创意,更好地体现网站的互动应用,同时可以让你大饱眼福,一起来欣赏吧
收藏 0 赞 0 分享

教你用Flash制作非常酷的二进制时钟动画

今天在这个教程中我们将学习用Flash做一个不同寻常的,但非常酷的时钟:一个二进制时钟,中间用到了代码,但介绍地很详细,相信很值得大家学习
收藏 0 赞 0 分享

Flash动画特效制作技巧:制作超酷的文字炸开动画效果

本教程向大家介绍Flash动画特效制作技巧,本实例是制作文字炸开的动画效果,制作效果非常酷,制作过程也比较简单,喜欢的朋友可以过来学习一下这种制作方法
收藏 0 赞 0 分享
查看更多