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

a598763674

你是否会觉得你自己空间的模版会显得单调呢，是不是看到别人的模版能开能关很羡慕呢，其实做法并不难哦，今天就抽时间给大家写篇开门和关门的效果吧，先看下效果图
) T$ k! @# ^; w
效果地址：http://qq.tqqa.com/QQ348566936/teachsas/yinyong.swf

准备工作，当然首要的准备工作就是要有flash8。0软件，米有的朋友网上随便可以收索很多的，准备好两张ps的图，注意：图1为边框模版，中间一定要透明，格式 为“PNG”格式，图2作为门，大小稍微比图1镂空部分大一点就好。还要准备好两个按钮。
' q6 X! ~+ v1 e/ \& c' J1：打开运行flash后，新建一个flash文档，双击”12fps",文档尺寸改为图1的尺寸
  N; E' i+ X+ x" G9 z2 v

+ T- |( w6 R5 }9 M; A+ Z
: K0 Q* L  E% ?. k( o
6 c) T5 h6 z) l+ S6 ^( T) W然后执行  文件——导入——导入到舞台，将图1导入flash文档中

5 O( T4 C7 |9 Q  r) ^8 Z2：将图1实现真正的镂空。其操作步骤：点击图1右键选择 “分离”，再在工具栏中选择套索工具，接着选择工具栏下方的“魔术棒”，然后用魔术棒点击图1，当魔术棒选中要镂空部分时，右键选择“剪切”，这样就实现真正的镂空了，具体可参考教程——轻松五步制作简单FD模版

3：把图层1锁定，，然后添加一个新图层2，执行  文件——导入——导入到舞台，将图2导入，把图层1和图层2的位置调换下，使图层1确保在图层2的上面
# {' I& l) q* t

4：用选择工具调整好图2的位置，使其能完全覆盖图1的 镂空部分，再在图层2时间轴上的第30帧处插入关键桢，图层1的第30桢处插入桢，如图所示
" b) [' e; N# O+ m+ G" F
: C1 l' J# R2 j, Z

+ ~5 y+ _# e% O& d% n# p: i

. Z9 Y( ~* q- z1 U& o3 H4 H5：在图层2的1到30桢内任意桢处，点击右键  “创建补间动画”，此时再选中图层2的第30桢，用方向键将图2拖到图1的边缘，使其完全遮住图2，再按CTRL+回车键测试下，此时这个门是自动一开一关的
% O& q' R/ m: F% @& ^- |
/ s4 H( B( c2 v# x2 f4 r( l6：此时要选择图层2的第1桢，按F9，弹出动作面板，给他加指令：  stop();  



; h& T5 g8 L; t7 u6 V7 B: ^
( y, R# _+ q" [" t( V在图层2的第30桢也同样的方法加这个动作，
9 m& d: }7 Z* t7 }

7：再选择图层1，选择插入图层工具插入一个新图层3（开启按钮），执行文件——导入——导入到舞台，将图3（开启按钮）拖入相应的位置，然后点击图3右键将其转化为元件

+ J( Q# ]" ]# E6 ^1 E- U


再选择按钮，这样就转化为元件了，接着右键选中“动作”，弹出动作面板后，输入动作指令如下
2 B% |4 F4 B7 }. _$ Fon (release) {
: d0 [6 ^! s" D1 l9 N5 ^' tplay();

2 D( W- L. s1 C}  

这样就已经实现了按钮控制开门了，接下来就制作关门效果
% W1 Y7 [- Z: `# z6 x# {- t- Y) L" g
, e- Q- I% F; K8：在图层2的第60桢处插入关键桢，选择图层2的第60桢，同样用方向键反方向把图2（门）移至和第一桢同一个位置，选择30桢和60桢之间任意桢创建补间动画。同样图层1的第60桢处出入桢，

! m, G/ ]0 d  j/ c) l8 [9：再添加一个图层4（关闭按钮）用选取工具移动至相应位置，同样的方法把他转化为元件后选择“按钮”， 点击右键动作，输入动作指令  
, }: ^/ \& l$ S& q! s9 ion (release) {
play();

}  
10：按CTRL+回车键测试下，此时这个门已经受两个按钮的控制了，但是发现还有些细节问题，就是要实现两个按钮间的相互交替问题，处理很简单：将图层3（开启按钮）删除一桢，
1 K+ j: ?5 u7 n! ?; T
　再在图层4（关闭按钮）的第30桢处插入关键桢后选择第29桢，将其前面的29桢清除，操作如图
6 l: T! x" G6 B# {6 M( J' _
0 j) v; W" b( x* n: H+ I' k; R
9 P0 C4 o1 X4 |


此时在时间轴上的桢的情况
* C! x% P; [2 s. I2 o+ W% G, ?# g
" L3 d$ Q" r: q+ n; G3 B  I# i; `
4 G  u9 k2 _- L$ n! J