Animate/FLASH如何制作直线变成圆的动画(1)

 时间:2024-10-14 09:20:37

在FLASH中,结合各种补间动画可以制作想要的效果,这里就讲结合遮罩动画、补间动作咿蛙匆盗动画等实现直线变成圆的动画效果。主要知识点:遮罩动画、补间动作动画、补间形状动画

工具/原料

AnimateCC及其它所有版本FLASH软件

方法/步骤

1、打开软件,新建AS3文档。这里要说一下,螅岔出礤在FLASH改名为Animate以后,新的软件不仅可以制作FLASH文档,还可以开发H5页面的内容。所以要注意新建文档的时候一定要选择正确。

Animate/FLASH如何制作直线变成圆的动画(1)

2、在工具栏中找到线条工具,或使用快捷键n选择,注意必须是英文输入状态下才可以使用快捷键。

Animate/FLASH如何制作直线变成圆的动画(1)

3、在舞台上绘制一条直线

Animate/FLASH如何制作直线变成圆的动画(1)

4、根据圆形的周长公式,以直线长度为周长,计算圆形半径,然后在工具栏找到椭圆工具。

Animate/FLASH如何制作直线变成圆的动画(1)

5、新建一个图层后,在新的图层按住shift键绘制一个圆形,并半径大小,并且注意要与直线对齐。

Animate/FLASH如何制作直线变成圆的动画(1)

Animate/FLASH如何制作直线变成圆的动画(1)

6、选择圆形转换为图形元件,注意,注册点要在中心位置

Animate/FLASH如何制作直线变成圆的动画(1)

Animate/FLASH如何制作直线变成圆的动画(1)

7、在主时间轴第90帧右键选择插入帧,圆形图层要插入关键帧

Animate/FLASH如何制作直线变成圆的动画(1)

Animate/FLASH如何制作直线变成圆的动画(1)

8、为圆形图层创建传统补间咿蛙匆盗动画,在FLASH8软件中,只能在属性面板进行选择补间类型,其它版本则需要选择补间动作,只有高版本的软件才会出现传统补间的选项。

Animate/FLASH如何制作直线变成圆的动画(1)

Animate/FLASH如何制作直线变成圆的动画(1)

9、在圆形图层的第90帧移动圆形到左侧,圆心与直线左侧对齐。

Animate/FLASH如何制作直线变成圆的动画(1)

10、现在的动态效果如图所示

Animate/FLASH如何制作直线变成圆的动画(1)

11、下一篇继续讲解遮罩动画的部分内容

怎么做门开启的动画-3Ds max9试题汇编8.12 flash如何做一个闪动的光标 如何制作七彩运动文字动画 flash中怎么绘制真实的透明气泡 Animate/FLASH如何制作篮球入框的小动画
热门搜索
图片直播 从零开始的异世界生活漫画 北京烤鸭图片 小蚂蚁图片 桂林山水图片