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

Flash动画制作
Flash实例教程:用AS3代码表现倾斜角与斜率
Flash实例教程:用AS3代码制作交互式3D旋转动画效果
Flash cs3仿真艺术设计5.6:图形元件的同步与不同步
Flash cs3仿真艺术设计5.7:图形元件的同步应用
Flash cs3仿真艺术设计5.8:铰连身体部分
Flash实例教程:用AS2代码制作图片循环效果
Flash实例教程:AS3代码简单表现照片底片效果
Flash cs3仿真艺术设计5.9:关闭缺口_完善角色肢体连接
Flash入门实例教程:图片不间断滚动动画效果
Flash AS2实例教程:鼠标感应放大缩小图片效果
Flash AS3实例教程:鼠标跟随炫舞线条动画效果
Flash AS2实例教程:制作360度全景动画效果
Flash cs3仿真艺术设计5.10:位图动画的表现
Flash cs3仿真艺术设计5.11:导入PSD文件
Flash AS3基础教程:物理基础之速度向量(Velocity)
Flash AS3.0菜鸟学飞教程:帧循环学习实例
Flash MX 视频导入功能详解(6)
Flash教程:视频导入与编辑
Flash cs3仿真艺术设计5.12:运动引导层制作布什搞笑动画
Flash cs3仿真艺术设计5.13:人物行走动画制作技巧

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


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