QQ空间FLASH开门和关门的效果制作

a598763674

你是否会觉得你自己空间的模版会显得单调呢，是不是看到别人的模版能开能关很羡慕呢，其实做法并不难哦，今天就抽时间给大家写篇开门和关门的效果吧，先看下效果图

效果地址：http://qq.tqqa.com/QQ348566936/teachsas/yinyong.swf

" f% Z$ F9 @* P: @7 c0 ^9 u1 q准备工作，当然首要的准备工作就是要有flash8。0软件，米有的朋友网上随便可以收索很多的，准备好两张ps的图，注意：图1为边框模版，中间一定要透明，格式 为“PNG”格式，图2作为门，大小稍微比图1镂空部分大一点就好。还要准备好两个按钮。
% ^6 r' d2 f1 S3 T% P/ O% C1：打开运行flash后，新建一个flash文档，双击”12fps",文档尺寸改为图1的尺寸
* O, B% R8 @3 {5 M* m

& U; z9 D, U$ G

$ j+ l, N- T: z/ t然后执行  文件——导入——导入到舞台，将图1导入flash文档中

! x$ n1 N0 M+ ~- I2：将图1实现真正的镂空。其操作步骤：点击图1右键选择 “分离”，再在工具栏中选择套索工具，接着选择工具栏下方的“魔术棒”，然后用魔术棒点击图1，当魔术棒选中要镂空部分时，右键选择“剪切”，这样就实现真正的镂空了，具体可参考教程——轻松五步制作简单FD模版
( F8 h- P* V8 U* L7 M* l
3 I0 v2 z  o; Y3：把图层1锁定，，然后添加一个新图层2，执行  文件——导入——导入到舞台，将图2导入，把图层1和图层2的位置调换下，使图层1确保在图层2的上面

( S1 R# Q3 ^# f; U
4：用选择工具调整好图2的位置，使其能完全覆盖图1的 镂空部分，再在图层2时间轴上的第30帧处插入关键桢，图层1的第30桢处插入桢，如图所示

; H- B8 {9 `7 X$ Z$ _* A7 i

( M  D% s$ |/ I) X* Y
$ o' u" H7 P2 D+ O; i" I
5：在图层2的1到30桢内任意桢处，点击右键  “创建补间动画”，此时再选中图层2的第30桢，用方向键将图2拖到图1的边缘，使其完全遮住图2，再按CTRL+回车键测试下，此时这个门是自动一开一关的
% |; h7 B% o- O0 N0 s) t* h; K
6：此时要选择图层2的第1桢，按F9，弹出动作面板，给他加指令：  stop();  


4 t8 a9 x4 U' m& o' t- b: g  m1 v% ~
  e2 h  T1 y0 A$ i1 ~# I# ~
4 Y2 K7 p4 E: t' G+ U( F8 g在图层2的第30桢也同样的方法加这个动作，
% [1 h  p# t! S& \

! a+ J  Z0 i& g. F6 F7：再选择图层1，选择插入图层工具插入一个新图层3（开启按钮），执行文件——导入——导入到舞台，将图3（开启按钮）拖入相应的位置，然后点击图3右键将其转化为元件
8 x0 R. i( d; x% w8 Y( s: J

6 D( I6 V% \8 v
; E' d# D# J. {3 J, F8 @
0 e. P* F% D' s6 w* v再选择按钮，这样就转化为元件了，接着右键选中“动作”，弹出动作面板后，输入动作指令如下
on (release) {
play();

}  
4 z8 `! V8 L- E1 a& G% P
; v" I0 I3 b& N这样就已经实现了按钮控制开门了，接下来就制作关门效果

8：在图层2的第60桢处插入关键桢，选择图层2的第60桢，同样用方向键反方向把图2（门）移至和第一桢同一个位置，选择30桢和60桢之间任意桢创建补间动画。同样图层1的第60桢处出入桢，

8 B! x" U( @3 p9：再添加一个图层4（关闭按钮）用选取工具移动至相应位置，同样的方法把他转化为元件后选择“按钮”， 点击右键动作，输入动作指令  
4 U7 `7 V' T5 P, J% C$ Ton (release) {
play();
6 b* b4 u! {4 S8 j( j' ?
- w3 z7 R' {9 [3 ]. F}  
, _9 C, T$ ]( C8 m6 H10：按CTRL+回车键测试下，此时这个门已经受两个按钮的控制了，但是发现还有些细节问题，就是要实现两个按钮间的相互交替问题，处理很简单：将图层3（开启按钮）删除一桢，

　再在图层4（关闭按钮）的第30桢处插入关键桢后选择第29桢，将其前面的29桢清除，操作如图

0 b" _5 P5 s+ S2 }, `. Z


8 h( k& K; U3 }0 s2 y6 {
0 y/ B# @( G9 K: c9 E" V  S3 A此时在时间轴上的桢的情况
" ~! c! I8 J& D3 h; o6 z  ^! q
) g- _* z4 u9 `7 D1 M. `5 Q  B
0 Z3 C) j' e) g# d* C( C5 _# Y0 {