|
你是否会觉得你自己空间的模版会显得单调呢,是不是看到别人的模版能开能关很羡慕呢,其实做法并不难哦,今天就抽时间给大家写篇开门和关门的效果吧,先看下效果图
' G& {* W" [ r k, M4 \( a# f& w5 r: Z
效果地址:http://qq.tqqa.com/QQ348566936/teachsas/yinyong.swf ) Y, t6 P) ?$ }0 N6 B* X5 {
% u; {+ a6 e6 d
准备工作,当然首要的准备工作就是要有flash8。0软件,米有的朋友网上随便可以收索很多的,准备好两张ps的图,注意:图1为边框模版,中间一定要透明,格式 为“PNG”格式,图2作为门,大小稍微比图1镂空部分大一点就好。还要准备好两个按钮。 8 p, p# `( [! d1 R
1:打开运行flash后,新建一个flash文档,双击”12fps",文档尺寸改为图1的尺寸
. U% v2 t+ I, ~* I; N6 R! M: m( d" Z; w- U z& g
1 q, L( C0 }8 d/ P7 b2 J) r9 S) l+ z* U# E4 k* N% G _
' |/ z' j# M0 _% k5 Z! O
然后执行 文件——导入——导入到舞台,将图1导入flash文档中 . K( b' N) a/ `6 z- p/ ? q( e# D5 R
9 U* K, ~4 V" Y6 e) n
2:将图1实现真正的镂空。其操作步骤:点击图1右键选择 “分离”,再在工具栏中选择套索工具,接着选择工具栏下方的“魔术棒”,然后用魔术棒点击图1,当魔术棒选中要镂空部分时,右键选择“剪切”,这样就实现真正的镂空了,具体可参考教程——轻松五步制作简单FD模版 $ I" W" R% ?/ w4 W% b
+ M0 j( \5 p0 V3 @- j3:把图层1锁定,,然后添加一个新图层2,执行 文件——导入——导入到舞台,将图2导入,把图层1和图层2的位置调换下,使图层1确保在图层2的上面
: z0 T4 K. h8 _3 C6 D
+ u4 f/ Q% r' D* ]1 n) N9 L# c+ }5 |" e* o8 g1 Y4 l8 Q8 G5 f& m8 @
4:用选择工具调整好图2的位置,使其能完全覆盖图1的 镂空部分,再在图层2时间轴上的第30帧处插入关键桢,图层1的第30桢处插入桢,如图所示
4 F6 f u8 F2 x
! u) T1 j) r% v8 k8 D8 m/ |; v: m4 U3 |8 U3 W7 H, R0 X+ F$ }
7 V/ E1 R1 c2 w& d; [) x6 G3 w7 z/ N1 W) k) f
1 Q' \9 l; M- E4 p+ o! f& S5:在图层2的1到30桢内任意桢处,点击右键 “创建补间动画”,此时再选中图层2的第30桢,用方向键将图2拖到图1的边缘,使其完全遮住图2,再按CTRL+回车键测试下,此时这个门是自动一开一关的 5 _) z# X( \! ^3 ]! A- j( @
% `, b7 t1 c( _3 w) b8 j& o3 U2 ~# f4 e3 j6:此时要选择图层2的第1桢,按F9,弹出动作面板,给他加指令: stop();
" `& ~+ G( c0 m# c6 M8 }" B& n8 U5 S$ j4 N2 O! m# O$ }# _" J
1 k0 e; ~% t- D8 ^% \
' X) \7 T& Z0 b! `1 P
9 E" S: E0 j, o( _1 V% E7 _3 N& p3 I在图层2的第30桢也同样的方法加这个动作, ' B" A1 N' n% i1 k3 c0 p
1 Y# o6 l( O/ X. R, n$ [
) y& J- a- m9 m9 O8 r3 ^
7:再选择图层1,选择插入图层工具插入一个新图层3(开启按钮),执行文件——导入——导入到舞台,将图3(开启按钮)拖入相应的位置,然后点击图3右键将其转化为元件
. ?- e6 o9 E: b; A4 g
. A4 a+ {4 {% M) n l2 @5 [
! x" _% y; g' s, o \, h9 K* o1 [/ e4 K% X! L( h5 r2 P) w( b9 m3 u
! \7 N2 m* E: v
再选择按钮,这样就转化为元件了,接着右键选中“动作”,弹出动作面板后,输入动作指令如下 ; c) u) ?! h* l, h0 b8 J
on (release) { , p& N8 }+ {/ l8 b* @+ @
play();
$ z# F1 k2 X" g7 F/ c2 ^" }+ Y' C% F
} : J/ [" I' g4 U: e' b# ?/ ~0 l
% l7 n& o4 _( u4 }- u: r
这样就已经实现了按钮控制开门了,接下来就制作关门效果
( T9 z( J. y9 t- B5 t, ~: e: F# H9 T5 d" y* V) c* a$ Z* }
8:在图层2的第60桢处插入关键桢,选择图层2的第60桢,同样用方向键反方向把图2(门)移至和第一桢同一个位置,选择30桢和60桢之间任意桢创建补间动画。同样图层1的第60桢处出入桢, a7 S+ o; b1 i
8 R M8 Z: w' R& R- c5 q2 u9:再添加一个图层4(关闭按钮)用选取工具移动至相应位置,同样的方法把他转化为元件后选择“按钮”, 点击右键动作,输入动作指令 8 E* e: ?: X3 |, I1 e9 [
on (release) {
" y) \; V1 c- u9 T5 D( Wplay(); - B4 H5 }) o) n( n
6 u$ o/ u4 C3 g
} 4 v+ H( e: f9 Q9 d
10:按CTRL+回车键测试下,此时这个门已经受两个按钮的控制了,但是发现还有些细节问题,就是要实现两个按钮间的相互交替问题,处理很简单:将图层3(开启按钮)删除一桢,
2 A, L* [% q& M% M$ x; a9 A
. ]) L3 i- V j6 ? 再在图层4(关闭按钮)的第30桢处插入关键桢后选择第29桢,将其前面的29桢清除,操作如图
4 U* k- a4 |5 ?6 ?0 D/ C6 |; P) h
. f+ [/ a; _6 R- h) B1 L& m E( c/ a1 r: N6 w9 D# d+ E
3 X7 U$ Y* a3 d8 ?8 K. q' v
/ E1 ?+ P' [" r
此时在时间轴上的桢的情况
/ S3 d) P' m `% @% e( p; E$ x) ?0 G, {: n- o
; F* G6 r: H) ^+ s |
|