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

Flash动画制作
Flash 3d效果精彩实例(5)
贺新年 制作五彩缤纷焰火动画
FlashMX2004中的XML应用之原理篇
制作一个骄艳的鲜花情人Flash贺卡
有趣 用Flash制作互动的小人
Flash制作鸡年新春动画贺卡
Flash MX 2004 UI组件系列教程(3)
Flash加载外部文件(5)
Flash MX 2004 UI组件系列教程(4)
Flash加载外部文件(2)
Flash加载外部文件(3)
一个最简便的代码实现任意数字和0的来回跳转
让Flash课件中测试题信手拈来
MX中如何实现swf文件的完美跳转
三分钟理解Flash中的级别关系
flash与ASP通信的几种方法
flashMX2004视频插件的应用教程
如何做好一个多人配合的flash项目
AS计算方面的错误
如何防止SWF文件被反编译

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 117 ::
收藏到网摘: 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所示