图标变形转换动效教程

经由过程图标的变形可以建造精彩的动画 , 若何建造图标变形转换动效呢?小编以Flash为例与大师分享建造经验 。

图标变形转换动效教程

文章插图

需要这些哦
Flash CS6
方式/
1Flash编纂窗口中 , 将图层1重定名为布景 , 选择矩形东西用合适的颜色绘制一个布景矩形 。

图标变形转换动效教程

文章插图

2布景图层中 , 选择60帧 , 按下键盘上的F6键 , 插入一个关头帧 , 并改变布景矩形的颜色 。

图标变形转换动效教程

文章插图

3在1-60帧之间的肆意位置右击 , 选择建立补间外形 , 建造布景色的转变动画 。
用同样的方式建造其他帧的变色动画 。

图标变形转换动效教程

文章插图

图标变形转换动效教程

文章插图

4建立一个直线图层 , 绘制一条直线 , 并转换为元件 。

图标变形转换动效教程

文章插图

5在15帧和75帧处 , 按下F6键插入两个关头帧 。

图标变形转换动效教程

文章插图

615帧与75帧的肆意位置处右击 , 选择建立传统补间 。

图标变形转换动效教程

文章插图

7【图标变形转换动效教程】属性面板中 , 将扭转偏向设置为顺时针 , 并设置圈数 。

图标变形转换动效教程

文章插图

8用同样的方式 , 建造别的一条直线的扭转动画 。

图标变形转换动效教程

文章插图

9回到直线1 , 插入一个关头帧 , 并移动直线 , 并建造传统补间动画 。
直线2的移动偏向与直线1相反 , 其他建造方式与直线1近似 。

图标变形转换动效教程

文章插图

10接着 , 直线1图层中插入关头帧 , 将直线放平 , 建造传统补间动画 。
直线2的建造方式与直线1近似 。

图标变形转换动效教程

文章插图

11继续建造两个图层 , 插入程度放置的直线 , 在4个直线图层的135帧处插入一个关头帧 。

图标变形转换动效教程

文章插图

推荐阅读