当前位置导航:炫浪网>>网络学院>>在线图书>>图形图像教程>>Flash入门与实战>>第三章 动画基础

第六节 引导路径动画(3)

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

 

图3-6-10 画星星的中心

新建一个图层,重新命名为“光芒”,选择工具栏上的【矩形工具】,设置【笔触颜色】为无,在场景中绘制一个细长的矩形。在【混色器】面板中,选择【填充样式】为【线性】,将四个色标的颜色均设置为白色。其中,中间两个色标【Alpha】值为100%,左右两边的两个色标【Alpha】值为0%,用【颜料桶工具】填充矩形,设置颜料桶属性如图3-6-11所示。

图3-6-11 【混色器】面板

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

      

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

注意,画好的星星中心要对准场景中的十字星(为了显示清楚,图3-6-12中星星放大300%)。

步骤3 创建“旋转的星星”元件

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

图3-6-13 设置动作补间动画的旋转

步骤4 创建“填充颜色”元件

执行【插入】|【新建元件】命令,新建一个影片剪辑,名称为“填充颜色”。先从库里把图形元件“老康蓝层”拖到场景中,然后执行【修改】|【分离】命令三次,把文字打散为图形,其中第一次是将图形元件实例分离成文字,第二次是将文字分离成单个的字块,第三次是将文字块分离成图形。选择【选择工具】,在场景的空白处单击,取消对文字的选择,再选择【颜料桶工具】,把每个字中间的空隙都填充上蓝色,如图3-6-14所示。

图3-6-14 填充好的文字

(3)创建动画

单击时间轴右上方的【编辑场景】按钮,选择【场景1】切换到主场景中。

本实例场景中共有八个图层,最下面的图层是图片背景,在前面已经先建好了,现在我们从最后第二层开始向上一层一层地叙述,在叙述过程中,请随时参考图3-6-16。

步骤1创建【填充蓝色的文字】层

根据需要,我们先将背景图层的帧延伸到第60帧,再插入一个新图层并命名为“填充蓝色的文字”。现在我们在【填充蓝色的文字】图层中,把库里的名为“填充颜色”的元件拖到场景中间,在【属面】板中设置【X】为9,【Y】为65。

注意,以后的操作中,上面各图层中的文字都要和本图层中的文字对齐。

在第30、60帧插入关键帧,在第1、30帧间建立动作补间动画,接着编辑第1、第60帧中的元件实例。

分别选择第1帧与第60帧中的“填充颜色”元件实例,在【属性】面板上设置【Alpha】值为0%,如图3-6-15所示。如此设置的作用是让文字的底色有明暗渐变的效果,让画面更生动一些。

 

图3-6-15 在【属性】面板中设置元件实例透明度

 

相关内容
赞助商链接