FlashMX实战精选:放大镜效果
2008-04-02 10:38:25来源:互联网 阅读 ()
实例说明:
透过跟随鼠标移动的放大镜,可看到美味的食品,不知味口如何!
有关知识:
遮照,拖拽电影片断,设定目标属性及变量。
制作过程:
步骤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,即将此层定义为遮照层,这时舞台上的图像消失。
步骤6:新建空白电影片断control。
步骤7:回到场景1,新建三个层:control, yinxing和mask。并将电影片断control, yinxing, mask分别放置在相应层中。在Instance面板中将电影片断yinxing命名为followmouse;将电影片断mask命名为mask。
步骤8:选中bg层的第1帧,在Actions-Frame面板左侧选择Actions/Movie Clip Control/startDrag(开始跟踪鼠标),这时右侧的窗口会出现相应的命令,在上方出现的Target栏输入followmouse,并勾选lock mouse to conter(锁至中央点)。
步骤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,就可测试放大镜效果,看到放大的食品吗?
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇: 挖掘flash潜能锚记使用讲解
下一篇: Flash创建XML驱动的图像滚动
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash