探究Flash CS6之“创建补间动画”

2014-11-15 20:07王润玲
软件工程 2014年11期

摘 要:随着Flash软件版本的不断升级,传统的一些功能也有了颠覆性的改变。2013年底在建设课题《艺术设计网络辅助教学平台的开发研究》(项目编号12535201)过程中,为《Flash动画制作》网络课程录制微课视频时,比平时执教中更深切地体会到了这一点。其中感触最深的就是“动作补间动画”的全新突破。本文从老版本与新版本的使用对比,最终得出结论,是执教者的经验总结。

关键词:FlashCS6;动作补间动画;版本升级

中图分类号:TP317.4 文献标识码:A

1 引言(Introduction)

Flash是目前非常流行的一个二维动画制作软件,可以实现多种动画特效[1]。随着Adobe公司的收购并对软件继续开发,新的Adobe公司首先推出了全新的Flash CS3和功能强大的脚本语言ActionScript 3.0,伴随着CS4和CS6问世,功能越来越强大,传统的一些功能也有了颠覆性改变。

补间动画是Flash软件中非常重要的表现手段,它有动作补间动画与形状补间动画两种。今天我们只探讨版本升级前后有关“动作补间动画”的问题。

2 老版的“动作补间动画”创建(The old version of

the "motion tweening" create)

老版本的Flash制作动作补间动画是指,在Flash的时间轴面板上,有两个或两个以上的关键帧,在一个关键帧上放置一个元件,然后在另一个关键帧改变这个元件的大小、颜色、位置、透明度等,在“起始帧和结束帧”之间内单击右键,在弹出的菜单中选择“创建补间动画,Flash会自动根据二者之间的帧的值创建动画,这样就建立了“动作补间动画”,也就是定头、定尾、做动画(开始帧结束帧创建动画动作)。

动作补间动画创建成功后,时间轴面板的背景色变为淡紫色,在起始帧和结束帧之间有一个长长的箭头;构成动作补间动画的元素是元件,包括影片剪辑、图形元件、按钮、文字、位图、组合等等,但不能是形状,只有把形状组合(Ctrl+G)或者转换成元件后才可以做动作补间动画。图层显示如图1所示。

图1 老版动作补间图层状态

Fig.1 The old version of a motion tween layer state

3 新版的“动作补间动画”创建(The new version

of "a motion tween animation creation")

Flash版本更新后,在第一个关键帧上单击鼠标右键,弹出的菜单中,创建补间动画会出现两个选项:“创建补间动画”和“创建传统补间”,如图2所示。

图2 右键菜单显示内容

Fig.2 Right click menu display content

3.1 创建传统补间

新版中右键弹出菜中“创建传统补间动画”,其实就是老版的动作补间动画,也就是定头、定尾、做动画[2]。在同一MC的,同一时间轴上的不同时间点,两个关键帧之间创建运动补间。创建后的图层显示也跟老版完全一样。

3.2 创建补间动画

3.2.1 错误现象分析

在教学中纠正学生制作问题时发现,用Flash CS6按照老版的操作方式制作运动动画,使用“创建补间动画”时,图层上的两个关键帧之间出现蓝色色块,但没有中间的补间箭头,同时,想要的运动动作也没有产生。

3.2.2 解决方法

方法一:删除补间,重新设置为“创建传统补间”,变回原来的正常状态。

方法二:在制作运动动画时,只需创建一个关键帧,在这唯一的关键帧上单击鼠标右键,弹出的菜单中选择“创建补间动画”,时间轴变化如图3所示,帧自动延至24帧,图层变成淡蓝色,图层与普通图层显示有所不同,看截图如图4所示对比效果。

图3 新版动作补间图层状态

Fig.3 The new version of a motion tween layer state

图4 图层对比

Fig.4 Layer contrast

头有了,我们不需要尾,也就是不用在尾部创建关键帧,只要在时间轴上我们想产生运动的位置上单击,然后在舞台上移动或改变对象属性,这时,图层上会自动生成一个关键帧,同时产生运动轨迹。图层变化如图5所示,舞台中对象变化如图6所示,虚线部分就是运动轨迹。

图5 图层变化 图6 对象变化

Fig.5 The layer change Fig.6 The change of object

3.2.3 更多改变

预览动画可以看到,小球按这条虚线作直线运动。新版的方便之处是不是仅此而已呢?当然不是!老版中的引导动画制作时,需要单独创建引导层,绘制引导路径,在这里一切都不需要。我们只要在本图层上操作,直接改变运动轨迹就能轻松实现效果。具体操作如下,首先把鼠标指针滑动到运动轨迹的虚线上方,其次,当鼠标指针后面出现弧形时,按下鼠标左键拖拽出你要的形状,如图7所示拖拽时及拖拽后效果。

图7 拖拽时及拖拽后效果

Fig.7 Drag and drag effect

4 结论(Conclusion)

此功能在AS3.0或是AS2.0脚本均能使用。只需要定头、做动画(开始帧选中对应帧改变对象位置)[3]。可以利用新补间动画来完成大批量或更为灵活的动画调整。

参考文献(References)

[1] 陈静.FLASH补间动画教学心得[J].新课程学习,2013,(10):

114-115.

[2] 赵声攀.Flash补间动画中的旋转走样分析[J].信息与电脑(理

论版),2012,(4):59-60.

[3] shzzl.Flash CS5.5创建补间动画与创建传统补间的区别[Z].百

度文库,2012.

作者简介:

王润玲(1970-),女,本科,副教授.研究领域:多媒体技术与

应用.endprint

摘 要:随着Flash软件版本的不断升级,传统的一些功能也有了颠覆性的改变。2013年底在建设课题《艺术设计网络辅助教学平台的开发研究》(项目编号12535201)过程中,为《Flash动画制作》网络课程录制微课视频时,比平时执教中更深切地体会到了这一点。其中感触最深的就是“动作补间动画”的全新突破。本文从老版本与新版本的使用对比,最终得出结论,是执教者的经验总结。

关键词:FlashCS6;动作补间动画;版本升级

中图分类号:TP317.4 文献标识码:A

1 引言(Introduction)

Flash是目前非常流行的一个二维动画制作软件,可以实现多种动画特效[1]。随着Adobe公司的收购并对软件继续开发,新的Adobe公司首先推出了全新的Flash CS3和功能强大的脚本语言ActionScript 3.0,伴随着CS4和CS6问世,功能越来越强大,传统的一些功能也有了颠覆性改变。

补间动画是Flash软件中非常重要的表现手段,它有动作补间动画与形状补间动画两种。今天我们只探讨版本升级前后有关“动作补间动画”的问题。

2 老版的“动作补间动画”创建(The old version of

the "motion tweening" create)

老版本的Flash制作动作补间动画是指,在Flash的时间轴面板上,有两个或两个以上的关键帧,在一个关键帧上放置一个元件,然后在另一个关键帧改变这个元件的大小、颜色、位置、透明度等,在“起始帧和结束帧”之间内单击右键,在弹出的菜单中选择“创建补间动画,Flash会自动根据二者之间的帧的值创建动画,这样就建立了“动作补间动画”,也就是定头、定尾、做动画(开始帧结束帧创建动画动作)。

动作补间动画创建成功后,时间轴面板的背景色变为淡紫色,在起始帧和结束帧之间有一个长长的箭头;构成动作补间动画的元素是元件,包括影片剪辑、图形元件、按钮、文字、位图、组合等等,但不能是形状,只有把形状组合(Ctrl+G)或者转换成元件后才可以做动作补间动画。图层显示如图1所示。

图1 老版动作补间图层状态

Fig.1 The old version of a motion tween layer state

3 新版的“动作补间动画”创建(The new version

of "a motion tween animation creation")

Flash版本更新后,在第一个关键帧上单击鼠标右键,弹出的菜单中,创建补间动画会出现两个选项:“创建补间动画”和“创建传统补间”,如图2所示。

图2 右键菜单显示内容

Fig.2 Right click menu display content

3.1 创建传统补间

新版中右键弹出菜中“创建传统补间动画”,其实就是老版的动作补间动画,也就是定头、定尾、做动画[2]。在同一MC的,同一时间轴上的不同时间点,两个关键帧之间创建运动补间。创建后的图层显示也跟老版完全一样。

3.2 创建补间动画

3.2.1 错误现象分析

在教学中纠正学生制作问题时发现,用Flash CS6按照老版的操作方式制作运动动画,使用“创建补间动画”时,图层上的两个关键帧之间出现蓝色色块,但没有中间的补间箭头,同时,想要的运动动作也没有产生。

3.2.2 解决方法

方法一:删除补间,重新设置为“创建传统补间”,变回原来的正常状态。

方法二:在制作运动动画时,只需创建一个关键帧,在这唯一的关键帧上单击鼠标右键,弹出的菜单中选择“创建补间动画”,时间轴变化如图3所示,帧自动延至24帧,图层变成淡蓝色,图层与普通图层显示有所不同,看截图如图4所示对比效果。

图3 新版动作补间图层状态

Fig.3 The new version of a motion tween layer state

图4 图层对比

Fig.4 Layer contrast

头有了,我们不需要尾,也就是不用在尾部创建关键帧,只要在时间轴上我们想产生运动的位置上单击,然后在舞台上移动或改变对象属性,这时,图层上会自动生成一个关键帧,同时产生运动轨迹。图层变化如图5所示,舞台中对象变化如图6所示,虚线部分就是运动轨迹。

图5 图层变化 图6 对象变化

Fig.5 The layer change Fig.6 The change of object

3.2.3 更多改变

预览动画可以看到,小球按这条虚线作直线运动。新版的方便之处是不是仅此而已呢?当然不是!老版中的引导动画制作时,需要单独创建引导层,绘制引导路径,在这里一切都不需要。我们只要在本图层上操作,直接改变运动轨迹就能轻松实现效果。具体操作如下,首先把鼠标指针滑动到运动轨迹的虚线上方,其次,当鼠标指针后面出现弧形时,按下鼠标左键拖拽出你要的形状,如图7所示拖拽时及拖拽后效果。

图7 拖拽时及拖拽后效果

Fig.7 Drag and drag effect

4 结论(Conclusion)

此功能在AS3.0或是AS2.0脚本均能使用。只需要定头、做动画(开始帧选中对应帧改变对象位置)[3]。可以利用新补间动画来完成大批量或更为灵活的动画调整。

参考文献(References)

[1] 陈静.FLASH补间动画教学心得[J].新课程学习,2013,(10):

114-115.

[2] 赵声攀.Flash补间动画中的旋转走样分析[J].信息与电脑(理

论版),2012,(4):59-60.

[3] shzzl.Flash CS5.5创建补间动画与创建传统补间的区别[Z].百

度文库,2012.

作者简介:

王润玲(1970-),女,本科,副教授.研究领域:多媒体技术与

应用.endprint

摘 要:随着Flash软件版本的不断升级,传统的一些功能也有了颠覆性的改变。2013年底在建设课题《艺术设计网络辅助教学平台的开发研究》(项目编号12535201)过程中,为《Flash动画制作》网络课程录制微课视频时,比平时执教中更深切地体会到了这一点。其中感触最深的就是“动作补间动画”的全新突破。本文从老版本与新版本的使用对比,最终得出结论,是执教者的经验总结。

关键词:FlashCS6;动作补间动画;版本升级

中图分类号:TP317.4 文献标识码:A

1 引言(Introduction)

Flash是目前非常流行的一个二维动画制作软件,可以实现多种动画特效[1]。随着Adobe公司的收购并对软件继续开发,新的Adobe公司首先推出了全新的Flash CS3和功能强大的脚本语言ActionScript 3.0,伴随着CS4和CS6问世,功能越来越强大,传统的一些功能也有了颠覆性改变。

补间动画是Flash软件中非常重要的表现手段,它有动作补间动画与形状补间动画两种。今天我们只探讨版本升级前后有关“动作补间动画”的问题。

2 老版的“动作补间动画”创建(The old version of

the "motion tweening" create)

老版本的Flash制作动作补间动画是指,在Flash的时间轴面板上,有两个或两个以上的关键帧,在一个关键帧上放置一个元件,然后在另一个关键帧改变这个元件的大小、颜色、位置、透明度等,在“起始帧和结束帧”之间内单击右键,在弹出的菜单中选择“创建补间动画,Flash会自动根据二者之间的帧的值创建动画,这样就建立了“动作补间动画”,也就是定头、定尾、做动画(开始帧结束帧创建动画动作)。

动作补间动画创建成功后,时间轴面板的背景色变为淡紫色,在起始帧和结束帧之间有一个长长的箭头;构成动作补间动画的元素是元件,包括影片剪辑、图形元件、按钮、文字、位图、组合等等,但不能是形状,只有把形状组合(Ctrl+G)或者转换成元件后才可以做动作补间动画。图层显示如图1所示。

图1 老版动作补间图层状态

Fig.1 The old version of a motion tween layer state

3 新版的“动作补间动画”创建(The new version

of "a motion tween animation creation")

Flash版本更新后,在第一个关键帧上单击鼠标右键,弹出的菜单中,创建补间动画会出现两个选项:“创建补间动画”和“创建传统补间”,如图2所示。

图2 右键菜单显示内容

Fig.2 Right click menu display content

3.1 创建传统补间

新版中右键弹出菜中“创建传统补间动画”,其实就是老版的动作补间动画,也就是定头、定尾、做动画[2]。在同一MC的,同一时间轴上的不同时间点,两个关键帧之间创建运动补间。创建后的图层显示也跟老版完全一样。

3.2 创建补间动画

3.2.1 错误现象分析

在教学中纠正学生制作问题时发现,用Flash CS6按照老版的操作方式制作运动动画,使用“创建补间动画”时,图层上的两个关键帧之间出现蓝色色块,但没有中间的补间箭头,同时,想要的运动动作也没有产生。

3.2.2 解决方法

方法一:删除补间,重新设置为“创建传统补间”,变回原来的正常状态。

方法二:在制作运动动画时,只需创建一个关键帧,在这唯一的关键帧上单击鼠标右键,弹出的菜单中选择“创建补间动画”,时间轴变化如图3所示,帧自动延至24帧,图层变成淡蓝色,图层与普通图层显示有所不同,看截图如图4所示对比效果。

图3 新版动作补间图层状态

Fig.3 The new version of a motion tween layer state

图4 图层对比

Fig.4 Layer contrast

头有了,我们不需要尾,也就是不用在尾部创建关键帧,只要在时间轴上我们想产生运动的位置上单击,然后在舞台上移动或改变对象属性,这时,图层上会自动生成一个关键帧,同时产生运动轨迹。图层变化如图5所示,舞台中对象变化如图6所示,虚线部分就是运动轨迹。

图5 图层变化 图6 对象变化

Fig.5 The layer change Fig.6 The change of object

3.2.3 更多改变

预览动画可以看到,小球按这条虚线作直线运动。新版的方便之处是不是仅此而已呢?当然不是!老版中的引导动画制作时,需要单独创建引导层,绘制引导路径,在这里一切都不需要。我们只要在本图层上操作,直接改变运动轨迹就能轻松实现效果。具体操作如下,首先把鼠标指针滑动到运动轨迹的虚线上方,其次,当鼠标指针后面出现弧形时,按下鼠标左键拖拽出你要的形状,如图7所示拖拽时及拖拽后效果。

图7 拖拽时及拖拽后效果

Fig.7 Drag and drag effect

4 结论(Conclusion)

此功能在AS3.0或是AS2.0脚本均能使用。只需要定头、做动画(开始帧选中对应帧改变对象位置)[3]。可以利用新补间动画来完成大批量或更为灵活的动画调整。

参考文献(References)

[1] 陈静.FLASH补间动画教学心得[J].新课程学习,2013,(10):

114-115.

[2] 赵声攀.Flash补间动画中的旋转走样分析[J].信息与电脑(理

论版),2012,(4):59-60.

[3] shzzl.Flash CS5.5创建补间动画与创建传统补间的区别[Z].百

度文库,2012.

作者简介:

王润玲(1970-),女,本科,副教授.研究领域:多媒体技术与

应用.endprint