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

Flash动画制作
商业Flash设计经验谈(节奏控制)
商业Flash设计经验谈(视觉冲击力)
Flash MX 2004:在2个UI组件间进行数据绑定
视觉欺骗---3D矩阵
FLASH MX2004体验二:定制组件外观
Flash MX 2004 教程: 使用信息提示组件 Alert
FLASH MX2004体验一:在用CSS格式化Flash文本
用FLASH MX制作动画卡通人物(2)-矢量图形的转换与修改
Flash转像素图为矢量图(一)
Flash转像素图为矢量图(二)
Flash转像素图为矢量图(三)
Flash制作空战游戏(二)
Flash MX 2004时间轴特效实例 下
用FLASH MX制作动画卡通人物(3)-给人物上色
程序员眼中的Flash MX2004(2)
DW MX 2004的Flash动画元素 上
Flash MX 2004时间轴特效实例 上
Flash转像素图为矢量图(四)
Flash MX 2004行为功能初体验 (下)
Flash MX 2004行为功能初体验(上)

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


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