当前位置:软件学堂 > 资讯首页 > 网络编程 > Flash > 放大镜特效Flash实例教程

放大镜特效Flash实例教程

2021/9/11 16:02:12作者:佚名来源:网络

移动端
Flash CS6绿色版v12.0.0.0

大小:205MB语言:

类型:媒体制作等级:

案例描述:

本例主要讲解FLASH教程:放大镜特效Flash实例,本例将使用动作程序来使遮罩图形和放大镜产生真实的图像放大效果。
放大镜特效Flash实例教程

学习要点:遮罩层的使用方法,使用程序控制遮罩层对象

本例思路:

导入素材,然后绘制出遮罩图形。
绘制出放大镜,然后制作出放大镜跟随鼠标动画。

动画制作完成后的最终效果:

 

步骤一、素材处理

1、新建一个大小为550×400像素,帧频为12fps的空白文档。按Ctrl+R组合键导入以准备好的素材/图片1.jpg”文件,如图所示。

导入素材

2、使用“选择工具”选中图片,然后按F8键将其转换为图形元件,如图所示。

转换元件

3、新建一个图层2,将图层1的第1帧复制到图层2的第1帧上,然后选中图层2中的图形元件,并在“属性”面板中将图形设置为影片剪辑,如图所示。

改变元件属性

4、选中“图层2”中的影片剪辑,然后在“属性’’面板中添加“模糊”滤镜,具体参数设置如图所示,再将“图层2”拖曳到“图层1”的下一图层。

添加模糊滤镜

5、新建一个“图层3”,然后按住Shift键的同时使用“椭圆工具”绘制一个没有边框的黑色圆形,再按F8键将其转换为图形元件,如图所示。

绘制圆形

6、将“图层3”转换为“图层1”的遮罩层,如图

创建遮罩层

步骤二、制作放大镜跟随鼠标动画

1、在“图层3”的上一层新建一个“图层4”,然后按住Shift键的同时使用“椭圆工具”绘制一个笔触颜色为黑色线条粗细为5像素,填充颜色为空的圆形,再按Ctrl+G组合键组合图形,如图所示。

绘制圆形

2、使用“矩形工具’’绘制一个无边框的黑色矩形,然后使用“选择工具”将其调整成如图所示的形状:

调整矩形

3、使用“椭圆工具’’绘制一个椭圆,然后设置其颜色为灰色,按Ctrl+D组合键复制一个椭圆,并调整好其位置和形状,再按Ctrl+G组合键将这两个椭圆组合起来,最后复制一份椭圆到右侧,并调整好其大小和位置,如图4—63所示。

绘制装饰物

4、按Ctrl+L组合键打开“库”面板,将“元件2”拖曳到舞台中,并调整好其大小和位置,然后在“属性”面饭中为其添加“发光”滤镜,具体参数设置如图所示

添加发光滤镜

5、使用“椭圆工具”绘制一个没有边框的椭圆,然后打开“颜色”面板,设置类型为“放射状”,再设置第1个色标颜色为(R:255,G:255,B:255),Alpha为40%,第2个色标颜色为(R:0,G:0,B:0),Alpha为0%,填充效果如图所示。

绘制高光

6、采用Step05的方法再绘制一些高光效果来装饰放大镜,然后选中“图层4”的第1帧,再按F8键将其转换为影片剪辑(名称为“放大镜”),如图所示。

创建放大镜元件

7、返同到“场景1”,然后在“属性”面板巾设置“图层3”中的网的实例名称为maskMc,再设置“图层4”中放大镜的实例名称为magnifier,如图所示。

设置名称

8、在最上层新建一个As图层,然后选择该图层的第1帧,按F9键打开“动作一帧”面板,并在该面板中输入如图所示的控制程序代码

	magnifier.addEventListener(Event.ENTER_FRAME,enterFrame);//进入每一帧时执行

	Mouse.hide()//隐藏鼠标

	function enterFrame(event:Event):void {

	 maskMc.x=magnifier.x=root.mouseX//将圆和放大镜的X轴坐标设置为鼠标X轴坐标

	 maskMc.y=magnifier.y=root.mouseY//将圆和放大镜的Y轴坐标设置为鼠标Y轴坐标

	}

添加代码

9、按Ctrl+Enter组合键发布动画,这样一个用Flash制作开花特效的动画就制作完成了

如果你对本章用Flash制作放大镜特效教程感兴趣欢迎下载源码进行学习研究

用Flash制作放大镜特效教程源码下载

标签: Flash实例  放大镜