为灾区祈福 Flash制作地震视觉效果
2008-07-10 01:37
337 查看
地震是很恐怖的,能在瞬间把高楼建筑夷为平地,在此我们为四川汶川灾区的人民祈福。下用Flash实现的地震效果也很有震撼效果,下面我们就来制作这个效果一起来体验下。
最终效果预览:
![](http://www.it.com.cn/f/edu/048/18/swf.gif)
[全屏欣赏]
1、场景的大小比导入的图片小10-20像素,黑色背景。帧频为15fps。
![](http://www.it.com.cn/f/edu/085/15/080515_edu_3d_01.jpg)
图1
2、按快捷键Ctrl+F8打开“创建新元件”面板,创建一个名为“影片”的影片剪辑元件。接着在其编辑场景中按快捷键Ctrl+R导入一张图片(世贸大楼被“砸”的图片)。注意,让图片的左上角顶点和场景的中心重叠,如图1所示。可以按快捷键Ctrl+I打开“信息“面板进行辅助设置,如图2所示。
![](http://www.it.com.cn/f/edu/085/15/080515_edu_3d_02.jpg)
图2
3、回到主场景,按快捷键Ctrl+L打开“库”面板,把“库“中的“影片”元件拖放到场景1中。点选场景1中的“影片”元件,按快捷键Ctrl+K打开“对齐”面板,点选“相对与舞台”按钮,然后再点击“水平对齐”和“垂直对齐”两个按钮(如图3所示),使影片“元件”在居中于场景内。
![](http://www.it.com.cn/f/edu/085/15/080515_edu_3d_03.jpg)
图3
4、点选场景1中的“影片”元件,在“属性”面板为其起个实例名为mc,如图4所示。再点选第1帧,按一下F5键插入1帧。
![](http://www.it.com.cn/f/edu/085/15/080515_edu_3d_04.jpg)
图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文件的体积。
![](http://www.it.com.cn/f/edu/085/15/080515_edu_3d_05.jpg)
本例的制作方法非常简单,代码也很容易懂。
最终效果预览:
![](http://www.it.com.cn/f/edu/048/18/swf.gif)
[全屏欣赏]
1、场景的大小比导入的图片小10-20像素,黑色背景。帧频为15fps。
![](http://www.it.com.cn/f/edu/085/15/080515_edu_3d_01.jpg)
图1
2、按快捷键Ctrl+F8打开“创建新元件”面板,创建一个名为“影片”的影片剪辑元件。接着在其编辑场景中按快捷键Ctrl+R导入一张图片(世贸大楼被“砸”的图片)。注意,让图片的左上角顶点和场景的中心重叠,如图1所示。可以按快捷键Ctrl+I打开“信息“面板进行辅助设置,如图2所示。
![](http://www.it.com.cn/f/edu/085/15/080515_edu_3d_02.jpg)
图2
3、回到主场景,按快捷键Ctrl+L打开“库”面板,把“库“中的“影片”元件拖放到场景1中。点选场景1中的“影片”元件,按快捷键Ctrl+K打开“对齐”面板,点选“相对与舞台”按钮,然后再点击“水平对齐”和“垂直对齐”两个按钮(如图3所示),使影片“元件”在居中于场景内。
![](http://www.it.com.cn/f/edu/085/15/080515_edu_3d_03.jpg)
图3
4、点选场景1中的“影片”元件,在“属性”面板为其起个实例名为mc,如图4所示。再点选第1帧,按一下F5键插入1帧。
![](http://www.it.com.cn/f/edu/085/15/080515_edu_3d_04.jpg)
图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文件的体积。
![](http://www.it.com.cn/f/edu/085/15/080515_edu_3d_05.jpg)
本例的制作方法非常简单,代码也很容易懂。
相关文章推荐
- 为灾区祈福 Flash制作地震视觉效果
- Flash制作超酷的旋转图像像册视觉效果
- 华南理工大学5.19日点燃蜡烛为地震灾区祈福
- 请问高手,如何制作Flash效果的图片轮播
- 视觉差效果制作总结和案例下载
- 每天学一点flash (32) as 3.0 结合xml 制作走马 灯效果
- 用Flash制作的动感水滴效果
- 每天学一点flash (32) as 3.0 结合xml 制作走马 灯效果
- flash制作按钮及效果相关代码
- flash制作水波,根据鼠标点击产生效果
- Flash制作文本框滚动缓冲效果
- 用Flash制作动态交互文本移动效果
- Flash“金属管道”特殊效果制作攻略
- 用Flash制作简单实用的图片切换效果
- Flash制作雾效果
- flash非组件的翻书效果制作过程
- Flash里面制作3D效果放到代码里面去位置不对
- 每天学一点flash (32) as 3.0 结合xml 制作走马 灯效果
- 类似于Flash制作的一个图片展示效果
- 不用Flash8照样能制作阴影效果的小技巧-Flash教程