Adobe Edge Animate1.0 --在Edge中创建一个Logo动画

Adobe Edge Animate1.0 --在Edge中创建一个Logo动画

用到的技术方法：

---径向擦除（旋转遮盖层，显示出被遮盖的logo）

---文本和文字下落时候的缓冲（Easing）

---循环（Looping）

一、创建径向擦除效果：

1.创建一个新工程，保存。在属性面板中，改变Overflow属性为Hidden。

2.设置参考线，如从标尺（Ruler）中拖动一条垂直参考线懂啊275px位置，拖动一条水平参考线到200px位置。

3.导入素材，并且参照以下截图将元素在舞台中放置，特别注意层叠关系。

设置擦除效果：
1.选中pieShape图层，将它贴合参考线放置，如下图。

2. 选中工具栏中的变换工具（Transform），拖动pieShape的轴心点到左下角。

3.复制pieShape三次，一共需要四个来完成动画。

4. 旋转每个pieShape，使它们将图片完全遮盖，也可以在属性面板中直接输入数值90,180,270来完成。

设置关键帧：

1.确保自动记录关键帧和自动创建动画为开启状态。

2.将播放头拖动到0.125秒处，使用Ctrl/Command + L添加一个标签，我们将它命名为“90”。这个时间点可以帮助我们准确设置动画的开始时间。在0.25s、0.375s、0.5s处做同样的操作，分别命名标签名为：90、180、270、360 。

3. 在0.125秒处（标签名为“90”）将pieShapeCopy图层的显示（Display）属性设置为关闭（off），在前一帧再添加一个关键帧并将显示属性设置为开启（on）。这种效果可以让观看者认为动画是连续的，无缝的。同样对其他几个pieShape复制的图层在不同时间点做修改。

4.在0.25秒-0.5秒处，将第一张pieShape图层的透明度设置为100%--0%，0.5秒处为0%。为图层添加旋转关键帧，在0秒处为0，在0.5秒处为360，这样pieShape图层将旋转360，出现遮盖的logo。使用Command/Ctrl + Enter/Return在浏览器中预览动画。

二、使用Easing创建掉落的动画

设置掉落的关键帧：

1.将播放头放置在0.5秒处，选中_07seedRight图层，点击属性面板中（Position and Size）位置Y的关键帧按钮，添加关键帧。

2.将播放头拖动到1.250秒处，再次点击添加关键帧。这时开始设置动画，将播放头拖回0.5秒处，拖动_07seedRight，将它拖动到舞台上方，这样在动画开始的时候就会出现向日葵种子从空中往下掉落的效果，而且开始的时候种子是不可见的。

3.现在添加Easing：在时间线上，点击向日葵种子图层的最顶级动画条，右击选择“Easing...”，然后从弹出设置框中选择Ease out-->Bounce。预览动画，你会看到我们已经对图层添加了一个有趣而自然的反弹动画效果。对图层_08seedLeft做同样的动画，开始时间定在0.750秒，结束于1.500秒处。