Flash模拟地震摇晃动画效果

地震是目前人类还不能完全避免和控制的,可能有一些网友还没有感受过地震,那就很幸运了。四川汶川地震刚发生不久,就传来了过万同胞遇难的噩耗。现在我们为灾区人民祈福,下面通过flash制作地震效果的教程,看看地震时候高楼是怎么摇晃的!
  地震是很恐怖的,能在瞬间把高楼建筑夷为平地,在此我们为四川汶川灾区的人民祈福。下用Flash实现的地震效果也很有震撼效果,下面我们就来制作这个效果一起来体验下。
  最终效果预览:


预览效果 源文件下载:点击下载 (30K, zip压缩文件)
  1、场景的大小比导入的图片小10-20像素,黑色背景。帧频为15fps。

Flash模拟地震摇晃动画效果
图1
  2、按快捷键Ctrl F8打开“创建新元件”面板,创建一个名为“影片”的影片剪辑元件。接着在其编辑场景中按快捷键Ctrl R导入一张图片(世贸大楼被“砸”的图片)。注意,让图片的左上角顶点和场景的中心重叠,如图1所示。可以按快捷键Ctrl I打开“信息“面板进行辅助设置,如图2所示。

Flash模拟地震摇晃动画效果
图2
  3、回到主场景,按快捷键Ctrl L打开“库”面板,把“库“中的“影片”元件拖放到场景1中。点选场景1中的“影片”元件,按快捷键Ctrl K打开“对齐”面板,点选“相对与舞台”按钮,然后再点击“水平对齐”和“垂直对齐”两个按钮(如图3所示),使影片“元件”在居中于场景内。

Flash模拟地震摇晃动画效果
图3

  4、点选场景1中的“影片”元件,在“属性”面板为其起个实例名为mc,如图4所示。再点选第1帧,按一下F5键插入1帧。

Flash模拟地震摇晃动画效果
图4
  5、新建一层,改名为“脚本”层,点选第1帧,按F9键打开“动作”面板,并在“专家模式”下键入如下代码:
// 复制出一个影片实例,使两个影片实例可以对照
duplicateMovieClip("mc", "mc" add i, i);

// 改变实例的位置、透明度、角度等属性的值,产生抖动效果
mc._x = Math.random()*4;
mc._alpha = Math.random()*50 50;
mc._rotation = Math.random()*2;   代码中,onClipEvent是事件处理函数,用来触发为影片剪辑实例定义的动作;this用来引用对象或影片剪辑实例;_x、_y属性可以改变元件的位置,_alpha属性改变元件的透明度;_rotation 属性用来改变角度值;Math.random产生一个0到1之间的数字。
  6、点选“脚本”层的第2帧,按F7键插入一个空白关键帧,按F9键打开“动作”面板,并在“专家模式”下键入代码“gotoAndPlay(1);”。
  7、按快捷键Ctrl L打开“库”,双击“库”中的图片,并如图5所示设置弹出的“位图”属性面板。这样设置是为了减小SWF文件的体积。

Flash模拟地震摇晃动画效果
  本例的制作方法非常简单,代码也很容易懂。

Flash模拟地震摇晃动画效果

上一篇:Photoshop制作褐色古典仿手绘美女


下一篇:Photoshop婚纱照片变艺术色调