【原创】动态放大镜画面效果的制作方法- 一粟的日志- 网易博客

【原创】动态放大镜画面效果的制作方法

2010-05-20 13:08:03 阅读13 评论1 字号:

实例:制作一件有放大镜画面效果的‘2010上海轨道交通线路图’。

动态放大镜画面效果的制作方法

——实例:上海轨道交通线路图——

 

1)新建一Flash空白文档,设置视图比例为‘显示帧’。导入到库一张事先准备好的图片。把图层1命名为‘背景’。从库内把这张图片拖到场景内,在“属性”内锁住宽和高,按比例缩小尺寸(本例原图为2400。缩小到1/4,为600)。再点击‘修改——文档’,把文档也改成这个尺寸。{zh1}使图片居中,并锁住这个图层。

【原创】动态放大镜画面效果的制作方法 - 一粟 -

 

2)插入图层2,命名为‘大图’。再从库内把这张图片拖到场景内,位置任意。鼠标右键点击舞台上的图片并选取‘转换为元件’,再选取‘影片剪辑’,命名为‘大图’。重新选中它,在“属性”内给这个‘影片剪辑’的‘实例名称’命名为‘dt_mc’ 。

【原创】动态放大镜画面效果的制作方法 - 一粟 -

 

3)插入图层3,命名为‘镜片’。用“椭圆”工具在舞台上画一个没有边框的正圆,直径100,填充色和位置任意。参照前法,把它转换成一个名称为‘镜片’的影片剪辑元件,并在“属性”内给这个它的‘实例名称’命名为‘jp_mc’。

【原创】动态放大镜画面效果的制作方法 - 一粟 -

 

     4)右键点击这个图层名称,选取‘遮罩层’。下面的‘大图’自动变成‘被遮罩层’。

【原创】动态放大镜画面效果的制作方法 - 一粟 -

    5)点击‘插入——新建元件’,新建一个名称为‘放大镜’的影片剪辑元件。插入图层2,画一个只有边框没有填充色的正圆形(笔触高度2,黑色,直径100x=0y=0)。锁住图层2,再选中图层1,画一个12×142的纵向矩形(笔触高度2,‘白-黑’色线性渐变)。放大视图到400%,打开‘标尺’并拉3条纵向辅助线到适当位置,使左右2条线的距离为6。把矩形上口宽度缩小到6。放大镜的手柄画好了。

【原创】动态放大镜画面效果的制作方法 - 一粟 -

6)把视图恢复到‘显示帧’。按Ctrl+A重新选中手柄,点击‘修改——变形——缩放和旋转’(快捷方式为Ctrl+Alt+S),把手柄旋转-45度。拉2条辅助线到纵横各100的位置上,然后移动这手柄,参照原点和2条辅助线的交点,使它的轴线通过以上交点,并使上端与圆圈的右下方相接(此时它的延长线应通过上面正圆的圆心,并直达原点)。

【原创】动态放大镜画面效果的制作方法 - 一粟 -

   (7)回到场景,插入图层4,命名为‘放大镜’。从库内把这影片剪辑‘放大镜’拖到场景内(位置任意),在“属性”内给这个‘影片剪辑’的‘实例名称’命名为‘fdj_mc’。

【原创】动态放大镜画面效果的制作方法 - 一粟 -

   (8)插入图层5,命名为‘语句’。选中第1帧,展开“动作”面板,在‘脚本栏’内插入以下语句:

jp_mc._x=fdj_mc._x=_xmouse-50;
jp_mc._y=fdj_mc._y=_ymouse-50;
dt_mc._x=-_xmouse*3;
dt_mc._y=-_ymouse*3;

【原创】动态放大镜画面效果的制作方法 - 一粟 -

  (注:以上{zh1}2个语句中最末一个数字=放大倍数-1,本例要放大4倍,所以是‘3’。)

 9){zh1},在全部图层的第2帧位置上插入‘帧’。

【原创】动态放大镜画面效果的制作方法 - 一粟 -

 至此,一个具有动态放大镜画面效果的动画制作完毕。{zh1}保存原文件,然后按Ctrl+Enter导出生成动画。

点击下载:

<#--{zx1}日志--> <#--推荐日志--> <#--引用记录--> <#--相关日志--> <#--推荐日志--> <#--推荐阅读--> <#--相关文章 2010.04.29="" by="" yangfan--=""> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构-->
郑重声明:资讯 【【原创】动态放大镜画面效果的制作方法- 一粟的日志- 网易博客】由 发布,版权归原作者及其所在单位,其原创性以及文中陈述文字和内容未经(企业库qiyeku.com)证实,请读者仅作参考,并请自行核实相关内容。若本文有侵犯到您的版权, 请你提供相关证明及申请并与我们联系(qiyeku # qq.com)或【在线投诉】,我们审核后将会尽快处理。
—— 相关资讯 ——