您的位置:首页网页设计Flash → FlashMX经典实例-效果类:小桥流水

FlashMX经典实例-效果类:小桥流水

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


            
             
              
             
            

               
               

            



            

效果预览图:



图1-1


效果简介:


  这个效果实现的是小桥流水的效果。小桥下的水静静地流淌着,小桥的倒影和水中的金鱼可以让我们想起了童年的生活。但最重要的这是一个比较实用和常用的效果。效果如图1-1所示。


文章简介:


  文章中读者不但可以学到小桥流水的实现方法,还可以学到如何设计一只可爱的金鱼,以及学习另一种渐变动画类型——形状渐变动画。


制作步骤:


  1.设置场景的大小为500px×300px,背景色为#10A9CC,帧频为12fps。


  2.导入小桥。按快捷键Ctrl+F8打开“创建新元件”面板创建一个“小桥”图形元件。然后导入一座小桥图片,如图1-2所示。



图1-2


  3.制作鱼尾。篇幅关系,笔者只能讲解“金鱼”制作的几个关键步骤。创建一个“鱼尾”影片剪辑元件。在元件的场景中绘制一个鱼尾,如图1-3所示。



图1-3


  4.按快捷键Shift+F9键打开“混色器”面板,并如图1-4所示进行设置。“混色器”下拉菜单中选择“线型渐变”。其中三个滑块的颜色分别是#F5800A、#F8D356(透明度为70%)和白色(透明度为50%)。设置好后用“颜料桶”工具给鱼尾上色。



图1-4


  4.如图1-5所示建立“鱼尾”层。分别在第5、10、15、20帧上插入关键帧。然后把每帧中的鱼尾设置成图1-5中不同的形状,当然笔者使用洋葱皮命令是为了大家能够看得更清楚一点,实际上这5个鱼尾应该是重叠的。



图1-5


  单击“鱼尾”层,使该层的所有帧成阴暗的被选取状态。然后在“属性”面板的“补间”下拉菜单中选择“形状渐变”选项建立形状渐变动画。


  5.制作金鱼。创建一个“金鱼”影片剪辑元件,如图1-6所示建立“胸鳍”、“鱼头”、“鱼身”等层。除了“鱼头”层外,其它三层都是由“鱼尾”元件通过“变形”面板变形而得到,这也体现了Flash设计中尽量重复使用元件来减小文件体积,提高效率的原则。



图1-6


  在“鱼身”层中,只要设计一个红色的鱼身,然后让鱼身发生一点形变,产生一点动的效果就可以了。


  6.制作流水。新建一个“流水”层。然后如图1-7所示创建元件的各层:“小桥1”层、“小桥2”层、“遮罩”层。



图1-7


  7.按快捷键Ctrl+L打开库,把库中的“小桥”元件拖到“小桥1”层中。然后单击选中该层的第60帧按F5键插入帧。接着单击“隐藏/显示”按钮 隐藏“小桥1”层中的元件。然后再把库中的“小桥”元件再拖到“小桥2”层中。单击选中该层的第50帧按F6键插入关键帧。注意,“小桥1”层和“小桥2”层中的“小桥”元件应该相同。


  8.在“遮罩”层中制作一个由一条条高度为8px的线条组成的遮罩块,每条小条之间要保证有一定的间隙。接着按快捷键Ctrl+G将其组合。如图1-8所示。



图1-8


  9.单击“遮罩”层的第15、30、45、60帧并按F6键插入关键帧。然后把各帧中的遮罩元件上下移动一下,并建立补间动画。目的是使其上下移动,形成流水的间隙效果。只要保证遮罩物能完全遮罩住小桥就可以了。


  10.从库中把“金鱼”元件拖拽到“小桥2”层中的适当位置,可随意的再复制出几条金鱼,并可在“属性”面板中将其色彩改成黑色。也可自己设计几条小蝌蚪放在该层中。那样,效果就更有童趣,更加春意盎然了。


  11.回到主场景。如图1-9所示建立“小桥”层和“倒影”层。然后从库中把“小桥”图形元件拖拽到“小桥”层中。再把“流水”影片剪辑元件拖拽到“倒影”层中。并使用“变形”面板如效果图1-1所示将其翻转过来,并调整到适当位置。



图1-9


  小桥流水的效果到这里就做好了。最终效果如效果图1-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)鼠标效果系列教程:游动的鱼