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

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

欢迎来到e天下网络首页>>图像设计>>FLASH>>正文|Flash MX实战精选:放大镜效果

Flash MX实战精选:放大镜效果

[ 来路:网页教学网      时间:2007-7-10 3:26:42    点击: ]

 

  实例说明:
  透过跟随鼠标移动的放大镜,可看到美味的食品,不知味口如何!
  有关知识:
  遮照,拖拽电影片断,设定目标属性及变量。
  制作过程:
  步骤1:打开flash,建立一个新文件。新建bg层,放置在场景最底层,从菜单栏选择文件>导入(File>Import)。导入一个图像,将它遮盖住整个场景。另外,在库中它这个位图将命名为t1。
  步骤2:从菜单栏中选择插入>新建符号(Insert>New Symbol),在出现的对话框中选图像(Graphic),命名为pic。把库中的位图t1拖入pic里,将t1的左上角和中心点对齐,并把t1适当放大。
图像左上角对齐中心点

  步骤3:新建一电影片断circle,用椭圆工具(oval tool)画一个实心圆。
制作镜片

  步骤4:新建只有一个空白帧的电影片断yinxing。
  步骤5:新建一电影片断mask,用来制作遮照效果。建立mask层,将库中的 circle拖至中心点;在mask层下新建pic层,将电影片断pic放置在层中,并在属性面板中将其命名为subject。
制作电影片断mask

  在mask层上点右键,从弹出的菜单中选mask,即将此层定义为遮照层,这时舞台上的图像消失。
制造遮照效果

  步骤6:新建空白电影片断control。
  步骤7:回到场景1,新建三个层:control, yinxing和mask。并将电影片断control, yinxing, mask分别放置在相应层中。在Instance面板中将电影片断yinxing命名为followmouse;将电影片断mask命名为mask。
将电影片断mask命名为mask

  步骤8:选中bg层的第1帧,在Actions-Frame面板左侧选择Actions/Movie Clip Control/startDrag(开始跟踪鼠标),这时右侧的窗口会出现相应的命令,在上方出现的Target栏输入followmouse,并勾选lock mouse to conter(锁至中心点)。
设置场景1的Actions

  步骤9:在库中双击电影片断control,切换到control的编辑环境,选中第1帧,在Actions-Frame面板设置帧Actions如下:
mouse_x = getproperty("/followmouse", _x); *设定变量(set variable)
mouse_y = getproperty("/followmouse", _y);
setProperty ("/mask", _x, mouse_x); *设定属性(setproperty)
setProperty ("/mask", _y, mouse_y);
setProperty ("/mask/subject", _x, 0-mouse_x);
setProperty ("/mask/subject", _y, 0-mouse_y);

  提示:通过以上两步骤设置Actions后,在电影开始时, followmouse开始跟踪鼠标,电影片断control通过followmouse获取鼠标坐标,并将坐标值赋予mask和mask/subject, 后者随着鼠标的移动而移动,因为mask中的pic比场景1中层bg的图像略大,所以产生放大镜效果。
  现在我们按Ctrl+Enter,就可测试放大镜效果,看到放大的食品吗?
测试放大镜效果

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

 

上一篇:Flash MX实战精选:汽车广告 -1  下一篇:使用用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号