Flash视觉特效实例之花样年华

特效

   又是一年花落去,又是一岁花开时(呵呵,先感叹一下)。本例是通过对遮罩元件进行编程,以及利用颜色技巧来实现一个“遮罩金属字”的效果,如效果图所示。该效果最值得读者学习的是如何用简单的程序使元件产生一定的运动速度。这也是这个简单实例拥有一定魅力的另一原因。

  演示效果:(用鼠标移动可以看到动画效果)

点击这里下载源文件

  制作步骤:

    1.新建一个Flash文档,单击“属性”面板中的“尺寸”按钮,打开“文档属性”面板设置场景大小为600px x 200px,背景为黑色,帧频为12fps。

    2.按快捷键Ctrl+F8,新建一个名为“光圈”的影片剪辑元件。按快捷键Shift+F9打开“混色器”面板,并如图1所示进行设置。其中四个滑块的颜色分别为白色、#F4AC35、#E0C81F、#202020,第4个滑块的Alpha值为0%。

图1

    3.点选“椭圆”工具,在“光圈”的场景中按Shift键拉出一个直径为180像素的圆来,如图2所示。

图2

    4.回到“场景1”,创建“文字”层和“光圈”层,见图3所示。按快捷键Ctrl+L打开“库”面板,将其中的“光圈”元件拖拽到“光圈”层的场景中。

图3

   5.点选“文本”工具,在“文字”层输入“花样年华”四个字,如图4所示。字的颜色为#FCB632。

     图4

    6.点选“文字”层的第1帧,按F9键打开“动作”面板,键入代码Mouse.hide();,其作用是隐藏鼠标。接着再右键点击该层,在弹出的菜单中点选“遮罩层”命令将该层转变为遮罩层。如图5所示。

     图5

    7.点选中“光圈”层场景中的“光圈”元件,在“属性”面板中为其起个实例名称“光圈”。如图6所示。接着按F9键打开“动作”面板,键入如下代码:

图6

onClipEvent(enterFrame) {
// 把鼠标的坐标值赋给变量“速度”
     速度 = _xmouse/20;
     速度2 = _ymouse/10;
     光圈 = _root.光圈;  // 把变量“速度”的值再传递给_x、_y属性,使光圈元件移动
     光圈._x += 速度;
     光圈._y += 速度2;
}

    本例到这里就制作完成了。

时间: 2024-10-29 11:26:02

Flash视觉特效实例之花样年华的相关文章

flash声音特效实例精选--声道的控制

左右声道的调节,我们在日常生活中经常遇到,但如果用Flash来实现,岂不更好,其实这也非常简单,在Flash中可以轻松实现,在制作过程中主要使用了ActionScript脚本进行控制,最终播放效果如图1所示,要实现这一效果,具体操作步骤如下: 图1 声道控制效果 1.新建一影片,设置其尺寸为200xpX200px(单位为像素),设置其背景色为#CCCCCC, 当然用户可以根据需要自行设置.按"Ctrl+R",快捷键打开导入对话框,导入一声音文件. 2.新建一影片剪辑"drum

Flash遮罩特效实例精选--百叶窗效果

特效 百叶窗,在日常生活是经常能见到,电脑上的屏保大者有百叶窗效果,我们当然希望能用自己的武器设计自己的百叶窗效果,最终效果如图1所示: 图1 百叶窗效果 由上图可以看出,百叶窗主要使用了遮罩技术,当"百叶窗"被拉下时将打开将打开另一幅画面,具体操作步骤如下: 1.新建一影片,设置影片大小为300pxX300px(单位为像素),背景色为白色,当然设计者可以根据需要另行设置,同时将两幅准备好的图片导入到库中如图2所示: 图2 导入两幅图片 2.新建一图形元件"meng"

Flash视觉特效之蒸蒸日上

特效 这是一个非常酷的火焰文字效果(象征我们的生活蒸蒸日上),效果如下.其实,笔者有理由相信不少朋友想做一些贺卡送给亲朋,也正在找这些酷酷的特效呢. 源文件下载:点击这里下载 效果预览: 这个效果,可以说是一个视觉效果,也可以说是一个文字效果.不过,这不打紧,重要的是这个效果够酷就可以了.下面,我们就来制作这个效果.首先,设置沉积场景的大小为240*150像素,背景色为黑色,帧频为25fps.然后我们开始制作元件. 1.按快捷键Ctrl+F8创建一个名为"文字"的图形元件.点选文本工具

Flash视觉特效的制作

特效 在实例的制作中,只用到了简单的复制语句和影片剪辑的_x(坐标)._rotation(角度)等属性. 实例并不复杂,但往往一个简单而优美的图形加上一段智慧的代码就可以实现一个很酷的效果. 开始制作前,请大家先设置场景的大小为300px×300px,背景为黑色,帧频为30fps. 一.设计元件. 1.按快捷键Ctrl+F8新建一个名为"元素"的影片剪辑元件. 2.点选工具栏里的"直线"工具在"元素"元件的编辑场景种绘制一条高为5px的绿色的竖线

Flash视觉特效:科技之光

特效 行为功能概述 笔者相信,大家看了效果图后一定会对这个效果感兴趣.本例的效果是模仿小时候科学书籍上的造型设计的,视觉效果很强. 在实例的制作中,只用到了简单的复制语句和影片剪辑的_x(坐标)._rotation(角度)等属性. 实例并不复杂,但往往一个简单而优美的图形加上一段智慧的代码就可以实现一个很酷的效果.不信我们来瞧瞧. 效果图 开始制作前,请大家先设置场景的大小为300px×300px,背景为黑色,帧频为30fps. 一.设计元件. 1.按快捷键Ctrl+F8新建一个名为"元素&qu

flash声音特效实例精选--音量调节

该实例实现的是使用Flash控制音量的效果,可以向文本框中输入音量的值来调节音量,最终效果及界面如图1所示,要实现这一效果,具体操作步骤如下 图1 "音量控制"界面 在制作过程中使用的动态文本框,以及ActionScript脚本,如attachSound().getVolume()等函数,具体操作步骤如下: 1.新建一影片,设置其尺寸为300xpX250px(单位为像素),设置其背景色为#009900, 当然用户可以根据需要自行设置.按"Ctrl+R",快捷键打开导

flash声音特效实例精选--架子鼓

架子鼓,在乐器中算得上是操作比较复杂的一中乐器,在很多场合中都要用到这一乐器,现在,我们可以使用Flash制作属于自己的架子鼓了,只需要滑动鼠标就可以轻松演凑出动听的音乐来,最终效果如图1所示. 图1 架子鼓 架子鼓看似很复杂,其实制作起来还是比较简单的,按钮的应用在这节里可以说是发挥到了极至,基制作过程中,只使用了一些简单的脚本,如"Stop()"等,主要是制作按钮,以鼠标滑过时发出声音,同时在按某些指定的数字键时也会发出对应的声音来,为了在制作过程中便于操作,我们先为图中的各部分标

flash声音特效实例精选--声音开关按钮

该实例实现的是一声音开关按钮效果,用鼠标点击即可实现声音开关控制,最终效果如图1所示,要实现这一效果,具体操作步骤如下: 图1 声音按钮 1.新建一影片,设置其尺寸为200xpX200px(单位为像素),设置其背景色为#0099CC, 当然用户可以根据需要自行设置.按"Ctrl+R",快捷键打开导入对话框,导入一声音文件. 2.新建一图形元件"circle",在时间轴中选中第1帧插入一关键帧,按下"Shift"键,使用椭圆工具在工作区中绘制一圆,

Flash8滤镜制作简单漂亮的图片视觉特效

滤镜|特效 本教程利用Flash 8 的滤镜打造简单好看的图片视觉特效,效果不逊色于使用AS实现的效果,但是本教程根本不涉及ActionScript,教程适合初学者,希望大家自己练习. 先看效果和源文件: 点击这里下载源文件(解压密码:www.webjx.com) 如果你觉得效果还不错,想自己动手来做,那么就接着看! 1.新建立Flash文档,然后修改文档属性: 2.按Ctrl+R导入大小适合的一幅图片,然后选择该图片按F8键转变为影片剪辑元件: 选择第20帧.第30帧.第40帧处分别按F6插入