下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

关于Flash补间形状的相关基础及操作概述

作者:课课家教育     来源: http://www.kokojia.com点击数:3566发布时间: 2016-11-05 08:28:40

标签: flash基础flash教程flash

想学设计?来看看大师是如何完成作品的?

  在flash中,补间形状分以下几种为:动作补间动画、位置补间动画、形状补间动画、透明度补间动画。清楚了解补间形状后能给我们在Flash的学习上得到提高。我们今天就来认识一下补间形状的相关基础及操作概述。

  一、关于补间形状

  补间形状是指在形状补间中,用户在时间轴中的一个特定帧上绘制一个矢量形状,并更改该形状或是在另一个特定帧上绘制另一个形状;然后,FlashProfessional为这两帧之间的帧内插这些中间形状,创建出从一个形状变形为另一个形状的动画效果。

  在FlashPro中,可以对均匀的实心笔触添加补间形状,也可以对不均匀的花式笔触添加补间形状。我们还可以对使用可变宽度工具增强的笔触添加补间形状。我们可以对要使用的形状进行试验来确定结果。可以使用形状提示,告诉FlashProfessional起始形状上的哪些点应与结束形状上的特定点相对应。

  注:1.也可以对补间形状内的形状的位置和颜色进行补间。

        2.若要对组、实例或位图图像应用形状补间,应将这些元素分离开。请参阅分离元件实例。

        3.要对文本应用形状补间,应将文本分离两次,以便将文本转换为对象。请参阅分离元件实例。

  二、创建补间形状

  我们在以下的步骤中,演示如何在时间轴的第1帧与第30帧之间创建补间形状。不过,我们还可以在所选的时间轴的任何部分中创建补间。那就来看一下具体操作吧:

  1.首先我们在第1帧中,使用矩形工具绘制一个正方形。

  2.现在要添加一个空白关键帧。我们选择同一图层的第30帧,然后通过选择“插入”>“时间轴”>“空白关键帧”或按F7来完成。

  3.在舞台上,使用椭圆工具在第30帧中绘制一个圆。(注:此时,第1帧中应包含一个带正方形的关键帧,并且第30帧中应包含一个带圆形的关键帧。)

  4.在时间轴上,从位于包含两个形状的图层中的两个关键帧之间的多个帧中选择一个帧。

  5.选择“插入”>“补间形状”。

  Flash将形状内插到这两个关键帧之间的所有帧中。

  注:1.若要预览补间,请在时间轴中将播放头拖过这些帧,或按Enter键。

       2.若还要对形状进行动画补间,请在舞台上将第30帧中的形状移动到与该形状在第1帧中所处位置不同的位置。

       3.通过按Enter键预览动画。

       4.若要对形状的颜色进行补间,请确保第1帧中的形状与第30帧中的形状具有不同的颜色。

       5.若要向补间添加缓动,请选择两个关键帧之间的某一个帧,然后在属性检查器中的“缓动”字段中输入一个值。

       6.若输入一个负值,则在补间开始处缓动。若输入一个正值,则在补间结束处缓动。

  三、使用形状提示控制形状变化

  如果我们需要控制更加复杂或罕见的形状变化,这个时候就可以使用形状提示。形状提示会标识起始形状和结束形状中的相对应的点。比如说,如果要补间一张正在改变表情的脸部图画时,可以使用形状提示来标记每只眼睛。这样如果形状发生了变化时,脸部就不会乱成一团,而且每只眼睛还都可以辨认,还可以在转换过程中分别变化。

关于Flash补间形状的相关基础及操作概述_flash基础_flash教程_flash

  形状提示包含从a到z的字母,用于识别起始形状和结束形状中相对应的点。最多可以使用26个形状提示。

  起始关键帧中的形状提示是黄色的,结束关键帧中的形状提示是绿色的,当不在一条曲线上时为红色。

  要在补间形状时获得最佳效果,请遵循这些准则:

  1.在复杂的补间形状中,需要创建中间形状然后再进行补间,而不要只定义起始和结束的形状。

  2.确保形状提示是符合逻辑的。例如,如果在一个三角形中使用三个形状提示,则在原始三角形和要补间的三角形中它们的顺序必须相同。它们的顺序不能在第一个关键帧中是abc,而在第二个中是acb。

  3.如果按逆时针顺序从形状的左上角开始放置形状提示,它们的工作效果最好。

  四、使用形状提示

  1.首先要选择补间形状序列中的第一个关键帧。

  2.选择“修改”>“形状”>“添加形状提示”。起始形状提示会在该形状的某处显示为一个带有字母a的红色圆圈。

  3.然后将形状提示移动到要标记的点。

  4.选择补间序列中的最后一个关键帧。结束形状提示会在该形状的某处显示为一个带有字母a的绿色圆圈。

  5.将形状提示移动到结束形状中与您标记的第一点对应的点。

  6.若要查看形状提示如何更改补间形状,请再次播放动画。若要微调补间,请移动形状提示。

  7.重复这个过程,添加其他的形状提示。将出现新的提示,所带的字母紧接之前字母的顺序(b、c等等)。

  8.如果我们需要查看所有形状提示,选择“视图”>“显示形状提示”。但仅当包含形状提示的图层和关键帧处于活动状态下时,“显示形状提示”才可用。

  9.删除形状提示:将其拖离舞台,删除所有形状提示,选择“修改”>“形状”>“删除所有提示”。

  五、对具有可变宽度的笔触进行形状补间

  FlashProCC2014允许用户对具有可变宽度的花式笔触添加补间形状。此前,FlashPro仅支持对实心均匀笔触和形状创建补间形状。这就使得设计人员对不均匀的笔触(如使用可变宽度工具增强的笔触)无法创建补间形状。对具有可变宽度的笔触进行补间极大地拓展了在FlashProCC中的设计潜力。

  对花式笔触添加补间形状与对形状或实心均匀笔触添加补间形状是一样的。该工作流程需要由用户定义补间的起始和最终形状,FlashPro创建补间的过渡帧。

  关于可变宽度工具

  可变宽度工具允许用户增强均匀实心笔触来创建漂亮的花式笔触。有关如何使用可变宽度工具增强笔触的信息,请参阅使用可变宽度工具增强笔触和形状。

  对可变宽度笔触添加形状补间

  在FlashProfessional中,使用线条工具绘制一个线条。

使用线条工具绘制线条

  使用线条工具在舞台上绘制的一个线条笔触,其值设为2像素

  使用“可变宽度”工具在笔触中间添加宽度(见下图)。有关使用可变宽度工具的信息,请参阅使用可变宽度工具增强笔触。

使用“可变宽度”工具在笔触中间添加宽度

  使用可变宽度工具创建的可变宽度笔触,笔触值设为68.0像素

  在时间轴上选择另一帧,如帧30,然后为补间创建笔触的最终形状。

为补间创建笔触的最终形状

  添加到补间形状最后一个关键帧的最终形状

  右键单击帧1到30之间的任一帧,选择创建补间形状。

  六、对可变宽度配置文件添加补间形状

  FlashProCC还允许用户对另存为可变宽度配置文件的花式笔触添加补间形状。我们可以对补间的起始形状和最终形状应用宽度配置文件,从而让Flash创建一个平滑的补间形状。

  宽度配置文件只是为了便于重复利用而使用可变宽度工具创建并保存的花式笔触而已。有关宽度配置文件的更多信息,请参阅保存宽度配置文件。

  当我们要对可变宽度配置文件添加补间形状,可执行以下操作:

  1.先在FlashProfessional中,使用线条工具在舞台上绘制一个线条。

绘制线条

  使用线条工具在舞台上绘制的一个线条笔触,其值设为2像素

  2.然后我们在属性监视器(PropertiesInspector)中,从“宽度”下拉菜单中选择一个宽度配置文件并应用。

选择一个宽度配置文件并应用

  使用可变宽度工具创建的可变宽度笔触,笔触值设为68.0像素

  3.在时间轴上选择另一帧,例如说帧30,然后再从属性监视器的“宽度”下拉菜单中选择一个需要的宽度配置文件。

  4.右键单击帧1到30之间的任一帧,选择创建补间形状,这样就可以对选定的宽度配置文件添加补间形状。

  小编总结:Flash的操作应用中,补间形状适合用于简单形状,但这相关知识又是十分关键的,掌握好了之后对以后更有难度的动画绘制等方面的操作能有很大的帮助,一起来熟悉这些概述,多加练习吧。

赞(0)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程