|
|
你是否会觉得你自己空间的模版会显得单调呢,是不是看到别人的模版能开能关很羡慕呢,其实做法并不难哦,今天就抽时间给大家写篇开门和关门的效果吧,先看下效果图
3 e# l1 l! S- {
: }& E, V; v# f7 d3 t3 W效果地址:http://qq.tqqa.com/QQ348566936/teachsas/yinyong.swf
, k% ^6 N. g G5 R
& H* S: B" h+ D3 E, v0 v准备工作,当然首要的准备工作就是要有flash8。0软件,米有的朋友网上随便可以收索很多的,准备好两张ps的图,注意:图1为边框模版,中间一定要透明,格式 为“PNG”格式,图2作为门,大小稍微比图1镂空部分大一点就好。还要准备好两个按钮。
; G3 I' W/ R; H- L2 ?6 z1:打开运行flash后,新建一个flash文档,双击”12fps" ,文档尺寸改为图1的尺寸
1 l- n" E/ Y, o, x2 t- I+ L) g' r+ I" e
& o$ _2 x6 z* w- a
6 N+ p3 q) l0 h A5 x# |+ z- F0 U
6 s* C$ c( H; f$ p
然后执行 文件——导入——导入到舞台,将图1导入flash文档中 6 h$ S* C. i# ?/ Y0 R
6 [5 a& @& t8 g" h8 T5 Q) ]
2:将图1实现真正的镂空。其操作步骤:点击图1右键选择 “分离”,再在工具栏中选择套索工具,接着选择工具栏下方的“魔术棒”,然后用魔术棒点击图1,当魔术棒选中要镂空部分时,右键选择“剪切”,这样就实现真正的镂空了,具体可参考教程——轻松五步制作简单FD模版 5 N: H3 e9 Y* F' V
_( `% u- G- N7 E! V
3:把图层1锁定, ,然后添加一个新图层2 ,执行 文件——导入——导入到舞台,将图2导入,把图层1和图层2的位置调换下,使图层1确保在图层2的上面 ' ?& Z9 P; V( N: U
) n& L1 R6 _. O1 L" N
4 E$ u, F% l0 ?9 @. s! M
4:用选择工具调整好图2的位置,使其能完全覆盖图1的 镂空部分,再在图层2时间轴上的第30帧处插入关键桢,图层1的第30桢处插入桢,如图所示
% ]8 U% ^5 p. M" n2 |! w, s: [! q% s8 V7 `: [8 E' ~
# T# l' m! `; |( G# y, \/ l3 P' u, C
D! ]; ?2 ] Q! I6 m
: n n! h" u9 {, U4 t+ }/ f- M' ~4 i# m# c6 E2 I
5:在图层2的1到30桢内任意桢处,点击右键 “创建补间动画”,此时再选中图层2的第30桢,用方向键将图2拖到图1的边缘,使其完全遮住图2,再按CTRL+回车键测试下,此时这个门是自动一开一关的 % U& n3 s6 r9 R; e X
- f* v% n( a4 L# m- Z6:此时要选择图层2的第1桢,按F9,弹出动作面板,给他加指令: stop();
* t+ D% P5 Z Z$ r! H4 H: b7 Z6 z7 ? C. V% {+ X4 `/ D
7 G: }6 f. [7 d( U
0 Z' j. _7 T3 O# C* i
: X& O ]5 i+ ~2 {+ w% P# e+ x: j在图层2的第30桢也同样的方法加这个动作, ( }, i. s Y( N' t% V
# a' z8 h7 v4 T h, Y/ K, b8 \ M# g/ f" j$ P M4 i1 a' c9 `5 F
7:再选择图层1,选择插入图层工具插入一个新图层3(开启按钮),执行文件——导入——导入到舞台,将图3(开启按钮)拖入相应的位置,然后点击图3右键将其转化为元件7 ~% q" j9 x5 e7 ^3 p+ T) }+ R
# P! ^+ c; N* h" ?9 t& [+ a# G3 y8 n' {* V" i- [/ {/ m: I1 t
0 y1 E3 r. L: E6 D1 A0 J
# g4 N! m% l& K: _" r再选择按钮,这样就转化为元件了,接着右键选中“动作”,弹出动作面板后,输入动作指令如下
; j; c0 D! i8 O5 U# Pon (release) {
( H; L& k4 r$ C( a! D+ {$ ]play(); : o/ @7 L: Y( x' L
. L' s9 G2 u5 u1 m6 P}
3 |! Y) T- T* a# t: n, H0 E/ t
0 j! T6 i% {% y这样就已经实现了按钮控制开门了,接下来就制作关门效果 5 ]* L2 j Y& W/ Q A* C
# B/ @" o! U1 y. S5 n, o0 M& o# ]
8:在图层2的第60桢处插入关键桢,选择图层2的第60桢,同样用方向键反方向把图2(门)移至和第一桢同一个位置,选择30桢和60桢之间任意桢创建补间动画。同样图层1的第60桢处出入桢, 0 I0 z4 K8 j3 A' J: N3 \
+ D! ?2 |* v2 j( m) T" {+ K0 r& s
9:再添加一个图层4(关闭按钮)用选取工具移动至相应位置,同样的方法把他转化为元件后选择“按钮”, 点击右键动作,输入动作指令
6 t! N- o# ?( L& @0 o9 pon (release) {
- H7 r! l% o1 x Bplay();
& o8 `+ U0 s* d+ o, f" y R$ V1 h' c+ ]
} 5 _/ K1 W, H3 I/ ^
10:按CTRL+回车键测试下,此时这个门已经受两个按钮的控制了,但是发现还有些细节问题,就是要实现两个按钮间的相互交替问题,处理很简单:将图层3(开启按钮)删除一桢,
. h! M0 Q% Q5 F! Z* n8 Q9 m* j$ Z3 y4 f, J9 A" Q* Z4 e# a
再在图层4(关闭按钮)的第30桢处插入关键桢后选择第29桢,将其前面的29桢清除,操作如图
* ?$ s$ l( l3 M$ h5 J: ]; J6 S: F6 [% }; H4 D
9 R8 }3 S- i& r: T+ {
& W0 e( e0 p. o, b, v: U, Q0 t; M! f2 i# {- Z L6 M0 ?; P% U9 t
4 j4 D+ A2 _2 z$ ]+ J$ t此时在时间轴上的桢的情况8 D3 \$ x: F/ V |+ B
# P R G8 Z6 g, P
G8 ?8 V- _5 H( w1 ?2 T
|
|