当前位置: 移动技术网 > IT编程>UI设计>设计软件 > flash CS6怎么制作一个动态按钮?

flash CS6怎么制作一个动态按钮?

2018年05月08日  | 移动技术网IT编程  | 我要评论

动态按钮就是当鼠标移动到上方或点击时出现动态效果,该怎么制作呢?下面我们就来看看详细的教程。

1、打开flash cs6,单击“新建”下方“actionscript 3.0”类型 。单击菜单"插入">“新建元件”(或按快捷键ctrl+f8),在弹出的对话框中选择“按钮”元件类型并改名为按钮1。

2、双击时间轴上图层1,将图层1命名为背景, 用按住shift键用椭圆工具(快捷键o 在场景中画一正圆(大小120x120,边线#000000,填充#ffcccc)。  分别在“指针经过”、“按下”与点击”帧上插入关键帧(快捷键f6)。

3、双击弹起帧中图形,选中圆,单击编辑菜单中复制(快捷键ctrl+c)。单击菜单"插入">“新建元件”(或按快捷键ctrl+f8),在弹出的对话框中选择“影片剪辑 ”元件类型并改名为动画 1。

4、单击编辑菜单中粘贴到中心位置(快捷键ctrl+v),在时间轴上第10帧点击右键并选择插入关键帧(快捷键f6 ),单击窗口菜单下变形(快捷键ctrl+t),将宽度与高度调整为150%,在时间轴上第1帧上单击右键选择创建补间形状 。

5、双击库窗口中按钮1,在指针经过帧中将动画1拖入并调整位置。

方法1:属性窗口中将x与y坐标调整为0;

方法2:ctrl+k打开对齐窗口,分别选择与舞台对齐、水平中齐及垂直中齐 。 

6、单击场景1回到主场景,从 库窗口中将按钮1拖动到场景中 ,从控制菜单中单击测试影片(快捷键ctrl+enter )或测试场景 (快捷键 ctrl+alt+enter)测试。 

以上即是flash制作按钮的一个小实例,喜欢的朋友可以自己设计一个,请继续关注移动技术网。

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网