Flash实例教程◆添加形状提示

2017-03-05  吉祥如意9...

Flash实例教程◆添加形状提示

步骤1 创建新文档

执行【文件】|【新建】命令,新建一个影片文档,设置舞台尺寸为300×200像素,设置【背景色】为蓝色#0000FF。

步骤2 创建变形对象

我们要在场景中写二个数字“1”,让它们同时变形,一个加形状提示,一个不加形状提示,看看这二个变形有什么不同。

先在【图层1】的场景左边输入数字“1”,在【属性】面板上,设置文本格式为【静态文本】、字体为隶书、字号为100、【颜色】为白色。再建一个【图层2】,在场景右边输入数字“1”,参数同上,此层是添加形状提示层。然后在两个图层的第40帧处添加关键帧,各输入数字“2”,在第60帧处添加普通帧,使变形后的文字稍做停留。

步骤3 把字符转为形状

逐一选取各层数字的第1、40帧,执行【修改】|【分离】命令,把数字打散,转为形状。

步骤4 创建补间动画

在【图层1】和【图层2】的第一帧处各自建立形状补间动画。

步骤5 添加形状提示

选择【图层2】的第1帧,执行【修改】|【形状】|【添加形状提示】命令2次,如图所示。

确认工具箱中的【对齐对象】按钮处于被按下状态,调整第1、40帧处的形状提示,如图所示。

步骤6 添加文字说明

新建一层,在两个渐变的下面分别写上“未加形状提示”、“加用形状提示”的说明。在第60帧处加普通帧。

至此,这个实例制作完成,测试一下,看看效果,你能体会到添加形状提示的巧妙之处了吧。

课堂讲解

前面,我们制作了两个形状补间动画的实例,对形状补间动画已经有了概括的认识,下面我们系统讲解一下有关形状补间动画的知识。

1.形状补间动画的概念

(1)形状补间动画的概念

在一个关键帧中绘制一个形状,然后在另一个关键帧中更改该形状或绘制另一个形状,Flash 根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。

(2)构成形状补间动画的元素

形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化,其变形的灵活性介于逐帧动画和动作补间动画二者之间,使用的元素多为用鼠标或压感笔绘制出的形状,如果使用图形元件、按钮、文字,则必先“打散”才能创建变形动画。

(3)形状补间动画在时间帧面板上的表现

形状补间动画建好后,时间帧面板的背景色变为淡绿色,在起始帧和结束帧之间有一个长长的箭头,如图所示。

(4)创建形状补间动画的方法

在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置要开始变形的形状,一般一帧中以一个对象为好,在动画结束处创建或选择一个关键帧并设置要变成的形状,再单击开始帧,在【属性】面板上单击【补间】旁边的小三角,在弹出的菜单中选择【形状】,此时,时间轴上的变化如图3-3-1所示,一个形状补间动画就创建完毕。

2.认识形状补间动画的属性面板

Flash的【属性】面板随鼠标选定的对象不同而发生相应的变化。当我们建立了一个形状补间动画后,单击帧,【属性】面板如图所示。

形状补间动画的【属性】面板上只有二个参数:

(1)“简易”选项

单击其右边的按钮,会弹出滑动杆,拖动上面的滑块可以调节参数值,当然也可以在文本框中直接输入具体的数值,设置后,形状补间动画会随之发生相应的变化。

在1到 -100 的负值之间,动画运动的速度从慢到快,朝运动结束的方向加速度补间。

在1 到 100 的正值之间,动画运动的速度从快到慢,朝运动结束的方向减慢补间。

默认情况下,补间帧之间的变化速率是不变的。

(2)“混合”选项

“混合”选项中有二项供选择:

【角形】选项:创建的动画中间形状会保留有明显的角和直线,适合于具有锐化转角和直线的混合形状。

【分布式】选项:创建的动画中间形状比较平滑和不规则。

3.使用形状提示

形状补间动画看似简单,实则不然,Flash在“计算”2个关键帧中图形的差异时,远不如我们想象中的“聪明”,尤其前后图形差异较大时,变形结果会显得乱七八糟,这时,“形状提示”功能会大大改善这一情况。

(1)形状提示的作用

在“起始形状”和“结束形状”中添加相对应的“参考点”,使Flash在计算变形过渡时依一定的规则进行,从而较有效地控制变形过程。

(2)添加形状提示的方法

先在形状补间动画的开始帧上单击一下,再执行【修改】|【形状】|【添加形状提示】命令,该帧的形状上就会增加一个带字母的红色圆圈,相应地,在结束帧形状中也会出现一个“提示圆圈”,用鼠标左键单击并分别按住这2个“提示圆圈”,放置在适当位置,安放成功后开始帧上的“提示圆圈”变为黄色,结束帧上的“提示圆圈”变为绿色,安放不成功或不在一条曲线上时,“提示圆圈”颜色不变,如图所示。

说明:在制作复杂的变形动画时,形状提示的添加和拖放要多方位尝试,每添加一个形状提示,最好播放一下变形效果,然后再对变形提示的位置做进一步的调整。

(3)添加形状提示的技巧

“形状提示”可以连续添加,最多能添加26个。

将变形提示从形状的左上角开始按逆时针顺序摆放,将使变形提示工作得更有效。

形状提示的摆放位置也要符合逻辑顺序。例如,起点关键帧和终点关键帧上各有一个三角形,我们使用3个“形状提示”,如果它们在起点关键帧的三角形上的顺序为abc,那么在重点关键帧的三角形上的顺序就不能是acb,也要是abc。

形状提示要在形状的边缘才能起作用,在调整形状提示位置前,要打开工具栏上【选项】下面的【吸咐开关】,这样,会自动把“形状提示”吸咐到边缘上,如果你发觉“形状提示”仍然无效,则可以用工具栏上的【缩放工具】单击形状,放大到足够大,以确保“形状提示”位于图形边缘上。

另外,要删除所有的形状提示,可执行【修改】|【形状】|【删除所有提示】命令。删除单个形状提示,可用鼠标右键单击它,在弹出菜单中选择【删除提示】。

 

    猜你喜欢
    发表评论
    推荐阅读 更多