引导层动画new 联系客服

发布时间 : 星期六 文章引导层动画new更新完毕开始阅读29491342a8956bec0975e3b5

引导层动画

1、何为引导层动画

将一个或多个层链接到一个运动引导层,使一个或多个对象沿同一条路径运动的动画形式被称为“引导路径动画”。这种动画可以使一个或多个元件完成曲线或不规则运动。 一个最基本“引导路径动画”由两个图层组成,上面一层是“引导层”,它的图层图标为,下面一层是“被引导层”,图标为,同普通图层一样。 在普通图层上单击时间轴面板中的【添加运动引导层】按钮,该层的上面就会添加一个引导层,同时该普通层缩进成为“被引导层”,如图所示:

2、引导层动画的“对象”要求

引导层动画,是一种特殊的动作补间动画。因此,它的对象也必须是元件、组合体、文本,而主要是元件。

引导层是用来指示元件运行路径的,所以“引导层”中的内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具、画笔工具等绘制出的线段或文字。

而“被引导层”中的对象是跟着引导线走的,可以使用影片剪辑、图形元件、按钮、文字等,但不能应用形状。

由于引导线是一种运动轨迹,不难想象,“被引导”层中最常用的动画形式是动作补间动画,当播放动画时,一个或数个元件将沿着运动路径移动。 3、引导层动画的原理

“引导层动画”操作时特别得注意“引导线”的两端,被引导的对象起点、终点的2个“中心点”一定要对准“引导线”的2个端头,如图所示:

在上图中,我们特地把“元件”的透明度设为50%,使你可以透过元件看到下面的引导线,“元件”中心的十字星正好对着线段的端头,这一点非常重要,是引导线动画顺利运行的前提。 4、其它方面

(1)“被引导层”中的对象在被引导运动时,还可作更细致的设置,比如运动方向,在【属性】面板上,选中【调整到路径】复选框,对象的基线就会调整到运动路径。而如果选中【对齐】复选框,元件的注册点就会与运动路径对齐,如图所示:

(2)引导层中的内容在播放时是看不见的。

(3)在做引导层动画时,按下工具箱中的【对齐对象】按钮,可以使“对象附着于引导线”的操作更容易成功,拖动对象时,对象的中心会自动吸附到路径端点上。 (4)过于陡峭的引导线可能使引导动画失败,而平滑圆润的线段有利于引导动画成功制作。

(5)向被引导层中放入元件时,在动画开始和结束的关键帧上,一定要让元件的注册点对准线段的开始和结束的端点,否则无法引导,如果元件为不规则形,可以点击工具箱中的【任意变形工具】

,调整注册点。

(6)如果想解除引导,可以把被引导层拖离“引导层”,或在图层区的引导层上单击右键,在弹出的菜单上选择【属性】,在对话框中选择“正常”,作为正常图层类型,如图所示:

(7)引导线允许重叠,比如螺旋状引导线,但在重叠处的线段必需保持圆润,让Flash能辨认出线段走向,否则会使引导失败。

引导层动画实验 星星字(用文字做路径)

【最终效果图】

图 实例效果

【实验步骤】

1、创建影片文档

新建一个FLASH影片,设置舞台尺寸为515×152像素,背景色为黑色(或深蓝色等)。 2、创建图形元件

步骤1 创建“文字”图形元件。在该元件场景中输入“动画”两个字,设置文本字体【华文彩云】,字体大小为80,颜色为白色。

步骤2 创建“蓝色文字”元件

新建一个图片元件,名称为“蓝色文字”。从库里把图形元件“文字”拖到场景中,然后执行【修改】|【分离】命令三次,把文字打散为图形,选择【选择工具】,在场景的空白处单击,取消对文字的选择,再选择【颜料桶工具】色。

,把每个字中间的空隙都填充上蓝

步骤3 创建“星星”图形元件。在这个新元件中,我们将用一个圆形构成星星的主体,另用三条直线构成星星四射的光芒。

在星星图形元件中,将【图层1】名称重新命名为“中心”,选择【椭圆工具】,设置【笔触颜色】为无,在场景中画一个圆形。在【混色器】面板中,选择【填充样式】为【放射状】,将两个色标的颜色均设置为白色,其中左边的【Alpha】值为100%,右边的为0%,用【颜料桶工具】填充圆形,设置颜料桶属性和填充后的效果。

图 画星星的中心

新建一个图层,重新命名为“光芒”,选择工具栏上的【矩形工具】,设置【笔触颜色】为无,在场景中绘制一个细长的矩形。

接着,我们复制几条光芒,执行【窗口】|【设计面板】|【变形】命令,打开【变形】面板,设置【旋转】为45度,连续单击三次【复制并应用变形】按钮,星星的光芒就画好了,变形面板及星星效果分别如下图(a)和(b)所示:

图(a) 制作完成的星星效果 图(b) 变形面板

注意,画好的星星中心要对准场景中的十字星(为了显示清楚,图中星星放大300%)。 3、创建“旋转的星星”影片剪辑元件

新建一个影片剪辑,名称为“旋转的星星”。从库中将名为“星星”的元件拖到第1帧中,在第20帧添加关键帧,再在第1帧建立动作补间动画,在【属性】面板上设置顺时针旋转一周,如图所示: