关于我们 广告服务 社区论坛
设为首页 加入收藏

行业新闻
服 务 器
模版下载
建站指南
冲浪宝典
办公软件
网站运营
操作系统
QQ 专题
网页制作
安全防御
视频教程
网络编程
SEO专区
软件下载
图像设计
Cisco
网页特效
Wap 技术
联盟赚钱
网页素材
 首页 | 企业建站 | 网页制作 | 网站运营 | 网络编程 | 图像设计 | 冲浪宝典 | 操作系统 | SEO专区 | 联盟赚钱 | Cisco

欢迎来到e天下网络首页>>图像设计>>FLASH>>正文|用Flash MX制作荷花倒影动画

用Flash MX制作荷花倒影动画

[ 来路:中国电脑教育报      时间:2007-7-10 3:32:26    点击: ]

 

  孩提时代,每到夏天炎热的时候,总要和儿时的好友来到村南的荷花湾里,游泳嬉闹。淡淡的荷花清香沁人心脾,香脆可口的莲子使人垂涎欲滴;鱼戏莲叶东,鱼戏莲叶西的美景,使人仿佛置身于人间仙境;微风吹过,荷叶、荷花随风摆动,水波荡漾。每当想起这一美景,心情就无比惬意,就情不自禁地陶醉在儿时的美景和欢乐中。笔者不敢独享这一美景、这一快乐,在此用Flash MX制作“荷花”倒影动画,让大家分享一下我的快乐,使大家也成为快乐的人。

  一、制作荷花的水中倒影动画

  1. 选中荷花图片,如图1所示。按F8键,在弹出的“转换为元件”对话框中,设置“名称”为“水中倒映”,“行为”为“影片剪辑”,单击“确定”按钮,将图片转换为影片剪辑元件。在荷花图片上双击鼠标,进入该元件的编辑窗口,将“图层1”层的名称改为“荷花”,选中荷花图片,按“Ctrl+C”组合键将其复制。

用FlashMX制作荷花倒影动画(图)
图1


  2. 在“荷花”层上新建一个图层,双击图层名称,将其改为“荷花倒映”,按“Ctrl+shift+V”组合键,将荷花图片在原来的位置上粘贴。选中复制的荷花图片,依次选择“修改→变形→垂直翻转”菜单命令,将图片垂直翻转,用鼠标将其拖动到原荷花图片的下方。单击“绘图”工具栏上的“任意变形工具”按钮,在荷花倒影图片上显示变形控制点,将鼠标指针移到下方中央的控制点上,按住“Alt”键的同时,向上拖动鼠标,以保持图片上底边位置不变,减小图片的高度。

  3. 在“荷花倒影”层上新建一个图层,双击图层名称,将其改为“被遮罩的荷花倒影”,按“Ctrl+L”组合键键,在弹出的“库”面板中,将“荷花”元件拖动到舞台上,垂直翻转图片,减小图片的高度,并使其与下层(“荷花倒影”图层)中的荷花倒影图片重合。单击该图片,在“属性”面板上,设置“颜色样式”为Alpha(透明),Alpha值为80%,降低该图片的清晰度。

  4. 在“被遮罩的荷花倒影”图层上新建一个图层,双击图层名称,将其改为“水波”,单击“绘图”工具栏上的“椭圆工具”按钮,在“属性”面板上,设置“笔触颜色”为无颜色,“填充色”为白色,在舞台上绘制一个大的椭圆图形。选中椭圆图形,依次选择“窗口→变形”菜单命令,弹出“变形”面板,在这里设置水平缩放和垂直缩放都为80%,单击“拷贝并应用变形”按钮,复制出一个较小的椭圆。在属性面板上,设置“填充色”为橙色,为小椭圆填充橙色,在舞台的空白区域单击鼠标,取消对小椭圆的选中状态,再次选中橙色椭圆,按“Del”键将其删除,使大椭圆图形变成圆环形状。选中椭圆环图形,在“变形”面板中,设置水平缩放和垂直缩放均为70%,单击“拷贝并应用变形”按钮两次,复制出两个较小的椭圆环,单击“绘图”工具栏上的“箭头工具”按钮,框选这三个椭圆环,按下“Ctrl+G”键将其组合。效果如图2所示。

用FlashMX制作荷花倒影动画(图)
图2


  5. 将椭圆环图形移到荷花图形的上方,单击“水波”图层的第60帧,按F6键新建一个关键帧,在该帧中将椭圆环图形拖到荷花倒影图形的下方。单击“水波”图层的第1帧,在“属性”面板上,设置“补间”为“动作”,在时间轴上显示一条浅蓝色背景的箭头,创建椭圆环从上向下穿过荷花倒影图片的动画。

  6. 分别单击“被遮罩的荷花倒影”、“荷花倒影”、“荷花”图层的第60帧,按F5键延长帧。在“水波”图层上单击鼠标右键,选择“遮罩层”命令,将该图层设置为遮罩层,其下层的“被遮罩的荷花倒影”图层自动设置为被遮罩层。按回车键播放,舞台上显示出荷花的水中倒影动画,效果逼真。

  二、制作水面效果

  1. 单击舞台左上角的场景按钮,回到主场景中,在“荷花”层上新建一个图层,双击图层的名称,将其改为“水面效果”。依次选择“窗口→混色器”菜单命令,弹出“混色器”面板,选择“填充样式”为“线性”,单击渐变色滑竿左侧的颜色块,在下方的取色块中选择蓝色,单击右侧的颜色块,在下方的取色区中选择黑色,创建蓝、黑渐变色。单击“绘图”工具栏上的“矩形工具”按钮,在属性面板上,设置“笔触颜色”为无颜色,在舞台下方绘制一个蓝、黑渐变的无框矩形,其高度恰好能覆盖荷花倒影图形。

  2. 选中该矩形,单击“绘图”工具栏上的“填充变形工具”按钮,用鼠标向右拖动其旋转控制点,将渐变色的方向顺时针旋转90°,调整渐变色的高度,最后使矩形的填充为上蓝下黑。选中该矩形,按F8键,在弹出的“转换为元件”对话框中,设置“名称”为“水面”,“行为”为“图形”,单击“确定”按钮,将其转换为元件,选中该矩形,在“属性”面板上,设置“颜色样式”为Alpha(透明),Alpha值为30%,增强荷花水中倒影的真实效果。制作完毕后的最终效果如图3所示。

用FlashMX制作荷花倒影动画(图)
图3


  按“Ctrl+Enter”组合键测试影片,体会一下荷花倒映、水波荡漾的精彩画面吧!(山东 王学锋 王忠)

::::站长友情提示:多花一分钟学点什么都好::::

 

上一篇:Flash制作一个精美的课件退出窗口  下一篇:Flash制作一款简单的滑动菜单

 ::热点信息::

 

= = 免责声明 = =

① 欢迎转载我网所刊信息,请注明“来源:E天下网络”。
② 凡本网注明“来源:XXX(非E天下网络)”的作品,均转载自其它媒体,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如因作品内容、版权和其它问题需要同本网联系的,请在30日内进行。
※联系方式:Airtofly@163.com

::推荐文章::

 

Photoshop 轻松打造神秘银河系

::网页制作::

 

初学:什么是DIV+CSS?有什么
网页制作实例CSS用一张图片实
用CSS控制图片自适应大小的方
小技巧:CSS列表标签出现问题
CSS网页设计中使用背景图片须
想让DIV居中,如何编写CSS的
总结两年以来使用DIV网页排版
DIV CSS技巧:对CSS命名的一
更多内容..

 

 

关于我们 广告服务 友情链接 合作伙伴 社区论坛 免责声明

Copyright © 2007   21kn.com Inc. All rights reserved.e天下网络工作室

网站白天客服QQ:26875416 (非24小时)  合作QQ:597004688    粤ICP备06026423号