在flash中绘图与动画制作占比同样重要,在与之结合的基础上能创作出很多日常生活中的情景,水滴下落,也就是自由落体运动就是一个很好的制作模型。

  首先我们需要了解原理,在上面的演示中可以看到运动下落,速度是一个点,水滴的颜色变化是一个点,以及水波的隐约扩散,了解了几个重要的点就可以开始制作了

  1、我们先按照默认的方式建立一件,默认的是一个空白的画布,尺寸固定

flash CS6怎么制作水滴下落的动画效果-冯金伟博客园

  2、然后在属性面板上设置舞台参数, 帧频率改为12,尺寸200*400 ,背景颜色为蓝色,大家喜欢什么样的蓝色都可以

flash CS6怎么制作水滴下落的动画效果-冯金伟博客园

  3、选择 钢笔工具画水滴 ,如果大家不熟悉可以多试一下,然后用部分 选择工具 进行调整

flash CS6怎么制作水滴下落的动画效果-冯金伟博客园

  4、选择 颜料桶工具 ,最下面的黑白渐变,然后打开调色板, 黑色改为淡蓝色,填充水滴

flash CS6怎么制作水滴下落的动画效果-冯金伟博客园

  5、选择 水滴 ,去掉边框, 即边框颜色为0,Alph值为0,就是选择斜杠

flash CS6怎么制作水滴下落的动画效果-冯金伟博客园

  6、将其转化为 元件 ,图形,在第十帧初按F6, 添加关键帧,按住shift键下移

flash CS6怎么制作水滴下落的动画效果-冯金伟博客园

  7、在同一帧选择 椭圆工具 ,只有边框,移到水滴中心, 按F7, 添加 空白关键帧 ,选中边框, 按CTRL+X剪切,到11帧按住CTRL+shift+V 同位置粘贴

flash CS6怎么制作水滴下落的动画效果-冯金伟博客园

  8、将边框转化为 元件 ,在第16帧初按 F6 ,选中边框,找到属性, Alph值为0

flash CS6怎么制作水滴下落的动画效果-冯金伟博客园

flash CS6怎么制作水滴下落的动画效果-冯金伟博客园

  9、回到第11帧,将边框缩小,用 调整变形工具 ,按住 shift

flash CS6怎么制作水滴下落的动画效果-冯金伟博客园

  10、 在第11帧与16帧中间任选一帧 ,右击创建传统补件,前面的也是如此

flash CS6怎么制作水滴下落的动画效果-冯金伟博客园

flash CS6怎么制作水滴下落的动画效果-冯金伟博客园

  11、因为涉及到重力的问题,所以在第一帧到第十帧中间任选一帧,选择属性, 将缓动改为-100 ,由慢到快

flash CS6怎么制作水滴下落的动画效果-冯金伟博客园