用户名: 密码: 验证码: QQ--程序群:31736530 动画群:38836599
闪无忧
 
首 页 业界新闻 业界杂谈 Flash教程 Flash源码 Flash图书 Flash酷站 Flex & AIR 供求信息
   本栏目通告:   有意向写收费精品教程的朋友,请联系本站合作
·好听的歌 ·火影忍者 ·繁体字转换 ·在线听歌 ·火影忍者漫画 ·最新歌曲 ·psp游戏下载 ·photoshop ·火星文 ·音乐网 ·歌曲下载 ·在线音乐 最新网络游戏
当前位置 :首页>flash教程>Flash动画教程>列表

Flash打造拟真生态水族鱼缸

[来源:中国教程网 | 作者:sanbos | 时间:2008-10-02 | 点击:  | 收藏本文  【 】]
这是一个鱼缸效果,这个动画制作,用到了很多flash动画制作的基础技能,诸如:遮罩,引导层,补间动画,元件,水纹效果,鼠绘等,很适合初学者练习

先来看看最终效果:

 

首先需要找一张背景图片,最好是鱼缸,海低或碎石,枯树等图片,将图片处理为400x300大小。

Flash新手教程:打造拟真生态水族鱼缸
图1

  新建一flash文档,背景为白色,将准备好的图片导入到库。

  新建一影片剪辑元件,取名为“背景”,将图片拖入,居中对齐。在图片上右键,复制。在第40帧插入帧,该层上锁。

  插入一新图层,点击“编辑”-“粘帖在当前位置”,然后,用方向键,将复制的图片向右向下移一个像素。在第40帧插入帧,上锁。

  插入新图层,用矩形工具,无笔触任一填充色,画一条与图片一样宽的细直线。然后用选择工具点中该直线,,然后按Ctrl+D进行复制,直到有两个图片那样高。点击“编辑”-“全选”,然后,打开对齐面板,选择左对齐。然后点击“修改”-“组合”。在第40帧插入关键帧,回到第1帧,将线条组合向上移,使线条组合的下边,与图片的下边对齐。在第1帧和第40帧间建立补间动画。如图:

Flash新手教程:打造拟真生态水族鱼缸  Flash新手教程:打造拟真生态水族鱼缸
图2

Flash新手教程:打造拟真生态水族鱼缸
图3

  在第3层上点右键,点“遮罩层”。

  新建4个图形元件,图形分别是:(放大到400%时的图形)。

Flash新手教程:打造拟真生态水族鱼缸Flash新手教程:打造拟真生态水族鱼缸Flash新手教程:打造拟真生态水族鱼缸Flash新手教程:打造拟真生态水族鱼缸
图4

  新建一影片剪辑元件,将鱼身拖入,在第20帧插入帧,上锁。

  新插入一层,将鱼尾拖入,与鱼身对好,并稍为交叉一点,用变形工具点中鱼身,将注册点拉到左边正中。然后,将鱼尾向下旋转一些。在第5帧插入关键帧,将鱼尾旋正。在第10帧插入关键帧,将鱼尾旋向上方一些,第15帧插入关键帧,将鱼尾旋正,第20帧插入关键帧,将鱼尾旋向下方。

  新插入一层,将一个鱼翅拖入,同鱼尾的方法,做出搕动。

  新插入一层,将另一鱼翅拖入,做摆动。

  最后将鱼身图层拖到最上面。

Flash新手教程:打造拟真生态水族鱼缸
图5

  新建一影片剪辑元件,将刚做好的鱼元件拖入,然后按住Ctrl用选择工具向下拖鱼元件这样就复制了一个,点中新复制的鱼元件,点击“修改”-“变形”-“垂直翻转”;打开属性面板,将其透明度设为30%。这实际上就是一个带阴影的鱼。

Flash新手教程:打造拟真生态水族鱼缸
图6

  新建一影片剪辑元件,将带阴影的鱼元件拖入,在第100帧插入关键帧,然后插入引导层,用铅笔工具画一条引导线,随便画,一会还要重画。

  新建一影片剪辑元件,将带阴影的鱼元件拖入,在第150帧插入关键帧,然后插入引导层,用铅笔工具画一条引导线,随便画,一会还要重画。

  新建一影片剪辑元件,将带阴影的鱼元件拖入,在第130帧插入关键帧,将元件向左拖一定距离。

  新建一图形元件,如下图画一片树叶。

Flash新手教程:打造拟真生态水族鱼缸
图7

  新建一图形元件,将树叶元件拖入,然后,按住Ctrl建,用选工具向下拉,复制一个,然后中,点击“修改”-“变形”-“垂直翻转”;打开属性面板,将其透明度设为30%。这实际上就是一个带阴影的树叶。

Flash新手教程:打造拟真生态水族鱼缸
图8

  新建一影片剪辑元件,将带阴影的树叶拖入,在第100帧插入关键帧,然后插入引导层,用铅笔工具画一条引导线,随便画,一会还要重画。

  新建一图形元件,如下图画一个花辩,然后用自由变形工具将花辩的注册点移到最下面,打开变形面板,在旋转框内输入72,然后点击,旋转并复制4次,这样就画好了一个花朵。

  新建图形元件,将花朵元件拖入,然后,按住Ctrl建,用选工具向下拉,复制一个,然后中,点击“修改”-“变形”-“垂直翻转”;打开属性面板,将其透明度设为30%。这实际上就是一个带阴影的花朵。

Flash新手教程:打造拟真生态水族鱼缸  Flash新手教程:打造拟真生态水族鱼缸  Flash新手教程:打造拟真生态水族鱼缸
图9

  新建一影片剪辑元件,将带阴影的花朵拖入,在第100帧插入关键帧,然后插入引导层,用铅笔工具画一条引导线,随便画,一会还要重画。

  新建一图形元件,将舞台放大到800%,用笔刷工具,颜色用草绿色,画上一些草。新插入一层,用椭园工具画一椭园,将草的根部盖住。颜色可深一些,可与背景图片中某处颜色相同。

Flash新手教程:打造拟真生态水族鱼缸
图10

  新建影片剪辑元件,将草元件拖入,用变形工具,将注册点调到下端.在第5帧,第10帧插入关键帧,在第5帧,用变形工具,将草向右下旋转一些,不要太多.在第1-5,第5-10帧,建立补间动画。

  好了,所有演员都准备好了,现在就在他们到舞台上去表演了。

  回到主场景,将背景元件拖入,居中放好,上锁。

  插入一层,将带引导层的鱼元件其中一个,拖入,放在背景元件的右下外侧。然后双击它,将引导层上的引导线清除,用铅笔工具,画一条从鱼元件穿过背景图片到其左侧外边的曲线,上锁.回到第1层,在第1帧,将鱼元件中心点与引导线的右端对齐,在最后一帧,将鱼元件的中心点与引导线的左端对齐,建立补间动画,打开属性面板,在“调整到路径”前的方框上点上钩。如图:

Flash新手教程:打造拟真生态水族鱼缸
图11

  Flash新手教程:打造拟真生态水族鱼缸
图12

  插入一层,将另一个带引导层的鱼元件其中一个,拖入,放在背景元件的右上外侧.然后双击它,将引导层上的引导线清除,用铅笔工具,画一条从鱼元件穿过背景图片到其左侧外边的曲线,上锁.回到第1层,在第1帧,将鱼元件中心点与引导线的右端对齐,在最后一帧,将鱼元件的中心点与引导线的左端对齐,建立补间动画。打开属性面板,在“调整到路径”前的方框上点上钩。如图:

Flash新手教程:打造拟真生态水族鱼缸
图13

  插入一图层,将不带引导层那个鱼元件,(130帧那个),拖入,放在背景图片的右外侧稍下一点,双击它,在最后一帧,将鱼元件平移到背景图片的左外侧,建立补间动画。

  插入一图层,将带引导层的树叶元件拖入,放到背景图片的左外侧上方,双击它,清除原来的引导线,作铅笔工具重新画一条从树叶元件穿过背景图片到其右外侧的曲线,注意曲线的震辐不要太大,稍平缓一些.建立补间动画.打开属性面板,把“调整到路径”前的方框上的钩去掉。

  插入一图层,将带引导层的花朵元件拖入,放到背景图片的左外侧上方,双击它,清除原来的引导线,作铅笔工具重新画一条从花朵元件穿过背景图片到其右外侧的曲线,注意曲线的震辐不要太大,稍平缓一些.建立补间动画.打开属性面板,把“调整到路径”前的方框上的钩去掉。

  插入一图层,将作了补间动画的草元件拖入,放到适当位置.现复制一个,放到另一适当位置。

  呵呵,好累人,别着急,快完了。

  插入新图层,用矩形工具,元笔触,任一填充色,画一和背景图片一样大的矩形.然后右击该图层,点击“遮罩层”。这里要注意,将鱼,树叶,花朵图层均设为被遮罩层。

  插入新图层,用矩形工具,元笔触,填充色66FFFF,画一和背景图片一样大的矩形.选中矩形,点击“修改”-“转换为元件”,选图形,确定。打开属性面板,将其透明度调为20%。这下就有在水中的感觉了。

Flash新手教程:打造拟真生态水族鱼缸

 

文章如果有错误或者缺少文件,请发邮件提交给我们
上一篇:Flash绘制写真苹果的方法
下一篇:Flash临摹著名画家徐悲鸿的骏马图
Tags:    
>>> 最新评论:(共有 0 位网友发表了评论)      查看所有评论
  发表评论
用户名: 新注册) 密码: 匿名评论
评论内容:(不能超过250字,需审核后才会公布,请自觉遵守互联网相关政策法规。
·本站发布内容均为客观表达作者观点,不代表闪无忧立场,请勿攻击和漫骂
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为
  教程分类
  基础操作   动画特效
  应用开发   组件学习
  As程序   动画教程
  Flash cs3   AS 3.0
  FCS/FMS教程   Loading教程
  Flash与Web   Flash教程连载
  相关文章
·动画中人物格斗的基本动作收集分
·卡通娃娃360度转身动画
·羽毛扇跟随鼠标动画效果
·Flash鼠绘入门第十三课:绘制美
·Flash鼠绘入门第十一课:可爱瓢
·Flash鼠绘入门第十课:绘制娇艳
·Flash鼠绘入门第九课:绘制漂亮
·Flash鼠绘入门第八课:绘制脱俗
·Flash鼠绘入门第七课:绘制一串
·Flash鼠绘入门第六课:青翠竹子
  热门文章
·Flash进度条的制作详细讲解(组图)
·flash幻灯片网页效果
·Flex 3 AdvancedDataGrid的使用(第二
·全Flash动画网站实现的基础教学
·flash水影效果字
·Flash打造简单的飘雪动画视觉特效
·FLASH+XML相册(附源码)
·超酷flash光晕移动效果
·Flash旋转拖尾文字效果的制作教程
·Flash制作大雪纷飞效果动画
·flash春雷闪电效果

音乐
嫁衣 画心 放生 天亮了 牡丹江 那滋味 擦肩而过 边做边爱 怀念过去 北京欢迎你 突然好想你 吻的太逼真 说好的幸福呢 坐上火车去拉萨 没有人比我更爱你
愚爱 心碎 稻香 带我走 醉赤壁 魔杰座 我还想她 类似爱情 明天过后 一定要爱你 等爱的玫瑰 原谅我一次 越单纯越幸福 最后一次的温柔 给我一首歌的时间
白狐 光荣 降临 下雨天 小酒窝 樱花草 恋爱新手 晴天娃娃 说唱脸谱 红色高跟鞋 寂寞才说爱 深深爱过你 爱上你是个错 即使知道要见面 不是因为寂寞才想你
城府 假如 花海 兰亭序 棉花糖 舍不得 最后一次 守护天使 女人如烟 外滩十八号 我们的纪念 我们的无奈 心在跳情在烧 爱上你是我的错 爱情里没有谁对谁错
关于我们 - 免责声明 - 网站地图 - 商务服务 - 联系我们 - RSS地图
©CopyRight 2006-2008, 5UFlash.COM, Inc. All Rights Reserved
鲁ICP备06034971号