• 微课视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
微课江湖
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 微课视频
  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax
您的位置:首页 > 平面设计 >flash > flash怎么制作一段简单的动画交互?

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

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-05-24

佚名 向大家分享了flash怎么制作一段简单的动画交互?,其中包含flash怎么制作一段简单的动画交互?等知识点,遇到此问题的同学们可以参考下

既然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怎么制作不断变换位置大小的五角星动画?

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 2017-05-24教你用Flash制作汽车广告之视频镜头效果
  • 2017-05-24Flash cs6传统补间动画的基础知识整理
  • 2017-05-24flash程序制作一个精美的图案
  • 2017-05-24flash怎么制作小棋子在棋盘上滚动的动画?
  • 2017-05-24AS3 atan与atan2函数区别
  • 2017-05-24Flash制作旋转小星星动画实例教程(代码实现)
  • 2017-05-24从基础开始深入学Flash AS3教程(4)(译文)
  • 2017-05-24Flash广告点击率的深入研究
  • 2017-05-24flash进阶特技:制作影子效果
  • 2017-05-24FLASH怎么做一个物体的影子跟随太阳移动的动画?

文章分类

  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax

最近更新的内容

    • Flash AS代码制作绚丽的光影变幻GIF动画效果(代码解析)
    • flash制作星星眨眼的gif动画效果图
    • AS实例之简单的不倒翁Flash动画
    • Flash AS3教程:Motion类
    • flash怎么绘制和谐号火车从火车道开过的动画?
    • Flash钢笔工具绘图技巧详细分析
    • 用flash制作纸飞机滑翔天空的gif动画效果
    • Flash AS3教程:ClassLoader类
    • flash仿导引线环绕效果加仿球体(图文教程)
    • Flash AS制作盛开的花朵视觉特效

关于我们 - 联系我们 - 免责声明 - 网站地图

©2015-2018 All Rights Reserved. 微课江湖 版权所有