学院首页 软件应用 编程开发 创意设计 认证培训 软件论坛
Flash Fireworks Dreamweaver Photoshop CorelDraw Illustrator FreeHand 3DsMAX AutoCAD

您的位置:学院 >> 创意设计 >> Flash >> Flash将风景照片制作成梦幻仙境动画效果


Flash将风景照片制作成梦幻仙境动画效果


本文中我们用Flash将一幅风景照片来制作一个梦幻仙境的动画。本例主要利用以下知识点:时间轴特效制作百叶窗、滤镜制作边框效果、混合模式制作图片色彩变幻的效果、AS制作鼠标跟随效果。

  本文由中国教程网 云飘飘 原创。

  效果演示:

/imagelist/2007/332/ckvpcgmzg83t.swf

  一、新建FLASH文档

  文件尺寸大小600*400,其他数值默认。

  二、元件的准备

  (一).制作百叶窗元件

  1.插入--新建元件,类形图形,命名为线条(图1).
  Flash将风景照片制作成梦幻仙境动画效果_天极设计在线整理图1

  笔触颜色禁止,填充色任意,用矩形工具画一个600*3长方形(图2).

  Flash将风景照片制作成梦幻仙境动画效果_天极设计在线整理_点击放大此图片图2

  用黑箭头工具选中长方形,全居中(相对舞台,水平中齐,垂直中齐)(图3)

  Flash将风景照片制作成梦幻仙境动画效果_天极设计在线整理图3

  2.插入--新建元件,类形影片剪辑,命名为百叶窗.

  从库中把线条元件拖入,全居中.
  选中线条,然后点插入--时间轴特效--帮助-复制到网格(图4)
  Flash将风景照片制作成梦幻仙境动画效果_天极设计在线整理_点击放大此图片图4


  如图5设置好,点确定.百叶窗元件就做好了。

  Flash将风景照片制作成梦幻仙境动画效果_天极设计在线整理图5

  (二).制作边框元件

  插入-新建元件,类形影片剪辑,命名边框元件.
  笔触颜色禁止,填充色任意,用矩形工具画500*350的长方形.全居中。

  (三).制作图片元件
  点插入--新建元件,类形影片剪辑,命名图片元件.
  再点文件--导入--导入到舞台,找到一张你喜欢的图片,点打开,这时舞台和库中都有这张位图了(见图6.图7).

  Flash将风景照片制作成梦幻仙境动画效果_天极设计在线整理图6

  Flash将风景照片制作成梦幻仙境动画效果_天极设计在线整理_点击放大此图片图7

  选中图片,在属性面板改大小为500*350,全居中(图8)。

  Flash将风景照片制作成梦幻仙境动画效果_天极设计在线整理图8

  (四).制作图片按钮

  点插入--新建元件,类型按钮,命名为图片按钮,点确定(图9)。

  Flash将风景照片制作成梦幻仙境动画效果_天极设计在线整理图9

  点弹起帧,然后从库中把位图拖入,选中图片,在属性面板设置大小为500*350,全居中(图10)。

  Flash将风景照片制作成梦幻仙境动画效果_天极设计在线整理_点击放大此图片图10


  (五).鼠标跟随元件

  1.蝴蝶飞舞元件:我比较懒,利用了网上的资源,大家有兴趣可以自己做。
  2.跟随1元件.
  插入--新建元件,类形影片剪辑,命名跟随1 。

  图层1的第一帧,点文本工具,在属性面板中,设置为动态文本,并设置好字体和大小,然后在舞台中打上任意一个字,选中这个字,在属性面板中,实例名称改为_txt(注意要在英文输入状态才行) (图11) ,全居中。

  Flash将风景照片制作成梦幻仙境动画效果_天极设计在线整理_点击放大此图片图11

  插入图层2,点图层2的第一帧,从库中把蝴蝶飞舞的元件拖入放在字的上方(图12)。

  Flash将风景照片制作成梦幻仙境动画效果_天极设计在线整理图12

  3.鼠标跟随元件
  插入-新建元件,类形影片剪辑,命名鼠标跟随
  点图层1的第一帧,从库中把跟随1元件拖入,选中这个元件,在属性面板,改实例名为:mc0,全居中(图13).
  Flash将风景照片制作成梦幻仙境动画效果_天极设计在线整理图13


  插入图层2,点图层2的第一帧,按F9,打开动作面板,输入下面代码:

  var disWord = "梦幻仙境";
  var dConst = 4;
  var xConst = 30;
  var yConst = 0;
  var sConst = 4.000000E-001;
  var count = disWord.length;
  var i = 0;
  while (i < count)
  {
   if (i == 0)
   {
    mc0.swapDepths(count - i);
   }
   else
   {
    mc0.duplicateMovieClip("mc" + i, count - i);
   } // end else if
  this["mc" + i]._xscale = this["mc" + i]._yscale = 100 * (1 - sConst + sConst * (1 - i / count));
  this["mc" + i]._txt.text = disWord.substr(i, 1);
  ++i;
  } // end while
  onEnterFrame = function ()
  {
   this.mc0._x = this._xmouse;
   this.mc0._y = this._ymouse;
   for (var _loc2 = 1; _loc2 < count; ++_loc2)
   {
    var _loc4 = xConst * (1 - sConst + sConst * (1 - _loc2 / count));
    var _loc3 = yConst * (1 - sConst + sConst * (1 - _loc2 / count));
    this["mc" + _loc2]._x = this["mc" + _loc2]._x + (this["mc" + (_loc2 - 1)]._x + 1.500000E+000 * _loc4 - this["mc" + _loc2]._x) / dConst;
    this["mc" + _loc2]._y = this["mc" + _loc2]._y + (this["mc" + (_loc2 - 1)]._y + 1.500000E+000 * _loc3 - this["mc" + _loc2]._y) / dConst;
   } // end of for
  };

  见图14。

  Flash将风景照片制作成梦幻仙境动画效果_天极设计在线整理_点击放大此图片图14


  (六).金鱼元件:金鱼的制作我已经另外开贴发出来了,有兴趣的可以自己做下,也可以制作其他元件来装饰场景。

  (七).音乐元件:先导入一首你喜欢的歌到库中,然后给音乐减肥,从库中找到音乐,选中它,点右键—属性,如图设置。
  插入--新建元件,类形影片剪辑,命名音乐,点第一帧,在属性栏里,如图设置.(见图15,16,17) 。

  Flash将风景照片制作成梦幻仙境动画效果_天极设计在线整理图15

  Flash将风景照片制作成梦幻仙境动画效果_天极设计在线整理_点击放大此图片图16

  Flash将风景照片制作成梦幻仙境动画效果_天极设计在线整理图17


  延长帧至音乐消失。

  三、场景组装

  1.场景1的第一层,改名为大图,点第一帧,从库中把图片元件拖入,选中图片,在属性面板中,"颜色"下拉列表中选择"Alpha"值设置为75%,大小改为600*400(图18)。

  Flash将风景照片制作成梦幻仙境动画效果_天极设计在线整理_点击放大此图片图18


  全居中,点第11帧,按F5,延长帧到11帧(图19).图层上锁.
  Flash将风景照片制作成梦幻仙境动画效果_天极设计在线整理_点击放大此图片图19


  2.增加图层2,改名为百叶窗,点第一帧,从库中把百叶窗元件拖入,属性面板设置大小为600*400,全居中。
  在属性面板中将"色调"如图设置(可以改成你喜欢的颜色)."混合"项为叠加(图20).图层上锁。

  Flash将风景照片制作成梦幻仙境动画效果_天极设计在线整理_点击放大此图片图20


  3.增加图层3,改名为底图,点第一帧,从库中把图片元件拖入.全居中(图21)。

  Flash将风景照片制作成梦幻仙境动画效果_天极设计在线整理_点击放大此图片图21


  4.增加图层4,改名为图片组,
  点第一帧,从库中把图片按钮拖入,全居中.选中这个按钮,按F9,打开动作面板,输入代码:

  on (rollOver) {
         gotoAndPlay(2);
  }

  点第二帧,按F7,插入空白关键帧,从库中把图片元件拖入,全居中。
  在属性面板中,在"混合"项选择"色彩增殖"。在"颜色"项选择"色调","色彩数量"设为52%。单击"色调"旁边的"填充色"按钮,打开调色板,同时光标变成吸管状。在调色板上移动鼠标,会发现鼠标移动到不同颜色图片也会随之而变化,吸取你喜欢的颜色.( 如图22)

  Flash将风景照片制作成梦幻仙境动画效果_天极设计在线整理_点击放大此图片图22

  再把第3帧到第11帧每一帧都插入一个关键帧,为每一帧选择不同的颜色.

  5. 增加图层5,改名边框,把边框元件拖入,全居中.增加滤镜效果:选中边框元件,点"滤镜",再点”+”,点"发光",模糊数值默认,强度为500,颜色选择自己喜欢的,挖空项一定要打上勾.如图23.

  Flash将风景照片制作成梦幻仙境动画效果_天极设计在线整理_点击放大此图片图23


  6.增加图层6,改名金鱼,从库中拖入几个金鱼摆好位置.
  7. 增加图层7,改名鼠标跟随,从库中把鼠标跟随元件拖入场景 .
  8. 增加图层8,改名音乐, 从库中把鼠标音乐元件拖入场景
  9.增加图层9,改名AS,点第一帧,按F9打开动作面板输入命令:stop();

  测试,发布,保存。

技术文章快速查找

栏目导航
软件应用
·操作系统 ·杀毒防黑 ·应用软件
·聊天软件 ·网络软件  
Web开发
·ASP ·JavaScript ·CGI
·JSP ·VbScript ·Web服务器
·PHP ·XML  
开发语言
·VB ·VC ·ASP.NET
·Java ·C/C++ ·Delphi
数据库开发
·MySQL ·SQL/Access ·PowerBuilder
·Oracle ·DB2  
网站设计
·Flash ·Dreamweaver ·HTML/CSS
·Fireworks ·FrontPage  
平面设计
·Photoshop ·CorelDraw ·AutoCAD
·FreeHand ·Illustrator ·3DsMAX
媒体动画
·Director ·Authorware ·Maya
·视频处理    


相关软件 产品库推荐
·笔记本 ·台式机 ·服务器
·数码相机 ·手机 ·GPS
·DV摄像机 ·MP3 ·MP4
·CPU ·硬盘 ·内存
·主板 ·显卡 ·显示器
·打印机 ·投影机 ·路由器

还没人留言,抢个先,哈哈!
对"Flash将风景照片制作成梦幻仙境动画效果"的评论 - 快速回贴
内容:
  [完成后可按Ctrl+Enter发布]

百度中 Flash将风景照片制作成梦幻仙境动画效果 相关内容
Google搜索中 Flash将风景照片制作成梦幻仙境动画效果 相关内容
雅虎中 Flash将风景照片制作成梦幻仙境动画效果 相关内容
Sogou搜索中 Flash将风景照片制作成梦幻仙境动画效果 相关内容

相关软件 最新回复帖子:

·没有mysql支持时的替代方案
·一个可以发送附件及HTML格式邮件的PHP类
·AutoCAD打造精致三维鸟笼实例详解
·Photoshop自定义水晶字特效样式
·AutoCAD三维基础实例教程
·PS为黑背景长发美女照片抠图换背
·用Photoshop自制个性摩托车贴花小经验
·轻松几步将美女照片处理为手工素描
·巧用Photoshop画笔轻松绘制创意特效
·用Photoshop通道将模糊肖像照片清晰化


  相关软件 Flash将风景照片制作成梦幻仙境动画效果相关文章
用Flash AS代码巧做漂亮彩色线条动画 在Flash CS3中制作Fla形式的组件
Flash代码实例:神奇的互动橡皮刷 Flash8模糊滤镜绘制逼真青翠竹林
用Flash AS代码制作美丽光影变幻动画 Flash中有关层的深度处理的常用函数
如何用AS代码隐藏Flash的右键菜单 Flash动画实例:美丽蜻蜓飞舞
Flash打造窗纱随风飘动的音乐动画 Flash AS动画实例:风吹云飘草动
Flash 动画人物角色行走的几种实现方式 Flash AS代码制作鼠标触发图片缓冲放缩
精简Flash文件体积的几个小技巧 编写Flash AS代码实现按钮触发全屏动画
Flash片头加载loading与V2组件讨论 Flash中定点移动的解决方案分析
Flash加载外部文件的各种方法与技巧 Flash动画制作过程概述及时间控制技巧
Flash动画技巧:动画人物走路的动作规律 Flash电子杂志常用滚动区域控制代码