当前位置: 首页 > 图文教程 > Flash动画 > Flash动画制作 > FlashMX经典实例(3)

Flash动画制作
AS3.0实用代码:绘制各种各样三角形
AS代码研究实例:随即运动参数的传递应用
Flash制作3D类动画的教程
Flash AS3制作个性的旋转圆形网页导航
Flash AS2实例:跳动的小球动画效果
Flash交互动画制作技巧:按钮控制动画
Flash AS教程:详细讲解Math对象
Flash动画制作技巧:搞笑动画制作实例
Flash制作技巧:人物行走动画制作剖析
Flash AS3常用的关于MC的代码
Flash AS3.0教程:间隔循环的3种表现方式
Flash动画实例:简单的流星雨动画特效
Flash制作高级的人物行走动画
10个让你大饱眼福的创意Flash网站
Flash实例教程:吸管喝饮料动画
Flash CS4实例教程:漂亮的气泡动画
汇总网页传递参数到flex中的三种方法
AS教程:加载与被加载swf内部变量相互调用
Flash CS4教程:文字颜色缓动特效
Flash CS实例教程:幸运大抽奖动画

Flash动画制作 中的 FlashMX经典实例(3)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 59 ::
收藏到网摘: n/a

经典实例之水波字


效果预览图:

 

 图3-1

效果简介:

在日常生活中,水波是常可以看见的,水波效果也常被使用各种作品中。

文章简介:

文章中主要讲解效果中遮罩的使用,但更注重设计技巧。学习该效果主要就是为了掌握水波纹的制作方法。另外,读者将学习一下其它的几种工具的使用。效果如图3-1所示。

制作步骤:

1.设置场景的大小为300px×100px,背景为黑色,帧频为15fps。

2.按快捷键Ctrl+L打开“库”面板,单击“库”面板中“新建元件”按钮 打开“创建新元件”面板创建一个“文字”图形元件。如图3-2所示。


 

图3-2

3.点选中“文本”工具,并如图3-3所示对“属性”面板进行设置。字体颜色为#336699。然后在场景中写下“水波文字”这几个字。

 

图3-3

4.创建一个“遮罩”图形元件,见图3-2所示的库面板。点选中“工具”面板中的“椭圆”工具,并如图3-4所示设置“属性”面板。

 

图3-4

接着按住Shift键,用鼠标左键拖拽出一个白色圆环。然后在“属性”面板将其高和宽都设置为20px。图3-4中的数字“4”表示线条的宽度。

 

图3-5

现在我们把线宽改成“6”,再用鼠标拉出一个更大的圆环,高宽为35px。然后依次再画两个更大的圆环,最后一个圆环的线宽为“10”,高宽为100px。最终设置效果如图3-5所示。

5.设置好两个元件,回到主场景。如图3-6所示创建“文字1”层、“文字2”层、“遮罩”层。

 

图3-6


6.按快捷键Ctrl+L打开库,把库中的“文字”元件拖到“文字1”层中。然后单击选中该层的第50帧按F5键插入帧。接着单击“隐藏/显示”按钮 隐藏“文字1”层中的元件,如图3-7所示。也可以按“锁定层”按钮锁定层,使层中的元件可见,但不可编辑,这些视设计的需要而定。

 

    

图3-7


7.把库中的“文字”元件再拖到“文字2”层中。单击选中该层的第50帧按F6键插入关键帧。

8.点选中“文字2”层第1帧里的“文字”元件,然后打开“变形”面板,把“文字”元件缩小到原来的70%。并在“属性”面板中把该元件的透明度设置成70%,如图3-8所示。

 

图3-8

9.点选中“文字2”层第50帧里的“文字”元件,并在“变形”面板中设置“文字”元件缩放比例为105%。然后按“回车”确定。

10.右键单击“文字2”层的第1帧,在弹出菜单里点选“创建补间动画”命令创建补间动画。

11.把库中的“遮罩”元件拖到“遮罩”层中。接着单击该层的第50帧并按F6键插入关键帧。然后再通过“变形”面板把第1帧里的“遮罩”元件缩放到原来的10%,第50帧里的“遮罩”元件分别缩放500%和240%,如图3-9所示