您的位置:首页网页设计Flash → FlashMX经典实例-文字类:水波字

FlashMX经典实例-文字类:水波字

时间:2004/11/7 2:25:00来源:本站整理作者:蓝点我要评论(0)


            
             
              
             
            

               
               

            



            

效果预览图:



图 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所示。



图 3-9


  12.右键单击“遮罩”层的第1帧,在弹出菜单里点选“创建补间动画”命令创建补间动画。接着右键单击“遮罩”层选择“遮罩”命令建立遮罩。主场景最终的设置如图3-10所示。



图 3-10


  水波文字的效果到这里就做好了。最终效果如效果图 3-1所示。

相关阅读 Windows错误代码大全 Windows错误代码查询激活windows有什么用Mac QQ和Windows QQ聊天记录怎么合并 Mac QQ和Windows QQ聊天记录Windows 10自动更新怎么关闭 如何关闭Windows 10自动更新windows 10 rs4快速预览版17017下载错误问题Win10秋季创意者更新16291更新了什么 win10 16291更新内容windows10秋季创意者更新时间 windows10秋季创意者更新内容kb3150513补丁更新了什么 Windows 10补丁kb3150513是什么

文章评论
发表评论

热门文章 没有查询到任何记录。

最新文章 Flash CS4基础入门 如何在Flash中打开一个定制的浏览器新窗口?学习ActionScript 3.0的6个好处几个小技巧精简Flash文件体积在Flash动画中添加“加为收藏”和“设为首页

人气排行 Flash游戏制作--小熊拼图用Flash实现几种镜头效果Flash制作动画知识:遮罩Flash如何做鼠标指针样式Flash制作环形文字Flash制作声情并茂的电子相册实例讲解flashMTV制作全过程(3)鼠标效果系列教程:游动的鱼