Adobe Edge Animate建设按钮与简朴成果

　　以下为各人讲授怎样行使Edge建造一个简朴的按钮动画，行使到的要领：

　　--Edge动画编辑

　　--简朴的按钮建造

　　--对按钮添加Javascript节制代码

　　一、建造按钮：

　　1.行使Edge的圆角长方形(RoundRectangle)建造一个按钮图形

　　2.接下来添加笔墨

　　3.选中长方形和笔墨，将他们转换为元件

　　4.将元件的鼠标手势修改为小手，这样当我们的鼠标移动到元件上方的时辰鼠标指针变为小手，提醒我们这是个按钮。

　　5.接下来我们为按钮添加代码，好比说，当我们鼠标移到按钮上方，我们但愿按钮笔墨产生改变。起首点击添加代码;

　　选择mouseover函数;

　　点击右侧GetSymbol函数，并添加本身的成果代码：

　　6.接下来让鼠标分开的时辰笔墨规复为原本的：

　　点击加号添加mouseout函数

　　添加成果代码：

　　这时按Ctrl/Command + 回车键，可以在赏识器中预览结果，可以看到结果正如我们想象的一样。

　　二、建造动画：

　　既然这是一个按钮，那么我们就要让它实现按钮成果，好比点击按钮开始播放动画，下面我们起首建造一个简朴的动画。

　　1.添加笔墨

　　我们为它添加一段Scale动画，别离添加Scale x和Scale y的要害帧

　　在0秒处都为为0%，在2秒处都为100%，将Easing改为Ease out-->Elastic;

　　三、添加按钮成果：

　　接下来我们添加成果，点击按钮的时辰开始播放动画。

　　1.先让动画不要播放，在时刻线上0秒处，添加Trigger;

　　让动画不要播放，添加如下代码;

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!